@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#08111f;--surface:#101d2e;--line:#263347;--text:#f3f6fc;--muted:#a6b4c7;--mint:#88f4d0;--blue:#356dff;--display:'Space Grotesk',sans-serif;--body:'DM Sans',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--mint);outline-offset:5px}button:disabled{cursor:default;opacity:.42}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);line-height:1.12}button,a{touch-action:manipulation}.page-shell{max-width:1328px;margin:auto;padding:0 48px}.skip{position:absolute;top:-100px;left:24px;z-index:5;background:var(--mint);color:var(--bg);padding:12px}.skip:focus{top:12px}.header{display:flex;align-items:center;justify-content:space-between;padding:30px 0;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;gap:12px;align-items:center;font-family:var(--display);font-weight:700;font-size:22px;line-height:1.05;letter-spacing:.08em}.brand img{border-radius:10px}.brand-sub{display:block;font-size:10px;letter-spacing:.16em;margin-top:7px}nav{display:flex;align-items:center;gap:32px;font-size:14px}nav a:hover,.text-link:hover{color:var(--mint)}.nav-download{border:1px solid #4c5d74;border-radius:8px;padding:10px 17px}.nav-download span{margin-left:12px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:88px 0 76px;position:relative}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.13em;line-height:1.5;color:var(--mint);margin-bottom:24px}.hero .eyebrow{display:flex;align-items:center;gap:14px;font-size:11px;flex-wrap:wrap;color:var(--muted)}.release{color:var(--mint);padding:5px 9px;border:1px solid #365450;border-radius:4px;letter-spacing:.09em}h1{font-size:clamp(3.4rem,5.45vw,4.65rem);letter-spacing:-.055em;line-height:1.06;font-weight:600}h1 span{color:var(--mint)}.intro{font-size:17px;color:var(--muted);max-width:445px;margin:26px 0 30px;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 22px;border-radius:7px;font-weight:600;min-height:52px;font-size:15px;transition:background .2s,transform .2s}.primary{background:var(--blue);color:white;box-shadow:0 8px 26px #1744d02b}.primary:hover{background:#477cff;transform:translateY(-2px)}.text-link{font-size:14px;font-weight:500}.text-link span{margin-left:7px}.micro{margin-top:15px;font-size:12px;color:var(--muted)}.creator-line{margin-top:38px;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.creator-line strong{font-weight:500;color:var(--text)}.creator-avatar{width:30px;height:30px;display:grid;place-items:center;background:#1d2d42;border:1px solid #3e506b;border-radius:50%;font-size:10px;color:var(--mint)}.preview-wrap{position:relative;min-width:0}.preview-wrap:before{content:'';position:absolute;inset:0 -25px -25px;background:radial-gradient(ellipse,#214aae30,transparent 68%);z-index:-1}.preview-label{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted);letter-spacing:.1em;margin:0 4px 14px}.app-preview{border:1px solid #3c4d67;border-radius:12px;background:linear-gradient(135deg,#152438,#0e1a2a);box-shadow:0 30px 70px #0005;overflow:hidden;transform:rotate(-1deg)}.window-bar{display:flex;align-items:center;gap:15px;font-size:11px;padding:14px 18px;border-bottom:1px solid var(--line);background:#152237}.window-dots{display:flex;gap:5px}.window-dots i{height:6px;width:6px;background:#5c6e85;border-radius:50%}.portable-tag{margin-left:auto;font-size:9px;letter-spacing:.1em;color:var(--mint)}.app-body{padding:26px}.app-title{display:flex;gap:13px;align-items:center;margin-bottom:25px}.app-title img{border-radius:9px}.app-title h2{font-size:21px;letter-spacing:-.025em}.app-title p{font-size:12px;color:var(--muted);margin-top:4px}.field-label{font-size:10px;color:var(--muted);letter-spacing:.13em;margin:19px 0 9px}.window-field{border:1px solid #40516a;border-radius:5px;background:#0a1626;padding:9px 12px;font-size:14px;display:flex;justify-content:space-between}.window-field span{color:var(--muted)}.scope-row{display:flex;align-items:center;gap:10px;font-size:13px;margin:10px 0}.checked,.unchecked{display:inline-grid;place-items:center;width:15px;height:15px;border:1px solid #5c6a7e;border-radius:3px;flex-shrink:0}.checked{background:var(--blue);color:white;border-color:var(--blue);font-size:11px}.muted{color:var(--muted);font-size:12px}.demo-status{display:flex;align-items:center;gap:8px;margin-top:23px;font-size:12px}.status-indicator{width:6px;height:6px;border-radius:50%;background:var(--mint);flex-shrink:0}.demo-status[data-state=paused] .status-indicator{background:#f7c975}.demo-status[data-state=stopped] .status-indicator{background:#96a7be}.mode{margin-left:auto;font-size:9px;color:var(--mint);letter-spacing:.08em}.demo-controls{display:flex;gap:9px;margin:13px 0 22px}.demo-controls button{flex:1;border:1px solid #3c506c;background:#17273e;color:var(--text);padding:9px;border-radius:5px;font-size:13px;cursor:pointer;min-height:40px}.demo-controls button span{margin-left:5px}.demo-controls .demo-start{background:var(--blue);border-color:var(--blue)}.demo-controls button:not(:disabled):hover{filter:brightness(1.18)}.demo-log{background:#091423;border:1px solid #26384f;border-radius:5px;padding:12px 14px;min-height:80px}.log-caption{color:#9db0c9;font-size:9px;letter-spacing:.12em}.demo-log p{font-family:monospace;font-size:11px;margin-top:8px;color:var(--mint);min-height:32px}.preview-note{font-size:10px;text-align:center;padding:10px;border-top:1px solid var(--line);color:var(--muted)}.preview-bottom{font-size:12px;color:var(--muted);padding:18px 8px 0}.preview-bottom span{margin-right:9px;color:var(--mint)}.facts{display:grid;grid-template-columns:repeat(3,1fr) 1.3fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0;gap:20px}.facts>div{display:flex;gap:16px;align-items:center}.facts strong{font-family:var(--display);font-weight:500;font-size:34px;letter-spacing:-.04em}.facts span{font-size:13px;color:var(--muted);max-width:100px;line-height:1.5}.facts p{text-align:right;font-size:14px;color:var(--muted)}.section{padding:82px 0;border-bottom:1px solid var(--line)}h2{font-size:clamp(2rem,3.6vw,3rem);letter-spacing:-.045em;font-weight:500}.section .eyebrow{margin-bottom:18px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:44px}.feature-number{font-size:11px;letter-spacing:.1em;color:var(--mint)}h3{font-size:20px;letter-spacing:-.025em;font-weight:500}.feature-grid h3{margin:16px 0 14px}.feature-grid p{color:var(--muted);font-size:15px;line-height:1.8}.setup{display:grid;grid-template-columns:1fr 1.45fr;gap:90px}.setup-intro{color:var(--muted);max-width:310px;margin-top:24px}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:23px;padding:25px 0;border-bottom:1px solid var(--line)}.steps li:first-child{padding-top:0}.steps li:last-child{border:0;padding-bottom:0}.step-number{font-family:var(--display);color:var(--mint);font-size:16px}.steps p{color:var(--muted);font-size:15px;margin-top:9px}.file-list{display:grid;gap:7px;margin-top:17px}.file-list code{font-size:12px;color:#c7d5e9;background:#132137;border:1px solid #2c3c53;border-radius:5px;padding:8px 12px;overflow-wrap:anywhere}.about{display:grid;grid-template-columns:.7fr 1.6fr;gap:70px;align-items:center}.about-mark{display:flex;justify-content:center}.about-mark img{border-radius:36px;border:1px solid #263c54}.about h2 span{color:var(--mint)}.about p:not(.eyebrow){color:var(--muted);max-width:640px;margin-top:24px}.about .independent{font-size:12px!important;margin-top:15px!important}.download{display:flex;align-items:center;justify-content:space-between;gap:50px}.download h2{font-size:clamp(2rem,3.8vw,3.3rem)}.download p{color:var(--muted);margin-top:20px;font-size:14px}.download-action{text-align:center;min-width:265px}.download-action .button{width:100%}.download-action p{font-size:12px;line-height:1.7;margin:14px 0}.scope-note{display:grid;grid-template-columns:1fr 2.4fr;gap:50px;padding:30px 0;color:var(--muted);font-size:12px;border-bottom:1px solid var(--line)}.scope-note strong{color:#c7d5e9;font-size:13px;font-weight:500}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 0;font-size:12px;color:var(--muted)}.footer-brand{font-family:var(--display);font-size:11px;letter-spacing:.08em;color:var(--text)}footer a:hover{color:var(--mint)}
@media(min-width:1500px){.hero{padding:110px 0 95px}}
@media(max-width:1050px){.page-shell{padding:0 30px}.hero{gap:32px}.hero-actions{gap:16px}.hero-actions .text-link{font-size:13px}.preview-label{font-size:9px}.app-body{padding:20px}.hero h1{font-size:3.5rem}.facts{grid-template-columns:repeat(3,1fr)}.facts p{display:none}.setup{gap:50px}.about{gap:35px}.about h2{font-size:2.5rem}}
@media(max-width:760px){.page-shell{padding:0 22px}.header{padding:22px 0}.brand{font-size:19px}.brand img{width:36px}.brand-sub{font-size:8px}nav{gap:17px}nav a:first-child{display:none}.nav-download{padding:8px 12px;font-size:12px}.hero{grid-template-columns:1fr;padding:52px 0 44px;gap:42px}.hero h1{font-size:clamp(3rem,11.5vw,5rem)}.intro{font-size:16px;max-width:520px}.creator-line{margin-top:25px}.preview-wrap{max-width:540px;width:100%;margin:auto}.app-preview{transform:none}.preview-label{font-size:10px}.preview-wrap:before{inset:0}.facts{gap:14px;padding:24px 0}.facts>div{flex-direction:column;align-items:flex-start;gap:2px}.facts strong{font-size:30px}.facts span{font-size:12px}.section{padding:52px 0}.feature-grid{grid-template-columns:1fr;gap:30px;margin-top:34px}.feature-grid h3{margin:9px 0}.setup{grid-template-columns:1fr;gap:32px}.setup h2 br{display:none}.setup-intro{max-width:100%;margin-top:15px}.about{grid-template-columns:1fr;gap:30px}.about-mark{justify-content:flex-start}.about-mark img{width:110px;border-radius:22px}.about h2{font-size:clamp(1.9rem,7.4vw,2.8rem)}.download{flex-direction:column;align-items:flex-start;gap:30px}.download-action{text-align:left;min-width:0;width:100%;max-width:360px}.scope-note{grid-template-columns:1fr;gap:8px;padding:25px 0}footer{flex-wrap:wrap;justify-content:flex-start;gap:14px 25px}footer .footer-brand{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;transform:none!important}}

