@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--bg:#06080c;--bg-soft:#0a1018;--line:#97adc533;--text:#edf3fb;--text-dim:#9caec4;--accent:#7ac8ff;--accent-strong:#4fb6ff;--content:1200px;--pointer-x:50%;--pointer-y:20%;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Space Grotesk,Segoe UI,Arial,sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text);background:radial-gradient(45% 35% at 20% 0,#7ac8ff40,#0000 75%),radial-gradient(35% 25% at 85% 18%,#6585ff38,#0000 75%),linear-gradient(#06080c 0%,#090d14 55%,#070a10 100%);margin:0;overflow-x:hidden}a{color:inherit}h1,h2,h3,p{margin:0}#root,.site{min-height:100vh}.site{isolation:isolate;position:relative}.interactive-bg{z-index:-1;pointer-events:none;background:radial-gradient(480px 360px at var(--pointer-x) var(--pointer-y), #4fb6ff30, transparent 70%), radial-gradient(620px 420px at 80% 20%, #5978ff26, transparent 72%);transition:background-position .15s ease-out;position:fixed;inset:0}.topbar{z-index:50;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#06080cb8;justify-content:space-between;align-items:center;width:100%;padding:16px clamp(20px,4vw,56px);display:flex;position:sticky;top:0}.brand{letter-spacing:.04em;align-items:center;gap:10px;font-family:Space Grotesk,sans-serif;font-size:1.02rem;font-weight:700;text-decoration:none;display:inline-flex}.brand-logo{object-fit:cover;border:1px solid #97adc561;border-radius:8px;width:34px;height:34px;box-shadow:0 6px 16px #00000052}.topbar nav{align-items:center;gap:18px;display:flex}.topbar nav a{color:var(--text-dim);font-size:.92rem;text-decoration:none;transition:color .2s}.topbar nav a:hover,.topbar nav a:focus-visible{color:var(--text)}.button-link{border:1px solid var(--line);border-radius:999px;padding:9px 14px;color:var(--text)!important}.section-wrap{border-bottom:1px solid #97adc529}.section-inner{width:min(100%, var(--content));margin:0 auto;padding:clamp(56px,7vw,104px) clamp(20px,4vw,56px)}.hero{align-items:center;min-height:calc(100vh - 64px);display:grid;position:relative}.hero:after{content:"";opacity:.38;z-index:-1;background:linear-gradient(120deg,#0b121abf,#08101c59),url(https://images.unsplash.com/photo-1593640495253-23196b27a87f?auto=format&fit=crop&w=2200&q=80) 50%/cover no-repeat;position:absolute;inset:0}.hero-layout{padding-top:clamp(64px,10vw,144px);padding-bottom:clamp(70px,12vw,160px)}.hero-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080e1599;border:1px solid #97adc54d;border-radius:999px;align-items:center;gap:10px;margin-bottom:16px;padding:6px 14px 6px 8px;display:inline-flex}.hero-badge-logo{object-fit:cover;border:1px solid #97adc559;border-radius:6px;width:24px;height:24px}.hero-badge span{color:var(--text);letter-spacing:.07em;text-transform:uppercase;font-size:.82rem}.section-kicker{text-transform:uppercase;letter-spacing:.13em;color:var(--accent);margin-bottom:12px;font-size:.78rem;font-weight:600}h1{letter-spacing:-.03em;max-width:18ch;font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,6.8vw,5rem);line-height:1.03}h2{letter-spacing:-.02em;max-width:20ch;margin-bottom:14px;font-family:Space Grotesk,sans-serif;font-size:clamp(1.45rem,3.2vw,2.5rem);line-height:1.15}h3{margin-bottom:8px;font-family:Space Grotesk,sans-serif;font-size:1.13rem}p,label,li{color:var(--text-dim);line-height:1.7}.hero-copy{max-width:62ch;margin-top:20px;font-size:clamp(1rem,1.35vw,1.24rem)}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:12px 18px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.button.primary{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#04111b}.button.primary:hover{transform:translateY(-1px);box-shadow:0 14px 24px #4fb6ff3d}.button.ghost{border-color:var(--line)}.button.ghost:hover{border-color:var(--accent);color:var(--accent)}.two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(26px,5vw,80px);display:grid}.visual-strip{background:linear-gradient(#0a1018b8,#080d1473)}.visual-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-top:clamp(22px,4vw,42px);padding-bottom:clamp(22px,4vw,42px);display:grid}.visual-tile{border:1px solid #97adc547;border-radius:16px;min-height:clamp(180px,26vw,260px);margin:0;position:relative;overflow:hidden}.visual-tile img{object-fit:cover;filter:saturate(1.06);width:100%;height:100%;transition:transform .35s;display:block;transform:scale(1.01)}.visual-tile:after{content:"";background:linear-gradient(#05090e2e,#05090ec7);position:absolute;inset:0}.visual-tile figcaption{z-index:1;color:#f2f8ff;letter-spacing:.03em;font-family:Space Grotesk,sans-serif;font-size:.96rem;position:absolute;bottom:12px;left:14px}.visual-tile:hover img{transform:scale(1.06)}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.3vw,28px);margin-top:22px;display:grid}.feature-item{padding:12px 0}.lane-list{border-top:1px solid var(--line);margin-top:16px}.lane-row{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr;gap:18px;padding:22px 0;display:grid}.lane-index{width:44px;color:var(--accent);letter-spacing:.08em;font-family:Space Grotesk,sans-serif;font-size:.9rem;font-weight:600}.lane-persona{color:var(--text);margin-bottom:4px;font-weight:600}.why-layout{align-items:start}.check-list{gap:12px;margin:16px 0 0;padding-left:20px;display:grid}.highlight-block{border:1px solid var(--line);background:linear-gradient(165deg,#7ac8ff24,#7ac8ff05);border-radius:18px;padding:clamp(20px,3vw,34px)}.contact-centered{text-align:center;flex-direction:column;align-items:center;display:flex}.contact-sub{max-width:48ch;margin-top:10px;margin-bottom:36px}.email-row{border:1px solid #7ac8ff40;border-radius:999px;align-items:center;gap:12px;padding:10px 10px 10px 28px;transition:border-color .2s,box-shadow .2s;display:inline-flex}.email-row:hover{border-color:#7ac8ff80;box-shadow:0 0 28px #7ac8ff1a}.email-display{color:var(--accent);letter-spacing:.02em;-webkit-user-select:text;user-select:text;font-family:Space Grotesk,sans-serif;font-size:clamp(.95rem,2vw,1.3rem);font-weight:600}.copy-btn{color:var(--text-dim);font:inherit;cursor:pointer;white-space:nowrap;background:#7ac8ff1a;border:1px solid #7ac8ff33;border-radius:999px;padding:8px 20px;font-size:.85rem;font-weight:500;transition:all .2s}.copy-btn:hover{border-color:var(--accent);color:var(--text);background:#7ac8ff2e}.copy-btn.copied{color:var(--accent);border-color:var(--accent)}.mailto-hint{color:var(--text-dim);margin-top:14px;font-size:.85rem;text-decoration:none;transition:color .2s}.mailto-hint:hover{color:var(--text)}.scroll-progress{background:linear-gradient(90deg, var(--accent), var(--accent-strong));z-index:200;pointer-events:none;width:0%;height:2px;transition:width 80ms linear;position:fixed;top:0;left:0}.reveal{opacity:0;transition:opacity .65s,transform .65s;transform:translateY(30px)}.reveal.from-left{transform:translate(-30px)}.reveal.is-visible{opacity:1;transform:none}.topbar nav a.nav-active{color:var(--text)!important}.visual-tile{transition:transform .15s}@media (width<=1024px){.visual-grid,.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=780px){.topbar{flex-direction:column;align-items:flex-start;gap:10px}.topbar nav{flex-wrap:wrap;gap:14px}.brand{font-size:.96rem}.brand-logo{width:30px;height:30px}.hero{min-height:auto}.section-inner{padding-top:52px;padding-bottom:52px}.two-col,.visual-grid,.feature-grid{grid-template-columns:1fr}.lane-row{grid-template-columns:1fr;gap:8px}.lane-index{width:auto}}