:root{color-scheme:dark;--bg: #0b0f19;--surface: #111827;--surface-2: #162033;--border: #253044;--primary: #00d4ff;--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--text: #f9fafb;--muted: #a7b0c0;--max: 1160px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--primary);outline-offset:3px}main{min-height:70vh}.site-header,.site-footer{width:min(100% - 32px,var(--max));margin:0 auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:22px 0;border-bottom:1px solid var(--border)}.brand{display:inline-flex;align-items:center;flex:0 0 auto;gap:10px;font-weight:700}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid color-mix(in srgb,var(--primary) 55%,var(--border));border-radius:8px;color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent);font-size:13px}.nav-cluster{display:flex;align-items:center;justify-content:flex-end;min-width:0;gap:18px}.site-nav,.site-footer nav{display:flex;flex-wrap:wrap;gap:14px;color:var(--muted);font-size:14px}.site-nav a:hover,.site-footer a:hover{color:var(--primary)}.nav-action,.button-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border:1px solid color-mix(in srgb,var(--primary) 60%,var(--border));border-radius:8px;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--text);font-size:14px;font-weight:700;transition:background .16s ease,border-color .16s ease,transform .16s ease}.nav-action:hover{background:color-mix(in srgb,var(--primary) 18%,transparent)}.button-link{border-color:var(--primary);background:var(--primary);color:#04121a}.button-link:hover{background:color-mix(in srgb,var(--primary) 86%,#ffffff);transform:translateY(-1px)}.nav-action:focus-visible,.button-link:focus-visible,.preview-tab:focus-visible,.action-row button:focus-visible,.faq-list summary:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.site-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;padding:34px 0 42px;margin-top:56px;border-top:1px solid var(--border);color:var(--muted)}.site-footer strong{display:block;margin-bottom:6px;color:var(--text)}.site-footer p{max-width:680px;margin:0}.footer-links{display:grid;gap:12px;justify-items:end}.footer-note{max-width:360px;margin:0;text-align:right;font-size:13px}.cookie-banner{position:fixed;inset:auto 16px 16px;z-index:50;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px 24px;width:min(100% - 32px,var(--max));margin:0 auto;padding:16px 18px;border:1px solid color-mix(in srgb,var(--primary) 32%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--surface) 94%,#000);box-shadow:0 18px 46px #0000006b;animation:rise-in .36s ease-out both}.cookie-banner[hidden]{display:none}.cookie-banner p{flex:1 1 320px;margin:0;color:var(--muted);font-size:14px}.cookie-banner a{color:var(--primary)}.cookie-actions{display:flex;flex-wrap:wrap;gap:10px}.cookie-actions button{min-height:40px;padding:0 16px;border:1px solid color-mix(in srgb,var(--primary) 50%,var(--border));border-radius:8px;background:transparent;color:var(--text);cursor:pointer;font:inherit;font-size:14px;font-weight:700}.cookie-actions button:hover{border-color:var(--primary)}.cookie-actions .cookie-accept{border-color:var(--primary);background:var(--primary);color:#04121a}.cookie-actions button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.page-shell{width:min(100% - 32px,var(--max));margin:0 auto;padding:48px 0 0}.hero{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:34px;align-items:center;padding:28px 0 36px}.hero>.eyebrow,.hero>h1,.hero>.lead,.hero>.metadata{grid-column:1 / -1}.compact-hero{grid-template-columns:1fr;padding-bottom:22px}.hero-copy{display:grid;gap:18px;max-width:860px;animation:rise-in .52s ease-out both}.hero:not(.compact-hero) .hero-copy h1{font-size:clamp(40px,5.6vw,60px)}.page-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:20px 52px;align-items:end;padding:48px 0 38px;animation:rise-in .52s ease-out both}.page-hero-heading{display:grid;gap:14px;min-width:0}.page-hero-heading h1{margin:0;max-width:none;font-size:clamp(30px,3.4vw,46px);line-height:1.06}.page-hero .lead{margin:0;max-width:460px;padding-bottom:6px}.page-intro{max-width:820px;margin:0 0 4px;color:var(--muted);animation:rise-in .56s ease-out 60ms both}.hero-panel{border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:18px}.hero-panel strong{display:block;margin-bottom:12px}.hero-panel ul,.check-list{display:grid;gap:10px;margin:0;padding:0;list-style:none;color:var(--muted);font-size:14px}.hero-panel li,.check-list li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px}.hero-panel li:before,.check-list li:before{content:"✓";color:var(--success);font-weight:700}.tool-preview{position:relative;display:grid;gap:14px;padding:18px;overflow:hidden;border:1px solid color-mix(in srgb,var(--primary) 28%,var(--border));border-radius:8px;background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 10%,transparent),transparent 42%),var(--surface);box-shadow:0 18px 46px #0000003d;animation:rise-in .62s ease-out 80ms both}.tool-preview:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 0%,rgb(255 255 255 / 7%) 42%,transparent 72%);transform:translate(-120%);animation:soft-sheen 5.5s ease-in-out infinite}.preview-head{position:relative;display:flex;align-items:center;gap:10px}.status-dot{width:9px;height:9px;border-radius:999px;background:var(--success);box-shadow:0 0 0 6px color-mix(in srgb,var(--success) 16%,transparent);animation:dot-pulse 1.9s ease-in-out infinite}.preview-tabs{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.preview-tab{min-width:0;min-height:36px;overflow:hidden;padding:0 8px;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--surface-2) 70%,transparent);color:var(--muted);cursor:pointer;font:inherit;font-size:13px;font-weight:700}.preview-tab:hover,.preview-tab.is-active{border-color:color-mix(in srgb,var(--primary) 60%,var(--border));color:var(--text);background:color-mix(in srgb,var(--primary) 13%,var(--surface))}.preview-screen{position:relative;display:grid;gap:10px}.preview-screen div{display:grid;gap:6px}.preview-screen span{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase}.preview-screen code{display:block;min-height:58px;max-height:126px;overflow:auto;white-space:pre-wrap;word-break:break-word;padding:12px;border:1px solid var(--border);border-radius:8px;background:#080c14;color:#d9f7ff;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.45}.preview-screen code.pulse{animation:code-pulse .32s ease-out}.tool-preview p{position:relative;margin:0;color:var(--muted);font-size:13px}.eyebrow{color:var(--primary);font-size:14px;font-weight:700}h1,h2,h3,p{margin-top:0}h1{max-width:820px;margin-bottom:0;font-size:clamp(38px,5.2vw,64px);line-height:1.04;overflow-wrap:break-word}h2{margin:44px 0 18px;font-size:26px;line-height:1.2}.lead{max-width:760px;margin-bottom:0;color:var(--muted);font-size:18px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-top:46px;margin-bottom:18px}.section-head h2{margin:0}.section-head p{max-width:560px;margin:0;color:var(--muted);font-size:14px}.content-card{display:grid;min-height:132px;align-content:start;gap:10px;padding:18px;border:1px solid var(--border);border-radius:8px;background:var(--surface);transform:translateY(0);transition:border-color .16s ease,transform .16s ease,background .16s ease}.content-card:hover{border-color:color-mix(in srgb,var(--primary) 55%,var(--border));background:color-mix(in srgb,var(--surface) 86%,var(--primary));transform:translateY(-2px)}.content-card span{color:var(--success);font-size:13px;font-weight:700}.content-card strong{font-size:18px;line-height:1.25}.content-card p{margin:0;color:var(--muted);font-size:14px}.notice{margin-top:28px;padding:16px 18px;border:1px solid color-mix(in srgb,var(--success) 42%,var(--border));border-radius:8px;background:color-mix(in srgb,var(--success) 9%,var(--surface));color:#d7ffe4}.band{margin-top:48px;padding:28px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2)}.band h2{margin-top:0}.band p{color:var(--muted)}.metadata{margin:0;color:var(--muted);font-size:14px}.content-section{margin-top:30px;padding-top:4px}.content-section>h2{margin-top:0}.content-section>p{max-width:860px;color:var(--muted)}.structured-list{display:grid;gap:10px;max-width:900px;margin:0;padding-left:22px;color:var(--muted)}.structured-list li::marker{color:var(--primary)}.faq-list{display:grid;gap:10px;max-width:920px}.faq-list details{border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:14px 16px}.faq-list summary{cursor:pointer;color:var(--text);font-weight:700}.faq-list p{margin:12px 0 0;color:var(--muted)}.tool-workspace{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;align-items:stretch;margin:8px 0 34px;padding:22px;border:1px solid color-mix(in srgb,var(--primary) 32%,var(--border));border-radius:8px;background:var(--surface)}.tool-workspace h2{margin-top:0}.tool-workspace p{color:var(--muted)}.code-stack{display:grid;gap:16px;max-width:920px}.code-stack figure{margin:0;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#080c14}.code-stack figcaption{padding:10px 12px;border-bottom:1px solid var(--border);color:var(--muted);font-size:13px;font-weight:700}.code-stack pre{margin:0;overflow:auto;padding:14px}.code-stack code{color:#d9f7ff;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.5}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:8px;background:var(--surface)}table{width:100%;min-width:720px;border-collapse:collapse;font-size:14px}th,td{padding:12px 14px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}th{color:var(--text);background:color-mix(in srgb,var(--surface-2) 78%,var(--surface));font-size:12px;text-transform:uppercase}td{color:var(--muted)}tr:last-child td{border-bottom:0}.action-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.action-row span,.action-row button{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:#080c14;color:var(--muted);cursor:pointer;font:inherit;font-size:12px;font-weight:700}.action-row button:hover{border-color:color-mix(in srgb,var(--primary) 55%,var(--border));color:var(--text)}.tool-status{min-height:22px;margin-top:14px;font-size:13px}.tool-status[data-state=ok]{color:#d7ffe4}.tool-status[data-state=error]{color:#ffd6d6}.tool-demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tool-demo-panel{display:grid;gap:10px;min-width:0}.tool-demo-panel strong,.tool-demo-panel label{color:var(--text);font-weight:700}.tool-demo-panel pre,.tool-demo-panel textarea{min-height:170px;max-height:260px;margin:0;overflow:auto;padding:14px;border:1px solid var(--border);border-radius:8px;background:#080c14}.tool-demo-panel textarea{width:100%;resize:vertical;color:#d9f7ff;font:13px/1.5 SFMono-Regular,Consolas,Liberation Mono,monospace}.tool-demo-panel textarea:focus{outline:2px solid color-mix(in srgb,var(--primary) 70%,transparent);outline-offset:2px}.tool-demo-panel code{color:#d9f7ff;white-space:pre-wrap;word-break:break-word;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.5}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes soft-sheen{0%,42%{transform:translate(-120%)}68%,to{transform:translate(120%)}}@keyframes dot-pulse{0%,to{box-shadow:0 0 0 5px color-mix(in srgb,var(--success) 13%,transparent)}50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--success) 23%,transparent)}}@keyframes code-pulse{0%{border-color:color-mix(in srgb,var(--primary) 68%,var(--border));background:color-mix(in srgb,var(--primary) 13%,#080c14)}to{border-color:var(--border);background:#080c14}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media(max-width:980px){.site-header{align-items:flex-start;flex-direction:column}.nav-cluster{align-items:flex-start;flex-direction:column;width:100%}.site-nav{width:100%}.nav-action{width:fit-content}}@media(max-width:820px){.site-footer{grid-template-columns:1fr}.footer-links{justify-items:start}.footer-note{text-align:left}.hero{grid-template-columns:1fr}.page-hero{grid-template-columns:1fr;align-items:start;gap:16px}.page-hero .lead{max-width:640px}.tool-preview{width:100%}.tool-workspace,.tool-demo-grid,.grid,.grid.four{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}h1{font-size:38px;line-height:1.06}}@media(max-width:480px){.page-shell{width:min(100% - 28px,var(--max));padding-top:42px}h1{font-size:34px;line-height:1.08}.lead{font-size:16px}.preview-tabs{gap:6px}.preview-tab{min-height:34px;padding:0 6px;font-size:12px}.tool-preview,.tool-workspace{padding:16px}}

/* Tool workspace layout overrides */
.tool-workspace{grid-template-columns:1fr;gap:20px;padding:24px}.tool-workspace>div:first-child,.tool-demo-grid{display:contents}.tool-workspace h2{order:1;margin:0 0 8px}.tool-workspace p{order:1;max-width:920px}.tool-demo-panel:first-child{order:2}.action-row{order:3;gap:10px;margin-top:0}.tool-workspace .tool-status{order:4;margin:0;font-size:14px}.tool-demo-panel:last-child{order:5}.action-row span,.action-row button{justify-content:center;min-height:44px;padding:0 18px;border-color:color-mix(in srgb,var(--primary) 45%,var(--border));background:#0c1728;color:var(--text);font-size:14px;font-weight:800;box-shadow:inset 0 1px 0 rgb(255 255 255 / 5%);transition:background .16s ease,border-color .16s ease,transform .16s ease}.action-row button:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 16%,#0c1728);transform:translateY(-1px)}.tool-demo-panel strong,.tool-demo-panel label{font-weight:800}.tool-demo-panel pre,.tool-demo-panel textarea{min-height:clamp(220px,32vh,420px);max-height:none;padding:16px;border-color:color-mix(in srgb,var(--primary) 28%,var(--border))}.tool-demo-panel textarea{overflow:hidden;field-sizing:content}.tool-demo-panel textarea,.tool-demo-panel code{font-size:14px;line-height:1.55}@media(max-width:820px){.tool-demo-panel pre,.tool-demo-panel textarea{min-height:220px}}@media(max-width:480px){.action-row button{flex:1 1 calc(50% - 10px)}}