@font-face{font-family:Inter;src:url('/assets/fonts/inter-latin.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap}

:root{color-scheme:dark;--bg:#0c0d10;--panel:#14151a;--card:#1a1c23;--line:#30333d;--text:#ececf1;--muted:#9b9fa9;--blue:#096594;--light-blue:#65c8f5;--radius:25px}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:95px}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
body:has(.nav-links.open){overflow:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button,a,input,summary{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
img{max-width:100%;display:block}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--light-blue);outline-offset:5px}
button:disabled{cursor:wait;opacity:.65}
::selection{background:#09659499;color:white}
.wrap{width:calc(100% - 64px);max-width:1100px;margin:auto}
.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip:focus{position:fixed;z-index:100;background:var(--blue);padding:10px 20px;top:12px;left:12px}
.site-header{position:fixed;inset:0 0 auto;z-index:20;background:#0c0d10bd;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid #ffffff07}
.nav{height:90px;display:flex;align-items:center;justify-content:space-between}
.brand img{width:142px;height:auto}
.nav-links{display:flex;align-items:center;gap:38px;font-size:14px;color:#b5b7bf}
.nav-links a{transition:color .2s}
.nav-links a:hover{color:white}
.nav-links .nav-cta{padding:10px 17px;border:1px solid var(--line);border-radius:999px;color:var(--text)}
.nav-cta span{margin-left:12px}
.menu-toggle{display:none}
.hero{overflow:hidden;position:relative;padding-top:185px;background:radial-gradient(ellipse at 50% 93%,#09659425,transparent 55%),var(--bg)}
.hero-copy{position:relative;z-index:2;text-align:center}
.eyebrow{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.11em;background:#ffffff09;border:1px solid #ffffff0b;padding:5px 9px;border-radius:5px;color:#bfc3ce}
.eyebrow i,.research-label i{width:5px;height:5px;border-radius:50%;background:var(--light-blue);box-shadow:0 0 10px #65c8f577}
.hero h1{font-size:clamp(52px,6.2vw,72px);font-weight:500;line-height:1.1;letter-spacing:-.065em;margin:25px -20px 22px}
.hero h1 span{color:var(--text)}
.hero-description{font-size:19px;line-height:1.65;color:#b3b6c0;letter-spacing:-.025em;margin:0 auto 27px;max-width:720px}
.signup{max-width:490px;margin:0 auto;text-align:left}
.signup-row{display:flex;gap:8px}
.signup input[type=email]{width:100%;min-width:0;flex:1;height:52px;border:1px solid #ffffff0b;background:#ffffff08;border-radius:16px;padding:0 17px;color:white;font-size:14px;transition:border-color .2s,background .2s}
.signup input[type=email]::placeholder{color:#858b98}
.signup input[type=email]:focus{outline:none;border-color:var(--light-blue);background:#ffffff0b}
.button{display:inline-flex;justify-content:center;align-items:center;gap:15px;white-space:nowrap;padding:0 22px;min-height:52px;background:var(--blue);border:1px solid #3b9bc455;border-radius:16px;color:white;font-size:14px;font-weight:600;box-shadow:0 0 28px #09659420;transition:transform .2s,background .2s,box-shadow .2s}
.button:hover{background:#0875a9;transform:translateY(-2px);box-shadow:0 6px 28px #09659435}
.button span{font-size:18px}
.consent{display:flex;align-items:flex-start;gap:7px;margin:10px 3px 0;color:#858b98;font-size:11px;cursor:pointer;line-height:1.6}
.consent input{accent-color:var(--blue);width:13px;height:13px;margin:2px 0 0;flex-shrink:0}
.challenge{margin-top:8px}
.challenge:empty{display:none}
.form-status{font-size:12px;line-height:1.5;color:#83d4fa;margin:8px 2px 0}
.form-status:empty{display:none}
.form-status.error{color:#f5b0b0}
.hero-showcase{position:relative;height:520px;margin-top:70px;isolation:isolate}
.orb{position:absolute;z-index:-2;left:10%;right:0;top:-80px;height:620px;background:radial-gradient(ellipse,#09659432 0,transparent 66%);filter:blur(30px)}
.orbit{position:absolute;z-index:-1;width:260px;height:260px;border-radius:50%;border:1px solid #65c8f52a;background:repeating-radial-gradient(ellipse,transparent 0 12px,#65c8f516 13px 14px);transform:rotateX(52deg) rotateZ(-26deg);opacity:.7;animation:float-orbit 12s ease-in-out infinite}
.orbit-one{left:-70px;top:-85px}
.orbit-two{right:-80px;bottom:80px;width:330px;height:330px;animation-delay:-5s}
.browser-frame{overflow:hidden;border-radius:17px 17px 0 0;border:1px solid #ffffff22;background:var(--bg);box-shadow:0 32px 85px #0006}
.browser-bar{height:35px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:linear-gradient(100deg,#22252d,#16181f);border-bottom:1px solid #ffffff09;font:9px/1.3 Inter,sans-serif;color:#858a97}
.traffic{display:flex;gap:5px}
.traffic i{width:6px;height:6px;border-radius:50%;background:#ff6864}
.traffic i:nth-child(2){background:#e7bd4c}
.traffic i:nth-child(3){background:#6aba62}
.browser-address{background:#ffffff08;text-align:center;min-width:230px;border-radius:4px;padding:3px}
.hero-desktop{position:absolute;left:0;top:24px;width:92%;transform:perspective(1800px) rotateY(2deg);transform-origin:left center}
.hero-desktop img{width:100%;height:auto}
.phone-frame{position:relative;padding-top:20px;background:#08090b;border:5px solid #090a0c;border-radius:35px;outline:1px solid #62646b;box-shadow:inset 0 0 0 1px #45464d,0 24px 70px #0007;overflow:hidden}
.phone-frame img{width:100%;height:auto;border-radius:29px}
.hero-phone{position:absolute;width:245px;right:-24px;top:-38px;transform:rotate(2deg)}
.phone-camera{position:absolute;z-index:2;top:6px;left:50%;transform:translateX(-50%);width:28%;height:15px;border-radius:20px;background:#050507}
.phone-home{position:absolute;bottom:6px;height:3px;width:32%;left:34%;background:#d6d7db;border-radius:4px}
.section-pad{padding:130px 0}
.features{position:relative;background:var(--panel);border-top:1px solid #ffffff05}
.section-heading{text-align:center;margin:0 auto 58px}
.section-heading .eyebrow{background:#ffffff05}
.section-heading h2{font-size:clamp(37px,4.2vw,56px);font-weight:500;line-height:1.12;letter-spacing:-.055em;margin:20px 0}
.section-heading p{color:var(--muted);font-size:15px;line-height:1.8}
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.feature-card{position:relative;overflow:hidden;background:linear-gradient(150deg,#1e2129,var(--card));border:1px solid #ffffff07;border-radius:var(--radius);transition:border-color .3s,transform .3s}
.feature-card:hover{border-color:#65c8f52b;transform:translateY(-4px)}
.card-copy{padding:38px 40px 40px}
.card-number{font:9px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.09em;color:#788493}
.card-copy h3{font-size:30px;line-height:1.2;letter-spacing:-.045em;font-weight:500;margin:15px 0 16px}
.card-copy p{font-size:14px;line-height:1.8;color:var(--muted);max-width:400px;margin:0 0 24px}
.text-link{font-size:12px;color:#d5eaf5;background:#09659426;display:inline-flex;gap:18px;padding:10px 15px;border-radius:12px;transition:background .2s}
.text-link:hover{background:#09659466}
.card-art{overflow:hidden;position:relative;height:300px;background:radial-gradient(ellipse at 50% 110%,#09659428,transparent 65%)}
.phone-art .phone-frame{width:263px;position:absolute;left:50%;bottom:0;transform:translateX(-50%);border-bottom:0;border-radius:0 0 35px 35px;outline:none}
.phone-art .phone-frame img{border-radius:0 0 29px 29px}
.phone-art .phone-camera{display:none}
.search-art{height:331px;margin-top:8px}
.search-art .browser-frame{width:660px;position:absolute;top:0;left:40px}
.search-art .browser-frame img{width:100%;height:auto}
.research-card{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:420px;margin:0 5%}
.research-card .card-copy{padding:45px 35px 45px 16px}
.research-art{padding:35px 40px;background:radial-gradient(ellipse at center,#09659419,transparent 68%)}
.research-visual{border:1px solid #343b48;border-radius:18px;padding:24px 22px;background:#101218;box-shadow:0 20px 60px #0004}
.research-label{display:flex;align-items:center;gap:8px;font:9px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;color:#7f98aa;margin-bottom:23px}
.research-step{display:flex;gap:12px;align-items:center;min-width:0}
.step-icon{font-size:18px;width:32px;height:32px;background:#0965942b;display:grid;place-items:center;border-radius:10px;color:var(--light-blue);flex-shrink:0}
.research-step b{display:block;font-size:12px;font-weight:500}
.research-step small{display:block;font-size:9px;color:#7d8595;line-height:1.9}
.tick{margin-left:auto;color:#80caa7;font-size:12px}
.step-line{display:block;width:1px;height:22px;background:#2d3a49;margin:5px 0 5px 15px}
.demo-note{text-align:center;color:#626b79;font-size:10px;line-height:1.8;margin:24px 0 0}
.capabilities{text-align:center;margin-top:90px;padding-top:28px;border-top:1px solid #ffffff08}
.capabilities>span{font:9px ui-monospace,Consolas,monospace;letter-spacing:.12em;color:#738392}
.capabilities p{font-size:12px;color:#9da5b2}
.capabilities i{font-style:normal;padding:0 10px;color:#3e6076}
.faq{background:var(--panel);padding-top:10px}
.faq-wrap{max-width:850px}
.faq .section-heading{margin-bottom:65px}
.faq-list{padding:0 40px}
details{border-bottom:1px solid #ffffff0d}
summary{list-style:none;cursor:pointer;padding:26px 35px 26px 0;font-size:15px;line-height:1.5;position:relative;font-weight:500}
summary::-webkit-details-marker{display:none}
summary::after{content:"";position:absolute;right:4px;top:32px;width:7px;height:7px;border-bottom:1.5px solid #aeb3bf;border-right:1.5px solid #aeb3bf;transform:rotate(45deg);transition:transform .2s}
details[open] summary::after{transform:rotate(225deg)}
details p{color:var(--muted);font-size:14px;line-height:1.9;margin:0 32px 26px 0}
details[open] p{animation:answer-in .25s ease}
.notify{position:relative;isolation:isolate;overflow:hidden;text-align:center;padding-top:130px;padding-bottom:120px;background:radial-gradient(ellipse at 50% 100%,#09659419,transparent 65%)}
.notify h2{font-size:clamp(45px,5.8vw,76px);font-weight:500;letter-spacing:-.06em;line-height:1.08;margin:25px 0}
.notify>.wrap>p:not(.signup-note){color:#9fa5b0;font-size:16px;line-height:1.8;margin-bottom:30px}
.notify-orbit{position:absolute;z-index:-1;left:calc(50% - 480px);top:100px;width:300px;height:300px;border:1px solid #65c8f50d;border-radius:50%;background:repeating-radial-gradient(ellipse,transparent 0 13px,#65c8f509 14px 15px);transform:rotateX(40deg) rotateZ(35deg)}
.signup-note{font-size:10px;color:#66717f;margin-top:14px}
.signup-note a{color:#9ba9b6;text-decoration:underline;text-underline-offset:3px}
.site-footer{border-top:1px solid #ffffff09;padding:45px 0 25px}
.footer-top{display:flex;align-items:center;gap:28px;margin-bottom:38px}
.footer-top .brand img{width:120px}
.footer-top>p{color:#66717f;font-size:12px}
.footer-top>div{display:flex;gap:22px;margin-left:auto;font-size:11px;color:#979eaa}
.footer-top a:hover{color:white}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;color:#505966;font-size:10px;border-top:1px solid #ffffff08;padding-top:22px}
.reveal{opacity:1;transform:none}
.motion-ready .reveal{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.motion-ready .reveal.visible{opacity:1;transform:none}
.hero-copy .reveal:nth-child(2){transition-delay:.07s}
.hero-copy .reveal:nth-child(3){transition-delay:.14s}
.hero-copy .reveal:nth-child(4){transition-delay:.21s}
.hero-showcase.reveal{transition-duration:1.1s}
dialog{width:min(540px,calc(100% - 32px));max-height:85dvh;overflow:auto;border:1px solid var(--line);border-radius:25px;background:var(--panel);padding:38px;color:var(--text)}
dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}
dialog h2{font-weight:500;letter-spacing:-.04em;font-size:30px;line-height:1.2}
dialog p{font-size:13px;color:var(--muted);line-height:1.9}
.close-dialog{position:absolute;right:15px;top:12px;font-size:24px;background:none;border:0;color:#aab0bc}
@keyframes float-orbit{50%{transform:translateY(-18px) rotateX(52deg) rotateZ(-20deg)}
}
@keyframes answer-in{from{opacity:0;transform:translateY(-5px)}
to{opacity:1;transform:none}
}

@media(min-width:1600px){.hero{padding-top:205px}
.hero-showcase{margin-top:100px}
}

@media(max-width:900px){.wrap{width:calc(100% - 40px)}
.nav{height:78px}
.nav-links{gap:25px}
.hero{padding-top:160px}
.hero h1{font-size:64px}
.hero-description{font-size:17px}
.hero-showcase{height:480px;margin-top:80px}
.hero-phone{width:205px;right:0}
.card-copy{padding:30px}
.card-copy h3{font-size:27px}
.search-art .browser-frame{left:30px}
.research-card{margin:0}
.research-art{padding:25px}
.research-card .card-copy{padding:30px 25px 30px 10px}
.footer-top{flex-wrap:wrap}
.footer-top>div{margin-left:0;width:100%}
.footer-bottom{font-size:9px}
}

@media(max-width:600px){html{scroll-padding-top:85px}
.wrap{width:calc(100% - 32px)}
.nav{height:78px}
.brand img{width:124px}
.menu-toggle{display:flex;flex-direction:column;gap:6px;justify-content:center;align-items:center;background:none;border:0;width:40px;height:40px;padding:8px;z-index:2}
.menu-toggle span{width:23px;height:1.5px;background:#dce1e8;transition:transform .25s}
.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.75px) rotate(45deg)}
.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}
.nav-links{position:fixed;inset:0 0 auto;display:flex;flex-direction:column;gap:22px;align-items:center;padding:100px 20px 35px;background:#0c0d10f7;border-bottom:1px solid var(--line);opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .25s,transform .25s,visibility .25s;z-index:-1}
.nav-links.open{opacity:1;visibility:visible;transform:none}
.nav .brand{position:relative;z-index:2}
.hero{padding-top:146px}
.hero h1{font-size:52px;letter-spacing:-.06em;line-height:1.07;margin:25px 0 22px}
.hero h1 span{display:block}
.hero-description{font-size:16px;line-height:1.8;max-width:350px;margin-bottom:26px}
.desktop-break{display:none}
.eyebrow{font-size:9px}
.signup-row{flex-direction:column;gap:9px}
.signup input[type=email]{height:50px;flex:auto}
.button{width:100%;min-height:50px}
.consent{font-size:10px;margin-top:12px;justify-content:center}
.hero-showcase{margin-top:80px;height:340px;width:calc(100% - 20px)}
.hero-desktop{left:0;top:30px;width:620px;transform:rotate(-2deg);transform-origin:left top}
.hero-desktop .browser-bar{height:25px}
.hero-phone{width:158px;right:3px;top:-20px;border-width:4px;border-radius:25px;transform:rotate(3deg)}
.hero-phone img{border-radius:20px}
.hero-phone .phone-camera{height:10px;top:5px}
.browser-bar{font-size:7px}
.browser-address{min-width:180px}
.orbit-one{left:-65px;top:-70px;width:210px;height:210px}
.orbit-two{display:none}
.section-pad{padding:85px 0}
.section-heading{margin-bottom:38px}
.section-heading h2{font-size:38px;margin-top:20px}
.section-heading p{font-size:14px}
.feature-grid{grid-template-columns:1fr;gap:17px}
.feature-card{border-radius:22px}
.card-copy{padding:32px}
.card-copy h3{font-size:29px}
.card-copy p{font-size:13px;line-height:1.9}
.phone-card .card-art{height:280px}
.phone-art .phone-frame{width:255px}
.search-card .card-copy{padding-bottom:18px}
.search-art{height:280px}
.search-art .browser-frame{left:30px;width:550px}
.research-card{grid-template-columns:1fr;margin:0;min-height:0}
.research-art{padding:32px 25px 0}
.research-card .card-copy{padding:30px 32px 34px}
.research-visual{padding:22px 20px}
.research-step b{font-size:12px}
.research-step small{font-size:9px}
.demo-note{font-size:9px;padding:0 10px;margin-top:22px}
.capabilities{margin-top:60px;padding-top:25px}
.capabilities p{font-size:11px;line-height:2.2}
.capabilities i{padding:0 5px}
.faq{padding-top:0}
.faq .section-heading{margin-bottom:40px}
.faq-list{padding:0 12px}
summary{font-size:14px;padding-top:24px;padding-bottom:24px}
details p{font-size:13px;margin-right:15px}
.notify{padding-top:90px;padding-bottom:85px}
.notify h2{font-size:48px;line-height:1.1}
.notify>.wrap>p:not(.signup-note){font-size:15px}
.notify-orbit{left:-130px;top:110px}
.footer-top{gap:12px;align-items:flex-start;flex-direction:column;margin-bottom:30px}
.footer-top>p{margin:0 0 10px}
.footer-top>div{gap:22px;flex-wrap:wrap}
.footer-bottom{flex-direction:column;gap:8px;font-size:9px}
.site-footer{padding-top:35px}
dialog{padding:32px 25px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*::before,*::after{animation:none!important;transition:none!important}
.motion-ready .reveal{opacity:1;transform:none}
}