/* Readable labels in the product preview and navigation. */
.brand-sub{font-size:12px;letter-spacing:.05em}.hero .eyebrow,.preview-label,.window-bar,.portable-tag,.field-label,.mode,.log-caption,.preview-note,.feature-number,.footer-brand{font-size:12px}.scope-row,.demo-controls button,.demo-status{font-size:14px}.app-title p,.muted,.demo-log p{font-size:12px}.feature-grid p,.steps p{font-size:16px}
@media(max-width:420px){.brand{font-size:16px;gap:7px}.brand-sub{font-size:10px}.brand img{width:30px}nav{gap:12px}nav a{font-size:12px}.nav-download{padding:7px 9px}.nav-download span{display:none}.preview-label{font-size:10px}.app-body{padding:18px}.portable-tag{font-size:10px}.mode{font-size:10px}}

@media(max-width:420px){.header{gap:12px;flex-wrap:wrap}nav{margin-left:auto}.hero-actions{align-items:flex-start}.about h2 span{overflow-wrap:anywhere}.demo-status{flex-wrap:wrap}.mode{margin-left:auto}.window-bar{gap:9px}.app-title h2{font-size:19px}}

.enhancement-toggle{display:flex;align-items:center;gap:8px;font-size:14px;margin-top:20px;cursor:pointer}.enhancement-toggle input{accent-color:var(--blue);width:16px;height:16px;margin:0}.enhancement-toggle span{margin-left:auto;font-size:12px;color:var(--mint)}.enhancement-mini{padding:14px;border:1px solid #355557;background:#102a31;border-radius:7px;margin-top:12px;font-size:13px}.enhancement-mini p{color:var(--muted);margin-top:7px;line-height:1.6}.enhancement-mini .mini-limit{font-size:12px;color:var(--mint)}[hidden]{display:none!important}.v3-feature{display:grid;grid-template-columns:1fr 1fr;gap:38px 70px}.v3-intro{font-size:16px;color:var(--muted);margin-top:24px;line-height:1.8}.v3-flow article{display:flex;gap:20px;margin-bottom:25px}.v3-flow article>span{font-family:var(--display);color:var(--mint)}.v3-flow p{color:var(--muted);font-size:16px;margin-top:10px}.v3-flow .v3-limits{font-size:14px;padding-top:16px;border-top:1px solid var(--line)}.v3-disclosure{grid-column:1/-1;padding:18px 22px;background:#101e31;border:1px solid #334760;border-radius:8px;font-size:14px;color:#bdcce0}@media(max-width:760px){.v3-feature{grid-template-columns:1fr;gap:30px}.enhancement-toggle{flex-wrap:wrap}}


select.window-field{width:100%;color:var(--text);font:inherit}label.field-label{display:block}

.beta-release{border-top:1px solid var(--line)}.beta-release h2{font-size:clamp(26px,3vw,36px)}.beta-release>p:not(.eyebrow){max-width:820px;color:var(--muted);margin-top:20px}.beta-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:28px}.button.secondary{background:transparent;border:1px solid var(--line);color:var(--text);box-shadow:none}.button.secondary:hover{background:#15243a}