@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#080b12;--panel:#101725;--blue:#2f7bff;--blue-light:#7eb0ff;--green:#7bd89b;--white:#f6f8fc;--muted:#9ca9bd;--line:rgba(255,255,255,.13);--mono:'DM Mono',monospace;--sans:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y mandatory;background:var(--bg)}body{margin:0;color:var(--white);background:var(--bg);font-family:var(--sans);overflow-x:hidden}a{color:inherit}.topbar{position:fixed;z-index:20;top:0;left:0;right:0;height:58px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(180deg,rgba(8,11,18,.96),rgba(8,11,18,.55));border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-size:10px;letter-spacing:.11em;font-weight:700}.brand b,.lockup b{color:var(--blue-light)}.brand-mark{display:grid;place-items:center;width:28px;height:28px;background:var(--blue);border-radius:7px;font-size:14px;letter-spacing:-2px}.brand-mark span{color:var(--green)}.series-label{font:10px var(--mono);letter-spacing:.18em;color:var(--muted)}.progress-track{position:absolute;bottom:0;left:0;height:2px;width:100%;background:rgba(255,255,255,.06)}#progressFill{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--blue),var(--green));transition:width .15s linear}.scene{position:relative;isolation:isolate;min-height:100svh;padding:90px 7vw 48px;display:flex;align-items:center;justify-content:center;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;background:radial-gradient(ellipse at 75% 20%,rgba(47,123,255,.09),transparent 34%),var(--bg)}.scene:after{content:'';position:absolute;z-index:-1;inset:0;opacity:.13;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(transparent,black 18%,black 85%,transparent)}.inner{width:min(1120px,100%);margin:auto;position:relative;z-index:1}.center{text-align:center}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(36px,6vw,90px)}.eyebrow{margin:0 0 22px;color:var(--green);font:11px var(--mono);letter-spacing:.15em}h1,h2,p{margin-top:0}h1,h2{margin-bottom:22px;font-size:clamp(2.25rem,5vw,4.7rem);line-height:1.05;letter-spacing:-.065em;font-weight:700}h1{font-size:clamp(3.3rem,9vw,7.7rem);letter-spacing:-.09em;line-height:.95;font-weight:800}h1 span,h2 span{color:var(--blue-light)}.body{max-width:620px;margin:0 auto;color:#c2ccda;font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.8}.split .body{margin:0}.muted{color:var(--muted);font-size:.85rem;line-height:1.7}.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}.delay-3{transition-delay:.36s}.delay-4{transition-delay:.48s}.intro,.finale,.cta{background:radial-gradient(ellipse at 50% 45%,rgba(47,123,255,.16),transparent 44%),var(--bg);text-align:center}.glow{position:absolute;z-index:-1;width:58vw;height:58vw;max-width:720px;max-height:720px;border-radius:50%;background:radial-gradient(circle,rgba(47,123,255,.14),rgba(47,123,255,.035) 45%,transparent 70%)}.hero-logo{width:90px;height:90px;margin:0 auto;border-radius:24px;display:grid;place-items:center;grid-template-columns:auto auto;padding-right:9px;background:linear-gradient(145deg,#3887ff,#174bb1);box-shadow:0 20px 80px #2f7bff4d;font-size:3.3rem;font-weight:800;letter-spacing:-.15em}.hero-logo span,.cta-mark span{color:var(--green)}.lockup{margin:18px 0 34px;font-size:11px;letter-spacing:.22em}.subtitle{margin:24px 0 28px;color:#d3dced;font-size:clamp(1rem,2vw,1.35rem)}.scroll-hint{margin-top:48px;font:10px var(--mono);letter-spacing:.18em;color:#75849b}.scroll-hint:first-letter{color:var(--green)}.browser{position:relative;padding:10px;border:1px solid var(--line);border-radius:14px;background:#121b2bec;box-shadow:0 35px 100px #0006;transform:perspective(900px) rotateY(-5deg)}.browser-bar{height:28px;color:#7f8ca2;font:9px var(--mono)}.browser-bar span{margin-left:22%;padding:4px 24px;background:#0b111d;border-radius:5px}.mock-page{min-height:310px;background:#f5f7fb;color:#182236;border-radius:6px;overflow:hidden}.mock-nav{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:7px;color:#2464d4;font-weight:bold}.mock-nav small{color:#65738a;font-weight:400}.mock-hero{padding:38px 24px;min-height:190px;background:linear-gradient(110deg,#e6efff,#f9fbff);display:flex;flex-direction:column;align-items:flex-start}.mock-hero small{font-size:7px;color:#2464d4;letter-spacing:.1em}.mock-hero b{margin:12px 0;font-size:clamp(1.5rem,3vw,2.4rem);line-height:1.05;letter-spacing:-.05em}.mock-hero i{padding:8px 12px;color:white;background:#286ce2;border-radius:4px;font-size:7px;font-style:normal}.mock-lines{height:45px;margin:14px 22px;background:repeating-linear-gradient(to bottom,#dce2eb 0 4px,transparent 4px 13px);width:70%}.float-note{position:absolute;right:-20px;bottom:30px;padding:13px 16px;border:1px solid var(--line);border-radius:9px;background:#111b2b;font-size:11px;box-shadow:0 15px 40px #0006}.feature-row{display:flex;justify-content:center;flex-wrap:wrap;gap:13px;margin:38px 0 28px}.feature-row article{width:140px;min-height:135px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;padding:18px;border:1px solid var(--line);border-radius:12px;text-align:left;background:linear-gradient(145deg,#ffffff0e,#ffffff04)}.feature-row article>b{font-size:1.5rem;color:var(--blue-light);margin-bottom:7px}.feature-row strong{font-size:.9rem}.feature-row small{color:var(--muted);font-size:.7rem}.research,.compare{padding:24px;border:1px solid var(--line);border-radius:16px;background:#101725e8;box-shadow:0 25px 80px #0003}.research>p,.compare>p{display:flex;justify-content:space-between;gap:10px;font:9px var(--mono);letter-spacing:.1em;color:var(--muted)}.research>p span{color:var(--green)}.research article{padding:17px;margin-top:14px;border-radius:8px;display:flex;flex-direction:column;gap:7px;text-align:left;background:#1c3f7d}.research article small{font:9px var(--mono);letter-spacing:.1em}.research article b{font-size:1.05rem}.research article.light{background:#eaf0fa;color:#1b263a}.research article.green{background:#173c31}.research footer,.compare footer{margin-top:22px;color:var(--blue-light);font:10px var(--mono);letter-spacing:.1em}.checks{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:12px;color:#dce4f0}.checks li:before{content:'✓';display:inline-grid;place-items:center;width:22px;height:22px;margin-right:10px;color:var(--green);background:#7bd89b1a;border-radius:50%;font-size:12px}.pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.pills span{padding:9px 13px;border:1px solid var(--line);border-radius:30px;color:#d4deed;font-size:.8rem}.phone-wrap{display:flex;justify-content:center}.phone{width:235px;padding:9px;border-radius:34px;border:2px solid #4d5a70;background:#05070c;box-shadow:0 25px 80px #0007;transform:rotate(3deg)}.notch{width:72px;height:15px;margin:0 auto 7px;border-radius:0 0 12px 12px;background:#05070c}.phone-screen{min-height:350px;padding:20px 12px;border-radius:25px;color:#182236;background:#f5f7fb;text-align:left}.phone-screen h3{font-size:1rem}.search-pill{padding:11px;border:1px solid #d6dce7;border-radius:20px;font-size:9px;color:#69778c;background:white}.phone-screen article{margin-top:15px;padding:13px 8px;background:white;border:1px solid #e4e9f1;border-radius:8px;font-size:10px}.phone-screen article small{display:block;margin:5px 0 0 28px;font-size:7px;color:#7c8798}.phone-screen p{margin-top:26px;padding-top:14px;border-top:1px solid #e2e7ef;color:#286ce2;font-size:9px;text-align:center}.search-demo{width:min(720px,100%);margin:36px auto 0;padding:20px;border:1px solid var(--line);border-radius:14px;background:#f8faff;color:#182236;text-align:left;box-shadow:0 25px 90px #0004}.search-bar{display:flex;align-items:center;gap:12px;padding:12px 15px;border:1px solid #dce2eb;border-radius:30px;background:white;font-size:11px;color:#4d596b}.search-bar b{font-size:1.5rem;color:#4285f4}.search-bar span{flex:1}.search-bar strong{color:#4285f4}.search-demo article{margin:20px 0 0 45px;max-width:500px;display:flex;flex-direction:column;gap:5px}.search-demo article small{color:#5b687a;font-size:9px}.search-demo article b{color:#1a57b9;font-size:13px;font-weight:600}.search-demo article p{margin:0;color:#536174;font-size:10px;line-height:1.5}.search-demo label{display:inline-block;margin:16px 0 0 45px;padding:8px 10px;border-radius:5px;background:#e5edfb;color:#2859a5;font:9px var(--mono)}.compare article{display:grid;grid-template-columns:110px 1fr;gap:10px;align-items:center;padding:20px 0;border-bottom:1px solid #ffffff12;text-align:left}.compare article b{font-size:11px}.compare article i{height:7px;border-radius:8px;background:#273347;overflow:hidden}.compare article em{display:block;height:100%;background:#6682aa;border-radius:inherit}.compare article small{grid-column:2;color:var(--muted);font-size:9px}.compare .highlight b{color:var(--green)}.compare .highlight em{background:linear-gradient(90deg,var(--blue),var(--green))}.process{display:flex;align-items:center;justify-content:center;gap:13px;margin:45px 0 30px}.process article{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:125px;padding:18px;border:1px solid var(--line);border-radius:10px;background:#101725;text-align:left}.process article small{color:var(--blue-light);font:10px var(--mono)}.process article b{font-size:.9rem}.process article p{margin:0;color:var(--muted);font-size:.68rem}.process>i,.stages>i{color:var(--green);font-size:1.4rem;font-style:normal}.wireframe{width:min(480px,90%);margin:0 auto;padding:12px;border:1px solid #61718a;border-radius:8px;background:#101725}.wireframe div{height:9px;margin:7px 0;background:#34435a;border-radius:3px}.wireframe div:first-child{height:55px;background:#26374e}.wireframe div:nth-child(2){width:70%}.wireframe div:nth-child(3){width:35%;background:var(--blue)}.stages{display:flex;align-items:center;justify-content:center;gap:20px;margin:52px auto 34px}.stages article{width:190px;text-align:left}.stages article b,.stages article small{display:block}.stages article b{margin-top:15px;font-size:.95rem}.stages article small{margin-top:6px;color:var(--muted);font-size:.75rem}.stage-wire,.stage-design,.stage-live{height:125px;padding:10px;border:1px solid #52617a;border-radius:7px;background:repeating-linear-gradient(to bottom,#101725 0 15px,#26374e 15px 22px)}.stage-design{background:linear-gradient(145deg,#dce9ff,#f1f5fc);border-color:#dce4f0}.stage-live{background:linear-gradient(#276be0 0 45%,#f7f9fd 45%);border-color:#dce4f0}.purpose{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:45px auto 28px;max-width:850px}.purpose article{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:23px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#ffffff0d,#ffffff03)}.purpose article>b{color:var(--blue-light);font-size:1.8rem;margin-bottom:18px}.purpose strong{font-size:1rem}.purpose small{margin-top:9px;color:var(--muted);font-size:.78rem;line-height:1.6}.finale h2{font-size:clamp(3rem,8vw,7rem);line-height:.98;letter-spacing:-.08em}.statement{margin:30px 0 0;font:clamp(.85rem,2vw,1.1rem) var(--mono);letter-spacing:.12em;color:var(--green)}.line{width:70px;height:2px;margin:34px auto;background:var(--blue)}.cta-mark{font-size:3.2rem;font-weight:800;letter-spacing:-.12em}.cta h2{margin:25px 0 20px;font-size:clamp(2.5rem,6vw,5.5rem);line-height:1.03;letter-spacing:-.075em}.cta-button{display:inline-flex;align-items:center;gap:20px;margin-top:32px;padding:16px 22px;color:white;text-decoration:none;font:11px var(--mono);letter-spacing:.06em;border-radius:7px;background:var(--blue);box-shadow:0 12px 35px #2f7bff38;transition:transform .2s,background .2s}.cta-button:hover{background:#1e68ec;transform:translateY(-2px)}.cta-button b{color:var(--green);font-size:1.1rem}.site-url{margin:16px 0 0;color:#a9b8ce;font:12px var(--mono)}.follow{margin-top:45px;color:var(--muted);font:9px var(--mono);letter-spacing:.1em}.follow span{color:var(--green);padding:0 5px}.replay{display:inline-block;margin-top:20px;color:#d6e1f1;text-decoration:none;font:9px var(--mono);letter-spacing:.08em}.replay:hover{color:var(--green)}
@media(max-width:760px){.topbar{height:50px;padding:0 16px}.brand{font-size:8px}.series-label{font-size:8px;letter-spacing:.1em}.scene{padding:78px 22px 35px}.split{grid-template-columns:1fr;gap:30px}.eyebrow{margin-bottom:16px;font-size:9px}.split h2{font-size:clamp(2.2rem,10vw,3.6rem)}.browser{width:min(460px,95%);margin:0 auto;transform:none}.mock-page{min-height:250px}.mock-hero{min-height:150px;padding:25px 20px}.float-note{right:-6px;bottom:14px}.feature-row{gap:8px;margin:25px 0 20px}.feature-row article{width:calc(50% - 6px);min-height:110px;padding:14px}.research,.compare{padding:18px}.phone{width:215px}.phone-screen{min-height:320px}.search-demo{padding:13px;margin-top:25px}.search-demo article,.search-demo label{margin-left:6px}.compare article{grid-template-columns:92px 1fr}.process{flex-wrap:wrap;gap:8px;margin:30px 0 24px}.process article{min-width:calc(50% - 20px);padding:13px}.process>i{display:none}.wireframe{width:100%}.stages{gap:9px;margin:35px auto 25px}.stages article{width:30%}.stage-wire,.stage-design,.stage-live{height:95px;padding:7px}.stages article b{font-size:.8rem}.stages article small{font-size:.65rem}.stages>i{font-size:1rem}.purpose{grid-template-columns:1fr;gap:10px;margin:28px auto 20px}.purpose article{padding:15px}.purpose article>b{margin-bottom:7px}.purpose small{margin-top:4px}.finale h2{font-size:clamp(2.8rem,12vw,5rem)}.statement{line-height:1.8}.cta h2{font-size:clamp(2.4rem,10vw,4rem)}.cta-button{gap:10px;padding:15px 14px;font-size:9px}.follow{line-height:1.8}}
@media(max-width:390px){.series-label{display:none}.brand{font-size:9px}.scene{padding-left:17px;padding-right:17px}h1{font-size:3rem}.process article{min-width:calc(50% - 8px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}