/* Atkinson Hyperlegible, self-hosted, SIL OFL 1.1 (assets/fonts/OFL.txt) */
@font-face{font-family:"Atkinson Hyperlegible";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/AtkinsonHyperlegible-Regular.woff2") format("woff2")}
@font-face{font-family:"Atkinson Hyperlegible";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/AtkinsonHyperlegible-Bold.woff2") format("woff2")}
@font-face{font-family:"Atkinson Hyperlegible";font-style:italic;font-weight:400;font-display:swap;src:url("fonts/AtkinsonHyperlegible-Italic.woff2") format("woff2")}
@font-face{font-family:"Atkinson Hyperlegible";font-style:italic;font-weight:700;font-display:swap;src:url("fonts/AtkinsonHyperlegible-BoldItalic.woff2") format("woff2")}
/* Palette from brand/palette.py (contrast-checked there). Change colours here only. */
:root{
  --navy:#1B3A5C; --ink:#1F2933; --paper:#FBF8F2; --white:#FFFFFF; --teal:#0E5A60; --sky:#E3EEF5;
  --scam:#8C2F10; --safe:#1D5E46; --unsure:#6E4B00; --sun:#F5C45A;
  --measure:44rem;
}
*{box-sizing:border-box}
html{font-size:100%;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Atkinson Hyperlegible","Verdana","DejaVu Sans",Arial,sans-serif;
  font-size:1.25rem;line-height:1.65;} /* 20px base */
h1,h2,h3{color:var(--navy);line-height:1.25;margin:1.6em 0 .5em}
h1{font-size:2.5rem;margin-top:.4em} h2{font-size:1.9rem} h3{font-size:1.45rem}
p,ul,ol,dl,details{margin:0 0 1.1em} ul,ol{padding-left:1.5em} li{margin-bottom:.5em}
a{color:var(--teal);text-decoration:underline;text-underline-offset:.15em;text-decoration-thickness:.1em}
a:hover{color:var(--navy)}
:focus-visible{outline:4px solid var(--navy);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-999px;top:0;background:var(--navy);color:var(--white);padding:.8rem 1.2rem;z-index:10}
.skip:focus{left:1rem;top:1rem}
.wrap{max-width:var(--measure);margin:0 auto;padding:0 1.25rem}
.wide{max-width:64rem}
header.site{background:var(--white);border-bottom:3px solid var(--navy)}
header.site .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 2rem;padding-top:.75rem;padding-bottom:.75rem;max-width:64rem}
.logo{font-size:1.6rem;font-weight:700;color:var(--navy);text-decoration:none;padding:.4rem 0}
nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:.25rem .5rem;margin:0;padding:0}
nav li{margin:0}
nav a{display:inline-block;min-height:48px;padding:.6rem 1rem;font-weight:700;text-decoration:none;color:var(--navy);border-radius:8px}
nav a:hover{background:var(--sky)}
nav a.cta{background:var(--navy);color:var(--white)} nav a.cta:hover{background:var(--teal);color:var(--white)}
main{padding:1rem 0 3rem}
.hero{padding:1.5rem 0 1rem}
.lead{font-size:1.45rem;line-height:1.55}
.btn{display:inline-block;min-height:56px;padding:.9rem 1.8rem;font:inherit;font-weight:700;font-size:1.25rem;
  background:var(--navy);color:var(--white);border:3px solid var(--navy);border-radius:10px;text-decoration:none;cursor:pointer}
