:root{--navy-deep:#0A1224;--navy-dark:#0E1A33;--ink-blue:#14213D;--gold-metallic:#C8A862;--gold-soft:#D9C08A;--cream:#F4F1E9;--body-blue:#B7C0D8;--steel-blue:#8E9ABA;--line:#344058;--line-gold:#C8A86255;--font-serif:Georgia,'Times New Roman',serif;--font-mono:Consolas,'Cascadia Mono','Fira Code',monospace;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--navy-deep);color:var(--cream);font-family:var(--font-serif);font-size:17px;line-height:1.75;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}a:focus-visible,button:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold-soft);outline-offset:5px}::selection{background:#C8A86244;color:var(--cream)}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400;line-height:1.13;letter-spacing:-.03em}h2{font-size:clamp(35px,4.4vw,54px)}h3{font-size:28px}em{color:var(--gold-soft);font-weight:400}img{max-width:100%;display:block}code,kbd,pre{font-family:var(--font-mono)}code{font-size:.82em;overflow-wrap:anywhere}kbd{font-size:10px;border:1px solid var(--line);padding:3px 6px;color:var(--body-blue);white-space:nowrap}button{border-radius:0}ol,ul{padding-left:1.2em}[hidden]{display:none!important}.container{max-width:1220px;margin-inline:auto;padding-inline:44px}.section{padding-block:105px}.eyebrow{font:10px/1.6 var(--font-mono);letter-spacing:2px;color:var(--gold-metallic);margin-bottom:23px}.section-heading{max-width:800px;margin-bottom:48px}.section-heading>p:last-child:not(.eyebrow){color:var(--body-blue);font-size:18px;max-width:660px;margin-top:24px}.diamond{display:inline-block;flex:0 0 auto;width:8px;height:8px;transform:rotate(45deg);background:var(--gold-metallic)}.skip-link{position:fixed;top:-100px;left:20px;padding:12px 20px;background:var(--gold-metallic);color:var(--navy-deep);z-index:100}.skip-link:focus{top:10px}
.site-header{height:76px;border-bottom:1px solid #34405880;background:#080f1eef;position:sticky;top:0;z-index:30;backdrop-filter:blur(14px)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:25px}.wordmark{font:600 14px var(--font-mono);letter-spacing:4px;display:inline-flex;align-items:center;gap:18px;white-space:nowrap}.header-inner nav{display:flex;gap:27px;align-items:center;font:11px/1.5 var(--font-mono);color:var(--body-blue)}nav a:hover{color:var(--gold-soft)}.nav-github{border:1px solid var(--line-gold);padding:11px 14px;color:var(--gold-soft)}.menu-toggle{display:none}.actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:19px;padding:16px 22px;border:1px solid var(--line-gold);font:600 11px/1.5 var(--font-mono);letter-spacing:.4px;text-align:center;min-height:49px;transition:background .2s,border-color .2s}.button.primary{background:var(--gold-metallic);color:var(--navy-deep);border-color:var(--gold-metallic)}.button.primary:hover{background:var(--gold-soft)}.button.secondary{color:var(--gold-soft);background:transparent}.button.secondary:hover{background:#C8A8620d;border-color:var(--gold-metallic)}.button.quiet{border-color:transparent;color:var(--body-blue);padding-inline:4px}.button.quiet:hover{color:var(--gold-soft)}.text-link,.text-button{font:11px/1.7 var(--font-mono);color:var(--gold-soft);text-decoration:underline;text-underline-offset:5px}.text-button{border:0;background:none;padding:10px 0}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-block:87px 91px}.hero h1{font-size:clamp(56px,6.2vw,78px);line-height:1.06;letter-spacing:-3px}.hero-lead{max-width:445px;font-size:18px;color:var(--body-blue);margin:30px 0}.hero-copy .actions{gap:8px 18px}.hero-foot{font:10px/1.8 var(--font-mono);color:var(--steel-blue);margin-top:23px;max-width:400px}.hero-document{position:relative;border:1px solid var(--line-gold);background:var(--navy-dark);margin:10px 0 28px;box-shadow:24px 24px 0 -1px var(--navy-deep),24px 24px 0 0 #34405870}.hero-document:before{content:'';position:absolute;inset:10px;border:1px solid #C8A86214;pointer-events:none}.document-top{display:flex;gap:13px;align-items:center;padding:20px 25px;border-bottom:1px solid var(--line);font:9px var(--font-mono);letter-spacing:1.2px;color:var(--steel-blue)}.document-top .diamond{width:6px;height:6px}.document-ext{margin-left:auto;color:var(--gold-metallic)}.document-body{padding:38px 39px 34px}.document-label{font:9px var(--font-mono);color:var(--gold-metallic);letter-spacing:1.7px}.document-body h2{font-size:39px;margin-top:19px;line-height:1.13}.document-body>p{font-size:16px;color:var(--body-blue);margin-top:20px;max-width:330px}.document-rule{display:flex;align-items:center;gap:14px;margin-block:27px;color:var(--gold-metallic)}.document-rule span{height:1px;background:var(--line);flex:1}.document-rule b{font-size:8px;font-weight:400}.document-body h3{font-size:23px}.document-body ul{font-size:15px;color:var(--body-blue);margin:17px 0 23px}.document-body li{margin-top:6px}.document-body li::marker{color:var(--gold-metallic)}.document-note{border-left:2px solid var(--gold-metallic);padding:13px 17px;background:#14213d7a}.document-note span{font:8px var(--font-mono);letter-spacing:1px;color:var(--gold-metallic)}.document-note p{font-size:15px;color:var(--body-blue);margin-top:8px}.document-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:18px 25px;font:8px var(--font-mono);letter-spacing:1px;color:var(--steel-blue)}.hero-caption{position:absolute;left:0;bottom:-49px;font:8px/1.5 var(--font-mono);color:var(--steel-blue);width:100%;text-align:center}
.facts{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:30px;padding-block:29px;border-block:1px solid var(--line)}.facts>div{display:flex;gap:22px;align-items:center}.facts strong{font:italic 48px var(--font-serif);color:var(--gold-soft);font-weight:400}.facts p{font-size:17px;line-height:1.3}.facts p span{display:block;font:10px/1.6 var(--font-mono);color:var(--steel-blue);margin-top:9px}.facts .fact-word{font-size:37px}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.mode-grid article{border-top:1px solid var(--line-gold);padding-top:25px;display:flex;flex-direction:column;align-items:flex-start}.mode-index{font:10px var(--font-mono);letter-spacing:1px;color:var(--gold-metallic)}.mode-index span{color:var(--line);margin:0 9px}.mode-grid h3{font-size:31px;margin-block:26px 21px}.mode-grid p{font-size:16px;color:var(--body-blue);margin-bottom:28px}.mode-use{font:9px/1.8 var(--font-mono);letter-spacing:.6px;color:var(--steel-blue);margin-top:auto}.mode-use kbd{display:block;width:fit-content;margin-top:11px}
.showcase-section{padding-block:80px;background:#0D172B;border-block:1px solid var(--line)}.showcase-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:38px}.showcase-heading>p{max-width:420px;color:var(--body-blue);font-size:16px}.capture-shell{border:1px solid var(--line-gold);background:var(--navy-deep)}.capture-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:0 22px;background:#080f1e}.capture-filename{display:flex;align-items:center;gap:14px;font:9px var(--font-mono);letter-spacing:1px;color:var(--steel-blue)}.capture-filename .diamond{width:6px;height:6px}.capture-tabs{display:flex;gap:3px}.capture-tabs button{font:11px var(--font-mono);color:var(--steel-blue);padding:19px 17px;border:0;border-bottom:2px solid transparent;background:none}.capture-tabs button[aria-selected=true]{color:var(--gold-soft);border-bottom-color:var(--gold-metallic);background:#C8A86208}.capture-shell [role=tabpanel]{min-width:0}.capture-shell img{width:100%;height:auto}.capture-caption{display:flex;gap:24px;justify-content:space-between;margin-top:19px;color:var(--steel-blue);font:10px/1.8 var(--font-mono)}.capture-caption a{color:var(--gold-soft);white-space:nowrap}.showcase-next{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:38px;padding-top:30px;border-top:1px solid var(--line)}.showcase-next p{font-size:17px;color:var(--body-blue)}.showcase-next strong{font-weight:400;color:var(--cream)}
.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px 45px}.capability-grid article{padding-top:22px;border-top:1px solid var(--line)}.feature-mark{font:20px var(--font-mono);letter-spacing:1px;color:var(--gold-metallic);display:block;min-height:37px;margin-bottom:18px}.capability-grid h3{font-size:25px;margin-bottom:15px}.capability-grid p{color:var(--body-blue);font-size:15px}.use-section{padding-block:35px 85px;display:grid;grid-template-columns:1.1fr 1fr;gap:65px;border-bottom:1px solid var(--line)}.use-section h2{font-size:43px}.use-list article{border-top:1px solid var(--line);padding:24px 0;display:flex;gap:25px}.use-list article>span{font:11px var(--font-mono);color:var(--gold-metallic);padding-top:6px}.use-list h3{font-size:24px}.use-list p{font-size:15px;color:var(--body-blue);margin-top:13px}
.start-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;list-style:none;padding:0;margin:0}.start-steps li{position:relative;border-top:1px solid var(--line-gold);padding-top:25px}.step-number{font:italic 37px var(--font-serif);color:var(--gold-metallic)}.start-steps h3{font-size:27px;margin:23px 0 17px}.start-steps p{font-size:16px;color:var(--body-blue)}.start-steps strong{font-weight:400;color:var(--cream)}.start-steps a{display:inline-block;font:11px var(--font-mono);color:var(--gold-soft);margin-top:23px;text-decoration:underline;text-underline-offset:4px}.step-detail{display:block;font:9px/1.8 var(--font-mono);letter-spacing:.5px;color:var(--steel-blue);margin-top:25px}.start-notes{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:42px;border:1px solid var(--line);padding:25px 29px}.start-notes p{color:var(--body-blue);font-size:14px}.start-notes strong{color:var(--gold-soft);font-weight:400}.start-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:27px}.shortcuts{display:flex;flex-wrap:wrap;gap:20px 30px;align-items:center;border-block:1px solid var(--line);padding-block:22px;margin-top:38px;color:var(--steel-blue);font:10px var(--font-mono)}.shortcuts>span{font-size:9px;letter-spacing:1px;color:var(--gold-metallic)}.shortcuts kbd{margin-right:8px}
.extras{padding-block:5px 50px}.extras-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.extra{border:1px solid var(--line);background:var(--navy-dark);padding:31px}.extra .eyebrow{display:block;font-size:9px;margin-bottom:22px}.extra h3{font-size:29px}.extra>p{font-size:15px;color:var(--body-blue);margin:20px 0 24px}.extra .actions{gap:11px 20px}.extra .button{font-size:10px;padding:14px 17px}.extra details{border-top:1px solid var(--line);margin-top:24px}.extra summary{font:11px/1.7 var(--font-mono);padding-top:18px;color:var(--gold-soft);cursor:pointer}.extra pre{font-size:11px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;padding:19px;background:var(--navy-deep);border:1px solid var(--line);max-height:370px;overflow:auto;color:var(--body-blue)}.github-invite{border:1px solid var(--line-gold);background:#19213a;display:flex;align-items:center;gap:30px;padding:31px;margin-top:25px;position:relative}.github-invite .eyebrow{font-size:9px;margin-bottom:12px}.github-invite h3{font-size:26px}.github-invite p:not(.eyebrow){font-size:14px;color:var(--body-blue);margin-top:13px;max-width:620px}.github-invite>.button{flex-shrink:0;margin-right:16px}.github-invite>button{position:absolute;top:10px;right:10px;background:none;color:var(--body-blue);font:23px var(--font-serif);border:0;padding:4px 10px}
.faq{display:grid;grid-template-columns:1fr 1.1fr;gap:65px}.faq h2{font-size:43px}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;padding:21px 4px;font-size:17px}.faq-list details[open] summary{color:var(--gold-soft)}.faq-list p{font-size:15px;color:var(--body-blue);padding:0 4px 23px}.final-section{padding-block:15px 80px}.final-frame{border:1px solid var(--line-gold);padding:58px 40px;position:relative;text-align:center}.final-frame:before{content:'';position:absolute;inset:10px;border:1px solid #C8A86216;pointer-events:none}.final-frame>.diamond{margin-bottom:26px}.final-frame h2{font-size:clamp(35px,4.4vw,54px)}.final-frame>p:not(.eyebrow){font-size:17px;color:var(--body-blue);max-width:640px;margin:28px auto}.final-frame strong{font-weight:400;color:var(--cream)}.final-frame .actions{justify-content:center}.footer{border-top:1px solid var(--line);padding-block:35px;display:flex;justify-content:space-between;gap:30px}.footer .wordmark{font-size:12px}.footer p{font:10px/1.8 var(--font-mono);color:var(--steel-blue);margin-top:18px}.footer p a{color:var(--body-blue)}.footer-links{display:flex;gap:25px;align-items:center;font:10px/1.8 var(--font-mono);color:var(--steel-blue)}.footer-links a:hover{color:var(--gold-soft)}
.toast{position:fixed;bottom:23px;left:50%;transform:translate(-50%,20px);max-width:calc(100% - 35px);width:max-content;background:var(--gold-soft);color:var(--navy-deep);padding:14px 20px;box-shadow:0 8px 30px #0005;font:11px/1.7 var(--font-mono);opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:100}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{max-width:630px;width:calc(100% - 36px);background:var(--navy-dark);color:var(--cream);border:1px solid var(--line-gold);padding:30px}dialog::backdrop{background:#000b}dialog h2{font-size:31px}dialog p{font-size:16px;color:var(--body-blue);margin:19px 0}dialog textarea{width:100%;height:240px;background:var(--navy-deep);border:1px solid var(--line);color:var(--body-blue);font:12px/1.8 var(--font-mono);padding:16px;margin-bottom:20px}
@media(max-width:1050px){.container{padding-inline:30px}.header-inner nav{gap:17px;font-size:10px}.hero{gap:38px}.hero h1{font-size:65px}.hero-document{box-shadow:13px 13px 0 -1px var(--navy-deep),13px 13px 0 0 #34405870}.document-body{padding:30px}.document-body h2{font-size:35px}.hero-copy .button{font-size:10px}.facts{gap:20px}.facts>div{gap:15px}.facts strong{font-size:42px}.facts .fact-word{font-size:32px}.facts p{font-size:15px}.facts p span{font-size:9px}.mode-grid{gap:27px}.mode-grid h3{font-size:29px}.use-section,.faq{gap:40px}.use-section h2,.faq h2{font-size:38px}.footer-links{gap:15px}.github-invite{flex-wrap:wrap}}
@media(max-width:800px){.hero{grid-template-columns:1fr;gap:45px;padding-block:55px 75px}.hero h1{font-size:70px}.hero-lead{max-width:570px}.hero-document{width:100%;max-width:530px;margin-inline:auto}.document-body{padding:35px 40px}.document-body h2{font-size:42px}.document-body>p{max-width:none}.hero-caption{bottom:-38px}.section{padding-block:75px}.header-inner nav{display:none;position:absolute;top:75px;left:0;right:0;padding:22px 30px;background:#080f1e;border-bottom:1px solid var(--line);font-size:12px;flex-wrap:wrap;gap:22px}.header-inner nav.open{display:flex}.menu-toggle{display:flex;flex-direction:column;gap:6px;padding:12px;background:none;border:1px solid var(--line)}.menu-toggle span{display:block;height:1px;width:19px;background:var(--gold-soft)}.mode-grid{grid-template-columns:1fr;gap:30px}.mode-grid article{display:grid;grid-template-columns:1fr 1.15fr;column-gap:35px}.mode-index{grid-column:1/-1}.mode-grid h3{margin-block:20px 14px}.mode-grid p{margin:20px 0 12px}.mode-use{grid-column:1/-1}.mode-use kbd{display:inline-block;margin:0 0 0 10px}.showcase-heading{gap:35px}.showcase-heading>p{max-width:320px;font-size:15px}.capability-grid{grid-template-columns:1fr 1fr;gap:35px}.use-section{grid-template-columns:1fr;gap:35px;padding-bottom:50px}.use-section h2,.faq h2{font-size:42px}.start-steps{gap:23px}.start-steps h3{font-size:24px}.start-steps p{font-size:15px}.extras-grid{grid-template-columns:1fr}.extra{padding:30px}.faq{grid-template-columns:1fr;gap:30px}.footer{flex-direction:column}.footer-links{flex-wrap:wrap;gap:15px 25px}.final-section{padding-block:0 60px}}
@media(max-width:560px){.container{padding-inline:23px}.site-header{height:68px}.header-inner nav{top:67px}.wordmark{font-size:12px;letter-spacing:3px;gap:14px}.hero{padding-block:42px 61px;gap:38px}.hero h1{font-size:clamp(49px,13vw,65px);letter-spacing:-2px}.eyebrow{font-size:9px;letter-spacing:1.4px}.hero-lead{font-size:17px;margin-block:25px}.hero-copy .actions{align-items:stretch;flex-direction:column;gap:7px}.hero-copy .button{font-size:11px}.hero-foot{font-size:9px;line-height:1.9}.document-top{padding:17px 20px;font-size:8px;letter-spacing:.6px}.document-body{padding:29px 25px}.document-body h2{font-size:35px}.document-body>p{font-size:15px}.document-label{font-size:8px}.document-body h3{font-size:23px}.document-body ul{font-size:14px;padding-left:1.1em}.document-note{padding:12px}.document-note span{font-size:7px;letter-spacing:.4px}.document-note p{font-size:14px}.document-bottom{padding:16px 18px;font-size:7px;gap:8px;letter-spacing:.5px}.hero-caption{font-size:7px;bottom:-40px}.facts{grid-template-columns:1fr;padding-block:0;gap:0}.facts>div{padding:21px 0;gap:24px}.facts>div+div{border-top:1px solid var(--line)}.facts strong{width:80px;font-size:38px}.facts .fact-word{font-size:30px}.facts p{font-size:17px}.facts p span{font-size:10px;margin-top:5px}.section{padding-block:61px}.section-heading{margin-bottom:32px}.section-heading h2{font-size:36px}.section-heading>p:last-child:not(.eyebrow){font-size:16px;margin-top:20px}.mode-grid article{display:block}.mode-grid h3{font-size:31px;margin-block:20px 18px}.mode-grid p{font-size:16px;margin-block:0 23px}.mode-use{font-size:8px}.showcase-section{padding-block:55px}.showcase-heading{display:block;margin-bottom:27px}.showcase-heading h2{font-size:41px}.showcase-heading>p{max-width:none;margin-top:24px;font-size:16px}.capture-toolbar{padding:0 12px;gap:5px;flex-wrap:wrap}.capture-filename{font-size:8px;letter-spacing:.4px;padding-block:13px}.capture-tabs{width:100%;border-top:1px solid var(--line)}.capture-tabs button{flex:1;padding:15px 8px;font-size:10px}.capture-caption{font-size:9px;gap:13px;flex-direction:column}.capture-caption a{text-decoration:underline;text-underline-offset:4px}.showcase-next{flex-direction:column;align-items:stretch;gap:20px;margin-top:26px}.showcase-next p{font-size:16px}.capability-grid{gap:28px 22px}.capability-grid h3{font-size:22px}.capability-grid p{font-size:14px}.feature-mark{font-size:18px}.use-section{padding-block:0 40px}.use-section h2,.faq h2{font-size:36px}.use-list article{gap:19px}.use-list h3{font-size:24px}.use-list p{font-size:15px}.start-steps{grid-template-columns:1fr;gap:31px}.start-steps li{padding-top:20px}.start-steps h3{font-size:28px;margin-block:15px}.start-steps p{font-size:16px}.step-number{font-size:33px}.step-detail{margin-top:18px}.start-notes{grid-template-columns:1fr;gap:20px;padding:21px;margin-top:31px}.start-notes p{font-size:14px}.start-actions{gap:20px}.start-actions .button{width:100%;font-size:10px}.shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:18px 8px;font-size:9px}.shortcuts>span{grid-column:1/-1}.shortcuts kbd{font-size:9px;margin-right:5px}.extra{padding:24px 21px}.extra .eyebrow{font-size:8px}.extra h3{font-size:28px}.extra>p{font-size:15px}.extra .button{width:100%;font-size:10px}.extra .text-button{font-size:10px}.extra pre{font-size:10px;padding:14px}.extras{padding-bottom:0}.github-invite{padding:29px 21px}.github-invite>.button{width:100%;margin-right:0;font-size:10px}.github-invite h3{font-size:26px}.faq-list summary{font-size:17px}.final-frame{padding:39px 22px}.final-frame .eyebrow{font-size:8px;letter-spacing:1px}.final-frame h2{font-size:34px}.final-frame>p:not(.eyebrow){font-size:16px}.final-frame .button{width:100%;font-size:10px;padding-inline:10px}.footer{padding-block:28px}.footer-links{font-size:9px;gap:15px}.toast{font-size:10px;width:calc(100% - 40px);text-align:center}dialog{padding:24px}dialog h2{font-size:29px}}
.hero{align-items:start}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
