:root{--bg:#0b1220;--panel:#111a2e;--panel-2:#fff;--text:#172033;--text-light:#eef3ff;--muted:#5f6b85;--line:#dbe2f0;--primary:#0f62fe;--primary-dark:#0848bd;--accent:#dfeaff;--shadow:0 16px 40px #0b12201f;--radius:20px;--container:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body.landing-page{color:var(--text);background:#f5f8ff;margin:0;font-family:Inter,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(calc(100% - 32px), var(--container));margin:0 auto}.site-header{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border-bottom:1px solid #dbe2f0d9;position:sticky;top:0}.nav-wrap{justify-content:space-between;align-items:center;min-height:72px;display:flex}.brand{letter-spacing:-.03em;font-size:1.2rem;font-weight:800}.brand span{color:var(--primary)}.site-nav{align-items:center;gap:24px;display:flex}.site-nav a{color:#31405f;font-weight:600}.menu-toggle{background:var(--accent);border:0;border-radius:12px;width:44px;height:44px;font-size:1.2rem;display:none}.hero{background:radial-gradient(circle at 100% 0,#0f62fe24,#0000 28%),linear-gradient(#f8fbff 0%,#eef4ff 100%);padding:64px 0 40px}.hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:28px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--primary);margin:0 0 10px;font-size:.8rem;font-weight:800}.hero h1,.section h2{letter-spacing:-.04em;margin:0;line-height:1.08}.hero h1{max-width:12ch;font-size:clamp(2.2rem,6vw,4.4rem)}.hero-text{color:#44506a;max-width:60ch;margin:18px 0 0;font-size:1.05rem}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.btn{border-radius:14px;justify-content:center;align-items:center;min-height:52px;padding:0 20px;font-weight:700;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-secondary{border:1px solid var(--line);background:#fff}.btn-secondary:hover{transform:translateY(-1px)}.hero-points{color:#33415f;gap:10px;margin:28px 0 0;padding:0;font-weight:600;list-style:none;display:grid}.hero-points li:before{content:"•";color:var(--primary);margin-right:10px}.hero-card,.info-card,.feature-box,.service-card,.benefit-card,.cta-box{border-radius:var(--radius)}.info-card{background:var(--bg);color:var(--text-light);box-shadow:var(--shadow);padding:28px}.info-card h2{margin-bottom:12px;font-size:1.5rem}.info-card ul{margin:0;padding-left:18px}.info-card li{margin-bottom:12px}.section{padding:72px 0}.section.alt{background:#fff}.section-head{max-width:760px;margin-bottom:30px}.section-head h2{margin-bottom:12px;font-size:clamp(1.8rem,4vw,3rem)}.section-head p{color:var(--muted)}.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.service-card{border:1px solid var(--line);background:#fff;padding:22px;box-shadow:0 10px 25px #111a2e0d}.service-card h3,.benefit-card h3,.feature-box h3,.site-footer h3,.site-footer h4{margin-top:0;line-height:1.2}.service-card p,.benefit-card p,.feature-box p,.site-footer p{color:var(--muted);margin-bottom:0}.two-col{grid-template-columns:1.1fr .9fr;align-items:start;gap:24px;display:grid}.feature-box{background:#eef4ff;border:1px solid #d8e5ff;padding:24px}.benefits-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.benefit-card{border:1px solid var(--line);background:#fff;padding:22px}.cta-section{padding-top:0}.cta-box{color:#fff;box-shadow:var(--shadow);background:linear-gradient(135deg,#0b1220 0%,#13203d 100%);padding:32px}.cta-box p{color:#ffffffd1}.cta-box h2{margin-bottom:10px;font-size:clamp(1.7rem,4vw,2.7rem)}.site-footer{color:#fff;background:#0b1220;padding:42px 0}.footer-grid{grid-template-columns:1.2fr 1fr .8fr;gap:22px;display:grid}.site-footer p{color:#ffffffb8}@media (width<=980px){.hero-grid,.two-col,.cards-grid,.benefits-grid,.footer-grid{grid-template-columns:1fr}.hero h1{max-width:none}.site-nav{gap:18px}}@media (width<=760px){.menu-toggle{justify-content:center;align-items:center;display:inline-flex}.site-nav{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:18px;flex-direction:column;align-items:flex-start;padding:14px;display:none;position:absolute;top:72px;left:16px;right:16px}.site-nav.open{display:flex}.hero{padding-top:34px}.section{padding:56px 0}.service-card,.benefit-card,.feature-box,.info-card,.cta-box{padding:20px}.btn{width:100%}.hero-actions{flex-direction:column}}