.btn:hover{background:var(--teal);border-color:var(--teal);color:var(--white)}
.btn.secondary{background:var(--white);color:var(--navy)} .btn.secondary:hover{background:var(--sky);color:var(--navy);border-color:var(--navy)}
.btns{display:flex;flex-wrap:wrap;gap:1rem;margin:1.2rem 0}
.panel{background:var(--sky);border-radius:12px;padding:1.2rem 1.5rem;margin:1.5rem 0}
.card{background:var(--white);border:2px solid var(--navy);border-radius:12px;padding:1.2rem 1.5rem;margin:1.2rem 0}
.steps{counter-reset:s;list-style:none;padding:0}
.steps li{counter-increment:s;position:relative;padding-left:3.4rem;margin-bottom:1.2rem}
.steps li::before{content:counter(s);position:absolute;left:0;top:0;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--navy);color:var(--white);font-weight:700;text-align:center;line-height:2.5rem}
.verdicts{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr));margin:1.2rem 0;padding:0;list-style:none}
.verdicts li{background:var(--white);border:3px solid;border-radius:12px;padding:1rem 1.2rem;margin:0}
.v-scam{border-color:var(--scam)!important}.v-scam strong{color:var(--scam)}
.v-sus{border-color:var(--unsure)!important}.v-sus strong{color:var(--unsure)}
.v-safe{border-color:var(--safe)!important}.v-safe strong{color:var(--safe)}
label{display:block;font-weight:700;margin:1.2rem 0 .4rem}
input[type=text],input[type=email],input[type=tel],textarea,select{width:100%;font:inherit;font-size:1.25rem;padding:.8rem 1rem;min-height:56px;
  border:3px solid var(--ink);border-radius:8px;background:var(--white);color:var(--ink)}
textarea{min-height:12rem;resize:vertical}
input[type=file]{font:inherit;font-size:1.15rem;padding:.6rem 0;width:100%}
.check{display:flex;gap:.8rem;align-items:flex-start;font-weight:400;margin:1.2rem 0}
.check input{width:28px;height:28px;flex:none;margin-top:.2rem}
.hint{font-size:1.1rem;color:#374151}
.placeholder{background:var(--sun);color:var(--ink);padding:.15em .4em;border-radius:4px;font-weight:700}
details{background:var(--white);border:2px solid var(--navy);border-radius:10px}
summary{cursor:pointer;font-weight:700;color:var(--navy);padding:1rem 1.2rem;min-height:56px;list-style-position:inside}
details>div{padding:0 1.2rem 1rem}
.price{font-size:3rem;font-weight:700;color:var(--navy);line-height:1.1}
.price small{font-size:1.25rem;font-weight:400;color:var(--ink)}
.tick{list-style:none;padding:0}.tick li{padding-left:2rem;position:relative}.tick li::before{content:"\2713";position:absolute;left:0;color:var(--safe);font-weight:700}
footer.site{background:var(--navy);color:var(--white);padding:2rem 0;margin-top:2rem}
footer.site a{color:var(--white)} footer.site ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}
footer.site li{margin:0} footer.site a{display:inline-block;min-height:44px;padding:.5rem 0}
.notice{border-left:8px solid var(--navy);background:var(--white);padding:1rem 1.2rem;margin:1.2rem 0}
/* checker result */
.result{border:5px solid;border-radius:14px;background:var(--white);padding:1.2rem 1.5rem;margin:1.5rem 0}
.result.v-scam{border-color:var(--scam)} .result.v-sus{border-color:var(--unsure)} .result.v-safe{border-color:var(--safe)}
.result h2{margin:.1em 0 .3em;font-size:2.2rem}
.result.v-scam h2{color:var(--scam)} .result.v-sus h2{color:var(--unsure)} .result.v-safe h2{color:var(--safe)}
.flag{background:var(--sun);border:3px solid var(--ink);border-radius:10px;padding:.8rem 1.1rem;margin:1rem 0;font-weight:700}
.err{border:3px solid var(--scam);color:var(--scam);padding:.8rem 1rem;border-radius:10px;font-weight:700;background:var(--white)}
@media (max-width:600px){h1{font-size:2.1rem}h2{font-size:1.7rem}.price{font-size:2.5rem} nav a{padding:.6rem .7rem}}
@media (prefers-reduced-motion:no-preference){a,.btn,nav a{transition:background-color .15s}}
@media print{header.site nav,footer.site{display:none}}
table{border-collapse:collapse;width:100%;margin:1rem 0;font-size:1.1rem;display:block;overflow-x:auto}
th,td{border:2px solid var(--navy);padding:.6rem .8rem;text-align:left;vertical-align:top}
th{background:var(--sky)}
blockquote{border-left:8px solid var(--navy);background:var(--white);margin:1rem 0;padding:.6rem 1.2rem}

