@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&display=swap";:root{color-scheme:dark;font-family:var(--sans);color:#f5eeee;background:#100d10;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--mono: "DM Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ink: #f5eeee;--muted: #b9a8a8;--dim: #786c70;--coral: #e58e7b;--panel: #0c0a0c;--card: #110f11;--stroke: rgba(255, 255, 255, .075)}*{box-sizing:border-box}html,body{scrollbar-width:none!important;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}html{min-height:100%;scroll-behavior:smooth;background:transparent}body{min-width:320px;min-height:100vh;margin:0;color:var(--ink);background:transparent;overflow-x:hidden}button{font:inherit}.background{position:fixed;top:-6%;right:-6%;bottom:-6%;left:-6%;z-index:0;pointer-events:none;background-color:#100d10;transform:scale(1.02);transform-origin:center;background:linear-gradient(180deg,#0b090c4d,#0b090c05 35%,#0c090b0a 76%,#09080a40),linear-gradient(90deg,rgba(8,7,9,.22),transparent 24%,transparent 78%,rgba(8,7,9,.18)),#100d10 url(/assets/still-background.png) center center / cover no-repeat;will-change:filter,transform}.page{--page-top: clamp(90px, 13.5vh, 135px);position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:var(--page-top) 24px 26px}.hero{position:relative;z-index:2;transform-origin:top center;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}.page--intro .hero,.page--typing .hero{transform:translateY(calc(50vh - var(--page-top) - 74px)) scale(1.45);transition:none}.page--settling .hero{transform:translateY(0) scale(1)}.workspace{opacity:0}.page--ready .workspace{animation:arrive .7s cubic-bezier(.2,.8,.2,1) both}.product-notes,.downloads{opacity:0}.page--ready .product-notes{animation:none}@keyframes arrive{0%{opacity:0}to{opacity:1}}@keyframes title-arrive{0%{opacity:0}to{opacity:1}}.page--intro h1{animation:title-arrive .6s ease-out both}@media(prefers-reduced-motion:reduce){.hero{transform:none!important;transition:none!important}.page--intro .hero-copy{opacity:1;animation:none}.page--settling .tagline-visual{visibility:visible}.page--ready .workspace,.product-notes,.downloads{animation:none;opacity:1}}.main-focus{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center}.workspace-section{width:100%;display:flex;justify-content:center}.hero{width:min(100%,760px);margin-bottom:clamp(48px,4.9vh,50px);text-align:center}.hero-copy{transform-origin:center}.page--intro .hero-copy,.page--typing .hero-copy,.page--settling .hero-copy{transform:scale(1.3)}.page--intro .hero-copy{opacity:0;animation:title-arrive 1.1s .18s cubic-bezier(.22,1,.36,1) both}.page--intro .tagline-visual{visibility:hidden}.page--typing .tagline-visual,.page--settling .tagline-visual,.page--ready .tagline-visual{visibility:visible}.page--ready .hero-copy{transform:scale(1);transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}.page--settling .hero-copy{transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}.page--intro .tagline,.page--typing .tagline{min-height:2.8em}.hero-links{opacity:0;transition:opacity .45s ease}.page--ready .hero-links{opacity:1;transition-delay:.2s}.hero-links{display:flex;justify-content:center;gap:25px;margin-top:26px}.hero-links a,.download-link{color:#e4d5d1;font:11px var(--mono);letter-spacing:.07em;text-decoration:none;transition:color .2s ease}.hero-links a:hover,.download-link:hover{color:#ffc18d}.hero-links a:last-child{color:#ffc18d}.hero-links a{position:relative}.hero-links a:after{content:"";position:absolute;inset:auto 0 -5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .18s ease-out}.hero-links a:hover:after,.hero-links a:focus-visible:after{transform:scaleX(1)}.hero-links a:focus-visible,.download-link:focus-visible{outline:2px solid #f0b484;outline-offset:5px;border-radius:2px}h1{width:max-content;margin:0 auto 12px;font-family:"Bodoni 72",Didot,Iowan Old Style,Georgia,serif;font-size:clamp(68px,7vw,98px);font-weight:400;line-height:.96;letter-spacing:-.045em;color:#fff;text-shadow:none;background:none;-webkit-text-fill-color:#fff;-webkit-mask-image:linear-gradient(135deg,#000 0%,#000 58%,rgba(0,0,0,.88) 78%,transparent 100%);mask-image:linear-gradient(135deg,#000 0%,#000 58%,rgba(0,0,0,.88) 78%,transparent 100%)}.tagline{margin:0;color:#d2c1c2;font:400 clamp(13px,1.2vw,18px)/1.65 var(--mono);letter-spacing:.16em}.tagline em{color:#e39a88;font-style:normal}.tagline-visual{white-space:pre-wrap}.typing-caret{display:inline-block;width:1px;height:.92em;margin-left:2px;vertical-align:-.08em;background:#e39a88;animation:caret-blink .85s steps(2,start) infinite}@keyframes caret-blink{to{visibility:hidden}}@media(prefers-reduced-motion:reduce){.typing-caret{animation:none}}.workspace{position:relative;isolation:isolate;width:min(100%,1000px);padding:20px 18px 16px;border-radius:20px;background:#0c0a0ceb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 25px 80px #00000094,0 10px 36px -7px #ff803075,0 22px 72px -16px #da4e254d,inset 0 1px #ffd2bb14}.window-bar{height:20px;display:flex;align-items:center;gap:8px;padding:0 5px;margin-bottom:14px}.traffic-lights{display:inline-flex;gap:8px;align-items:center}.dot{display:inline-block;width:10px;height:10px;flex:0 0 10px;border-radius:50%}.dot--red{background:#ff615b}.dot--yellow{background:#ffc24f}.dot--green{background:#70c965}.traffic-lights--small{gap:6px}.traffic-lights--small .dot{width:8px;height:8px;flex-basis:8px}.session-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.session{min-width:0;translate:var(--depth-x, 0px) var(--depth-y, 0px);padding:16px;border:1px solid var(--stroke);border-radius:14px;background:var(--card);box-shadow:inset 0 1px #ffffff05,0 8px 22px #0003;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.session:focus-within{border-color:#e28d776b;box-shadow:0 0 20px #bf4e3717,inset 0 1px #ffffff09}@media(hover:hover)and (pointer:fine){.session:hover{transform:translateY(-2px);border-color:#e28d776b;box-shadow:0 0 20px #bf4e3717,inset 0 1px #ffffff09}}.session-top{display:flex;justify-content:space-between;gap:8px;align-items:center;min-height:20px}.session-name{display:flex;align-items:center;gap:11px;min-width:0;margin:0;font-size:14px;font-weight:650;letter-spacing:-.025em;white-space:nowrap}.grip{display:inline-grid;grid-template-columns:repeat(2,2px);gap:2px;opacity:.8;flex:0 0 auto}.grip i{width:2px;height:2px;border-radius:50%;background:#d8d1d2}.state{display:inline-flex;align-items:center;justify-content:flex-end;gap:7px;min-height:26px;padding:3px 0 3px 5px;border:0;color:#b9afb3;background:transparent;font:10px var(--sans);cursor:pointer;white-space:nowrap}.state:hover:not(:disabled){color:#f0c2b0}.state:focus-visible{outline:2px solid #f0b484;outline-offset:3px;border-radius:3px}.state:disabled{cursor:default}.state-label{display:inline-grid;text-align:right}.state-label__text{grid-area:1 / 1;opacity:0;transition:opacity .16s ease-out}.state-label__text.is-visible{opacity:1}.state-dot{width:8px;height:8px;border:1px solid #85777d;border-radius:50%;transition:background-color .16s ease-out,border-color .16s ease-out,transform .16s ease-out}.state:active:not(:disabled) .state-dot{transform:scale(.8)}.session--running .state-dot{border:0;background:#ff625e;box-shadow:0 0 10px #ff5a56cc}.session--attached .state{color:#edb19f}.session--attached .state-dot{background:#ed9a82;border-color:#ed9a82}.host{margin:7px 0 9px;color:#aaa1a8;font:12px var(--mono);letter-spacing:.015em}.terminal{min-height:98px;padding:10px 11px;border:1px solid rgba(255,255,255,.055);border-radius:11px;background:#080709;overflow:hidden}.term-head{display:flex;gap:6px;align-items:center;min-width:0;color:#8f858d;font:10px var(--mono);white-space:nowrap;overflow:hidden}.cmd{min-width:0;margin-left:1px;overflow:hidden;text-overflow:ellipsis}.output{margin:13px 0 0;color:#d2cbd0;font:11px/1.55 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere}.output--vite{white-space:pre;overflow-wrap:normal;font-size:10px;letter-spacing:-.035em}.cursor{display:inline-block;width:7px;height:13px;margin-top:4px;vertical-align:middle;background:#f5eff0}.vite{color:#9cda6d;font-weight:700}.link{color:#67b8ff}.arrow{color:#91d869;font-weight:700}.product-notes{width:min(100%,1000px);margin:0 auto;padding:clamp(32px,6vw,72px) clamp(4px,3vw,24px) 24px;border-top:1px solid rgba(255,226,210,.24);color:var(--ink);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);column-gap:clamp(40px,8vw,110px);align-items:start}.product-intro{grid-column:1}.eyebrow{margin:0 0 20px;color:#e39a88;font:10px var(--mono);letter-spacing:.2em}.product-notes h2{margin:0;font:400 clamp(38px,5.6vw,68px)/1.06 "Bodoni 72","Didot","Iowan Old Style",Georgia,serif;letter-spacing:-.035em}.product-notes h2 span{color:#d8c7c1}.product-copy{max-width:50ch;margin:20px 0 0;color:#d0c3c3;font-size:15px;line-height:1.75}.feature-list{grid-column:2;display:grid;grid-template-columns:1fr;border-top:0;border-bottom:0}.feature-list article{min-width:0;padding:0 0 20px}.feature-list article+article{padding:20px 0;border-top:1px solid rgba(255,255,255,.16);border-left:0}.feature-mark{color:#df8f75;font:11px var(--mono);letter-spacing:.1em}.feature-list h3{margin:17px 0 9px;font-size:16px;font-weight:550;letter-spacing:-.02em}.feature-list p{max-width:31ch;margin:0;color:#c4b8ba;font-size:13px;line-height:1.7}.closing-row{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:40px;padding-top:18px;border-top:1px solid rgba(255,255,255,.16)}.privacy-note{max-width:68ch;margin:0;color:#bcaeb0;font:11px/1.7 var(--mono);letter-spacing:.015em}.download-link{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:11px 0;color:#ffc18d}.downloads{width:min(100%,1000px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(40px,8vw,110px);margin:0 auto;padding:clamp(42px,7vw,82px) clamp(4px,3vw,24px) clamp(64px,9vw,110px);border-top:1px solid rgba(255,226,210,.24)}.downloads h2{margin:0;font:400 clamp(40px,5.6vw,68px)/1.04 "Bodoni 72","Didot","Iowan Old Style",Georgia,serif;letter-spacing:-.035em}.downloads h2 span{color:#d8c7c1}.downloads-copy>p:last-child{max-width:38ch;margin:20px 0 0;color:#d0c3c3;font-size:14px;line-height:1.75}.download-options{display:flex;flex-direction:column;align-items:stretch}.download-option{display:flex;flex-direction:column;gap:8px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.18);color:var(--ink);text-decoration:none;transition:color .2s ease-out}.download-option:first-child{border-top:1px solid rgba(255,255,255,.18)}.download-option:hover,.download-option:focus-visible{color:#ffc18d}.download-option:focus-visible{outline:2px solid #f0b484;outline-offset:4px}.download-platform{color:#df8f75;font:10px var(--mono);letter-spacing:.16em}.download-label{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:16px;font-weight:550}.download-label span{display:inline-block;color:#ffc18d;transition:transform .2s ease-out}.download-option:hover .download-label span,.download-option:focus-visible .download-label span{transform:translate3d(3px,-3px,0)}.download-detail{color:#bcaeb0;font:11px var(--mono)}.download-note{margin:16px 0 0;color:#bcaeb0;font:11px/1.7 var(--mono)}.source-link{display:inline-flex;align-items:center;gap:8px;margin-top:20px;color:#e4d5d1;font:11px var(--mono);letter-spacing:.04em;text-decoration:none;transition:color .2s ease;white-space:nowrap}.source-link:hover{color:#ffc18d}.source-link:focus-visible{outline:2px solid #f0b484;outline-offset:5px;border-radius:2px}.source-link span{display:inline-block;color:#ffc18d;transition:transform .2s ease-out}.source-link:hover span,.source-link:focus-visible span{transform:translate3d(3px,-3px,0)}@media(max-width:760px){.page{padding-top:54px}.hero{margin-bottom:34px}.page--intro .hero-copy,.page--settling .hero-copy{transform:scale(1.2)}.page--intro .hero,.page--typing .hero{transform:translateY(calc(50vh - var(--page-top) - 66px)) scale(1.2)}.hero-links{gap:18px;margin-top:22px}.workspace{padding:16px 14px 14px}.product-notes{margin-top:0;column-gap:32px}.downloads{gap:32px}.downloads h2{font-size:48px}.download-label{font-size:14px}.product-notes h2{font-size:48px}.product-copy,.feature-list h3{font-size:14px}.feature-list p{font-size:12px}.session-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.session{padding:13px}.terminal{min-height:96px}}@media(max-width:520px){.page{--page-top: 42px;padding:var(--page-top) 14px 24px}h1{font-size:64px}.page--intro .hero,.page--typing .hero{transform:translateY(calc(50vh - var(--page-top) - 52px)) scale(1.08)}.page--intro .hero-copy,.page--typing .hero-copy,.page--settling .hero-copy{transform:scale(1.08)}.tagline{font-size:11px;letter-spacing:.085em}.hero{margin-bottom:28px}.hero-links{gap:13px;flex-wrap:wrap}.hero-links a{font-size:10px}.workspace{padding:13px 11px 11px;border-radius:16px}.product-notes{margin-top:0;padding:28px 3px 18px}.product-notes h2{font-size:43px}.product-copy{margin:16px 0 36px;font-size:14px}.product-notes{display:block}.downloads{grid-template-columns:1fr;gap:30px;padding:38px 3px 64px}.downloads h2{font-size:43px}.download-label{font-size:15px}.product-copy{margin-bottom:34px}.feature-list{border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}.feature-list article,.feature-list article+article{padding:20px 0;border-left:0}.feature-list article+article{border-top:1px solid rgba(255,255,255,.12)}.closing-row{align-items:flex-start;flex-direction:column;gap:8px;margin-top:24px}.feature-list h3{margin:10px 0 6px}.window-bar{margin-bottom:10px}.session-grid{grid-template-columns:1fr;gap:9px}.session{padding:12px 13px}.terminal{min-height:84px}.output{margin-top:10px}.output--vite{font-size:8px;letter-spacing:-.055em}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.scroll-runway{height:400vh}.page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;isolation:auto;background:transparent;display:block;width:100%;height:100vh;height:100svh;min-height:0;overflow:hidden;padding:0}.main-focus{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;min-height:0;padding:var(--page-top) 24px 26px;display:flex;flex-direction:column;align-items:center;transform-origin:center 46%;background:transparent}.workspace-section{--ambient-play: paused;position:relative;isolation:isolate;width:min(100%,1000px);display:flex;justify-content:center}.workspace-section:before{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;z-index:-1;pointer-events:none;border-radius:28px;background:radial-gradient(ellipse 26% 35% at 17% 4%,rgba(245,168,69,.42),transparent 80%),radial-gradient(ellipse 32% 32% at 81% 96%,rgba(210,72,43,.42),transparent 80%);opacity:.4;filter:blur(18px);animation:ambient-light-drift 16s ease-in-out infinite alternate;animation-play-state:var(--ambient-play)}@keyframes ambient-light-drift{0%{transform:translate3d(-10px,-3px,0);filter:blur(18px) hue-rotate(-6deg)}to{transform:translate3d(10px,3px,0);filter:blur(18px) hue-rotate(8deg)}}.product-notes,.downloads{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:min(100%,1000px);height:100%;margin:0 auto;overflow-y:auto;opacity:0;visibility:visible;background:transparent;pointer-events:none}.page.scene--1 .product-notes,.page.scene--2 .downloads{pointer-events:auto}.main-focus,.product-notes,.downloads{backface-visibility:hidden}.product-notes{padding:clamp(32px,6vw,72px) clamp(4px,3vw,24px) 24px}.downloads{padding:clamp(42px,7vw,82px) clamp(4px,3vw,24px) clamp(64px,9vw,110px)}.product-intro,.feature-list,.closing-row,.downloads-copy,.download-options{will-change:transform,opacity}.scene-nav{position:fixed;right:24px;top:50%;z-index:10;display:flex;flex-direction:column;align-items:center;gap:12px;transform:translateY(-50%)}.scene-nav__item{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;background:transparent;cursor:pointer}.scene-nav__item span{display:block;width:5px;height:5px;border:1px solid rgba(255,255,255,.6);border-radius:50%;transition:transform .2s ease,background .2s ease}.scene-nav__item.is-active span{transform:scale(1.5);border-color:#f0ad84;background:#f0ad84}.scene-nav__item:focus-visible{outline:2px solid #f0b484;outline-offset:1px;border-radius:50%}.scene-nav__label{margin-top:6px;color:#f5eeeeb3;font:9px var(--mono);letter-spacing:.08em;writing-mode:vertical-rl}@media(max-width:760px){.main-focus{padding:54px 24px 26px}.product-notes{padding:32px 17px 24px}.downloads{padding:42px 17px 64px}.scene-nav{right:7px;gap:7px}}@media(max-width:520px){.main-focus{padding:42px 14px 24px}.product-notes{padding:28px 17px 18px}.downloads{padding:38px 17px 64px}.scene-nav{right:2px}}@media(min-width:761px)and (min-height:761px)and (max-height:900px){.page{--page-top: 44px}.main-focus{padding-top:var(--page-top);padding-bottom:22px}.hero{margin-bottom:30px}.hero h1{font-size:72px}.hero-links{margin-top:20px}.tagline{font-size:13px}}@media(max-width:760px),(max-height:760px),(prefers-reduced-motion:reduce){.scroll-runway{display:none}.page{position:relative;height:auto;overflow:visible}.main-focus,.product-notes,.downloads{position:relative;inset:auto;width:min(100%,1000px);height:auto;min-height:0;max-height:none;overflow:visible;margin:0 auto;opacity:1;visibility:visible;transform:none;filter:none;pointer-events:auto}.product-notes,.downloads{margin-top:52px}.scene-nav{display:none}}@media(max-height:760px)and (min-width:761px){.page{--page-top: 36px}.hero{margin-bottom:28px}.hero h1{font-size:68px}}@media(prefers-reduced-motion:reduce){.workspace-section:before{animation:none}.session{translate:none}.session:hover,.download-option:hover .download-label span,.download-option:focus-visible .download-label span,.source-link:hover span,.source-link:focus-visible span,.state:active:not(:disabled) .state-dot{transform:none}}
