:root{--bg-primary:#0b0e12;--bg-secondary:#12161c;--surface:#1a2028;--text-primary:#d7dee7;--text-secondary:#95a2b3;--text-muted:#697586;--accent-primary:#4e64df;--accent-hover:#6aa2ff;--accent-soft:#27487b;--border:#26303b;--shadow:#00000052;--max-width:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 72% 12%, #4a8bff21, transparent 28rem), var(--bg-primary);color:var(--text-primary);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}body:before{z-index:-1;pointer-events:none;content:"";background-image:linear-gradient(#95a2b309 1px,#0000 1px),linear-gradient(90deg,#95a2b309 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;mask-image:linear-gradient(#000 0%,#0000 76%)}a{color:inherit;text-decoration:none}.text-link{color:var(--accent-hover);text-underline-offset:.18em;font-weight:700;text-decoration:underline 1px #35d6ff73;transition:color .16s,text-decoration-color .16s}.text-link:hover,.text-link:focus-visible{color:var(--text-primary);text-decoration-color:currentColor}img{max-width:100%;display:block}.site-header{z-index:10;backdrop-filter:blur(18px);background:#0b0e12d1;border-bottom:1px solid #26303be0;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.25rem;min-height:72px;padding:0 clamp(1rem,4vw,3rem);display:grid;position:sticky;top:0}.brand,.footer-brand{letter-spacing:0;align-items:center;gap:.7rem;width:fit-content;font-weight:700;display:inline-flex}.brand img{width:clamp(128px,16vw,156px);height:auto}.site-nav,.site-footer nav{color:var(--text-secondary);flex-wrap:wrap;justify-content:center;align-items:center;gap:1.15rem;font-size:.94rem;display:flex}.site-nav a,.site-footer nav a{transition:color .16s}.site-nav a:hover,.site-footer nav a:hover{color:var(--text-primary)}.header-action{justify-self:end}.header-actions{justify-self:end;gap:.65rem;display:flex}.menu-toggle{border:1px solid var(--border);width:42px;height:42px;color:var(--text-primary);cursor:pointer;background:#1a202875;border-radius:6px;justify-content:center;justify-self:end;align-items:center;gap:4px;padding:0;display:none}.menu-toggle span{background:currentColor;border-radius:999px;width:18px;height:2px;transition:transform .16s,opacity .16s;display:block}.menu-toggle.is-open span:first-child{transform:translateY(6px)rotate(45deg)}.menu-toggle.is-open span:nth-child(2){opacity:0}.menu-toggle.is-open span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.section-shell{width:min(var(--max-width), calc(100% - 2rem));margin:0 auto;padding:clamp(4.25rem,9vw,7.5rem) 0}.hero{align-items:center;min-height:calc(100svh - 72px);padding-top:clamp(4rem,8vw,6rem);padding-bottom:clamp(4rem,8vw,6rem);display:grid}.hero-content{max-width:800px}.eyebrow,.section-kicker{color:var(--accent-hover);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .9rem;font-size:.78rem;font-weight:700}h1,h2,h3,p{margin-top:0}h1{color:#edf3fa;letter-spacing:0;max-width:760px;margin-bottom:1.3rem;font-size:clamp(3rem,8vw,6.4rem);line-height:.95}h2{color:#edf3fa;letter-spacing:0;max-width:780px;margin-bottom:1.1rem;font-size:clamp(2rem,4vw,3.4rem);line-height:1.05}h3{color:#edf3fa;margin-bottom:.7rem;font-size:1.02rem;line-height:1.25}.hero-copy,.section-copy,.sponsor-intro p,.future-section p{max-width:680px;color:var(--text-secondary);font-size:clamp(1.05rem,2vw,1.22rem)}.actions{flex-wrap:wrap;gap:.85rem;margin-top:2rem;display:flex}.button{border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;min-height:42px;padding:.72rem 1.05rem;font-size:.94rem;font-weight:700;line-height:1;transition:background-color .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--accent-primary);color:#fff}.button-primary:hover{background:var(--accent-hover);color:#000}.button-download{gap:.5rem;min-height:48px;padding-left:1.25rem;padding-right:1.25rem;box-shadow:0 14px 36px #4c8dff3d}.button-download span{font-size:1.1rem;line-height:1}.button-secondary{color:#dce8ff;background:#27487b4d;border-color:#4a8bff6b}.button-secondary:hover{background:#27487b7a;border-color:#6aa2ffad}.button-ghost{border-color:var(--border);color:var(--text-primary);background:#1a202875}.button-ghost:hover{background:#1a2028c2;border-color:#3a4654}.button-sponsor{color:#fff;background:#673ab7;border-color:#673ab7}.button-sponsor:hover{background:#7742d3;border-color:#723fc9}.split-section{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1.5rem 4rem;display:grid}.split-section .card-grid{grid-column:1/-1}.card-grid,.benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2.2rem;display:grid}.info-card,.benefit-card{border:1px solid var(--border);min-height:150px;box-shadow:0 18px 40px var(--shadow);background:linear-gradient(#1a2028db,#12161cd1);border-radius:8px;padding:1.35rem}.info-card p{color:var(--text-secondary);margin-bottom:0}.principles-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;max-width:900px;margin:2rem 0 0;padding:0;list-style:none;display:grid}.principles-list li{border-bottom:1px solid var(--border);grid-template-columns:auto 1fr;align-items:start;gap:.9rem;padding:1rem 0;display:grid}.principles-list span{background:var(--accent-primary);border-radius:999px;width:.55rem;height:.55rem;margin-top:.5rem;box-shadow:0 0 0 5px #4a8bff1a}.principles-list p{color:var(--text-secondary);margin-bottom:0}.sponsor{grid-template-columns:minmax(0,1.05fr) minmax(280px,.75fr);align-items:start;gap:3rem;display:grid}.sponsor-intro{background:linear-gradient(135deg,#4a8bff1a,#0000 42%),#12161ce6;border:1px solid #4a8bff40;border-radius:8px;padding:clamp(1.5rem,4vw,2.5rem)}.benefit-grid{grid-template-columns:1fr;margin-top:0}.benefit-card{min-height:96px}.benefit-card h3{margin-bottom:0}.projects-section{max-width:760px;margin-left:max(1rem, calc((100% - var(--max-width)) / 2));margin-right:auto;padding-top:3.5rem}.projects-section>p{max-width:680px;color:var(--text-secondary);font-size:clamp(1.05rem,2vw,1.22rem)}.project-card{background:linear-gradient(135deg,#4a8bff1a,#0000 45%),#12161ceb;border:1px solid #4a8bff47;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:1.5rem;width:min(860px,100%);margin-top:2rem;padding:clamp(1.2rem,3vw,1.6rem);display:grid}.project-card p{max-width:620px;color:var(--text-secondary);margin-bottom:1rem}.badge-row{flex-wrap:wrap;gap:.5rem;display:flex}.badge-row span{color:#cfe0ff;background:#27487b33;border:1px solid #4a8bff47;border-radius:999px;align-items:center;min-height:28px;padding:.35rem .62rem;font-size:.78rem;font-weight:700;display:inline-flex}.product-page{background:radial-gradient(circle at 60% 25rem, #4c8dff2e, transparent 18rem), var(--bg-primary)}.product-header{background:#111315db}.product-image-hero{width:min(var(--max-width), calc(100% - 2rem));margin:0 auto;padding-top:clamp(2rem,5vw,3.5rem)}.product-image-hero img{width:100%;height:auto}.product-intro{padding-top:clamp(3rem,6vw,4.75rem);padding-bottom:clamp(2.5rem,5vw,4rem)}.product-intro .product-intro-copy{width:100%}.product-intro-copy>p:not(.product-lede){max-width:none;color:var(--text-secondary);font-size:1.05rem}.beta-status-badge{color:#cfe0ff;letter-spacing:.04em;background:#4c8dff1a;border:1px solid #4c8dff61;border-radius:999px;align-items:center;width:fit-content;min-height:30px;margin-bottom:1rem;padding:.35rem .68rem;font-size:.78rem;font-weight:800;display:inline-flex}.product-intro h1{max-width:none;margin-top:1.1rem;margin-bottom:1rem;font-size:clamp(3.2rem,6vw,5rem);line-height:.96}.product-intro .product-lede{max-width:none}.product-lede{max-width:720px;color:var(--text-primary);margin-bottom:1rem;font-size:clamp(1.45rem,3vw,2.15rem);font-weight:700;line-height:1.18}.download-note{color:var(--accent-hover);margin-top:.85rem;margin-bottom:0;font-size:.92rem;font-weight:700}.wide-media-row,.media-carousel-slide{margin:0}.wide-media-row img,.media-carousel-slide img{width:100%;height:auto}.media-preview-trigger{cursor:zoom-in}.media-preview-trigger:focus-visible{outline:2px solid var(--accent-hover);outline-offset:4px}.product-mockup{background:linear-gradient(145deg,#4c8dff24,#0000 34%),linear-gradient(#242931,#171a1d);border:1px solid #4c8dff42;border-radius:8px;min-height:520px;overflow:hidden;box-shadow:0 26px 80px #0000006b}.mockup-topbar{border-bottom:1px solid var(--border);background:#111315b8;align-items:center;gap:.45rem;height:42px;padding:0 1rem;display:flex}.mockup-topbar span{background:#6b7480;border-radius:999px;width:.62rem;height:.62rem}.mockup-workspace{grid-template-columns:48px minmax(0,1fr) 180px;min-height:478px;display:grid}.mockup-tools{border-right:1px solid var(--border);background:#1113158a;align-content:start;gap:.65rem;padding:1rem .7rem;display:grid}.mockup-tools span{aspect-ratio:1;background:#2b313af2;border:1px solid #a7b0bc29;border-radius:6px}.mockup-canvas{background-image:linear-gradient(45deg,#a7b0bc0f 25%,#0000 25%),linear-gradient(-45deg,#a7b0bc0f 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#a7b0bc0f 75%),linear-gradient(-45deg,#0000 75%,#a7b0bc0f 75%);background-position:0 0,0 11px,11px -11px,-11px 0;background-size:22px 22px;place-items:center;padding:2rem;display:grid;position:relative}.canvas-art{aspect-ratio:1;background:radial-gradient(circle at 62% 34%,#35d6ffb3,#0000 18%),radial-gradient(circle at 34% 62%,#6d5ef8c7,#0000 24%),linear-gradient(145deg,#29313d,#111315);border:1px solid #f2f4f724;border-radius:8px;width:min(100%,360px);box-shadow:inset 0 0 0 1px #ffffff0a}.canvas-selection{aspect-ratio:1.45;border:1px dashed #35d6ffe6;border-radius:4px;width:38%;max-width:210px;position:absolute;transform:translate(22%,-18%)rotate(-4deg)}.mockup-panels{border-left:1px solid var(--border);background:#1113158a;align-content:start;gap:1rem;padding:1rem;display:grid}.panel-block{background:#242931e6;border:1px solid #a7b0bc24;border-radius:8px;gap:.65rem;padding:.9rem;display:grid}.panel-block strong{color:var(--text-primary);font-size:.82rem}.panel-block span{background:#4c8dff29;border-radius:5px;height:24px}.agent-panel p{color:var(--text-secondary);margin-bottom:0;font-size:.82rem;line-height:1.45}.download-section{border-top:1px solid var(--border);padding-top:clamp(3.5rem,7vw,5.5rem)}.download-heading{max-width:760px}.download-heading p:not(.section-kicker){color:var(--text-secondary);font-size:clamp(1.05rem,2vw,1.2rem)}.platform-grid{grid-template-columns:repeat(3,minmax(220px,.72fr));gap:1rem;margin-top:2.2rem;display:grid}.download-note-row{margin-top:1rem}.note-card{background:linear-gradient(135deg,#4c8dff1a,#0000 60%),#242931c7;border:1px solid #6aa2ff52;border-radius:8px;align-items:flex-start;gap:.85rem;padding:clamp(1rem,2.4vw,1.25rem) clamp(1.1rem,3vw,1.5rem);display:flex}.note-card-icon{width:1.6rem;height:1.6rem;color:var(--accent-hover);background:#6aa2ff29;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;line-height:1;display:flex}.note-card p{color:var(--text-secondary);flex:auto;margin:0;font-size:clamp(.95rem,1.8vw,1.02rem);line-height:1.55}.note-card-action{white-space:nowrap;flex:none;align-self:center}@media (width<=640px){.note-card{flex-wrap:wrap}.note-card-action{align-self:flex-start}}.note-card strong{color:var(--text-primary)}.note-card-inline{margin:1.6rem 0}.platform-card{border:1px solid var(--border);background:#242931c7;border-radius:8px;flex-direction:column;justify-content:space-between;min-height:280px;padding:clamp(1.2rem,3vw,1.6rem);display:flex}.platform-card-primary{background:linear-gradient(135deg,#4c8dff24,#0000 46%),#242931f0;border-color:#4c8dff85;box-shadow:0 24px 70px #00000057}.platform-card.is-detected{border-color:#35d6ffb8;box-shadow:0 0 0 1px #35d6ff47,0 24px 70px #00000057}.platform-card.is-detected .platform-name:after{color:var(--accent-hover);content:"Suggested";margin-left:.45rem}.platform-card-disabled{opacity:.58}.platform-card-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.platform-badges{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;display:flex}.platform-name{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.25rem;font-size:.82rem;font-weight:800}.recommended-badge{color:#c8f6ff;background:#35d6ff1a;border:1px solid #35d6ff66;border-radius:999px;align-items:center;min-height:28px;padding:.3rem .6rem;font-size:.76rem;font-weight:800;display:inline-flex}.platform-description{color:var(--text-secondary);margin:1rem 0}.platform-meta{flex-wrap:wrap;gap:.45rem;display:flex}.platform-meta span{min-height:26px;color:var(--text-secondary);background:#1113155c;border:1px solid #a7b0bc24;border-radius:999px;align-items:center;padding:.28rem .5rem;font-size:.78rem;font-weight:700;display:inline-flex}.platform-list{color:var(--text-secondary);gap:.55rem;margin:1.4rem 0;padding:0;list-style:none;display:grid}.platform-list li:before{color:var(--accent-hover);content:"✓";margin-right:.5rem}.platform-actions{flex-wrap:wrap;gap:.75rem;display:flex}.button-disabled{border-color:var(--border);color:var(--text-muted);cursor:default;background:#1a20286b}.button-disabled:hover{transform:none}.build-includes{color:var(--text-secondary);background:#1113156b;border:1px solid #a7b0bc1f;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.55rem;margin-top:1.25rem;padding:1rem;font-size:.92rem;display:flex}.build-includes strong{color:var(--text-primary)}.build-includes span{background:#242931a3;border:1px solid #a7b0bc21;border-radius:999px;padding:.25rem .5rem;display:inline-flex}.development-status{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,.65fr) minmax(0,1fr);align-items:start;gap:2rem 4rem;padding-top:clamp(3rem,6vw,4.5rem);padding-bottom:clamp(3rem,6vw,4.5rem);display:grid}.development-status .section-kicker{grid-column:1/-1;margin-bottom:-1rem}.development-status h2{margin-bottom:0}.status-copy{color:var(--text-secondary);gap:.9rem;font-size:clamp(1.02rem,2vw,1.14rem);display:grid}.status-copy p{margin-bottom:0}.compact-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:2.2rem;display:grid}.feature-grid .info-card{min-height:210px}.media-section{border-top:1px solid var(--border)}.media-section-copy{max-width:820px}.media-section-copy p:not(.section-kicker){max-width:760px;color:var(--text-secondary);font-size:clamp(1.02rem,2vw,1.16rem)}.wide-media-row{width:100%;margin-top:2rem}.media-carousel{margin-top:2rem}.media-carousel-viewport{width:100%;overflow:hidden}.media-carousel-track{transform:translateX(calc(var(--carousel-index,0) * -100%));transition:transform .22s;display:flex}.media-carousel-slide{flex:0 0 100%}.media-carousel-controls{justify-content:center;align-items:center;gap:.8rem;margin-top:1rem;display:flex}.media-carousel-button,.media-carousel-dots button{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;background:#242931c7;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.media-carousel-button{width:42px;height:42px;font-size:1rem;font-weight:800}.media-carousel-dots{align-items:center;gap:.55rem;display:flex}.media-carousel-dots button{border-radius:999px;width:12px;height:12px;padding:0}.media-carousel-button:hover,.media-carousel-dots button:hover,.media-carousel-dots button.is-active{background:#35d6ff2e;border-color:#35d6ffad}.media-preview-open{overflow:hidden}.media-preview{z-index:100;opacity:0;pointer-events:none;visibility:hidden;place-items:center;padding:clamp(.75rem,2vw,1.5rem);transition:opacity .16s,visibility .16s;display:grid;position:fixed;inset:0}.media-preview.is-open{opacity:1;pointer-events:auto;visibility:visible}.media-preview-backdrop{cursor:zoom-out;background:#05070aeb;border:0;position:absolute;inset:0}.media-preview-stage{z-index:1;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;width:min(100%,1440px);height:min(100%,920px);display:grid;position:relative}.media-preview-image{object-fit:contain;border:1px solid #a7b0bc2e;border-radius:8px;grid-area:2/2;justify-self:center;max-width:100%;max-height:100%;box-shadow:0 28px 90px #0000008f}.media-preview-close,.media-preview-button,.media-preview-dots button{color:var(--text-primary);cursor:pointer;background:#242931e0;border:1px solid #a7b0bc3d;border-radius:6px;justify-content:center;align-items:center;transition:background-color .16s,border-color .16s;display:inline-flex}.media-preview-close:hover,.media-preview-button:hover,.media-preview-dots button:hover,.media-preview-dots button.is-active{background:#35d6ff2e;border-color:#35d6ffb8}.media-preview-close{grid-area:1/1/auto/-1;justify-self:end;min-height:42px;padding:.68rem .95rem;font-weight:800}.media-preview-button{grid-row:2;width:46px;height:56px;font-size:1.15rem;font-weight:900}.media-preview-button-prev{grid-column:1}.media-preview-button-next{grid-column:3}.media-preview-dots{flex-wrap:wrap;grid-area:3/1/auto/-1;justify-content:center;align-items:center;gap:.55rem;display:flex}.media-preview-dots button{border-radius:999px;width:12px;height:12px;padding:0}.wide-copy{max-width:760px;color:var(--text-secondary);font-size:clamp(1.02rem,2vw,1.16rem)}.mini-card-grid{gap:.8rem;display:grid}.mini-card-grid article{border:1px solid var(--border);min-height:64px;color:var(--text-primary);background:#242931c7;border-radius:8px;padding:1rem;font-weight:700}.horizontal-grid{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:2rem}.workflow-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-principles{grid-column:1/-1}.roadmap-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.site-footer{border-top:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);grid-template-columns:1fr auto;align-items:center;gap:1.5rem;padding:2rem clamp(1rem,4vw,3rem);display:grid}.site-footer p{margin-bottom:0}.footer-brand{color:var(--text-primary);margin-bottom:.2rem}.copyright{color:var(--text-muted);grid-column:1/-1;font-size:.9rem}@media (width<=820px){.site-header{grid-template-columns:1fr auto auto;position:sticky}.site-nav{border:1px solid var(--border);box-shadow:0 20px 50px var(--shadow);opacity:0;pointer-events:none;visibility:hidden;background:#12161cfa;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;padding:.75rem;transition:opacity .16s,transform .16s,visibility .16s;display:grid;position:absolute;top:calc(100% + 1px);left:clamp(1rem,4vw,3rem);right:clamp(1rem,4vw,3rem);transform:translateY(-8px)}.site-nav.is-open{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}.site-nav a{background:#1a202894;border:1px solid #0000;border-radius:6px;min-height:42px;padding:.62rem .75rem}.site-nav a:hover{border-color:var(--border);background:#1a2028e6}.menu-toggle{flex-direction:column;display:inline-flex}.split-section,.sponsor,.development-status{grid-template-columns:1fr}.development-status .section-kicker{margin-bottom:0}.platform-grid{grid-template-columns:1fr}.media-preview-stage{grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-columns:1fr 1fr;gap:.75rem}.media-preview-image{grid-area:2/1/auto/-1}.media-preview-button{grid-row:3;width:100%;height:44px}.media-preview-button-prev{grid-column:1}.media-preview-button-next{grid-column:2}.media-preview-dots{grid-row:4}.card-grid,.principles-list,.compact-grid,.feature-grid,.workflow-grid,.horizontal-grid,.roadmap-grid{grid-template-columns:1fr}.projects-section{width:min(var(--max-width), calc(100% - 2rem));margin-left:auto;margin-right:auto}.project-card{grid-template-columns:1fr}.product-mockup{min-height:430px}.mockup-workspace{grid-template-columns:42px minmax(0,1fr)}.mockup-panels{display:none}}@media (width<=560px){.site-header{min-height:66px}.header-action{padding-left:.85rem;padding-right:.85rem}.site-nav{grid-template-columns:1fr}.header-actions .button-primary,.product-page .header-actions .button-ghost{display:none}.hero{min-height:auto}h1{font-size:clamp(2.35rem,12vw,2.85rem);line-height:1.04}.button{width:100%}.header-actions .button,.project-card .button,.platform-actions .button{width:auto}.product-lede{font-size:1.24rem}.product-mockup{min-height:340px}.mockup-workspace{min-height:298px}.mockup-canvas{padding:1rem}.canvas-selection{width:46%}.site-footer{grid-template-columns:1fr}.site-footer nav{justify-content:flex-start}}