.draft-badge{display:inline-block;background:var(--white);color:var(--ink);border:3px solid var(--ink);border-radius:8px;padding:.1em .6em;font-size:1.05rem;font-weight:700;vertical-align:middle}

/* IGNIS site additions */
.guide{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start}
.small{font-size:1.05rem}
nav a[aria-current=page]{background:var(--sky)}

/* ===== Saphira theme (Nov 5, 2026): matches saphiradigital.com =====
   Fonts: Sora (headings) + Source Sans 3 (body), loaded from Google Fonts in each page's <head>.
   Colours taken from saphiradigital.com: midnight #0F1A33, navy #1A2A55, periwinkle #E8ECF8, button blue #1F3FBF.
   Body text stays at 20px (bigger than Saphira's) because IGNIS is read by older adults and kids. */
:root{
  --midnight:#0F1A33; --navy:#1A2A55; --ink:#0F1A33; --paper:#FFFFFF; --white:#FFFFFF;
  --sky:#E8ECF8; --royal:#1F3FBF; --royal-dark:#16308F; --teal:#1F3FBF; --line:#2C3F80; --mute:#46506A;
  --measure:46rem;
}
body{background:var(--paper);color:var(--ink);font-family:"Source Sans 3","Source Sans Pro",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:1.25rem;line-height:1.6}
h1,h2,h3,.logo-name,.foot-brand{font-family:"Sora","Source Sans 3",-apple-system,"Segoe UI",Arial,sans-serif;font-weight:600;letter-spacing:-.025em}
h1,h2,h3{color:var(--midnight);line-height:1.15}
h1{font-size:2.6rem} h2{font-size:2rem} h3{font-size:1.4rem;letter-spacing:-.015em}
a{color:var(--royal)} a:hover{color:var(--midnight)}
:focus-visible{outline:4px solid var(--royal);outline-offset:3px;border-radius:0}
.hint{color:var(--mute)}
.lead{font-size:1.5rem;line-height:1.5}

/* buttons: square, Saphira blue */
.btn{border-radius:0;background:var(--royal);border:3px solid var(--royal);color:var(--white);font-weight:700;letter-spacing:.01em;padding:.95rem 2rem}
.btn:hover{background:var(--royal-dark);border-color:var(--royal-dark);color:var(--white)}
.btn.secondary{background:transparent;color:var(--royal);border-color:var(--royal)}
.btn.secondary:hover{background:var(--sky);color:var(--midnight);border-color:var(--royal)}

/* header: white bar, logo mark + wordmark, quiet nav */
header.site{background:var(--white);border-bottom:1px solid #DCE1EE;position:relative;z-index:3}
header.site .wrap{max-width:76rem;padding-top:.6rem;padding-bottom:.6rem;justify-content:space-between}
.logo{display:inline-flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--midnight);padding:.3rem 0}
.logo svg{width:44px;height:44px;flex:none}
.logo-text{display:flex;flex-direction:column;line-height:1}
.logo-name{font-size:1.7rem;color:var(--midnight);letter-spacing:.02em}
.logo-sub{font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;color:var(--midnight);margin-top:.3rem;font-weight:400}
nav a{font-weight:400;color:var(--midnight);border-radius:0;font-size:1.15rem}
nav a:hover,nav a[aria-current=page]{background:transparent;text-decoration:underline;text-underline-offset:.3em}
nav a.cta{background:var(--royal);color:var(--white);font-weight:700} nav a.cta:hover{background:var(--royal-dark);color:var(--white);text-decoration:none}

/* boxes: flatter, squarer */
.panel{background:var(--sky);border-radius:0}
.card,details{border:2px solid var(--sky);border-radius:0;background:var(--white)}
summary{color:var(--midnight)}
.notice{border-left:6px solid var(--royal);background:var(--sky)}
.verdicts li,.result{border-radius:0}
input[type=text],input[type=email],input[type=tel],textarea,select{border:2px solid var(--midnight);border-radius:0}
.steps li::before{background:var(--royal);border-radius:0}
.err,.flag{border-radius:0}

