*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:#111714;color:#f3f3e9;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #d9f58c;outline-offset:6px}.wrap{max-width:1240px;margin:auto;padding-left:48px;padding-right:48px}.nav{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff17}.wordmark{display:inline-flex;align-items:center;gap:9px;font-size:25px;letter-spacing:-1.2px;font-weight:800}.beta{margin-left:8px;border:1px solid #7b857750;border-radius:3px;padding:5px 6px;font:9px monospace;letter-spacing:1px;color:#a0a99d}.nav nav{display:flex;gap:34px;font-size:13px;color:#c1c8bb}.nav nav a:hover{color:#d9f58c}.hero{position:relative;overflow:hidden;padding-top:65px;padding-bottom:65px}.eyebrow,.section-label{font:10px monospace;letter-spacing:1.7px;color:#b8c1af}.eyebrow{display:flex;gap:11px;align-items:center}.status-dot{display:inline-block;width:6px;height:6px;background:#d9f58c;border-radius:100%;box-shadow:0 0 15px #d9f58c30;flex-shrink:0}.slash{margin:0 5px;color:#57634e}h1{position:relative;z-index:1;font-size:clamp(56px,6.1vw,84px);font-weight:500;line-height:1.02;letter-spacing:-5px;margin:35px 0 30px}h1 em{font-style:normal;color:#d9f58c}.hero-bottom{position:relative;z-index:1;display:flex;align-items:center;gap:45px}.hero-bottom p{max-width:415px;line-height:1.7;color:#aab3a4;font-size:15px;margin:0}.round-link{border:1px solid #ffffff35;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font-size:22px;transition:background .2s}.round-link:hover{background:#d9f58c;color:#111714}.orbit{position:absolute;right:42px;top:65px;width:440px;height:440px;pointer-events:none}.orbit-ring{position:absolute;inset:5px;border:1px solid #d9f58c15;border-radius:50%}.orbit-ring.second{inset:-40px}.chart-card{position:absolute;width:225px;height:300px;padding:22px;border-radius:15px;border:1px solid #e5efbd28;box-shadow:0 30px 80px #0005;font:9px monospace;letter-spacing:1.3px}.chart-card.back{background:#303b2b;transform:rotate(-17deg);top:35px;left:22px;color:#bdc9ab}.abstract-card{height:220px;display:grid;place-items:center;font:170px Georgia;color:#829c69}.chart-card.front{background:#d9f58c;color:#23351a;transform:rotate(12deg);top:100px;left:160px;border-color:#e4ffa4}.chart-card.front svg{margin:37px -7px 35px;width:195px}.chart-card small{font:8px monospace;letter-spacing:1.2px}.orbit-note{position:absolute;bottom:-12px;right:30px;color:#677160;font:8px monospace;letter-spacing:2px}.intro{border-top:1px solid #ffffff17;display:grid;grid-template-columns:1fr 2fr;gap:60px;padding-top:65px;padding-bottom:75px}.section-label{font-size:9px;margin-top:5px;line-height:1.6}h2{font-size:36px;line-height:1.15;font-weight:500;letter-spacing:-1.4px;margin:0 0 22px}.intro div>p{max-width:590px;font-size:15px;line-height:1.8;color:#aab3a4}.preview{padding-top:25px;padding-bottom:70px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.section-heading h2{margin-bottom:0}.preview-note{font-size:11px;line-height:1.7;color:#8e9b86}.screenshot-shell{border:1px solid #394234;border-radius:14px;overflow:hidden;background:#151d16}.window-bar{padding:15px 22px;border-bottom:1px solid #ffffff10;display:flex;justify-content:space-between;align-items:center;color:#7f8e75;font:9px monospace;letter-spacing:1px}.window-dots{color:#5c6a53;letter-spacing:3px;font-size:9px}.window-end{font-size:15px}.slide{margin:0;display:grid;grid-template-columns:minmax(0,3fr) minmax(170px,1fr);align-items:center}.slide[hidden]{display:none}.slide img{display:block;width:100%;height:auto;aspect-ratio:820/560;object-fit:cover;border-right:1px solid #ffffff10}.slide figcaption{padding:30px}.slide figcaption>span{color:#b6cf91;font:9px monospace;letter-spacing:1px}.slide strong{display:block;font-size:27px;font-weight:500;letter-spacing:-.6px;line-height:1.2;margin:23px 0 17px}.slide figcaption p{color:#a1ad95;font-size:13px;line-height:1.7}.carousel-controls{display:flex;justify-content:space-between;padding:17px 22px;border-top:1px solid #ffffff10;gap:10px}.tabs{display:flex;gap:8px}.tabs button{border:0;background:none;color:#91a282;padding:9px 16px;cursor:pointer;border-radius:5px;font-size:11px}.tabs .active{background:#d9f58c;color:#26351d}.arrows{display:flex;gap:8px}.arrows button{width:35px;height:35px;border:1px solid #ffffff25;background:none;border-radius:50%;color:#d4dfca;cursor:pointer}.arrows button:hover{background:#2d3b25}.details{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding-bottom:65px}.detail{border-top:1px solid #ffffff25;padding-top:24px}.detail>span{font:10px monospace;color:#a7bb8d}.detail h3{font-size:19px;font-weight:500;letter-spacing:-.4px;margin:22px 0 12px}.detail p{color:#95a28b;font-size:13px;line-height:1.8;max-width:300px}.closing{display:flex;align-items:center;gap:24px;border-top:1px solid #ffffff17;padding-top:40px;padding-bottom:40px}.closing p{font-size:27px;color:#8e9b84;line-height:1.4;letter-spacing:-.7px}.closing strong{font-weight:500;color:#e5ecd9}.closing-mark{margin-left:auto;font-size:60px;color:#d9f58c}footer{border-top:1px solid #ffffff17;padding-top:40px;padding-bottom:30px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-top>a:last-child{font-size:13px;color:#c6d3b8}.footer-bottom{align-items:flex-end;margin-top:30px;font-size:10px;color:#819078;line-height:1.7}.footer-bottom p{max-width:600px;margin:0}.footer-bottom span{white-space:nowrap}.skip{position:absolute;top:-100px;z-index:10;background:#d9f58c;color:#111;padding:15px}.skip:focus{top:0}@media(min-width:1400px){.hero{padding-top:80px;padding-bottom:80px}.orbit{top:85px}}@media(max-width:1050px){.orbit{right:0;transform:scale(.77);transform-origin:right center;opacity:.85}.hero h1{font-size:65px}.hero-bottom p{max-width:360px}.hero-bottom{gap:25px}.slide figcaption{padding:22px}.slide strong{font-size:22px}.details{gap:25px}}@media(max-width:760px){.wrap{padding-left:24px;padding-right:24px}.nav{height:84px}.wordmark{font-size:22px}.beta{display:none}.nav nav{gap:16px;font-size:11px}.nav nav a:first-child{display:none}.hero{padding-top:43px;padding-bottom:40px}.hero h1{font-size:clamp(49px,10vw,68px);letter-spacing:-2.5px}.eyebrow{font-size:8px;letter-spacing:1px;gap:8px}.orbit{position:relative;top:auto;right:auto;width:360px;height:330px;margin:10px auto -15px;transform:scale(.8);transform-origin:center center;opacity:1}.chart-card{height:270px}.chart-card.front{left:140px;top:60px}.chart-card.back{left:0;top:0}.chart-card.front svg{margin-top:30px;margin-bottom:25px}.orbit-ring{inset:0}.orbit-ring.second{inset:-20px}.orbit-note{bottom:-40px}.hero-bottom p{max-width:460px;font-size:14px}.round-link{flex-shrink:0;width:42px;height:42px}.intro{grid-template-columns:1fr;gap:20px;padding-top:35px;padding-bottom:45px}h2{font-size:31px}.intro div>p{font-size:14px}.section-heading{display:block}.preview-note{margin-top:20px}.preview{padding-bottom:40px}.slide{grid-template-columns:1fr}.slide img{border:0;border-bottom:1px solid #ffffff10}.slide figcaption{padding:22px}.slide strong{margin:12px 0 8px}.slide figcaption p{margin:0}.window-bar{padding:12px;font-size:7px;letter-spacing:.5px}.carousel-controls{padding:12px;flex-wrap:wrap}.tabs{gap:2px}.tabs button{padding:10px 8px;font-size:10px}.arrows{gap:5px}.arrows button{height:30px;width:30px}.details{grid-template-columns:1fr;gap:25px;padding-bottom:35px}.detail h3{margin-top:15px}.detail p{max-width:none}.closing{padding-top:15px;padding-bottom:20px}.closing p{font-size:23px}.closing-mark{font-size:45px}.footer-top,.footer-bottom{align-items:flex-start;flex-direction:column;gap:20px}.footer-bottom{margin-top:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Simple screenshot carousel: full images, quiet captions, two controls. */
.screenshot-shell{max-width:820px;margin:auto;background:transparent;border:0;border-radius:0;overflow:visible}
.slide{display:block}.slide[hidden]{display:none}
.slide img{width:100%;height:auto;aspect-ratio:820/450;object-fit:contain;background:#101612;border:1px solid #ffffff17;border-radius:10px}
.slide figcaption{padding:18px 0 0;color:#b9c3b0;font-size:14px;line-height:1.5}
.carousel-controls{padding:0;border:0;margin-top:-28px;align-items:center;justify-content:flex-end;gap:20px;flex-wrap:nowrap}
#slide-count{font:10px monospace;color:#819078;letter-spacing:1px}.arrows button{width:36px;height:36px}
@media(max-width:760px){.slide figcaption{padding-top:16px;font-size:12px}.carousel-controls{margin-top:16px;justify-content:space-between}.slide img{border-radius:6px}}