:root{--navy:#13264b;--deep:#071a44;--ink:#10233f;--muted:#526074;--cream:#fffaf0;--paper:#fffef9;--line:#e3d8c4;--green:#0f6a50;--gold:#f6bd27;--red:#b42318;--blue:#eef6ff;--shadow:0 22px 60px rgba(16,35,63,.14);--radius:28px;--max:1180px}*{box-sizing:border-box}body.cyber-safety-page{margin:0;background:#fbfaf6;color:var(--ink);font-family:Inter,Barlow,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:18px;line-height:1.65}body.cyber-safety-page a{color:var(--navy)}.skip-link{position:absolute;left:-9999px;top:auto}.skip-link:focus{left:16px;top:16px;z-index:999;background:#fff;color:#071a44;padding:10px 14px;border-radius:999px}.site-header{background:#fff;border-bottom:1px solid #e7e0d4;position:sticky;top:0;z-index:20}.header-inner,.site-header-inner{max-width:var(--max);margin:auto;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-weight:900;color:var(--navy)}.brand-mark{width:54px;height:54px;border:1px solid #e2e7ef;border-radius:14px;overflow:hidden;display:grid;place-items:center;background:#fff}.brand-mark img{width:100%;height:100%;object-fit:contain;padding:4px}.brand-text{display:flex;flex-direction:column;line-height:1.05}.brand small{display:block;color:var(--muted);font-weight:700}.brand em{font-style:normal;color:var(--green)}.nav,.site-nav{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.nav a,.site-nav a{text-decoration:none;font-weight:850;font-size:.92rem;color:var(--navy)}.nav .nav-cta,.site-nav .call{background:var(--navy);color:#fff;border-radius:999px;padding:10px 14px}.mobile-menu-btn{display:none}.wrap{max-width:var(--max);margin:auto;padding:28px 22px}.cyber-hero{background:radial-gradient(circle at 76% 18%,rgba(246,189,39,.18),transparent 28%),linear-gradient(135deg,#112348,#0d4a42);color:#fff;border-radius:34px;padding:44px;display:grid;grid-template-columns:1.02fr .98fr;gap:38px;align-items:center;box-shadow:var(--shadow);overflow:hidden}.eyebrow,.kicker{display:inline-flex;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.09);padding:8px 14px;border-radius:999px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;color:#ffe28a}.cyber-hero h1{font-size:clamp(2.35rem,5vw,4.45rem);line-height:1.04;margin:18px 0;letter-spacing:-.04em;font-weight:780;text-wrap:balance}.cyber-hero p{font-size:1.1rem;color:#eef7f0;margin:0 0 20px;font-weight:650}.cyber-cluster-statement{display:block;margin:18px 0 20px;max-width:780px;padding:16px 18px;border-radius:22px;border:1px solid rgba(246,189,39,.46);background:rgba(255,250,240,.12);color:#fff7d6!important;font-weight:760;line-height:1.55}.cyber-trust-badges{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.cyber-trust-badges span{display:inline-flex;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.1);color:#fff;border-radius:999px;padding:8px 12px;font-size:.88rem;font-weight:850}.hero-actions,.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:13px 22px;border-radius:999px;font-weight:900;text-decoration:none;border:2px solid transparent;cursor:pointer;font-size:1rem;text-align:center}.btn-primary{background:var(--gold);color:var(--navy)}.btn-secondary,.btn-light{background:#fff;color:var(--navy)}.btn-outline{border-color:#d7dce5;background:#fff;color:var(--navy)}.cyber-hero-card{background:#fff;color:var(--ink);border-radius:28px;padding:24px;box-shadow:0 18px 45px rgba(0,0,0,.18)}.cyber-hero-card h2{font-size:1.55rem;margin:0 0 12px;color:#0f2042}.cyber-hero-card p{color:#20314c!important;font-size:1rem!important;margin:0 0 14px!important}.mini-status-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.mini-status-list li{display:flex;justify-content:space-between;gap:14px;border:1px solid #e2e7ef;background:#fbfaf6;border-radius:16px;padding:12px 14px;color:#162b50;font-weight:800}.mini-status-list span:last-child{color:#0f6a50}.section{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:34px;margin-top:28px}.section-soft{background:linear-gradient(180deg,#fffaf0,#fffef9)}.section h2{font-size:clamp(1.85rem,3vw,2.85rem);line-height:1.12;margin:0 0 16px;letter-spacing:-.03em;font-weight:780;color:#14264b;text-wrap:balance}.section h3{font-size:1.18rem;margin:0 0 10px;color:#0f2042}.lead{font-size:1.12rem;color:#21314c;font-weight:650}.plain-callout,.trust-callout{background:linear-gradient(135deg,#f1fbf7,#fffaf0);border:1px solid rgba(15,106,80,.22);border-radius:24px;padding:22px;color:#10233f;box-shadow:0 12px 32px rgba(16,35,63,.07)}.plain-callout strong,.trust-callout strong{display:block;color:#0f2042;font-size:1.08rem;margin-bottom:4px}.tool-rank-grid,.concern-grid,.guide-grid,.spoke-grid,.fix-grid,.faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tool-rank-card,.concern-card,.guide-card,.spoke-card,.fix-card,.faq-card{border:1px solid #e2e7ef;border-radius:22px;padding:20px;background:#fff;color:var(--navy);text-decoration:none;box-shadow:0 12px 32px rgba(16,35,63,.08);min-height:100%}.tool-rank-card.primary{background:linear-gradient(135deg,#13264b,#0f6a50);color:#fff;border-color:rgba(255,255,255,.16)}.tool-rank-card span,.concern-card span{display:inline-block;margin-bottom:8px;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;font-weight:950;color:#0f6a50}.tool-rank-card.primary span{color:#ffe28a}.tool-rank-card strong,.concern-card strong{display:block;font-size:1.15rem;line-height:1.2;margin-bottom:8px}.tool-rank-card p,.concern-card p,.guide-card p,.spoke-card p,.fix-card p,.faq-card p{color:#34435c;font-weight:650;margin:0}.tool-rank-card.primary p{color:#f2f7fb}.coming-soon{opacity:.82;background:#fbfaf6}.coming-soon strong{color:#34435c}.mapping-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 0;padding:0;list-style:none}.mapping-list li{background:#fffef9;border:1px solid #e2e7ef;border-radius:18px;padding:14px;color:#183633;font-weight:700}.tool-shell{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:24px;align-items:start}.form-card{background:#fffef9;border:1px solid var(--line);border-radius:24px;padding:24px}.form-card fieldset{border:0;padding:0;margin:0 0 22px}.form-card legend{font-size:1.15rem;font-weight:950;color:#13264b;margin:0 0 10px}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}.choice{display:flex;gap:12px;align-items:flex-start;text-align:left;border:2px solid #d8deea;background:#fff;border-radius:18px;padding:15px;cursor:pointer;min-height:76px;font-weight:850;color:var(--navy)}.choice input{margin-top:7px;accent-color:var(--green)}.choice:has(input:checked){border-color:var(--green);background:#f1fbf7;box-shadow:0 10px 24px rgba(15,106,80,.1)}.result-card{background:#f8fbfa;border:1px solid #dbe8e2;border-radius:24px;padding:24px;position:sticky;top:92px}.score{display:flex;gap:16px;align-items:center;margin-bottom:14px}.score-circle{width:112px;height:112px;border-radius:50%;background:#e5e9f1;display:grid;place-items:center;border:8px solid #fff;box-shadow:0 8px 24px rgba(16,35,63,.12);font-weight:950;color:var(--navy);text-align:center;line-height:1.1}.result-level{background:#fff7d8;border:1px solid #f5d779;border-radius:18px;padding:14px 16px;color:#4b3500;font-weight:750}.result-level.low{background:#edf9f3;border-color:#bfe5d0;color:#0c4a35}.result-level.medium{background:#fff7d8;border-color:#f5d779;color:#4b3500}.result-level.high{background:#fff0e8;border-color:#f4c2a8;color:#743000}.result-level.urgent{background:#fff1f0;border-color:#ffc9c4;color:#7a231c}.result-list{margin:12px 0 0;padding-left:1.2rem}.result-list li{margin:.25rem 0}.safe-next-step{margin-top:14px;padding:14px 16px;border-radius:18px;background:#eef6ff;border:1px solid #c9dff8;color:#10233f}.safe-next-step strong{display:block;color:#13264b;font-weight:900;margin-bottom:2px}.safe-next-step p{margin:0;color:#20314c;font-weight:750;line-height:1.5}.privacy-pill{display:inline-flex;border-radius:999px;background:#fff7d8;color:#17264a;padding:8px 12px;font-weight:900;font-size:.9rem;margin-top:12px}.footer{background:#081727;color:#dfe9f5;margin-top:34px}.footer .wrap{padding:34px 22px}.footer a{color:#fff;font-weight:800}.mobile-sticky{display:none}.toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%) translateY(20px);background:#13264b;color:#fff;padding:12px 16px;border-radius:999px;font-weight:900;opacity:0;transition:.2s;z-index:100}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@media(max-width:980px){.cyber-hero,.tool-shell{grid-template-columns:1fr}.result-card{position:static}.tool-rank-grid,.concern-grid,.guide-grid,.spoke-grid,.fix-grid,.faq-grid{grid-template-columns:1fr 1fr}.mapping-list{grid-template-columns:1fr}}@media(max-width:760px){body.cyber-safety-page{font-size:16px;padding-bottom:92px}.nav,.site-nav{display:none}.mobile-menu-btn{display:inline-flex;background:#eef2f7;border:0;color:#13264b;font-weight:900;border-radius:999px;padding:10px 14px}.wrap{padding:18px 16px}.cyber-hero{padding:24px;border-radius:24px}.cyber-hero h1{font-size:clamp(2.35rem,11vw,3.35rem);line-height:1.05}.choice-grid,.tool-rank-grid,.concern-grid,.guide-grid,.spoke-grid,.fix-grid,.faq-grid{grid-template-columns:1fr}.actions,.hero-actions{display:grid;grid-template-columns:1fr}.btn{width:100%}.section{padding:22px}.mobile-sticky{position:fixed;left:14px;right:14px;bottom:14px;z-index:50;background:#fff;border-radius:24px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:10px;box-shadow:0 20px 55px rgba(16,35,63,.22)}.mobile-sticky a{display:flex;align-items:center;justify-content:center;min-height:54px;border-radius:18px;text-decoration:none;font-weight:900;color:#13264b;background:#eef2f7}.mobile-sticky a:first-child{background:#13264b;color:#fff}.mobile-sticky a:nth-child(2){background:#f6bd27;color:#13264b}.toast{left:14px;right:14px;transform:translateY(20px);text-align:center}.toast.show{transform:translateY(0)}}


/* Hero tool artwork - A0014521 */
.cyber-hero-with-art{align-items:start;}
.hero-visual-stack{display:grid;gap:16px;}
.hero-art{margin:0;background:#081b3a;border:1px solid rgba(255,255,255,.10);border-radius:24px;box-shadow:0 18px 40px rgba(0,0,0,.22);overflow:hidden;}
.hero-art img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center top;}
.hero-art figcaption{padding:10px 14px;color:var(--muted);font-size:14px;background:rgba(255,255,255,.02);}
@media (min-width: 920px){.cyber-hero-with-art{grid-template-columns:minmax(0,1.2fr) minmax(340px,.9fr);} .hero-art img{min-height:320px;}}


/* Blog hero artwork - A0014521 */
.blog-hero-art{margin:0;background:#071a44;border:1px solid rgba(255,255,255,.14);border-radius:26px;box-shadow:0 18px 42px rgba(0,0,0,.22);overflow:hidden;}
.blog-hero-art img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center;}
.blog-hero-art figcaption{padding:10px 14px;background:rgba(255,255,255,.05);color:#dfe9f5;font-size:14px;font-weight:750;}
.blog-hero-stack{display:grid;gap:16px;}
@media (min-width:920px){.cyber-hero-with-art{grid-template-columns:minmax(0,1.18fr) minmax(340px,.9fr);}.blog-hero-art img{min-height:300px;}}