:root{--ink:#e9f0f3;--muted:#98aab2;--night:#0b1217;--night-2:#101b22;--panel:#14232b;--line:#293b44;--teal:#35b6a7;--teal-dark:#087e75;--paper:#f2f4f3;--paper-ink:#172b3a}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--night)}body{background:var(--night);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);height:82px;margin:0 auto;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:11px;font-size:19px;font-weight:750;display:inline-flex}.brand img{display:block}nav{color:var(--muted);align-items:center;gap:30px;font-size:14px;display:flex}nav a:hover,footer a:hover{color:var(--ink)}.github-link{color:var(--ink);align-items:center;gap:7px;display:flex}.hero{grid-template-columns:.92fr 1.08fr;align-items:center;gap:74px;width:min(1180px,100% - 48px);min-height:690px;margin:0 auto;padding:80px 0 92px;display:grid}.eyebrow{color:var(--teal);letter-spacing:.13em;align-items:center;gap:9px;margin:0 0 22px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:700;display:flex}.eyebrow span{background:currentColor;width:24px;height:1px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.065em;margin-bottom:27px;font-size:clamp(54px,6.4vw,88px);font-weight:720;line-height:.96}h1 em{color:var(--teal);font-style:normal}.hero-intro{max-width:600px;color:var(--muted);font-size:18px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.button{border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:9px;min-height:50px;padding:0 20px;font-size:15px;font-weight:700;transition:transform .18s,background .18s,border-color .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button:focus-visible{outline-offset:3px;outline:3px solid #35b6a773}a:focus-visible{outline-offset:3px;outline:3px solid #35b6a773}.primary{color:#061512;background:var(--teal)}.primary:hover{background:#55cabc}.secondary{border-color:var(--line);background:var(--night-2)}.secondary:hover{border-color:#4a626d}.download-meta{color:#718690;flex-wrap:wrap;gap:9px 20px;margin-top:18px;font-size:12px;display:flex}.download-meta a{color:var(--teal);text-underline-offset:3px;text-decoration:underline}.workspace-card{background:#0c151a;border:1px solid #36515c;border-radius:13px;min-width:0;position:relative;overflow:hidden;transform:perspective(1300px)rotateY(-3deg)rotateX(1deg);box-shadow:0 34px 80px #00000061,0 0 0 7px #ffffff05}.workspace-bar{border-bottom:1px solid var(--line);color:#718690;letter-spacing:.09em;grid-template-columns:1fr auto 1fr;align-items:center;height:48px;padding:0 15px;font:700 10px/1 ui-monospace,Consolas,monospace;display:grid}.traffic{gap:6px;display:flex}.traffic i{background:#334751;border-radius:50%;width:7px;height:7px}.traffic i:first-child{background:#35b6a7}.workspace-state{justify-self:end}.workspace-grid{background:#071014;grid-template-columns:1.28fr .92fr;gap:4px;height:405px;padding:4px;display:grid}.mock-app{background:var(--panel);position:relative;overflow:hidden}.mock-code{padding:20px}.mock-stack{grid-template-rows:1.18fr .82fr;gap:4px;display:grid}.mock-browser,.mock-notes{padding:18px}.app-label{color:#78909a;letter-spacing:.11em;align-items:center;gap:7px;font:700 9px/1 ui-monospace,Consolas,monospace;display:flex}.app-dot{border-radius:2px;width:7px;height:7px}.teal{background:var(--teal)}.violet{background:#bd93f9}.amber{background:#e2ad5b}.code-lines{flex-direction:column;gap:13px;margin-top:41px;display:flex}.code-lines i{background:#2c414a;border-radius:2px;height:7px;box-shadow:32px 0 #1c3039}.code-lines i:nth-child(2n){background:#38625f}.w-72{width:72%}.w-90{width:90%}.w-55{width:55%}.w-82{width:82%}.w-65{width:65%}.terminal-line{color:#c8d4d8;border-top:1px solid #2c3d45;padding-top:16px;font:11px/1.4 ui-monospace,Consolas,monospace;position:absolute;bottom:22px;left:20px;right:20px}.terminal-line span,.terminal-line b{color:var(--teal)}.browser-top{background:#20343d;border-radius:4px;height:21px;margin-top:22px}.browser-content{grid-template-columns:repeat(3,1fr);gap:8px;height:94px;margin-top:13px;display:grid}.browser-content i{background:linear-gradient(145deg,#253b45,#1a2d35);border-radius:4px}.browser-content i:nth-child(2){background:linear-gradient(145deg,#314a53,#1c3038)}.mock-notes p{color:#cad5d9;letter-spacing:-.025em;margin:27px 0 0;font-size:19px;font-weight:650;line-height:1.4}.command-strip{border-top:1px solid var(--line);color:#7f949d;align-items:center;gap:18px;height:58px;padding:0 16px;font:11px/1 ui-monospace,Consolas,monospace;display:flex}.command-strip>span{align-items:center;gap:5px;display:flex}.command-strip kbd{color:#d4dfe2;background:#17272f;border:1px solid #3b535e;border-bottom-width:2px;border-radius:4px;padding:5px 7px}.command-strip b{color:#55707b}.command-path{margin-left:auto}.command-path b{color:var(--teal)}.command-key{margin-left:auto}.principle-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#a9b8be;justify-content:center;align-items:center;gap:clamp(30px,7vw,100px);min-height:76px;padding:20px 24px;font-size:13px;display:flex}.principle-band span{align-items:center;gap:9px;display:flex}.principle-band svg{color:var(--teal)}.section{width:min(1180px,100% - 48px);margin:0 auto;padding:120px 0}.section-heading{grid-template-columns:.9fr 1.05fr 1fr;align-items:end;gap:50px;margin-bottom:56px;display:grid}.section-heading .eyebrow{align-self:start}.section h2{letter-spacing:-.05em;margin-bottom:0;font-size:clamp(40px,5vw,64px);line-height:1.02}.section-heading>p:last-child,.flow-copy>p:not(.eyebrow),.download-section p{color:var(--muted);font-size:16px;line-height:1.65}.feature-grid{border:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.feature-card{border-right:1px solid var(--line);background:var(--night-2);min-height:330px;padding:28px}.feature-card:last-child{border-right:0}.feature-card svg{width:28px;height:28px;color:var(--teal);margin:60px 0 28px}.feature-number{float:right;color:#526872;font:12px/1 ui-monospace,Consolas,monospace}.feature-card h3{letter-spacing:-.025em;font-size:19px}.feature-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.flow{border-top:1px solid var(--line);grid-template-columns:.85fr 1.15fr;gap:100px;display:grid}.flow-copy h2{margin-bottom:25px}.text-link{color:var(--teal);align-items:center;gap:8px;margin-top:14px;font-size:14px;font-weight:700;display:inline-flex}.steps{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.steps li{border-bottom:1px solid var(--line);grid-template-columns:54px 1fr;gap:24px;padding:30px 0;display:grid}.steps>li>span{width:40px;height:40px;color:var(--teal);border:1px solid #3d5660;border-radius:50%;place-items:center;font:12px ui-monospace,Consolas,monospace;display:grid}.steps h3{margin-bottom:8px;font-size:18px}.steps p{color:var(--muted);margin:0;font-size:14px;line-height:1.55}.download-section{width:min(1180px,100% - 48px);color:var(--paper-ink);background:var(--paper);border-radius:14px;grid-template-columns:1.1fr .9fr;align-items:end;gap:70px;margin-bottom:80px;padding:70px;display:grid}.download-section .eyebrow{color:var(--teal-dark)}.download-section h2{margin-bottom:18px}.download-section p{color:#5c6b72;max-width:600px;margin-bottom:0}.download-actions{grid-template-columns:1fr 1fr;gap:11px;display:grid}.light{color:#fff;background:var(--teal-dark)}.light:hover{background:#066c65}.outline{border-color:#bac7cb}.download-actions small{color:#697a80;text-align:center;grid-column:1/-1}footer{border-top:1px solid var(--line);width:min(1180px,100% - 48px);color:var(--muted);grid-template-columns:auto 1fr auto;align-items:center;gap:24px 40px;margin:0 auto;padding:38px 0 54px;font-size:13px;display:grid}footer>p{margin:0}footer>div{gap:20px;display:flex}footer small{color:#60757e;grid-column:1/-1}@media (max-width:940px){nav a:not(.github-link){display:none}.hero{grid-template-columns:1fr;gap:55px;padding-top:64px}.hero-copy{max-width:700px}.workspace-card{max-width:700px;transform:none}.section-heading{grid-template-columns:1fr 1fr}.section-heading>p:last-child{grid-column:2}.section-heading .eyebrow{grid-row:span 2}.feature-grid{grid-template-columns:1fr 1fr}.feature-card:nth-child(2){border-right:0}.feature-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.flow{gap:55px}.download-section{grid-template-columns:1fr;padding:50px}}@media (max-width:620px){.site-header,.hero,.section,footer{width:min(100% - 32px,1180px)}.site-header{height:68px}.github-link{font-size:0}.github-link svg{width:21px;height:21px}.hero{min-height:0;padding:58px 0 70px}.hero-intro{font-size:16px}.hero-actions{display:grid}.button{width:100%}.download-meta span:nth-child(2){display:none}.workspace-grid{height:330px}.workspace-card{margin:0 -8px}.command-path{display:none}.mock-code{padding:14px}.mock-browser,.mock-notes{padding:12px}.mock-notes p{font-size:15px}.principle-band{flex-direction:column;align-items:flex-start;gap:14px;padding:24px 30px}.section{padding:82px 0}.section-heading{display:block}.section-heading .eyebrow{margin-bottom:20px}.section-heading h2{margin-bottom:24px}.feature-grid{grid-template-columns:1fr}.feature-card{border-right:0;border-bottom:1px solid var(--line);min-height:270px}.feature-card:last-child{border-bottom:0}.feature-card svg{margin-top:34px}.flow{display:block}.steps{margin-top:55px}.download-section{border-radius:0;width:100%;margin-bottom:40px;padding:58px 24px}.download-actions{grid-template-columns:1fr}.download-actions small{grid-column:auto}footer{grid-template-columns:1fr}footer>div{flex-wrap:wrap}footer small{grid-column:auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}.legal-page{width:min(760px,100% - 40px);margin:0 auto;padding:70px 0 100px}.legal-page>.text-link{margin-bottom:70px}.legal-page h1{margin-bottom:45px;font-size:clamp(44px,7vw,72px)}.legal-page h2{margin:42px 0 12px;font-size:22px}.legal-page p{color:var(--muted);font-size:16px;line-height:1.75}.legal-page p a{color:var(--teal);text-underline-offset:3px;text-decoration:underline}.legal-page small{color:#60757e;margin-top:55px;display:block}