/* footer: navy, two columns like saphiradigital.com */
footer.site{background:var(--navy);color:var(--white);padding:4rem 0 2.5rem;margin-top:0}
footer.site .wrap{max-width:76rem}
.foot-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem 3rem}
.foot-brand{font-size:2rem;margin:0 0 .4rem;color:var(--white)}
footer.site ul{display:block}
footer.site li{margin:0 0 .2rem}
footer.site a{color:var(--white);text-decoration:underline;text-underline-offset:.2em}
footer.site .small-print{font-size:1rem;color:#C9D2EE;margin-top:3rem;max-width:44rem}
@media (max-width:700px){.foot-grid{grid-template-columns:1fr}}

/* ===== home page: full-width bands ===== */
main.home{padding:0}
.band{padding:5rem 0}
.band .inner{max-width:76rem;margin:0 auto;padding:0 1.5rem}
.band-midnight{background:var(--midnight);color:var(--white)}
.band-navy{background:var(--navy);color:var(--white)}
.band-peri{background:var(--sky);color:var(--midnight)}
.band-midnight h1,.band-midnight h2,.band-midnight h3,.band-navy h1,.band-navy h2,.band-navy h3{color:var(--white)}
.band-midnight a:not(.btn),.band-navy a:not(.btn){color:var(--white)}
.band-midnight .btn.secondary,.band-navy .btn.secondary{color:var(--white);border-color:var(--white)}
.band-midnight .btn.secondary:hover,.band-navy .btn.secondary:hover{background:rgba(255,255,255,.12);color:var(--white)}
.band-midnight .hint,.band-navy .hint{color:#C9D2EE}

.hero{padding:0}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:2rem;align-items:center}
.hero-grid .lead{font-size:1.6rem;line-height:1.45;margin:0;max-width:30rem}
.hero-art{width:100%;height:auto;display:block}
.display{font-size:clamp(2.7rem,6.4vw,5rem);line-height:1.02;letter-spacing:-.035em;margin:2.5rem 0 1.5rem;max-width:62rem}
.statement{font-size:clamp(1.9rem,3.6vw,2.9rem);line-height:1.15;margin:0;max-width:62rem}

.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:2rem 4rem}
.split>h2{font-size:clamp(2.1rem,4vw,3rem);margin:0}
.items{margin:0;padding:0;list-style:none}
.items li{border-top:1px solid rgba(255,255,255,.22);padding:1.4rem 0 .6rem;margin:0}
.items li:first-child{border-top:0;padding-top:0}
.items h3{margin:0 0 .5rem;font-size:1.35rem}
.items p{margin:0 0 .6rem}
.items .num{font-family:"Sora",sans-serif;font-weight:600;color:#9DB0F5;margin-right:.5rem}

.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin:2rem 0 0;padding:0;list-style:none}
.trio>li{background:var(--white);color:var(--ink);padding:1.6rem 1.5rem;margin:0;border-top:6px solid var(--royal)}
.trio h3{margin:0 0 .6rem}
.trio ul{padding-left:1.2em;margin:0}

.band .verdicts{margin-top:2rem}
.band .verdicts li{border-width:0;border-top:8px solid;background:var(--white);padding:1.4rem 1.4rem}
.band .verdicts strong{font-family:"Sora",sans-serif;font-weight:600;letter-spacing:-.01em;font-size:1.25rem;display:block;margin-bottom:.4rem}

.center{text-align:center}
.center .btns{justify-content:center}
.cta-band h2{font-size:clamp(2.4rem,5vw,3.8rem);margin:0 0 1rem}

@media (max-width:860px){
  .hero-grid,.split,.trio{grid-template-columns:1fr}
  .hero-art{max-width:30rem;margin:0 auto}
  .band{padding:3.5rem 0}
}
@media (max-width:600px){h1{font-size:2.2rem}}
.band.hero{padding:4rem 0 4.5rem}
@media (max-width:600px){nav li:first-child{display:none} nav a{font-size:1.05rem;padding:.55rem .6rem} .band.hero{padding:2.5rem 0 3rem}}

