@charset "UTF-8";
img{height:auto}
:root{--paper:#f3f1eb;--ink:#202724;--muted:#5e655e;--line:#d6d8cf;--accent:#c7ef73;--blue:#7cc4ff;--radius:4px;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;display:block}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #2983a3;outline-offset:6px}::selection{background:var(--accent);color:var(--ink)}.wrap{max-width:1320px;width:calc(100% - 112px);margin-inline:auto}.skip-link{position:fixed;left:20px;top:-80px;background:var(--ink);color:white;padding:15px;z-index:10}.skip-link:focus{top:15px}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:25px;font-weight:750;letter-spacing:-1.1px;display:flex;align-items:center;gap:9px}.brand-icon{background:var(--ink);width:37px;height:37px;display:grid;place-items:center;border-radius:8px}.brand-period{color:#6e8c43;margin-left:-9px}nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:550}nav a:hover,.text-link:hover,.footer-top a:hover{text-decoration:underline;text-underline-offset:5px}.nav-github{border-left:1px solid var(--line);padding-left:32px}.nav-github span{margin-left:10px}.hero{padding-block:100px 80px;display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:36px}.eyebrow{font-family:Consolas,"Courier New",monospace;font-size:11px;line-height:1.6;letter-spacing:1.3px;font-weight:600;margin:0 0 27px}.hero .eyebrow{display:flex;align-items:center;gap:10px}.status-dot{width:7px;height:7px;border-radius:100%;background:#527b33}.hero h1{font-size:clamp(45px,4.8vw,70px);line-height:1.06;letter-spacing:-3.7px;font-weight:650;margin:0 0 29px}.hero h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-3px;position:relative;font-style:italic;white-space:nowrap}.hero h1 em:after{content:"";position:absolute;inset:auto -6px 2px;height:9px;background:var(--accent);z-index:-1;transform:rotate(-3deg)}.hero-description{max-width:390px;font-size:17px;color:var(--muted);line-height:1.8;margin:0 0 30px}.hero-actions{display:flex;gap:27px;align-items:center}.button{padding:17px 23px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;font-weight:600;font-size:14px;border-radius:var(--radius);transition:background .18s,transform .18s}.button:hover{transform:translateY(-2px);background:#3c483c}.button-dark{background:var(--ink);color:#fff}.text-link{font-size:14px;font-weight:600}.download-note{font-size:11px;color:var(--muted);line-height:1.8;margin-top:18px}.hero-visual{margin:0;transform:translateY(8px)}.frame-label{display:flex;justify-content:space-between;font-family:Consolas,monospace;font-size:10px;letter-spacing:1px;margin-bottom:12px}.frame-label span:last-child{background:var(--accent);padding:3px 8px;margin-top:-3px}.tv-frame{padding:8px;background:#1d211f;border-radius:10px;box-shadow:0 22px 34px -22px #29342c66}.tv-frame img{aspect-ratio:16/9;width:100%;object-fit:cover;border-radius:3px}.hero-visual figcaption{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted);margin-top:26px;line-height:1.6}.caption-rule{width:22px;height:1px;background:var(--muted);flex-shrink:0}.image-credit{font-size:10px;color:var(--muted);margin:7px 0 0 32px}.image-credit a{text-decoration:underline;text-underline-offset:2px}.spec-strip{display:flex;justify-content:space-between;gap:20px;padding-block:23px;border-block:1px solid var(--line);font-size:12px}.spec-strip b{font-family:Consolas,monospace;color:#77816f;font-size:11px;margin-right:15px;font-weight:400}.story-section{display:grid;grid-template-columns:1fr 1.05fr;gap:80px;padding-block:110px}h2{font-size:clamp(34px,3.8vw,52px);font-weight:550;letter-spacing:-2px;line-height:1.15;margin:0}h3{font-size:18px;font-weight:650;letter-spacing:-.3px;margin:0 0 10px}.large-copy{font-size:21px;line-height:1.6;margin:0 0 30px;letter-spacing:-.35px}.feature-row{display:flex;gap:25px;border-top:1px solid var(--line);padding-block:23px}.feature-number{font-family:Consolas,monospace;color:#798271;font-size:11px;white-space:nowrap;padding-top:4px}.feature-row p{margin:0;color:var(--muted);font-size:15px;line-height:1.8}.appearance-section{background:var(--ink);color:var(--paper);padding-block:95px}.appearance-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:100px;align-items:center}.appearance-copy>.eyebrow{color:var(--accent)}.appearance-copy>p:not(.eyebrow):not(.demo-label){color:#bdc5bb;font-size:16px;line-height:1.8;max-width:340px;margin-block:24px}.appearance-copy .demo-label{font:11px Consolas,monospace;letter-spacing:1px;margin-top:34px;margin-bottom:20px;color:var(--accent)}.demo-label span{padding-left:15px}.swatches{border:0;padding:0;margin:0;display:flex;gap:10px}.swatches legend{font-size:12px;color:#c0c7ba;margin-bottom:12px}.swatches button{width:38px;height:38px;background:var(--swatch);border:6px solid var(--ink);border-radius:50%;outline:1px solid transparent;transition:outline-color .15s}.swatches button[aria-pressed=true]{outline-color:var(--paper)}.swatches button:focus-visible{outline:3px solid var(--blue)}.demo-selects{display:flex;gap:20px;margin-top:24px}.demo-selects label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#c0c7ba;flex:1;max-width:170px}.demo-selects select{background:#303a32;border:1px solid #64705f;color:var(--paper);padding:10px;border-radius:3px;width:100%;font-size:13px}.subtitle-demo{aspect-ratio:16/10;position:relative;background:#344235;border:1px solid #657360;overflow:hidden;container-type:inline-size;--subtitle-color:#fff}.demo-topline{display:flex;justify-content:space-between;gap:10px;padding:22px;font:9px Consolas,monospace;letter-spacing:1px;color:#c3ceb9}.demo-play{position:absolute;inset:0;display:grid;place-items:center;color:#b7cc9c;font-size:70px;opacity:.45}.demo-subtitle{position:absolute;bottom:10%;left:7%;right:7%;text-align:center;transition:bottom .25s;color:var(--subtitle-color);font-size:clamp(13px,3.5cqw,24px);line-height:1.5}.demo-subtitle span{background:#000c;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:5px 12px;display:inline-block;border-radius:3px}.subtitle-demo[data-size=small] .demo-subtitle{font-size:3cqw}.subtitle-demo[data-size=large] .demo-subtitle{font-size:4.5cqw}.subtitle-demo[data-size=extra] .demo-subtitle{font-size:5.5cqw}.subtitle-demo[data-position=raised] .demo-subtitle{bottom:22%}.subtitle-demo[data-position=high] .demo-subtitle{bottom:34%}.demo-footnote{font-size:11px;color:#c0c7ba;line-height:1.6;margin:15px 0 27px}.settings-link{display:flex;justify-content:space-between;font-size:13px;border-top:1px solid #54614f;padding-top:18px}.settings-link:hover{color:var(--accent)}.setup-section{display:grid;grid-template-columns:1fr 1fr;gap:95px;padding-block:110px}.setup-heading>p:not(.eyebrow){font-size:16px;line-height:1.8;color:var(--muted);max-width:360px;margin-block:25px}.setup-steps{list-style:none;margin:0;padding:0}.setup-steps li{display:flex;gap:25px;padding:25px 0;border-bottom:1px solid var(--line)}.setup-steps li:first-child{padding-top:0}.step-number{font:13px Consolas,monospace;display:grid;place-items:center;flex:0 0 33px;height:33px;border:1px solid #b6beac;border-radius:50%;margin-top:0}.setup-steps p{font-size:14px;color:var(--muted);line-height:1.8;margin:0}.setup-steps a,.faq-list a{text-decoration:underline;text-underline-offset:3px}.setup-steps strong{font-weight:600}.faq-section{padding-block:0 105px;display:grid;grid-template-columns:1fr 1fr;gap:95px}.faq-section h2{font-size:36px}.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;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;font-size:16px;font-weight:550;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:24px;font-weight:300;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:14px;line-height:1.85;color:var(--muted);margin:0 30px 24px 0}.closing{border-top:1px solid var(--line);text-align:center;padding-block:70px 85px}.closing-mark{display:grid;place-items:center;margin-bottom:25px}.closing-mark img{background:var(--ink);padding:8px;border-radius:12px}.closing .eyebrow{margin-bottom:17px}.closing h2{font-size:clamp(34px,4vw,56px)}.closing>p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.8;margin-block:24px}.closing-links{display:flex;align-items:center;justify-content:center;gap:30px}.site-footer{border-top:1px solid var(--line);padding-block:30px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-top>div{display:flex;gap:25px}.footer-top a:not(.wordmark){font-size:12px}.site-footer>p{font-size:10px;color:var(--muted);margin:25px 0 0;line-height:1.7}section[id]{scroll-margin-top:30px}
@media(min-width:1500px){.hero{gap:60px;padding-block:120px 95px}.hero h1{font-size:75px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero{gap:25px;padding-block:70px}.hero h1{font-size:48px;letter-spacing:-2.5px}.hero-actions{gap:17px}.hero-description{font-size:15px}.story-section,.appearance-grid,.setup-section,.faq-section{gap:45px}.appearance-section{padding-block:70px}.spec-strip{font-size:11px}.spec-strip b{margin-right:6px}.hero-visual figcaption{font-size:10px}.story-section,.setup-section{padding-block:80px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{height:78px}.wordmark{font-size:22px}.brand-icon{width:32px;height:32px}nav{gap:18px;font-size:12px}nav a:first-child{display:none}.nav-github{padding-left:18px}.hero{grid-template-columns:1fr;padding-block:55px 40px;gap:40px}.hero h1{font-size:clamp(45px,9vw,65px);letter-spacing:-2.5px}.hero-description{font-size:16px;max-width:450px}.hero-visual{transform:none}.hero .eyebrow{font-size:10px}.hero-visual figcaption{margin-top:18px;font-size:11px}.spec-strip{flex-direction:column;gap:14px;padding-block:22px;font-size:12px}.spec-strip b{margin-right:16px}.story-section,.appearance-grid,.setup-section,.faq-section{grid-template-columns:1fr;gap:35px}.story-section,.setup-section{padding-block:65px}.section-heading .eyebrow{margin-bottom:18px}h2{font-size:39px}.large-copy{font-size:19px}.feature-row:last-child{padding-bottom:0}.appearance-section{padding-block:60px}.appearance-copy>p:not(.eyebrow):not(.demo-label){max-width:450px}.demo-wrap{margin-top:10px}.demo-selects label{max-width:none}.demo-selects{max-width:360px}.subtitle-demo{aspect-ratio:16/10}.faq-section{padding-bottom:65px}.faq-section h2{font-size:33px}.faq-list summary{font-size:15px}.closing{padding-block:55px}.closing h2{font-size:38px}.closing>p:not(.eyebrow){font-size:14px}.closing-links{gap:22px}.footer-top{flex-wrap:wrap}.footer-top>div{order:3;width:100%;gap:25px}.image-credit{margin-left:0;font-size:9px}.download-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.language-showcase{padding-block:0 110px}.showcase-heading{display:grid;grid-template-columns:.8fr 1fr 1fr;gap:45px;align-items:start;border-top:1px solid var(--line);padding-top:70px;margin-bottom:42px}.showcase-heading .eyebrow{margin-top:8px}.showcase-heading>p:last-child{color:var(--muted);font-size:15px;line-height:1.8;margin:3px 0 0}.showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.showcase-card{margin:0}.showcase-media{position:relative;background:#1d211f;padding:7px;border-radius:8px;box-shadow:0 18px 32px -25px #29342c88}.showcase-media img{aspect-ratio:16/9;object-fit:cover;border-radius:3px}.showcase-media span{position:absolute;right:18px;top:18px;background:var(--accent);color:var(--ink);padding:6px 9px;font:10px Consolas,monospace;letter-spacing:.7px}.showcase-card figcaption{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 7px 0;font-size:12px}.showcase-card figcaption b{font-weight:600}.showcase-card figcaption a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}.showcase-note{max-width:760px;color:var(--muted);font-size:10px;line-height:1.7;margin:24px 0 0}
@media(max-width:1050px){.showcase-heading{gap:25px}.language-showcase{padding-bottom:80px}}
@media(max-width:760px){nav{display:none}.showcase-heading{grid-template-columns:1fr;gap:18px;padding-top:55px;margin-bottom:30px}.showcase-heading .eyebrow{margin:0}.showcase-grid{grid-template-columns:1fr;gap:34px}.language-showcase{padding-bottom:65px}.showcase-card figcaption{font-size:11px}}