:root{--bg:#07111f;--bg-2:#0a1625;--card:#0d1b2a;--line:rgba(148,163,184,.15);--text:#f5f7fa;--muted:#94a3b8;--cyan:#00c8ff;--blue:#1677ff;--violet:#7c3aed;--magenta:#d946ef;--gradient:linear-gradient(105deg,var(--cyan),var(--blue) 50%,var(--magenta));--shadow:0 24px 70px rgba(0,0,0,.36);--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.skip-link{position:fixed;top:12px;left:12px;z-index:100;background:#fff;color:#07111f;padding:10px 14px;transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header{position:sticky;top:0;z-index:40;background:rgba(7,17,31,.86);border-bottom:1px solid rgba(148,163,184,.1);backdrop-filter:blur(18px)}.nav-shell{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(0,200,255,.38);border-radius:10px;background:linear-gradient(#0c1c31,#091422);font-weight:800;font-size:21px;color:transparent;background-image:var(--gradient);background-clip:text;-webkit-background-clip:text;box-shadow:inset 0 0 22px rgba(22,119,255,.08)}.brand-copy{display:grid;line-height:1}.brand-copy strong{font-size:14px;letter-spacing:.115em}.brand-copy small{margin-top:7px;color:#8997aa;font-size:7px;letter-spacing:.18em}.brand-copy i{display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--cyan);vertical-align:middle;margin:0 3px}.brand-copy i:last-of-type{background:var(--magenta)}.desktop-nav{display:flex;gap:34px;height:100%;align-items:center}.desktop-nav a{position:relative;color:#a9b5c6;font-size:14px;font-weight:600;transition:.25s}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:2px;background:var(--cyan);transition:.25s}.desktop-nav a:hover,.desktop-nav a.is-active{color:#fff}.desktop-nav a:hover:after,.desktop-nav a.is-active:after{right:0}.menu-toggle,.mobile-nav{display:none}.hero{position:relative;min-height:calc(100vh - 82px);padding:92px 0 24px;overflow:hidden;background:radial-gradient(circle at 77% 42%,rgba(22,119,255,.08),transparent 32%),var(--bg)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(148,163,184,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.025) 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(to bottom,black,transparent 85%);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:70px}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 22px;color:#b9c6d8;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.eyebrow span{width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 14px rgba(0,200,255,.55)}h1{max-width:680px;margin:0;font-size:clamp(3rem,5.35vw,5.25rem);line-height:1.02;letter-spacing:-.055em;font-weight:700}h1 em{display:block;font-style:normal;color:transparent;background:var(--gradient);-webkit-background-clip:text;background-clip:text}.hero-lede{max-width:630px;margin:28px 0 0;color:#a8b4c5;font-size:17px;line-height:1.75}.hero-actions{display:flex;gap:12px;margin-top:36px}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:0 22px;border:1px solid transparent;border-radius:8px;font-size:14px;font-weight:700;transition:transform .25s,border-color .25s,background .25s}.button:hover{transform:translateY(-2px)}.button-primary{background:#f4f7fb;color:#07111f}.button-primary:hover{background:#fff;box-shadow:0 10px 34px rgba(0,200,255,.12)}.button-quiet{color:#dbe5f2;border-color:var(--line);background:rgba(255,255,255,.02)}.button-quiet:hover{border-color:rgba(0,200,255,.45)}.capabilities{margin-top:30px;color:#74849b;font-size:12px;letter-spacing:.06em}.capabilities b{margin:0 9px;color:#33465e}.hero-visual{position:relative;min-height:520px;perspective:1300px}.visual-orbit{position:absolute;inset:10% -8% 0;background:radial-gradient(ellipse at center,rgba(22,119,255,.18),rgba(124,58,237,.06) 38%,transparent 66%);filter:blur(18px)}.browser-mockup{position:absolute;top:44px;right:0;width:90%;aspect-ratio:1.36;border:1px solid rgba(148,163,184,.28);border-radius:14px;background:#08111f;box-shadow:var(--shadow),0 0 60px rgba(22,119,255,.08);overflow:hidden;transform:rotateY(-6deg) rotateX(2deg)}.browser-bar{height:36px;border-bottom:1px solid rgba(148,163,184,.13);display:flex;align-items:center;gap:6px;padding:0 12px;background:#0b1727}.browser-bar i{width:6px;height:6px;border-radius:50%;background:#33445a}.browser-bar span{width:42%;height:7px;border-radius:8px;margin-left:12px;background:#17263a}.mock-site{position:relative;height:calc(100% - 36px);padding:20px 22px;background:linear-gradient(130deg,#091525 0 62%,#0d1d31 62%)}.mock-nav{display:flex;gap:12px;align-items:center}.mock-nav b{color:#fff;font-size:9px;letter-spacing:.15em}.mock-nav span{width:30px;height:3px;background:#24354b;margin-left:auto}.mock-nav span+span{margin-left:0}.mock-content{position:absolute;left:22px;top:84px;width:56%}.mock-content small{font-size:6px;letter-spacing:.2em;color:var(--cyan)}.mock-content strong{display:block;margin-top:10px;font-size:24px;line-height:1.15;letter-spacing:-.04em}.mock-content p{width:72%;height:20px;background:repeating-linear-gradient(#526179 0 2px,transparent 2px 7px);opacity:.42}.mock-content button{width:70px;height:22px;background:var(--cyan);border:0;border-radius:3px}.mock-panel{position:absolute;right:23px;top:73px;width:31%;height:58%;border:1px solid #21354d;background:#0d1c2d;border-radius:8px;padding:12px;transform:rotate(3deg)}.mock-panel div{height:70%;background:linear-gradient(140deg,rgba(0,200,255,.9),rgba(22,119,255,.4) 46%,rgba(217,70,239,.3));border-radius:5px}.mock-panel span{display:block;width:70%;height:4px;margin-top:14px;background:#40506a}.phone-mockup{position:absolute;left:2%;bottom:28px;width:29%;aspect-ratio:.52;border:4px solid #26374e;border-radius:24px;background:#050b14;box-shadow:0 24px 50px rgba(0,0,0,.5);overflow:hidden;transform:rotate(-4deg)}.phone-notch{position:absolute;z-index:2;top:5px;left:50%;translate:-50% 0;width:42%;height:13px;border-radius:0 0 10px 10px;background:#050b14}.phone-screen{height:100%;padding:34px 15px 14px;background:radial-gradient(circle at 70% 30%,rgba(124,58,237,.25),transparent 38%),#0b1725}.phone-screen b{font-size:7px;text-transform:uppercase;letter-spacing:.15em}.phone-screen small{display:block;margin-top:36px;font-size:6px;letter-spacing:.13em;color:#8795a9}.phone-screen strong{display:block;font-size:17px;margin-top:5px}.phone-screen span{display:block;width:50px;height:17px;margin:14px 0 24px;background:var(--cyan);border-radius:3px}.phone-screen i{display:block;height:34px;margin-top:7px;background:#112439;border:1px solid #1d334b;border-radius:5px}.floating-chip{position:absolute;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(0,200,255,.24);border-radius:10px;background:rgba(10,22,37,.86);box-shadow:0 10px 32px rgba(0,0,0,.28);color:var(--cyan);font-weight:700;backdrop-filter:blur(10px)}.chip-code{right:-7px;top:31%}.chip-spark{right:15%;bottom:8%;color:#b668ff}.hero-footer{position:relative;margin-top:48px;padding-top:22px;border-top:1px solid rgba(148,163,184,.12);display:flex;align-items:center;gap:18px;color:#52627a;font-size:9px;font-weight:700;letter-spacing:.17em}.hero-footer i{width:80px;height:1px;background:#314057}.hero-footer p{margin-left:auto}.preview-next{padding:120px 0;background:var(--bg-2);border-top:1px solid var(--line)}.preview-next h2{margin:0;font-size:clamp(2.2rem,4.5vw,4rem);line-height:1.1;letter-spacing:-.045em}
@media(max-width:900px){.desktop-nav{display:none}.menu-toggle{display:grid;width:44px;height:44px;place-content:center;gap:6px;border:1px solid var(--line);border-radius:8px;background:transparent}.menu-toggle span{display:block;width:19px;height:1px;background:#fff;transition:.25s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-nav{position:absolute;top:82px;left:0;right:0;display:grid;padding:10px 24px 24px;background:#07111f;border-bottom:1px solid var(--line);transform:translateY(-130%);opacity:0;transition:.28s;z-index:-1}.mobile-nav.is-open{transform:none;opacity:1}.mobile-nav a{padding:14px 0;border-bottom:1px solid var(--line);font-size:15px}.hero{padding-top:62px}.hero-grid{grid-template-columns:1fr;gap:36px}.hero-copy{text-align:center}.eyebrow,.hero-actions{justify-content:center}.hero-lede{margin-inline:auto}.hero-visual{width:min(620px,100%);min-height:430px;margin-inline:auto}.hero-footer{margin-top:14px}.hero-footer p{display:none}}
@media(max-width:560px){.container{width:min(100% - 32px,var(--max))}.nav-shell{height:72px}.brand-copy small{display:none}.mobile-nav{top:72px}.hero{min-height:auto;padding:54px 0 24px}.hero h1{font-size:clamp(2.65rem,13vw,4rem)}.hero-lede{font-size:16px;line-height:1.7}.hero-actions{display:grid}.button{width:100%}.capabilities{line-height:1.9}.hero-visual{min-height:330px;margin-top:4px}.browser-mockup{top:18px;width:95%}.mock-content{top:66px}.mock-content strong{font-size:17px}.mock-panel{top:56px}.phone-mockup{width:28%;bottom:14px;border-radius:17px}.phone-screen{padding:26px 9px 9px}.phone-screen small{margin-top:19px}.phone-screen strong{font-size:12px}.phone-screen span{width:34px;height:12px;margin:10px 0 12px}.phone-screen i{height:23px}.floating-chip{width:34px;height:34px;font-size:11px}.chip-code{right:0}.preview-next{padding:88px 0}}
@media(max-width:900px){.mobile-nav{z-index:1;visibility:hidden;pointer-events:none}.mobile-nav.is-open{visibility:visible;pointer-events:auto}}
@media(max-width:560px){.hero{padding-bottom:38px}.capabilities{display:flex;flex-wrap:wrap;justify-content:center;gap:7px 14px;max-width:170px;margin:28px auto 0;line-height:1.4}.capabilities span{white-space:nowrap}.capabilities b{display:none}.hero-footer{display:none}}
@media(max-width:360px){.hero h1{font-size:clamp(2.25rem,12vw,2.45rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}