.landing-ambient{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 50% 40% at 10% 20%,rgb(var(--accent-rgb)/.06) 0,transparent 60%)}.hero-section{position:relative;padding-top:4.5rem;overflow-x:clip}.hero-pin{position:relative;height:calc(100vh - 4.5rem);overflow:hidden}.hero-section-grid{position:relative;width:100%;height:100%}.hero-section-main{position:relative;display:flex;flex-direction:column;width:68%;height:100%;padding:3.5rem 3rem 2.5rem;border-right:1px solid var(--border);z-index:1}.hero-section-main .morph-grid{margin:auto -3rem -2.5rem;width:calc(100% + 6rem)}.hero-grow-panel{position:absolute;top:0;right:0;bottom:0;width:32%;display:flex;flex-direction:column;background:var(--bg-elevated);border-left:1px solid var(--border);overflow:hidden;z-index:2;will-change:width}.hero-grow-panel-inner{display:flex;flex-direction:column;height:100%}.hero-panel-top{flex:0 0 60%;padding:2rem 2rem 1.5rem;border-bottom:1px solid var(--border)}.hero-panel-bottom,.hero-panel-top{min-height:0;display:flex;align-items:center;justify-content:center}.hero-panel-bottom{flex:1;overflow:hidden;flex-direction:column;gap:1.75rem;padding:1.5rem 2rem}.hero-panel-cta{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:260px}.hero-panel-cta .btn{width:100%;justify-content:center}.hero-grow-content{width:100%;max-width:420px;will-change:max-width}.hero-scroll-hint{display:flex;flex-direction:column;align-items:center;gap:.25rem}.hero-scroll-arrow{font-size:.75rem;color:var(--muted);opacity:.5}.hero-headline{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:600;line-height:1.02;letter-spacing:-.035em;margin-bottom:2rem}.hero-line{overflow:hidden}.badge{display:inline-flex;width:fit-content;align-items:center;gap:.45rem;padding:.35rem .85rem;border-radius:6px;font-family:var(--font-mono),monospace;font-size:.68rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);border:1px solid rgb(var(--accent-rgb)/.25);background:rgb(var(--accent-rgb)/.06);margin-bottom:1.5rem}.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.morph-grid{--frame-top:16%;--frame-right:12%;--frame-bottom:16%;--frame-left:12%;position:relative;width:100%;height:clamp(240px,40vh,460px);overflow:hidden}.morph-grid-tiles{position:absolute;inset:0;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(6,1fr);gap:3px}.morph-tile{background:rgb(var(--accent-rgb)/var(--tile-a,0));border-radius:2px}.morph-frame{top:var(--frame-top);right:var(--frame-right);bottom:var(--frame-bottom);left:var(--frame-left);border:1px solid rgb(var(--text-rgb)/.45)}.morph-frame,.morph-handle{position:absolute;pointer-events:none}.morph-handle{width:6px;height:6px;background:var(--text)}.morph-handle--tl{top:calc(var(--frame-top) - 3px);left:calc(var(--frame-left) - 3px)}.morph-handle--tr{top:calc(var(--frame-top) - 3px);right:calc(var(--frame-right) - 3px)}.morph-handle--bl{left:calc(var(--frame-left) - 3px)}.morph-handle--bl,.morph-handle--br{bottom:calc(var(--frame-bottom) - 3px)}.morph-handle--br{right:calc(var(--frame-right) - 3px)}.morph-grid-label{position:absolute;font-size:.55rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text);opacity:.75;pointer-events:none}.morph-grid-label--tl{top:calc(var(--frame-top) - 1.25rem);left:var(--frame-left)}.morph-grid-label--br{bottom:calc(var(--frame-bottom) - 1.25rem);right:var(--frame-right);text-align:right}.generation-loop{width:100%}.gen-wireframes{position:absolute;inset:1.25rem 1.35rem;display:flex;flex-direction:column;gap:8px;opacity:0}.gen-wireframe{border-radius:6px;border:1px dashed var(--border-strong);background:var(--surface-subtle)}.gen-wireframe--nav{height:24px;width:100%}.gen-wireframe--hero{height:80px;width:100%}.gen-wireframe--tile{height:40px;flex:1}.gen-site-content,.gen-wireframes+.gen-site-content{opacity:0}.gen-site-content,.landing-section{position:relative}.landing-section{z-index:1;max-width:1120px;margin:4.5rem auto 0;padding:0 1.5rem}.landing-section:last-of-type{margin-bottom:5rem}.grid-panel{display:grid;grid-template-columns:1fr 1fr;gap:1rem;border:none}.grid-cell{padding:2rem 1.75rem;border:none;border-radius:28px;background:rgb(var(--elevated-rgb)/.78);box-shadow:0 22px 50px -34px var(--shadow-color),inset 0 0 0 1px rgb(var(--border-rgb)/.08);backdrop-filter:blur(14px);transition:transform .28s var(--v5-ease-out),box-shadow .28s var(--v5-ease-out),background .28s var(--v5-ease-out)}.grid-cell:hover{transform:translateY(-3px);background:rgb(var(--elevated-rgb)/.95);box-shadow:0 28px 56px -30px var(--shadow-color),inset 0 0 0 1px rgb(var(--border-rgb)/.14)}.grid-cell--span-2{grid-column:span 1}@media (min-width:768px){.grid-cell--span-2{grid-column:span 1}}.section-title{font-size:clamp(1.8rem,3.5vw,2.75rem);font-weight:600;line-height:1.12;letter-spacing:-.02em;margin-top:.5rem}.section-lead{color:var(--muted);max-width:520px;margin-top:.75rem;font-size:1.05rem;line-height:1.55}.eyebrow{font-size:.78rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem}.creates-list{display:grid;gap:.65rem;align-content:center}.creates-list li{display:flex;align-items:center;gap:.85rem;border-radius:999px;background:rgb(var(--text-rgb)/.04);padding:.7rem 1rem;font-size:.98rem;color:var(--text);transition:background .22s var(--v5-ease-out),transform .22s var(--v5-ease-out)}.creates-list li:hover{background:rgb(var(--text-rgb)/.08);transform:translateX(3px)}.creates-check{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0;box-shadow:0 0 0 4px rgb(var(--text-rgb)/.06)}.problem-card{max-width:100%;padding:2.5rem 2rem}.problem-card p:last-child{color:var(--muted);max-width:560px;line-height:1.6;margin-top:1rem}.five-stage{margin-top:1.25rem}.five-stage-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.85rem;border:none}.five-stage-item{padding:1.35rem 1.15rem;border:none;border-radius:28px;background:rgb(var(--elevated-rgb)/.78);box-shadow:0 18px 40px -32px var(--shadow-color),inset 0 0 0 1px rgb(var(--border-rgb)/.08);transition:transform .26s var(--v5-ease-out),box-shadow .26s var(--v5-ease-out),background .26s var(--v5-ease-out)}.five-stage-item:hover{transform:translateY(-4px);background:rgb(var(--elevated-rgb)/.96);box-shadow:0 26px 48px -28px var(--shadow-color),inset 0 0 0 1px rgb(var(--border-rgb)/.14)}.five-stage-coord{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono),monospace;font-size:.65rem;letter-spacing:.1em;color:var(--accent);margin-bottom:.75rem}.five-stage-coord:before{content:"";width:.4rem;height:.4rem;border-radius:999px;background:currentColor;box-shadow:0 0 0 4px rgb(var(--text-rgb)/.06)}.five-stage-item h3{font-family:var(--font-display),system-ui,sans-serif;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.five-stage-item p{font-size:.82rem;color:var(--muted);line-height:1.5}.features{background:transparent;max-width:1120px;border-block:none;padding:0}.features-inner{max-width:none;margin:0;padding:0 0 1rem}.features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;border:none;margin-top:1.25rem}.feature{padding:1.75rem 1.5rem;border-radius:28px;background:rgb(var(--elevated-rgb)/.78);box-shadow:0 18px 40px -32px var(--shadow-color),inset 0 0 0 1px rgb(var(--border-rgb)/.08);transition:transform .26s var(--v5-ease-out),box-shadow .26s var(--v5-ease-out),background .26s var(--v5-ease-out)}.feature:hover{transform:translateY(-4px);background:rgb(var(--elevated-rgb)/.96);box-shadow:0 26px 48px -28px var(--shadow-color),inset 0 0 0 1px rgb(var(--border-rgb)/.14)}.feature-visual{height:88px;margin-bottom:1.1rem;display:flex;align-items:center;justify-content:center}.feature h3{font-size:1.05rem;margin-bottom:.5rem}.feature p{font-size:.92rem;color:var(--muted)}.feat-timer{position:relative;width:64px;height:64px;display:flex;align-items:center;justify-content:center}.feat-timer-ring{position:absolute;inset:0;border-radius:50%;border:2px solid var(--surface-hover);border-top-color:var(--accent);opacity:.6}.feature-visual.is-animating .feat-timer-ring{opacity:1}.feat-timer-num{font-size:.95rem;font-weight:700;color:var(--accent)}.feat-stack{position:relative;width:100px;height:64px}.feat-stack-card{position:absolute;width:72px;height:44px;border-radius:8px;border:1px solid var(--border);background:var(--surface-subtle);transition:transform .5s var(--v5-ease-out),opacity .4s}.feat-stack-card.c1{top:10px;left:0;z-index:1}.feat-stack-card.c2{top:4px;left:14px;z-index:2;opacity:.7}.feat-stack-card.c3{top:0;left:28px;z-index:3;opacity:.45}.feature-visual.is-animating .feat-stack-card.c1{transform:translate(-2px,1px)}.feature-visual.is-animating .feat-stack-card.c2{opacity:.85}.feature-visual.is-animating .feat-stack-card.c3{transform:translate(2px,-2px);opacity:.7}.feat-host{position:relative;width:80px;height:64px;display:flex;align-items:center;justify-content:center}.feat-host-server{width:44px;height:52px;border-radius:8px;border:1px solid var(--border);background:var(--surface-subtle);position:relative}.feat-host-server:after,.feat-host-server:before{content:"";position:absolute;left:8px;right:8px;height:3px;border-radius:2px;background:rgb(var(--accent-rgb)/.35)}.feat-host-server:before{top:12px}.feat-host-server:after{top:22px}.feat-host-signal{position:absolute;right:4px;top:50%;width:8px;height:8px;border:2px solid var(--accent);border-radius:50%;opacity:0;transform:translateY(-50%)}.feature-visual.is-animating .feat-host-signal{opacity:.5}.feature-visual.is-animating .feat-host-signal.s2{opacity:.3}.feature-visual.is-animating .feat-host-signal.s3{opacity:.15}.pricing-teaser{text-align:left;padding:2.5rem 2rem}.waitlist-card{text-align:center;padding:3.25rem 2rem;border-radius:32px;background:radial-gradient(ellipse 70% 50% at 50% 0,var(--accent-soft) 0,transparent 55%),rgb(var(--elevated-rgb)/.85);box-shadow:0 24px 56px -34px var(--shadow-color),inset 0 0 0 1px rgb(var(--border-rgb)/.08);transition:transform .28s var(--v5-ease-out),box-shadow .28s var(--v5-ease-out)}.waitlist-card:hover{transform:translateY(-2px);box-shadow:0 30px 60px -30px var(--shadow-color),inset 0 0 0 1px rgb(var(--border-rgb)/.14)}.waitlist-card .section-title{font-weight:400}.waitlist-sub{color:var(--muted);max-width:440px;margin:1rem auto 2rem}.waitlist-form-inner{max-width:480px;margin:0 auto}.gen-device-prompt{position:absolute;inset:1.25rem 1.35rem;display:flex;flex-direction:column;justify-content:center;gap:.5rem;z-index:1}.gen-device-prompt-label{font-size:.62rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.gen-device-prompt-text{font-size:.88rem;line-height:1.6;color:var(--text);min-height:3.2em}.gen-device-caret{display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:text-bottom;background:var(--accent);animation:gen-caret-blink .9s steps(1) infinite}@keyframes gen-caret-blink{50%{opacity:0}}.hero-story-handled{display:flex;gap:1.25rem;flex-wrap:wrap;margin-top:.85rem;padding:0 .25rem}.hero-story-handled li{display:flex;align-items:baseline;gap:.4rem;font-size:.75rem}.hero-story-check{color:var(--accent);font-weight:700}.hero-story-handled-label{font-weight:600;color:var(--text)}.hero-story-handled-detail{color:var(--muted)}.hero-anim-device{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--border);background:var(--bg-elevated);box-shadow:0 24px 48px var(--shadow-color)}.hero-anim-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:var(--surface-subtle);border-bottom:1px solid var(--border)}.hero-anim-bar span{width:8px;height:8px;border-radius:50%}.hero-anim-bar span:first-child{background:#ff5f57}.hero-anim-bar span:nth-child(2){background:#febc2e}.hero-anim-bar span:nth-child(3){background:#28c840}.hero-anim-url{flex:1;margin-left:6px;padding:4px 10px;background:var(--surface-hover);border-radius:4px;font-size:.7rem;color:var(--muted);transition:color .5s ease,background .5s ease}.hero-anim-url.is-live{color:var(--accent);background:rgb(var(--accent-rgb)/.1)}.hero-anim-viewport{position:relative;padding:1.25rem 1.35rem;min-height:220px}.anim-site-nav{display:flex;align-items:center;gap:.5rem;margin-bottom:.85rem}.anim-site-logo{font-size:.72rem;font-weight:700;color:var(--accent);margin-right:auto}.anim-site-link{width:36px;height:6px;border-radius:3px;background:var(--surface-hover)}.anim-site-link.short{width:24px}.anim-site-cta{font-size:.62rem;font-weight:600;padding:4px 8px;border-radius:4px;background:var(--accent-fill);color:var(--accent-ink)}.anim-site-hero{padding:1rem;border-radius:10px;background:var(--surface-subtle);border:1px solid var(--border);margin-bottom:.75rem}.anim-site-eyebrow{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:.35rem}.anim-site-title{font-family:var(--font-display),system-ui,sans-serif;font-size:1.05rem;font-weight:500;line-height:1.2;margin-bottom:.35rem}.anim-site-copy{font-size:.68rem;color:var(--muted);line-height:1.45;margin-bottom:.65rem}.anim-site-btn{display:inline-block;font-size:.62rem;font-weight:600;padding:5px 10px;border-radius:5px;background:var(--surface-hover);border:1px solid var(--border)}.anim-site-gallery{display:flex;gap:8px}.anim-site-tile{flex:1;height:52px;border-radius:8px;background:var(--surface-subtle)}.anim-live-badge{position:absolute;bottom:1rem;right:1.25rem;display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;border-radius:99px;font-size:.65rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:rgb(var(--accent-rgb)/.1);border:1px solid rgb(var(--accent-rgb)/.2)}.anim-live-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}@media (max-width:1200px) and (min-width:961px){.hero-section-main{width:58%;padding:3rem 2rem 2rem}.hero-section-main .morph-grid{margin:auto -2rem -2rem;width:calc(100% + 4rem)}.hero-grow-panel{width:42%}.hero-panel-top{padding:1.5rem 1.25rem 1rem}.hero-panel-bottom{padding:1.25rem}.hero-grow-content{max-width:100%}.five-stage-item{padding:1.15rem 1rem}.five-stage-item p{font-size:.78rem}}.hero-cta-mobile{display:none}@media (max-width:960px){.hero-pin{height:auto;min-height:0;overflow:visible}.hero-section-grid{display:flex;flex-direction:column;height:auto}.hero-section-main{width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border);padding:2.5rem 1.5rem 1.5rem}.hero-headline{font-size:clamp(2rem,9vw,3rem);margin-bottom:1.25rem}.hero-cta-mobile{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.hero-section-main .morph-grid{margin:.5rem -1.5rem 0;width:calc(100% + 3rem);height:clamp(180px,28vh,280px)}.hero-grow-panel{position:relative;top:auto;right:auto;bottom:auto;width:100%;border-left:none;border-top:1px solid var(--border)}.hero-grow-panel-inner{padding:0}.hero-panel-top{flex:none;padding:2rem 1.5rem}.hero-panel-bottom{display:none}.hero-grow-content{max-width:100%}.hero-scroll-hint{display:none}.landing-section{padding:0 1.25rem;margin-top:3rem}.landing-section:last-of-type{margin-bottom:3rem}.grid-panel{grid-template-columns:1fr}.grid-cell{padding:1.75rem 1.4rem}.section-head{margin-bottom:1.5rem}.features-inner{padding:0 0 1rem}.features-grid,.five-stage-grid{grid-template-columns:1fr}.waitlist-card{padding:2.25rem 1.25rem}.hero-story-handled{gap:.75rem 1rem}.hero-anim-viewport{min-height:200px;padding:1rem 1.1rem}}@media (max-width:960px) and (min-width:641px){.features-grid,.five-stage-grid{grid-template-columns:1fr 1fr}.five-stage-item:last-child{grid-column:1/-1}.hero-cta-mobile .btn{flex:1 1 auto;justify-content:center;min-width:10rem}}@media (max-width:1100px) and (min-width:961px){.five-stage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.five-stage-item:nth-child(4),.five-stage-item:nth-child(5){grid-column:span 1}}@media (max-width:640px){.hero-section{padding-top:4rem}.hero-section-main{padding:2rem 1.15rem 1.25rem}.badge{font-size:.58rem;letter-spacing:.08em;padding:.3rem .65rem;max-width:100%}.hero-cta-mobile{flex-direction:column}.hero-cta-mobile .btn{width:100%;justify-content:center}.hero-section-main .morph-grid{margin:.25rem -1.15rem 0;width:calc(100% + 2.3rem);height:clamp(160px,26vh,220px)}.morph-grid-label{font-size:.48rem}.hero-panel-top{padding:1.5rem 1.15rem}.landing-section{padding:0 1rem}.grid-cell{padding:1.5rem 1.15rem}.creates-list li{font-size:.95rem}.section-title{font-size:clamp(1.55rem,7vw,2rem)}.section-lead{font-size:.95rem}.features-inner{padding:0 1rem 3rem}.feature{padding:1.5rem 1.15rem}.waitlist-card{padding:2rem 1rem}.hero-story-handled{flex-direction:column;gap:.5rem}.gen-device-prompt-text{font-size:.8rem}.anim-site-title{font-size:.95rem}}@media (prefers-reduced-motion:reduce){.feature,.five-stage-item,.grid-cell,.morph-tile,.scroll-showcase-panel,.waitlist-card{transition:none!important;animation:none!important}.creates-list li:hover,.feature:hover,.five-stage-item:hover,.grid-cell:hover,.waitlist-card:hover{transform:none}}