:root{--ink:#10212b;--muted:#55656e;--line:#d9e2e5;--paper:#f7fafb;--white:#fff;--blue:#1769e0;--blue-dark:#0f4fae;--mint:#d9f6ee;--shadow:0 28px 70px rgba(16,33,43,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.6}a{color:inherit}img{max-width:100%;display:block}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 28px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:750;letter-spacing:-.02em}.brand img{border-radius:9px}.nav nav,.nav nav a,footer nav{display:flex;gap:26px}.nav nav a,footer a{color:var(--muted);text-decoration:none;font-size:.94rem}.nav nav a:hover,footer a:hover{color:var(--ink)}main{overflow:hidden}.hero{max-width:1240px;margin:0 auto;padding:88px 28px 112px;display:grid;grid-template-columns:.92fr 1.08fr;gap:72px;align-items:center}.eyebrow{margin:0 0 18px;color:var(--blue);font-size:.78rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.hero h1{font-size:clamp(3rem,6vw,5.8rem);line-height:.97;letter-spacing:-.065em;margin:0 0 28px;max-width:780px}.lead{font-size:1.18rem;line-height:1.7;color:var(--muted);max-width:620px;margin:0}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:36px 0 25px}.button{min-height:50px;padding:13px 22px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:750}.primary{background:var(--blue);color:#fff;box-shadow:0 12px 28px rgba(23,105,224,.24)}.primary:hover{background:var(--blue-dark)}.secondary{background:var(--white);border:1px solid var(--line)}.trust{display:flex;flex-wrap:wrap;gap:8px 20px;margin:0;padding:0;list-style:none;color:var(--muted);font-size:.9rem}.trust li:before{content:"✓";color:var(--blue);font-weight:800;margin-right:7px}.hero-media{position:relative}.hero-media:before{content:"";position:absolute;inset:-16%;background:radial-gradient(circle,var(--mint),transparent 68%);z-index:-1}.browser-frame{background:var(--white);border:1px solid rgba(16,33,43,.12);border-radius:20px;overflow:hidden;box-shadow:var(--shadow);transform:rotate(1.4deg)}.browser-bar{height:46px;display:flex;align-items:center;gap:7px;padding:0 16px;border-bottom:1px solid var(--line);color:#76858c}.browser-bar span{width:10px;height:10px;border-radius:50%;background:#d9e2e5}.browser-bar small{margin-left:8px}.section-heading{max-width:760px;margin-bottom:42px}.section-heading h2,.privacy h2,.final-cta h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1.06;letter-spacing:-.045em;margin:0}.use-cases,.steps,.privacy,.faq,.final-cta{max-width:1180px;margin:0 auto;padding:100px 28px}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card-grid article{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:25px;min-height:230px}.card-grid span{color:var(--blue);font-size:.78rem;font-weight:800}.card-grid h3{font-size:1.18rem;margin:48px 0 10px}.card-grid p{margin:0;color:var(--muted)}.steps{border-top:1px solid var(--line)}.steps ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:steps}.steps li{counter-increment:steps;background:var(--ink);color:#fff;border-radius:18px;padding:28px;min-height:210px;display:flex;flex-direction:column}.steps li:before{content:"0" counter(steps);color:#72aafa;font-weight:800;font-size:.78rem}.steps strong{font-size:1.3rem;margin-top:auto;margin-bottom:9px}.steps span{color:#bfcbd1}.privacy{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:var(--mint);border-radius:28px;padding:64px;margin-top:68px;margin-bottom:68px}.privacy-copy{color:#28434b}.privacy-copy p:first-child{margin-top:0}.privacy-copy a{color:var(--blue-dark);font-weight:750}.faq{max-width:900px}.faq details{border-top:1px solid var(--line);padding:22px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-size:1.08rem;font-weight:700}.faq details p{color:var(--muted);max-width:720px}.final-cta{text-align:center;padding-top:120px;padding-bottom:130px}.final-cta h2{max-width:750px;margin:0 auto 34px}.final-cta .button{min-width:220px}footer{max-width:1180px;margin:0 auto;padding:28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-weight:700}.policy-page{max-width:780px;margin:0 auto;padding:80px 28px 120px}.policy-page .back{display:inline-flex;margin-bottom:50px;color:var(--blue);text-decoration:none;font-weight:700}.policy-page h1{font-size:clamp(2.6rem,6vw,4.6rem);line-height:1;letter-spacing:-.055em;margin:0 0 20px}.policy-page h2{margin-top:42px;letter-spacing:-.02em}.policy-page p,.policy-page li{color:var(--muted)}.policy-page .updated{color:var(--blue);font-weight:700}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:56px}.hero-media{max-width:720px}.card-grid{grid-template-columns:repeat(2,1fr)}.privacy{grid-template-columns:1fr;gap:24px;margin-left:18px;margin-right:18px}.steps ol{grid-template-columns:1fr}.nav nav a:first-child{display:none}}
@media(max-width:600px){.nav{padding:0 18px}.nav nav{gap:14px}.nav nav a{font-size:.84rem}.hero{padding:48px 20px 82px;gap:50px}.hero h1{font-size:3.2rem}.card-grid{grid-template-columns:1fr}.use-cases,.steps,.faq,.final-cta{padding:78px 20px}.privacy{padding:38px 24px;border-radius:20px}.trust{display:grid;grid-template-columns:1fr 1fr}footer{margin:0 20px;padding:24px 0;flex-direction:column;gap:14px}footer nav{gap:18px}}
