:root{
  --blue-950:#09204a;
  --blue-900:#0b2b63;
  --blue-800:#0b3f91;
  --blue-700:#0b4c9c;
  --blue-600:#1369c9;
  --blue-100:#eaf4ff;
  --orange-600:#ff7a18;
  --orange-500:#ff8f2d;
  --orange-100:#fff0df;
  --text:#13233a;
  --muted:#53647b;
  --line:#d8e5f5;
  --white:#ffffff;
  --shadow:0 20px 50px rgba(9,32,74,.12);
  --radius:26px;
  --header-height:50px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 18px)}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#fff;color:var(--text);line-height:1.72;font-size:16px;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
p{margin:0 0 18px}
h1,h2,h3{margin:0;color:var(--blue-950);line-height:1.12;letter-spacing:-.035em}
h1{font-size:clamp(2.2rem,5vw,5.4rem);max-width:980px}
h2{font-size:clamp(2rem,3.5vw,3.55rem);margin-bottom:20px}
h3{font-size:1.38rem;margin-bottom:12px}
ul{margin:0;padding:0;list-style:none}
.container{width:min(1180px,calc(100% - 36px));margin-inline:auto}
.skip-link{position:absolute;left:12px;top:-80px;z-index:999;background:#fff;color:#000;padding:10px 14px;border-radius:10px;box-shadow:var(--shadow)}
.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:1000;height:var(--header-height);background:rgba(255,255,255,.93);backdrop-filter:blur(16px);border-bottom:1px solid rgba(216,229,245,.9)}
.nav-wrap{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;min-width:0}
.brand img{height:36px;width:auto}
.primary-nav{display:flex;align-items:center;gap:4px;height:100%}
.primary-nav a{display:flex;align-items:center;height:36px;padding:0 13px;border-radius:999px;color:#24405d;font-weight:700;font-size:.92rem;transition:.2s ease}
.primary-nav a:hover,.primary-nav a:focus-visible{background:var(--blue-100);color:var(--blue-800)}
.primary-nav .nav-cta{background:var(--orange-600);color:#fff;box-shadow:0 10px 24px rgba(255,122,24,.25)}
.primary-nav .nav-cta:hover,.primary-nav .nav-cta:focus-visible{background:var(--blue-700);color:#fff}
.menu-toggle{display:none;width:40px;height:40px;border:0;background:var(--blue-100);border-radius:12px;padding:9px;cursor:pointer}
.menu-toggle span{display:block;height:2px;background:var(--blue-800);margin:5px 0;border-radius:99px;transition:.2s ease}
.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.hero{position:relative;overflow:hidden;padding:68px 0 58px;background:radial-gradient(circle at 15% 15%,#fff4e8 0 22%,transparent 38%),radial-gradient(circle at 85% 10%,#e5f4ff 0 26%,transparent 45%),linear-gradient(135deg,#f8fbff 0%,#fff 55%,#fff4e9 100%)}
.hero:before{content:"";position:absolute;inset:auto -12% -24% -12%;height:330px;background:linear-gradient(90deg,rgba(11,76,156,.12),rgba(255,122,24,.12));filter:blur(60px);pointer-events:none}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:44px;align-items:center}
.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 15px;font-weight:800;color:var(--orange-600);letter-spacing:.07em;text-transform:uppercase;font-size:.78rem}
.eyebrow:before,.section-kicker:before{content:"";width:18px;height:3px;background:var(--orange-600);border-radius:999px}
.hero-lead{font-size:clamp(1.1rem,1.7vw,1.34rem);max-width:830px;color:#334c68;margin:22px 0 26px;line-height:1.65}
.hero-actions,.hero .trust-strip{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 22px;border-radius:999px;border:0;font-weight:800;cursor:pointer;transition:.22s ease;text-align:center;font-family:inherit;font-size:1rem}
.btn-primary{background:linear-gradient(135deg,var(--orange-600),var(--orange-500));color:#fff;box-shadow:0 16px 34px rgba(255,122,24,.28)}
.btn-primary:hover,.btn-primary:focus-visible{transform:translateY(-2px);background:linear-gradient(135deg,var(--blue-700),var(--blue-600));box-shadow:0 18px 38px rgba(19,105,201,.26)}
.btn-secondary,.btn-card{background:#fff;color:var(--blue-800);border:1px solid var(--line)}
.btn-secondary:hover,.btn-secondary:focus-visible,.btn-card:hover,.btn-card:focus-visible{background:var(--blue-700);color:#fff;border-color:var(--blue-700);transform:translateY(-2px)}
.trust-strip{margin-top:22px}
.trust-strip span{padding:8px 12px;background:#fff;border:1px solid var(--line);border-radius:999px;color:#294a6d;font-weight:700;font-size:.88rem;box-shadow:0 8px 22px rgba(9,32,74,.06)}
.hero-media{position:relative;border-radius:var(--radius);padding:14px;background:linear-gradient(135deg,#fff,#eff7ff 65%,#fff1df);box-shadow:var(--shadow);border:1px solid rgba(216,229,245,.9)}
.hero-media img{width:100%;border-radius:20px}
.section-pad{padding:78px 0}
.alt-bg{background:linear-gradient(180deg,#f6fbff,#fff8f0)}
.two-col{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:42px;align-items:start}
.two-col.reverse{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:center}
.text-card,.glass-panel,.stat-panel,.brief-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:30px}
.content-wide{max-width:1040px}
.content-wide p,.two-col p{color:var(--muted);font-size:1.03rem}
.benefit-grid,.metric-grid,.source-row,.pricing-grid,.why-grid{display:grid;gap:18px}
.benefit-grid{grid-template-columns:repeat(4,1fr);margin-top:30px}
.benefit-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 12px 32px rgba(9,32,74,.08)}
.benefit-card strong{display:block;color:var(--blue-950);font-size:1.05rem;margin-bottom:9px}
.benefit-card span{color:var(--muted);font-size:.96rem;line-height:1.55}
.section-center{text-align:center;max-width:820px;margin:0 auto 34px}
.section-center p{color:var(--muted)}
.metric-grid{grid-template-columns:repeat(3,1fr)}
.metric-grid article{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 12px 34px rgba(9,32,74,.08)}
.metric-grid article:after{content:"";position:absolute;right:-45px;top:-45px;width:130px;height:130px;background:radial-gradient(circle,rgba(255,122,24,.16),transparent 70%)}
.metric-grid span{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:14px;background:var(--orange-100);color:var(--orange-600);font-weight:900;margin-bottom:18px}
.metric-grid p,.price-card p,.source-row p,.brief-card p{color:var(--muted)}
.check-list{display:grid;gap:12px;margin-top:20px}
.check-list li{position:relative;padding-left:28px;color:#314a64}
.check-list li:before{content:"✓";position:absolute;left:0;top:0;color:var(--orange-600);font-weight:900}
.source-row{grid-template-columns:repeat(4,1fr);margin:28px 0}
.source-row article{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 10px 28px rgba(9,32,74,.07)}
.stat-panel{display:grid;gap:16px;background:linear-gradient(135deg,var(--blue-900),var(--blue-700));color:#fff}
.stat-panel div{padding:18px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(255,255,255,.08)}
.stat-panel strong{display:block;font-size:1.1rem;margin-bottom:8px}
.stat-panel span{display:block;color:#dceeff;line-height:1.55}
.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:stretch}
.price-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:28px;padding:32px;box-shadow:var(--shadow);display:flex;flex-direction:column;min-height:100%}
.price-card.featured{border:2px solid var(--orange-600);transform:translateY(-8px)}
.badge{position:absolute;right:24px;top:24px;background:var(--orange-600);color:#fff;border-radius:999px;padding:6px 11px;font-size:.78rem;font-weight:900}
.price-card ul{display:grid;gap:12px;margin:18px 0 24px;color:#314a64}
.price-card li{position:relative;padding-left:24px}
.price-card li:before{content:"•";position:absolute;left:4px;color:var(--orange-600);font-size:1.5rem;line-height:.9}
.price-card .btn{margin-top:auto;width:100%}
.package-note{text-align:center;max-width:850px;margin:28px auto 0;color:var(--muted)}
.why-grid{grid-template-columns:repeat(3,1fr);margin-top:26px}
.why-grid span{background:#fff;border:1px solid var(--line);border-radius:18px;padding:15px 16px;color:#27425f;font-weight:700;box-shadow:0 8px 26px rgba(9,32,74,.06)}
.cta-box{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);gap:28px;align-items:center;background:linear-gradient(135deg,var(--blue-950),var(--blue-700));border-radius:32px;padding:44px;color:#fff;box-shadow:0 24px 62px rgba(9,32,74,.25)}
.cta-box h2,.cta-box p{color:#fff}
.cta-box p{opacity:.9}
.cta-box .section-kicker{color:#ffb36d}
.cta-box .section-kicker:before{background:#ffb36d}
.brief-card{color:var(--text)}
.brief-card ul{display:grid;gap:10px;margin:18px 0 20px;color:#314a64}
.brief-card li{position:relative;padding-left:24px}
.brief-card li:before{content:"→";position:absolute;left:0;color:var(--orange-600);font-weight:900}
.copy-status{font-size:.9rem;margin:12px 0 0;color:var(--blue-700)!important;min-height:1.3em}
.faq-list{display:grid;gap:12px;max-width:980px;margin:0 auto}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 8px 24px rgba(9,32,74,.06)}
.faq-item button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;border:0;padding:19px 22px;text-align:left;font-weight:900;color:var(--blue-950);font-size:1rem;cursor:pointer;font-family:inherit}
.faq-item button:after{content:"+";width:28px;height:28px;border-radius:50%;background:var(--blue-100);color:var(--blue-800);display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px}
.faq-item button[aria-expanded=true]:after{content:"−";background:var(--orange-100);color:var(--orange-600)}
.faq-item div{max-height:0;overflow:hidden;transition:max-height .28s ease}
.faq-item p{padding:0 22px 20px;margin:0;color:var(--muted)}
.site-footer{background:var(--blue-950);color:#dceeff;padding:42px 0}
.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:28px}
.site-footer p{max-width:620px;margin:16px 0 0;color:#c8daef;line-height:1.6}
.site-footer nav{display:flex;flex-wrap:wrap;gap:12px}
.site-footer nav a{color:#fff;font-weight:700;padding:8px 10px;border-radius:999px}
.site-footer nav a:hover,.site-footer nav a:focus-visible{background:rgba(255,255,255,.12)}
.back-to-top{position:fixed;right:18px;bottom:18px;width:46px;height:46px;border-radius:50%;border:0;background:var(--orange-600);color:#fff;font-size:1.45rem;font-weight:900;box-shadow:0 12px 28px rgba(255,122,24,.32);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:.2s ease;z-index:999}
.back-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}
.back-to-top:hover,.back-to-top:focus-visible{background:var(--blue-700)}
:focus-visible{outline:3px solid rgba(255,122,24,.45);outline-offset:3px}
@media (max-width:980px){
  .hero-grid,.two-col,.two-col.reverse,.cta-box{grid-template-columns:1fr}
  .hero{padding-top:52px}
  .hero-media{max-width:680px;margin-inline:auto}
  .benefit-grid,.source-row,.pricing-grid{grid-template-columns:repeat(2,1fr)}
  .metric-grid,.why-grid{grid-template-columns:repeat(2,1fr)}
  .price-card.featured{transform:none}
}
@media (max-width:760px){
  .container{width:min(100% - 28px,1180px)}
  .menu-toggle{display:block;flex:0 0 40px}
  .primary-nav{position:fixed;top:var(--header-height);left:0;right:0;height:auto;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 16px 38px rgba(9,32,74,.1);display:grid;gap:4px;padding:12px 14px;transform:translateY(-115%);transition:.25s ease;visibility:hidden}
  .primary-nav.is-open{transform:translateY(0);visibility:visible}
  .primary-nav a{width:100%;height:42px;justify-content:center}
  h1{font-size:2.15rem}
  h2{font-size:1.85rem}
  .hero{padding:44px 0}
  .hero-grid{gap:28px}
  .hero-actions .btn{width:100%}
  .section-pad{padding:54px 0}
  .text-card,.glass-panel,.stat-panel,.brief-card{padding:22px;border-radius:22px}
  .benefit-grid,.metric-grid,.source-row,.pricing-grid,.why-grid{grid-template-columns:1fr}
  .cta-box{padding:28px 20px;border-radius:24px}
  .footer-grid{display:grid;text-align:left}
  .site-footer nav{display:grid;gap:8px}
  .back-to-top{right:14px;bottom:14px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{transition:none!important;animation:none!important}
}