:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#182038;background:#fff;font-synthesis:none;scroll-behavior:smooth;--mint:#6ee7b7;--violet:#4f46e5;--muted:#65718a}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #a5b4fc;outline-offset:5px}img{display:block}section[id]{scroll-margin-top:92px}.wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}.skip-link{position:fixed;top:-80px;left:16px;z-index:5;background:white;color:#182038;padding:12px}.skip-link:focus{top:12px}
.site-header{background:#0b1025;color:white;border-bottom:1px solid #ffffff14;position:sticky;top:0;z-index:3}.navigation{height:86px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;font-size:22px;font-weight:750;letter-spacing:.15em;gap:4px}.brand img{margin-left:-8px}.nav-links{display:flex;gap:30px;font-size:13px;color:#c4cbe3}.nav-links a:hover{color:white}.nav-login{display:flex;align-items:center;gap:25px;padding:11px 20px;background:#ffffff0c;border:1px solid #b0b9e341;border-radius:7px;font-size:13px;font-weight:650}.nav-login:hover{background:#ffffff1b}
.dark{color:white;background:#0b1025}.hero{background:radial-gradient(ellipse at 100% 12%,#31286b66,transparent 64%),#0b1025;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center;padding-top:98px;padding-bottom:100px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin:0 0 23px;color:var(--violet)}.hero .eyebrow{display:flex;align-items:center;gap:11px;color:#c4cbe3}.status-dot{display:inline-block;width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#34d399}.hero .eyebrow .status-dot{box-shadow:0 0 0 4px #34d39917}h1{font-size:clamp(44px,5.15vw,70px);line-height:1.06;letter-spacing:-.052em;margin:0;font-weight:750}h1 span{color:var(--mint)}.hero-intro{max-width:465px;font-size:17px;line-height:1.8;color:#b9c2dd;margin:28px 0 30px}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.button{padding:15px 20px;border-radius:7px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:25px;line-height:1.4;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.mint{background:var(--mint);color:#102b27}.mint:hover{background:#a7f3d0}.text-link{font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:14px}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.hero-note{font-size:11px;color:#929fbe;margin:22px 0 0}.hero-principles{display:flex;gap:65px;border-top:1px solid #c0cae21b;padding:24px 0 27px;font-size:12px;color:#b9c2dd}.hero-principles>span{display:flex;align-items:center;gap:10px}
.product-preview{position:relative;border-radius:15px;border:1px solid #a5b4fc35;background:linear-gradient(140deg,#252d50,#171e3b);box-shadow:0 30px 90px #0004}.preview-top{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #b1bee222;padding:10px 20px;font-size:11px;color:#ccd4ed}.preview-top>span:first-child{display:flex;align-items:center;gap:5px}.preview-label{color:#a0adcd;font-size:10px}.preview-body{padding:25px 27px 22px}.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.preview-heading h2{font-size:19px;letter-spacing:-.02em;margin:0}.live-label{font-size:10px;color:var(--mint);display:flex;align-items:center;gap:6px;white-space:nowrap}.live-label .status-dot{width:5px;height:5px}.preview-period{font-size:11px;color:#a0adcd;margin-top:10px}.metrics{display:flex;gap:48px;padding:18px 0 25px;border-bottom:1px solid #b1bee222;margin-bottom:23px}.metrics span{display:block;color:#a0adcd;font-size:10px;letter-spacing:.04em;margin-bottom:7px}.metrics strong{font-size:32px;font-weight:650;letter-spacing:-.04em}.metrics>div:last-child strong{color:#b5bffa}.domain{margin-bottom:22px}.domain>div:first-child{display:flex;justify-content:space-between;font-size:12px;margin-bottom:10px;gap:15px}.domain>div:first-child>span:last-child{color:#a0adcd;font-size:11px;white-space:nowrap}.bar{height:5px;background:#a5b4fc1a;border-radius:5px;overflow:hidden}.bar i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#10b981,#6ee7b7)}.sample-note{font-size:9px;color:#94a1c1;margin:4px 0 0}.collector-preview{position:absolute;left:-24px;bottom:-40px;display:flex;align-items:center;gap:7px;background:#f8faff;border:1px solid #e3e9f5;padding:10px 20px 10px 10px;border-radius:11px;color:#182038;box-shadow:0 16px 35px #0003}.collector-preview strong{display:block;font-size:12px}.collector-preview>div>span{display:block;font-size:10px;margin-top:5px;color:#69758d}.collector-badge{color:#047857;background:#d1fae5;border-radius:5px;padding:4px 7px;font-size:9px;font-weight:750;margin-left:22px}
.features{display:grid;grid-template-columns:1fr 1.25fr;gap:120px;padding-top:115px;padding-bottom:110px}.section-intro h2,.section-heading h2,.privacy-panel h2,.closing h2{font-size:clamp(32px,3.1vw,42px);line-height:1.15;letter-spacing:-.04em;margin:0;font-weight:700}.section-intro>p:last-child{color:var(--muted);font-size:15px;line-height:1.85;max-width:330px;margin-top:26px}.feature-list article{display:flex;gap:24px;padding:0 0 30px;margin-bottom:30px;border-bottom:1px solid #e5e9f1}.feature-list article:last-child{border:0;margin:0;padding:0}.feature-number{color:#9aa5bc;font-size:12px;font-variant-numeric:tabular-nums;padding-top:3px}.feature-list h3{font-size:18px;font-weight:650;letter-spacing:-.02em;margin:0 0 12px}.feature-list p{font-size:14px;color:var(--muted);line-height:1.8;margin:0 0 16px}.feature-tag{font-size:10px;font-weight:600;color:#4f46e5;background:#f0efff;border-radius:4px;padding:5px 9px}
.steps-section{background:#f4f6fa;border-block:1px solid #e8ecf3;padding:90px 0 96px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px}.ink{color:var(--violet);margin-bottom:5px}.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:55px;padding:0;margin:53px 0 0}.steps li{border-top:2px solid #cdd3e5;padding-top:23px}.steps li>span{font-size:10px;font-weight:650;letter-spacing:.12em;color:#727f98}.steps h3{font-size:18px;font-weight:650;letter-spacing:-.02em;margin:21px 0 12px}.steps p{color:var(--muted);font-size:14px;line-height:1.85;margin:0}
.privacy-section{padding-top:105px;padding-bottom:100px}.privacy-panel{border-radius:20px;background:radial-gradient(ellipse at 0 100%,#33285b6b,transparent 75%),#0b1025;color:white;padding:64px;display:grid;grid-template-columns:1fr 1.15fr;gap:85px}.privacy-panel .eyebrow{color:#a5b4fc}.privacy-panel>div>p:not(.eyebrow){font-size:14px;line-height:1.85;color:#b9c2dd;margin:24px 0 28px}.outline{border:1px solid #9ca9d045;color:white;background:#ffffff05}.outline:hover{background:#ffffff12}.privacy-panel ul{list-style:none;padding:6px 0 0;margin:0;display:grid;gap:28px}.privacy-panel li{display:flex;gap:17px}.privacy-panel li>span{font-size:14px;color:var(--mint);margin-top:3px}.privacy-panel li strong{font-size:14px;font-weight:600}.privacy-panel li p{color:#aab6d3;font-size:12px;line-height:1.85;margin:9px 0 0}
.closing{text-align:center;padding-bottom:100px}.closing>.eyebrow{margin-bottom:18px}.closing>p:not(.eyebrow){font-size:15px;color:var(--muted);margin:23px 0 29px}.violet{background:var(--violet);color:white}.violet:hover{background:#4338ca}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e5e9f1;padding:24px 0 27px}.footer-brand{font-size:16px}.site-footer>p{font-size:11px;color:#8a95ac}.site-footer>div{display:flex;gap:25px;font-size:11px;color:#65718a}
.site-footer{flex-wrap:wrap}.site-footer .footer-rights{display:block;flex:0 0 100%;order:4;border-top:1px solid #e5e9f1;padding-top:18px;color:#65718a;font-size:12px;line-height:1.8}.footer-rights p{margin:0;overflow-wrap:anywhere}.footer-rights .copyright{font-weight:650;color:#26324b;margin-bottom:6px}
@media(min-width:1450px){.hero-grid{padding-top:115px;padding-bottom:115px}}
@media(max-width:1000px){.hero-grid{gap:36px;padding-top:75px;padding-bottom:90px}h1{font-size:52px}.hero-intro{font-size:15px}.hero-actions{gap:18px}.hero-principles{gap:40px}.features{gap:60px}.privacy-panel{padding:42px;gap:50px}.steps{gap:30px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.navigation{height:76px;gap:16px}.nav-links{gap:15px;font-size:11px}.nav-links a:nth-child(2){display:none}.brand{font-size:18px}.brand img{width:44px;height:44px}.nav-login{padding:9px 13px;gap:12px;font-size:12px}.hero-grid{grid-template-columns:1fr;padding-top:55px;padding-bottom:85px;gap:53px}.hero-copy{max-width:520px}h1{font-size:clamp(42px,8vw,60px)}.hero-intro{font-size:16px;max-width:510px}.product-preview{max-width:520px;width:100%;margin:auto}.collector-preview{left:14px;bottom:-38px}.hero-principles{gap:18px;flex-wrap:wrap;font-size:10px;padding-block:22px}.features{grid-template-columns:1fr;gap:38px;padding-block:70px}.section-intro>p:last-child{max-width:500px}.feature-list article{gap:20px}.section-heading{align-items:flex-start;flex-direction:column}.steps-section{padding-block:65px}.steps{grid-template-columns:1fr;gap:30px;margin-top:35px}.steps h3{margin-top:16px}.steps li{padding-top:18px}.privacy-section{padding-block:65px}.privacy-panel{padding:33px 27px;grid-template-columns:1fr;gap:36px}.privacy-panel ul{gap:23px}.closing{padding-bottom:65px}.site-footer{flex-wrap:wrap}.site-footer>p{order:3;flex-basis:100%;margin:0}.site-footer>div{gap:15px}}
@media(max-width:390px){.nav-links{display:none}h1{font-size:41px}.preview-body{padding:22px 20px}.preview-heading h2{font-size:17px}.metrics{gap:30px}.metrics strong{font-size:28px}.domain>div:first-child{font-size:11px}.hero-actions{gap:20px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.button{transition:none}}