:root{
  --black:#05070b; --near-black:#0b0f19; --blue:#004ee6; --blue-2:#0a63ff; --deep-blue:#001f73;
  --silver:#c7ccd6; --silver-2:#eef2f7; --white:#fff; --muted:#5d6575; --text:#111827;
  --shadow:0 18px 45px rgba(0,0,0,.16); --radius:22px; --max:1160px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Arial, Helvetica, sans-serif;line-height:1.6;color:var(--text);background:#fff} img{max-width:100%;height:auto;display:block} a{color:var(--blue);text-decoration:none} a:hover{text-decoration:underline}
.skip-link{position:absolute;left:-999px;top:auto}.skip-link:focus{left:12px;top:12px;background:#fff;color:#000;padding:10px;z-index:9999}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid #e5e7eb;backdrop-filter:blur(10px)}
.nav{max-width:var(--max);margin:auto;display:flex;align-items:center;justify-content:space-between;padding:12px 18px;gap:16px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:142px}.brand span{font-weight:800;color:var(--black);letter-spacing:.02em}.nav-links{display:flex;align-items:center;gap:18px;font-size:15px}.nav-links a{color:#111827;font-weight:700}.nav-cta{background:var(--blue);color:white!important;padding:10px 14px;border-radius:999px;text-decoration:none!important;box-shadow:0 8px 18px rgba(0,78,230,.22)}.menu-toggle{display:none;background:var(--black);color:#fff;border:0;padding:10px 12px;border-radius:10px}
.hero{background:linear-gradient(135deg,#05070b 0%,#0b1530 45%,#003bb4 100%);color:#fff;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 10%,rgba(255,255,255,.16),transparent 32%),linear-gradient(45deg,transparent 55%,rgba(255,255,255,.07) 56%,transparent 62%)}.hero .wrap{max-width:var(--max);margin:auto;padding:78px 18px;display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center;position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.23);padding:7px 12px;border-radius:999px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.hero h1{font-size:clamp(38px,5vw,66px);line-height:1.02;margin:18px 0 18px}.hero p{font-size:19px;color:#dbe7ff;max-width:650px}.hero-actions,.actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:25px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:13px 18px;font-weight:800;border:2px solid transparent;text-decoration:none!important;cursor:pointer}.btn-primary{background:var(--blue-2);color:#fff;box-shadow:0 12px 28px rgba(0,78,230,.35)}.btn-light{background:#fff;color:#0b1530}.btn-outline{border-color:var(--blue);color:var(--blue);background:#fff}.btn-dark{background:var(--black);color:#fff}.hero-card{background:rgba(255,255,255,.96);padding:18px;border-radius:26px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.3)}.hero-card img{border-radius:18px}.proof-strip{background:var(--black);color:#fff}.proof-strip .wrap{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#2a2f3b}.proof-item{background:var(--black);padding:20px 18px;text-align:center}.proof-item strong{display:block;font-size:26px;color:#7eadff}.proof-item span{color:#cbd5e1;font-size:14px}
section{padding:66px 18px}.wrap{max-width:var(--max);margin:auto}.section-head{max-width:850px;margin:0 auto 34px;text-align:center}.section-head h2{font-size:clamp(30px,4vw,46px);line-height:1.1;margin:0 0 12px;color:var(--black)}.section-head p{font-size:18px;color:var(--muted);margin:0}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:#fff;border:1px solid #e5e7eb;border-radius:var(--radius);box-shadow:0 10px 25px rgba(0,0,0,.06);padding:26px}.card h3{margin-top:0;color:var(--black);font-size:22px}.card p{color:#4b5563}.blue-card{background:linear-gradient(135deg,#001f73,#004ee6);color:#fff;border:0}.blue-card p,.blue-card li{color:#e7efff}.dark-card{background:var(--black);color:#fff;border-color:#111827}.dark-card p,.dark-card li{color:#cbd5e1}.pill{display:inline-block;background:#eaf1ff;color:var(--deep-blue);font-weight:800;padding:6px 10px;border-radius:999px;font-size:13px}.feature-list{padding-left:0;list-style:none;margin:18px 0}.feature-list li{position:relative;padding-left:28px;margin:10px 0}.feature-list li:before{content:"✓";position:absolute;left:0;top:0;color:var(--blue);font-weight:900}.dark-card .feature-list li:before,.blue-card .feature-list li:before{color:#9fc0ff}.image-band{background:var(--silver-2)}.image-band .grid img{border-radius:20px;box-shadow:var(--shadow);height:100%;object-fit:cover}.story{display:grid;grid-template-columns:1fr 1.05fr;gap:36px;align-items:center}.story img{border-radius:22px;box-shadow:var(--shadow)}.quote{font-size:24px;font-weight:800;line-height:1.25;color:var(--black);border-left:5px solid var(--blue);padding-left:18px}.products{background:#f8fafc}.product-card{position:relative;display:flex;flex-direction:column}.product-card.featured{border:3px solid var(--blue);transform:translateY(-8px)}.badge{position:absolute;right:18px;top:18px;background:var(--blue);color:#fff;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;padding:7px 10px;border-radius:999px}.price{font-size:38px;font-weight:900;color:var(--black);margin:8px 0}.product-card .product-img{border-radius:18px;background:#eef2f7;margin-bottom:18px}.buy-box{margin-top:auto;padding-top:14px}.payhip-buy-button{display:inline-block!important;background:#004ee6!important;color:#fff!important;border-radius:999px!important;padding:12px 18px!important;font-weight:800!important;text-decoration:none!important}.comparison{overflow:auto}.comparison table{width:100%;border-collapse:collapse;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 22px rgba(0,0,0,.06)}.comparison th,.comparison td{padding:15px;border-bottom:1px solid #e5e7eb;text-align:left}.comparison th{background:var(--black);color:#fff}.comparison td:nth-child(n+2){text-align:center}.cta{background:linear-gradient(135deg,#05070b,#001f73);color:#fff;text-align:center}.cta h2{font-size:clamp(30px,4vw,48px);margin:0 0 12px}.cta p{color:#dbe7ff;max-width:790px;margin:0 auto}.resources-list a{display:block;padding:18px;border:1px solid #e5e7eb;border-radius:16px;background:#fff;font-weight:800;color:#111827}.resources-list a:hover{border-color:var(--blue);text-decoration:none;transform:translateY(-2px);transition:.2s}.article{max-width:850px;margin:auto}.article h1{font-size:clamp(36px,5vw,58px);line-height:1.06;margin:0 0 18px}.article h2{font-size:30px;margin-top:38px;color:var(--black)}.article p,.article li{font-size:18px;color:#374151}.article .note{background:#eef4ff;border-left:5px solid var(--blue);padding:18px;border-radius:12px}.breadcrumb{font-size:14px;color:#64748b;margin-bottom:22px}.assessment{background:#f8fafc}.question{padding:18px;border:1px solid #e5e7eb;border-radius:18px;background:#fff;margin:14px 0}.question label{display:block;font-weight:800;margin-bottom:8px}.question select,.question input{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:12px;font-size:16px}.result-box{display:none;margin-top:24px;padding:24px;border-radius:20px;border:2px solid var(--blue);background:#fff;box-shadow:var(--shadow)}.score{font-size:42px;font-weight:900;color:var(--blue)}.site-footer{background:var(--black);color:#cbd5e1;padding:45px 18px}.footer-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:24px}.footer-grid img{width:150px;margin-bottom:12px}.site-footer h3{color:#fff}.site-footer a{display:block;color:#cbd5e1;margin:7px 0}.legal{max-width:var(--max);margin:28px auto 0;border-top:1px solid #2a3140;padding-top:18px;font-size:13px;color:#94a3b8}.notice{font-size:13px;color:#64748b}.hero-mini{background:linear-gradient(135deg,#05070b,#003bb4);color:#fff;padding:58px 18px}.hero-mini .wrap{max-width:var(--max);margin:auto}.hero-mini h1{font-size:clamp(34px,5vw,56px);line-height:1.08;margin:0 0 12px}.hero-mini p{font-size:18px;color:#dbe7ff;max-width:820px}.embed-note{font-size:13px;color:#667085;margin-top:8px}.resource-card{display:flex;flex-direction:column;justify-content:space-between}.resource-card .btn{margin-top:8px;align-self:flex-start}.cloudflare-note{background:#0b1220;color:#dbeafe;padding:12px 14px;border-radius:14px;font-size:14px;margin-top:16px}
@media (max-width:900px){.hero .wrap,.story,.grid-2,.grid-3{grid-template-columns:1fr}.product-card.featured{transform:none}.proof-strip .wrap{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.nav-links{display:none;position:absolute;right:18px;left:18px;top:68px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:var(--shadow);padding:14px;flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.menu-toggle{display:block}.hero .wrap{padding:54px 18px}.hero-card{order:-1}.brand img{width:118px}}
@media (max-width:560px){.footer-grid{grid-template-columns:1fr}.hero-actions,.actions{flex-direction:column;align-items:stretch}.btn{width:100%}.card{padding:20px}.comparison th,.comparison td{padding:11px;font-size:14px}}