/* ===== Richer design (Nov 5, 2026): Blue Flame logo, rounded cards, product mockups ===== */
:root{--page:#F4F6FB;--card-border:#E3E8F4;--shadow:0 1px 2px rgba(15,26,51,.06),0 8px 24px rgba(15,26,51,.06);--radius:22px}
.mark{display:inline-block;width:1em;height:1.2em;vertical-align:-.2em}

/* buttons: rounded pills */
.btn{border-radius:999px}
nav a.cta{border-radius:999px;padding-left:1.2rem;padding-right:1.2rem}

/* floating header */
header.site{background:transparent;border-bottom:0;position:sticky;top:0;padding:.7rem 1rem 0;z-index:20}
header.site .wrap{background:rgba(255,255,255,.96);border:1px solid var(--card-border);border-radius:999px;box-shadow:var(--shadow);
  padding:.45rem .6rem .45rem 1.3rem;max-width:74rem;backdrop-filter:saturate(1.4) blur(8px)}
body.home-page header.site{margin-bottom:-5.2rem}
.logo svg{width:38px;height:46px}
@media (max-width:860px){header.site .wrap{border-radius:24px}}

/* page wrappers */
main.home{background:var(--page)}
main.home .inner{max-width:74rem;margin:0 auto;padding:0 1.5rem}
.section-h{font-size:clamp(2rem,3.6vw,2.9rem);letter-spacing:-.03em;margin:0 0 2rem;max-width:44rem}

/* HERO */
.hero2{position:relative;overflow:hidden;background:radial-gradient(1200px 600px at 75% 30%,#1C2C63 0%,var(--midnight) 60%);color:#fff;padding:8.5rem 0 5rem;border-radius:0 0 40px 40px}
.hero2 .arcs{position:absolute;right:-12%;top:-10%;width:min(70rem,110%);height:auto;opacity:.9;pointer-events:none}
.hero2-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:3rem;align-items:center}
.hero2 h1{color:#fff;font-size:clamp(2.6rem,5.4vw,4.4rem);line-height:1.02;letter-spacing:-.035em;margin:.6rem 0 1.2rem}
.hero2 .lead{color:#DCE3F7;font-size:1.4rem;max-width:34rem}
.hero2 .hint{color:#B9C4E6}
.hero2 .btn.secondary{color:#fff;border-color:rgba(255,255,255,.7)} .hero2 .btn.secondary:hover{background:rgba(255,255,255,.12);color:#fff}
.eyebrow{display:inline-flex;align-items:center;gap:.6rem;margin:0;padding:.35rem 1rem;border:1px solid rgba(255,255,255,.25);border-radius:999px;font-size:1.05rem;color:#DCE3F7;background:rgba(255,255,255,.06)}
.eyebrow .dot{width:.55rem;height:.55rem;border-radius:50%;background:#6E8BFF;box-shadow:0 0 0 4px rgba(110,139,255,.25)}

.hero2-art{position:relative;display:flex;justify-content:center;padding:2rem 0}
.phone{width:300px;border-radius:46px;background:#0B1226;padding:12px;box-shadow:0 30px 80px rgba(0,0,0,.45),0 0 0 2px #2A3A70;transform:rotate(3deg)}
.phone-screen{background:#F7F8FC;border-radius:36px;padding:1.1rem 1rem 1.3rem;min-height:520px;color:var(--ink);font-size:.95rem;line-height:1.35}
.ps-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}
.ps-logo{display:inline-flex;align-items:center;gap:.35rem;font-family:"Sora",sans-serif;font-weight:700;font-size:1rem;letter-spacing:.03em}
.ps-logo .mark{font-size:1.2rem}
.ps-time{font-size:.85rem;color:#6B7590;font-weight:700}
.ps-from{font-size:.8rem;color:#6B7590;margin:0 0 .35rem .3rem}
.ps-bubble{background:#E6E9F2;border-radius:18px 18px 18px 6px;padding:.75rem .9rem;margin-bottom:1rem}
.ps-verdict{background:#fff;border:3px solid var(--scam);border-radius:18px;padding:.8rem .9rem;margin-bottom:.9rem}
.ps-verdict p{margin:.35rem 0 0}
.ps-vhead{display:flex;align-items:center;gap:.5rem;font-family:"Sora",sans-serif;font-weight:700;color:var(--scam);font-size:1.15rem;letter-spacing:-.01em}
.ps-vhead svg{width:1.6rem;height:1.6rem;color:var(--scam)}
.ps-do{font-weight:700}
.ps-btn{background:var(--royal);color:#fff;border-radius:999px;text-align:center;font-weight:700;padding:.7rem}
.float-card{position:absolute;display:flex;align-items:center;gap:.7rem;background:#fff;color:var(--ink);border-radius:18px;padding:.75rem 1rem;box-shadow:0 18px 40px rgba(0,0,0,.28);font-size:.98rem;line-height:1.3;max-width:17rem}
.fc-top{left:-1rem;top:3.5rem}
.fc-bottom{right:-.5rem;bottom:4rem;flex-direction:column;align-items:flex-start;gap:.35rem}
.fc-icon{flex:none;width:2.6rem;height:2.6rem;border-radius:12px;background:var(--midnight);display:flex;align-items:center;justify-content:center;font-size:1.5rem}
.chip{display:inline-flex;align-items:center;gap:.4rem;font-family:"Sora",sans-serif;font-weight:700;font-size:.95rem;border-radius:999px;padding:.25rem .7rem .25rem .3rem}
.chip svg{width:1.3rem;height:1.3rem}
.chip.safe{background:#E3F2EA;color:var(--safe)}
.fc-msg{color:#46506A}

/* TRUST STRIP */
.trust{padding:2.5rem 0 1rem}
.trust-list{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem}
.trust-list li{display:flex;align-items:center;gap:.6rem;margin:0;background:#fff;border:1px solid var(--card-border);border-radius:999px;padding:.6rem 1.2rem;font-weight:600;font-size:1.1rem;box-shadow:0 1px 2px rgba(15,26,51,.05)}
.trust-list svg{width:1.4rem;height:1.4rem;fill:none;stroke:var(--royal);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* BENTO */
.bento-wrap{padding:4.5rem 0 3rem}
.bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.bento .card{background:#fff;border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.8rem 1.8rem 1.6rem;margin:0;display:flex;flex-direction:column;overflow:hidden}
.bento .card h3{margin:0 0 .45rem;font-size:1.45rem}
.bento .card p{margin:0 0 1.2rem;color:#46506A}
.bento .card .soft{color:var(--royal);font-weight:600}
.c-span2{grid-column:span 2}
.viz{margin-top:auto;background:var(--page);border-radius:16px;padding:1.2rem}
.viz-flow{display:flex;align-items:center;gap:1rem}
.mini-bubble{flex:1;background:#E6E9F2;border-radius:18px 18px 18px 6px;padding:.9rem 1rem;font-size:1.05rem}
.flow-arrow{width:56px;flex:none}
.mini-verdict{flex:1;background:#fff;border:3px solid var(--scam);border-radius:16px;padding:.8rem 1rem;display:flex;flex-direction:column;gap:.3rem;font-size:1.02rem}
.mini-verdict strong{font-family:"Sora",sans-serif;color:var(--scam)}
.viz-private{display:flex;flex-direction:column;align-items:center;gap:.6rem}
.viz-private svg{width:150px;height:auto}
.viz-private .tag,.pill-note{display:inline-block;background:#E8ECF8;color:var(--royal);font-weight:700;border-radius:999px;padding:.3rem .9rem;font-size:.98rem}
.viz-notes{display:flex;flex-direction:column;gap:.6rem}
.note{display:flex;gap:.7rem;align-items:center;background:#fff;border-radius:14px;padding:.6rem .8rem;font-size:1rem;line-height:1.3;box-shadow:0 1px 2px rgba(15,26,51,.06)}
.avatar{flex:none;width:2.2rem;height:2.2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-family:"Sora",sans-serif}
.a1{background:#1F3FBF}.a2{background:#4C6EF5}.a3{background:#0E5A60}
.bento .card-kids{flex-direction:row;gap:1.6rem;align-items:stretch;background:linear-gradient(135deg,#FFFFFF 0%,#EEF1FB 100%)}
.kids-copy{flex:1;display:flex;flex-direction:column;justify-content:center}
.kid-phone{flex:none;width:250px;background:#fff;border:2px solid var(--card-border);border-radius:28px;padding:1rem;box-shadow:var(--shadow);font-size:.95rem}
.kp-bubble{background:#E6E9F2;border-radius:16px 16px 16px 6px;padding:.6rem .8rem;margin-bottom:.8rem}
.kp-verdict{display:flex;align-items:center;gap:.45rem;font-family:"Sora",sans-serif;font-weight:700;color:var(--scam);font-size:1.02rem}
.kp-verdict svg{width:1.4rem;height:1.4rem;color:var(--scam)}
.kp-text{margin:.5rem 0 .8rem!important;color:var(--ink)!important;font-size:.95rem}
.kp-btn{background:var(--teal);color:#fff;border-radius:999px;text-align:center;font-weight:700;padding:.55rem}
.viz-share{display:flex;justify-content:center}
.share-sheet{background:#fff;border-radius:18px;padding:.9rem 1rem;width:100%;box-shadow:0 1px 2px rgba(15,26,51,.06)}
.share-title{display:block;font-weight:700;margin-bottom:.7rem}
.share-row,.share-labels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));justify-items:center;gap:.4rem}
.sapp{width:3rem;height:3rem;border-radius:12px;display:flex;align-items:center;justify-content:center}
.a-mail{background:#C9D5F5}.a-msg{background:#BFE3CF}.a-notes{background:#F5E3B5}
.sapp-ignis{background:var(--midnight);font-size:1.6rem;box-shadow:0 0 0 3px #6E8BFF}
.share-labels{font-size:.85rem;color:#6B7590;margin-top:.35rem}.share-labels .hl{color:var(--royal);font-weight:700}
.brief{list-style:none;display:flex;flex-direction:column;gap:.55rem}
.brief li{display:flex;align-items:center;gap:.6rem;background:#fff;border-radius:12px;padding:.55rem .7rem;margin:0;font-size:1rem}
.b-tag{flex:none;font-size:.8rem;font-weight:700;color:var(--royal);background:#E8ECF8;border-radius:999px;padding:.15rem .55rem}
.checks{list-style:none}
.checks li{position:relative;padding-left:2rem;margin:.1rem 0 .6rem;font-size:1.02rem}
.checks li::before{content:"";position:absolute;left:0;top:.2rem;width:1.3rem;height:1.3rem;border-radius:50%;background:var(--safe) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/80% no-repeat}

/* THREE ANSWERS */
.answers{padding:3rem 0 4.5rem}
.answer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.answer{background:#fff;border:1px solid var(--card-border);border-top:8px solid;border-radius:var(--radius);padding:1.6rem;box-shadow:var(--shadow)}
.answer h3{margin:.8rem 0 .4rem;font-size:1.3rem}
.answer p{margin:0;color:#46506A}
.answer.v-scam,.answer.v-scam h3{color:var(--scam)} .answer.v-sus,.answer.v-sus h3{color:var(--unsure)} .answer.v-safe,.answer.v-safe h3{color:var(--safe)}
.answer.v-scam,.answer.v-sus,.answer.v-safe{border-left-color:var(--card-border)!important;border-right-color:var(--card-border)!important;border-bottom-color:var(--card-border)!important}
.a-icon svg{width:2.6rem;height:2.6rem}
.answers-note{margin-top:1.5rem}

/* HOW IT WORKS */
.how2{background:var(--navy);color:#fff;padding:5rem 0;border-radius:40px;margin:0 1rem}
.how2 .section-h{color:#fff}
.steps2{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.steps2 li{position:relative;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);padding:1.8rem;margin:0}
.steps2 h3{color:#fff;margin:.9rem 0 .4rem}
.steps2 p{margin:0;color:#DCE3F7}
.s-num{position:absolute;top:1.4rem;right:1.4rem;font-family:"Sora",sans-serif;font-weight:700;font-size:2.4rem;color:rgba(255,255,255,.18);line-height:1}
.s-icon{width:3rem;height:3rem;padding:.65rem;border-radius:14px;background:var(--royal);fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* STATEMENT */
.statement2{padding:6rem 0;text-align:center}
.big-mark{font-size:4.5rem;display:inline-block}
.big-quote{font-family:"Sora",sans-serif;font-weight:600;font-size:clamp(2.4rem,6vw,4.6rem);line-height:1.05;letter-spacing:-.035em;color:var(--royal);max-width:56rem;margin:1rem auto 1.2rem}
.big-sub{font-size:1.4rem;color:#46506A;max-width:40rem;margin:0 auto}

/* FAQ */
.faq2{padding:2rem 0 5.5rem}
.faq2-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:3rem;align-items:start}
.faq-list details{background:#fff;border:1px solid var(--card-border);border-radius:18px;margin:0 0 .8rem;box-shadow:0 1px 2px rgba(15,26,51,.05)}
.faq-list summary{padding:1.1rem 1.3rem}
.faq-list details>div{padding:0 1.3rem 1.1rem}

/* CTA */
.cta2{position:relative;overflow:hidden;background:var(--midnight);color:#fff;padding:6rem 0;border-radius:40px 40px 0 0}
.cta2 .arcs{position:absolute;left:50%;top:50%;width:70rem;transform:translate(-50%,-50%);opacity:.8;pointer-events:none}
.cta2 .inner{position:relative}
.cta2 h2{color:#fff;font-size:clamp(2.6rem,5.5vw,4.4rem);letter-spacing:-.035em;margin:0 0 1rem}
.cta2 .lead{color:#DCE3F7;max-width:36rem;margin:0 auto}
.cta2 .btn.secondary{color:#fff;border-color:rgba(255,255,255,.7)} .cta2 .btn.secondary:hover{background:rgba(255,255,255,.12);color:#fff}
.cta-note{color:#B9C4E6;font-size:1.05rem;max-width:44rem;margin:2rem auto 0}
.cta-note a{color:#fff}
body.home-page footer.site{border-top:1px solid rgba(255,255,255,.1)}

/* responsive */
@media (max-width:980px){
  .hero2-grid,.faq2-grid{grid-template-columns:1fr}
  .hero2{padding-top:7.5rem}
  .bento,.answer-grid,.steps2{grid-template-columns:1fr}
  .c-span2{grid-column:auto}
  .bento .bento .card-kids{flex-direction:column}
  .kid-phone{width:100%;max-width:300px;margin:0 auto}
  .fc-top{left:0;top:0}
  .fc-bottom{right:0;bottom:1rem}
}
@media (max-width:600px){
  .phone{width:260px}
  .phone-screen{min-height:460px}
  .viz-flow{flex-direction:column}
  .flow-arrow{transform:rotate(90deg)}
  .how2{margin:0 .5rem;border-radius:28px}
  .float-card{max-width:14rem;font-size:.9rem}
  body.home-page header.site{margin-bottom:-6.8rem}
}
/* hero card placement: overlap only the phone's edges */
.hero2-art{justify-content:flex-end;padding:2rem 2.5rem 2rem 0}
.float-card{max-width:14rem}
.fc-top{left:0;top:2.2rem}
.fc-bottom{right:-.5rem;bottom:2.2rem}
@media (max-width:980px){.hero2-art{justify-content:center;padding:4.5rem 0 3.5rem}.fc-top{left:0;top:0}.fc-bottom{right:0;bottom:0}}
@media (max-width:600px){
  nav li:nth-child(2),nav li:nth-child(3),nav li:nth-child(4){display:none}
  body.home-page header.site{margin-bottom:0}
  .hero2{padding-top:2.5rem;margin-top:.7rem;border-radius:28px 28px 28px 28px}
}
/* inner pages: same rounded card language */
details{border:1px solid var(--card-border);border-radius:18px;box-shadow:0 1px 2px rgba(15,26,51,.05)}
.card{border-radius:18px}
.notice{border-radius:14px}
input[type=text],input[type=email],input[type=tel],textarea,select{border-radius:12px}