:root{--navy:#071d42;--blue:#1768a8;--gold:#f2b51b;--ink:#17243b;--muted:#647086;--pale:#f4f7fb}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.55 Arial,Helvetica,sans-serif;color:var(--ink)}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,92%);margin:auto}
header{background:#fff;border-bottom:1px solid #e4e9f0;position:sticky;top:0;z-index:5}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:82px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:11px;color:var(--navy);font-weight:900;font-size:21px;line-height:1.05}.mark{width:48px;height:42px;border-radius:10px;background:linear-gradient(135deg,var(--gold) 0 28%,var(--navy) 28% 70%,var(--blue) 70%);display:block;position:relative}.mark:after{content:"";position:absolute;left:-5px;right:-5px;bottom:1px;height:9px;border:3px solid var(--gold);border-top:0;border-radius:0 0 50% 50%;transform:rotate(-8deg)}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:5px}
nav{display:flex;gap:22px;flex-wrap:wrap;font-size:14px;font-weight:700}nav a:hover{color:var(--blue)}.btn{display:inline-block;background:linear-gradient(110deg,var(--gold),#ffda70);padding:12px 19px;border-radius:28px;color:#101828;font-weight:800}
.hero{background:linear-gradient(110deg,#061a39 0%,#0a2c55 70%,#123c68 100%);color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center;padding:68px 0}.eyebrow{color:var(--gold);font-size:13px;letter-spacing:3px;font-weight:800;text-transform:uppercase}h1{font-size:clamp(38px,5vw,60px);line-height:1.04;letter-spacing:-1.7px;margin:13px 0 18px}h1 span{color:#36c3df}.hero p{font-size:18px;color:#e3eaf4;max-width:620px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:24px}.outline{display:inline-block;border:1px solid white;border-radius:28px;padding:11px 18px;color:white;font-weight:700}
.marketing-visual{min-height:310px;border-radius:22px;background:radial-gradient(circle at 70% 28%,#3477a1,#102e52 55%,#081a36);position:relative;overflow:hidden;border:1px solid #ffffff33;padding:25px}.dashboard{position:absolute;inset:42px 28px 35px;background:#f7fbff;border-radius:13px;box-shadow:0 18px 40px #0005;padding:18px;color:var(--navy);transform:rotate(-3deg)}.dash-top{height:13px;width:42%;background:#dce6f1;border-radius:8px;margin-bottom:20px}.dash-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dash-card{height:65px;border-radius:8px;background:#eaf2f9;border-bottom:4px solid #24b7d0}.dash-chart{height:90px;margin-top:13px;border-radius:8px;background:linear-gradient(160deg,#eaf2f9 50%,#d8edf4 50%)}.person-tag{position:absolute;right:18px;bottom:16px;background:var(--gold);color:var(--navy);padding:8px 12px;border-radius:20px;font-weight:800;font-size:12px}
.benefits{border-bottom:1px solid #e3e9f0}.benefit-row{display:grid;grid-template-columns:repeat(4,1fr);padding:23px 0}.benefit{text-align:center;color:var(--navy);font-weight:800;border-right:1px solid #d7dfeb;padding:8px}.benefit:last-child{border:0}.benefit b{display:block;color:var(--blue);font-size:25px;margin-bottom:4px}
.section{padding:62px 0}.head{text-align:center;max-width:700px;margin:0 auto 30px}.section h2{font-size:clamp(28px,3.4vw,40px);line-height:1.1;color:var(--navy);margin:0 0 10px}.head p,p{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{border:1px solid #dce4ed;border-radius:15px;padding:22px;background:#fff;box-shadow:0 8px 20px #071d420b}.symbol{font-size:33px;color:var(--blue)}.card h3{color:var(--navy);margin:8px 0}.card p{font-size:14px;margin:0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.panel{background:var(--pale);border-radius:18px;padding:30px}.panel ul{color:var(--muted);padding-left:20px}.panel li{margin:8px 0}.cta{background:var(--navy);color:white;text-align:center;padding:50px 20px}.cta h2{color:white}.cta p{color:#dce5f1;max-width:680px;margin:0 auto 22px}
.pagehero{background:linear-gradient(110deg,var(--navy),#0c3969);color:white;padding:55px 0}.pagehero h1{font-size:44px}.pagehero p{color:#e0e9f4;max-width:730px}.faq{max-width:850px;margin:auto}.faq details{padding:18px 3px;border-bottom:1px solid #dce3ed}.faq summary{font-weight:800;color:var(--navy);cursor:pointer}.contact{max-width:700px;margin:auto;text-align:center;background:var(--pale);border-radius:18px;padding:35px}.contact strong{color:var(--navy)}
footer{background:#061832;color:#dce5f1;padding:26px 0}.foot{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:13px}.foot a{color:#fff}
@media(max-width:850px){.hero-grid,.split{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.benefit-row{grid-template-columns:repeat(2,1fr)}.benefit:nth-child(2){border-right:0}nav{order:3;width:100%;justify-content:center;padding-bottom:12px}}
@media(max-width:520px){.cards,.benefit-row{grid-template-columns:1fr}.benefit{border:0;border-bottom:1px solid #ddd}.hero-grid{padding:42px 0}.marketing-visual{min-height:230px}.section{padding:42px 0}.pagehero h1{font-size:36px}}