:root{color-scheme:dark;--bg:#101110;--text:#f0efe9;--muted:#b9bcb4;--line:#343730;--lime:#d5f869;--pink:#ff559c;--blue:#7abcff;--orange:#ffb55b;--purple:#bf98ff;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--text);font-size:18px;line-height:1.55}a{color:inherit;text-underline-offset:5px}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible,video:focus-visible{outline:3px solid var(--lime);outline-offset:7px}.wrap{width:min(1360px,calc(100% - 96px));margin-inline:auto}.skip{position:absolute;left:24px;top:-100px;background:var(--lime);color:var(--bg);padding:12px;z-index:10}.skip:focus{top:12px}.site-header{min-height:106px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:32px}.wordmark{font-size:27px;font-weight:800;letter-spacing:-1.4px;text-decoration:none;display:inline-flex;gap:12px;align-items:center}.app-mark{display:block;flex:none;width:40px;height:40px;border-radius:9px;image-rendering:pixelated}nav{display:flex;gap:32px;font-size:14px;font-weight:600}nav a{text-decoration:none}nav a:hover{text-decoration:underline}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:2px;font-weight:700;margin:0 0 28px}.status-dot{display:inline-block;background:var(--lime);width:7px;height:7px;margin-right:9px}.hero{padding-top:60px}.hero-copy{display:grid;grid-template-columns:1.4fr .7fr;align-items:end;gap:50px;margin-bottom:54px}h1,h2,h3,p,figure{margin-top:0}h1{font-size:clamp(70px,8.7vw,130px);line-height:.91;letter-spacing:-.07em;margin-bottom:0;font-weight:800}h1 em{font-style:normal;color:var(--lime)}.hero-intro{max-width:390px;padding-bottom:3px}.hero-intro p:first-child{font-size:25px;line-height:1.25;letter-spacing:-.5px;color:var(--text)}.hero-intro p{color:var(--muted);font-size:17px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--lime);color:#171a10;padding:16px 23px;font-size:15px;font-weight:700;text-decoration:none;min-height:52px}.button:hover{background:#e7ffad}.release-note{display:block;color:var(--muted);font-size:12px;margin-top:13px}.hero-instrument{margin:0;background:#000;border:1px solid #30322d;padding:24px 24px 0}.hero-instrument img{display:block;width:100%;height:auto;image-rendering:pixelated}.hero-instrument figcaption{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted);padding:20px 0;border-top:1px solid #242721}.promise{padding-block:110px;display:grid;grid-template-columns:1.25fr 1fr;column-gap:80px}.promise .eyebrow{grid-column:1/-1}h2{font-size:clamp(36px,4.2vw,65px);line-height:1.04;letter-spacing:-.055em;font-weight:700;margin-bottom:0}.pink{color:var(--pink)}.promise-copy{max-width:460px;color:var(--muted)}.promise-copy p:last-child{margin-bottom:0}.promise-copy em{font-style:normal;color:var(--text)}.demos{padding:66px 0 110px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:44px}.section-heading>p{font-size:16px;color:var(--muted);margin:0}.demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.demo-card{border-top:3px solid var(--blue);background:#171916;min-width:0}.demo-card.orange{border-color:var(--orange)}.demo-card.purple{border-color:var(--purple)}.demo-heading{padding:26px 24px 20px}.number{font-size:12px;letter-spacing:1.6px;color:var(--blue);font-weight:700}.orange .number{color:var(--orange)}.purple .number{color:var(--purple)}h3{font-size:25px;line-height:1.15;letter-spacing:-.7px;margin:24px 0 14px}.demo-heading p{font-size:16px;color:var(--muted);margin:0;min-height:93px}video{display:block;width:100%;height:auto;aspect-ratio:1920/886;background:#000}.demo-caption{font-size:12px;color:var(--muted);padding:20px 24px;margin:0}.story{background:#e8a36e;color:#211c16;padding-block:85px}.story-inner{display:grid;grid-template-columns:1.2fr 1fr;column-gap:70px}.story .eyebrow{grid-column:1/-1}.story h2{font-size:clamp(40px,4.6vw,70px)}.story h2 em{font-style:normal;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:9px}.story-copy{max-width:475px;font-size:17px}.story-copy .large{font-size:24px;line-height:1.35;letter-spacing:-.5px}.pixel-line{grid-column:1/-1;display:flex;gap:8px;margin-top:26px;align-items:end}.pixel-line i{display:block;width:28px;height:28px;background:#211c16}.pixel-line i:nth-child(2n){height:56px}.pixel-line i:nth-child(3n){height:84px}.fit{padding-block:110px;display:grid;grid-template-columns:1fr 1fr;gap:90px}.fit-items article{display:flex;gap:25px;padding:28px 0;border-top:1px solid var(--line)}.fit-items article:first-child{padding-top:0;border-top:0}.fit-items article>span{font-size:28px;color:var(--lime);line-height:1;min-width:24px}.fit-items h3{margin:0 0 12px;font-size:23px}.fit-items p{font-size:16px;color:var(--muted);margin:0}.questions{padding-bottom:100px}.questions details{border-top:1px solid var(--line);padding:22px 0}.questions details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:21px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary::after{content:'+';font-size:25px;color:var(--lime)}details[open] summary::after{content:'−'}details p{max-width:720px;font-size:16px;color:var(--muted);margin:20px 0 0}.closing{padding:66px 0 90px;border-top:1px solid var(--line)}.closing h2{font-size:clamp(50px,6.7vw,104px)}.closing h2 span{color:var(--lime)}.closing>div{display:flex;align-items:center;gap:32px;margin-top:36px}.closing p{font-size:13px;color:var(--muted);margin:0}.closing strong{font-weight:400}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-block:35px}footer .wordmark{font-size:23px}footer p{color:var(--muted);font-size:12px;margin:0}footer nav{font-size:14px;gap:24px}@media(min-width:1600px){.hero-copy{grid-template-columns:1.4fr .75fr}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero-copy{grid-template-columns:1.2fr .8fr;gap:30px}h1{font-size:clamp(66px,9vw,100px)}.hero-intro p:first-child{font-size:21px}.hero-intro p{font-size:16px}.promise,.story-inner,.fit{column-gap:36px}.demo-grid{gap:14px}.demo-heading{padding:22px 17px}.demo-heading h3{font-size:23px;min-height:54px}.demo-heading p{min-height:140px}.demo-caption{padding:18px 17px}}@media(max-width:700px){.wrap{width:calc(100% - 36px)}.site-header{min-height:84px;gap:15px;flex-wrap:wrap;padding-block:18px}.wordmark{font-size:24px}.site-header nav{gap:17px;font-size:14px}.site-header nav a:nth-child(2){display:none}.hero{padding-top:40px}.hero .eyebrow{font-size:12px;letter-spacing:1.4px}.hero-copy{grid-template-columns:1fr;gap:28px;margin-bottom:32px}h1{font-size:clamp(65px,15vw,100px)}.hero-intro{max-width:460px}.hero-intro p:first-child{font-size:23px}.hero-intro p{font-size:16px}.hero-instrument{padding:8px 8px 0}.hero-instrument figcaption{font-size:12px;padding:12px 2px;gap:12px}.hero-instrument figcaption span:last-child{white-space:nowrap}.promise{padding-block:64px;grid-template-columns:1fr;gap:0}.promise h2{margin-bottom:26px}.promise-copy{font-size:17px}.demos{padding:50px 0 64px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:24px;font-size:13px}.demo-grid{grid-template-columns:1fr;gap:24px}.demo-heading{padding:24px}.demo-heading h3{min-height:0;font-size:28px;margin-top:16px}.demo-heading p{min-height:0;font-size:16px;max-width:450px}.demo-caption{padding:18px 24px}.story{padding-block:60px}.story-inner{grid-template-columns:1fr}.story h2{margin-bottom:32px}.story-copy .large{font-size:23px}.pixel-line i{width:20px;height:20px}.pixel-line i:nth-child(2n){height:40px}.pixel-line i:nth-child(3n){height:60px}.fit{padding-block:65px;grid-template-columns:1fr;gap:36px}.questions{padding-bottom:60px}summary{font-size:18px}.closing{padding:50px 0 65px}.closing>div{align-items:start;flex-direction:column;gap:22px}footer{flex-wrap:wrap;row-gap:22px}footer p{margin-left:auto}footer nav{width:100%;gap:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(max-width:370px){.site-header nav{gap:12px}.site-header nav a:first-child{display:none}.hero-instrument figcaption{display:block}.hero-instrument figcaption span{display:block}.hero-instrument figcaption span+span{margin-top:4px}}
