/* BlueDial site, v4 draft (11 Oct 2026): the v3 base, with the new logo skin at the bottom.
   One stylesheet for every page. Serif headings, sans body, lots of air.
   Navy is the ink. Red only marks labels and the odd accent. */

@font-face{
  font-family:'Libre Caslon Display';
  font-style:normal;font-weight:400;font-display:swap;
  src:url('libre-caslon-display.woff2') format('woff2');
}

:root{
  --navy:#063970; --deep:#04264B; --red:#D63147;
  --ink:#0F1A2A; --body:#4A5463; --muted:#68717E;
  --line:#E2E6EC; --soft:#F4F6F9; --white:#fff;
  --serif:'Libre Caslon Display', Georgia, 'Times New Roman', serif;
  --sans:-apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif;
  --wrap:1080px; --gut:24px;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--white);color:var(--body);font:17px/1.6 var(--sans);
  -webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--navy)}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}

/* ---------- type ---------- */
h1,h2,h3{font-family:var(--serif);font-weight:400;color:var(--navy);margin:0;letter-spacing:-.01em}
h1{font-size:clamp(40px,6.4vw,72px);line-height:1.04}
h2{font-size:clamp(32px,4.4vw,48px);line-height:1.1}
h3{font-size:26px;line-height:1.2}
h4{font:600 17px/1.35 var(--sans);color:var(--ink);margin:0 0 6px}
p{margin:0}
h1 em,h2 em{font-style:normal;color:var(--red)}
.label{font:600 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--red);
  margin-bottom:18px;display:flex;align-items:center;gap:10px}
.label::before{content:"";width:22px;height:1px;background:currentColor}
.lede{font-size:clamp(18px,2vw,21px);line-height:1.55;color:var(--body);max-width:36em}
.centre{text-align:center}
.centre .label{justify-content:center}
.centre .lede{margin-left:auto;margin-right:auto}

/* ---------- buttons ---------- */
.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.centre .btns{justify-content:center}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 26px;
  border-radius:8px;font:600 16px/1 var(--sans);text-decoration:none;border:1px solid var(--navy);
  transition:background .2s,color .2s}
.btn-main{background:var(--navy);color:#fff}
.btn-main:hover{background:var(--deep)}
.btn-line{background:transparent;color:var(--navy)}
.btn-line:hover{background:var(--soft)}
.on-navy .btn-main{background:#fff;color:var(--navy);border-color:#fff}
.on-navy .btn-line{color:#fff;border-color:rgba(255,255,255,.45)}
.on-navy .btn-line:hover{background:rgba(255,255,255,.08)}
.more{font:600 16px/1 var(--sans);text-decoration:none;color:var(--navy);display:inline-block;margin-top:24px}
.more::after{content:" \2192"}

/* ---------- nav ---------- */
.nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);
  backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);
  border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:68px}
.nav .logo img{height:26px;width:auto}
.links{display:flex;align-items:center;gap:30px}
.links a{font:500 15px/1 var(--sans);color:var(--ink);text-decoration:none}
.links a:hover,.links a[aria-current]{color:var(--navy)}
.links a[aria-current]{box-shadow:0 1px 0 var(--navy)}
.links .new{font:700 10px/1 var(--sans);letter-spacing:.08em;color:var(--red);margin-left:5px;
  vertical-align:2px}
.links .login{padding:10px 16px;border:1px solid var(--line);border-radius:8px}
.burger{display:none;background:none;border:0;width:44px;height:44px;padding:11px;margin-right:-11px;cursor:pointer}
.burger span{display:block;height:2px;background:var(--navy);margin:5px 0;border-radius:2px}
.menu{position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);
  padding:8px var(--gut) 22px;display:flex;flex-direction:column;box-shadow:0 20px 40px rgba(6,57,112,.08)}
.menu[hidden]{display:none}
.menu a{font:500 19px/1 var(--sans);color:var(--ink);text-decoration:none;padding:18px 0;
  border-bottom:1px solid var(--line)}
.menu a.login{border:0;margin-top:16px;background:var(--navy);color:#fff;border-radius:8px;text-align:center}
@media (max-width:760px){
  .links{display:none}
  .burger{display:block}
}
@media (min-width:761px){.menu{display:none!important}}

/* ---------- sections ---------- */
section{padding:112px 0}
.soft{background:var(--soft)}
.navy{background:var(--navy);color:#C9D7E6}
.navy h2,.navy h3,.navy h4{color:#fff}
.navy .label{color:#fff}
.navy .label::before{background:var(--red)}
.head{max-width:720px;margin-bottom:56px}
.head .lede{margin-top:20px}
.centre.head{margin-left:auto;margin-right:auto}

/* ---------- hero ---------- */
.hero{padding:96px 0 0;text-align:center}
.hero h1{max-width:13em;margin:0 auto}
.hero .lede{margin:28px auto 0;max-width:34em}
.hero .btns{justify-content:center}
.hero-shot{display:block;margin:56px auto 0;max-width:980px}
.subhero{padding:96px 0 72px}
.subhero h1{max-width:14em}
.subhero .lede{margin-top:24px}

/* ---------- three services ---------- */
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line)}
.three > div{padding:36px 32px 8px 0}
.three > div + div{padding-left:32px;border-left:1px solid var(--line)}
.num{font:400 15px/1 var(--serif);color:var(--red);display:block;margin-bottom:22px}
.three h3{margin-bottom:12px}
.tag{display:inline-block;font:700 10px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;
  color:#fff;background:var(--red);padding:5px 7px;border-radius:4px;vertical-align:6px;margin-left:8px}
@media (max-width:860px){
  .three{grid-template-columns:1fr}
  .three > div,.three > div + div{padding:32px 0;border-left:0;border-top:1px solid var(--line)}
  .three > div:first-child{border-top:0}
}

/* ---------- AI search feature ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.split .lede{margin-top:22px}
.navy .lede{color:#C9D7E6}
.ticks{list-style:none;padding:0;margin:28px 0 0}
.ticks li{position:relative;padding-left:30px;margin:12px 0}
.ticks li::before{content:"";position:absolute;left:0;top:9px;width:14px;height:8px;
  border-left:2px solid var(--red);border-bottom:2px solid var(--red);transform:rotate(-45deg)}
.navy .ticks li{color:#fff}
@media (max-width:900px){.split{grid-template-columns:1fr;gap:48px}}

/* ---------- steps ---------- */
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:32px;counter-reset:s}
.steps li{border-top:2px solid var(--navy);padding-top:22px}
.steps .num{margin-bottom:14px}
.steps h4{font:400 22px/1.25 var(--serif);color:var(--navy);margin-bottom:10px}
.steps p{font-size:16px}
@media (max-width:900px){.steps{grid-template-columns:1fr 1fr;gap:40px 28px}}
@media (max-width:560px){.steps{grid-template-columns:1fr;gap:32px}}

/* long step rows (how it works page) */
.rows > .row:first-child{border-top:1px solid var(--line)}
.row{display:grid;grid-template-columns:120px 1fr 1fr;gap:40px;padding:56px 0;border-bottom:1px solid var(--line)}
.row .num{font-size:40px;margin:0}
.row h3{margin-bottom:14px}
.row .aside{background:var(--soft);border-radius:12px;padding:24px;font-size:15px}
.row .aside b{display:block;font:600 12px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;
  color:var(--muted);margin-bottom:12px}
@media (max-width:900px){.row{grid-template-columns:1fr;gap:16px;padding:40px 0}.row .num{font-size:30px}}

/* ---------- adviser section ---------- */
.pairs{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--line)}
.pairs > div{padding:32px 32px 32px 0;border-bottom:1px solid var(--line)}
.pairs > div:nth-child(2n){padding-left:32px;border-left:1px solid var(--line)}
@media (max-width:760px){.pairs{grid-template-columns:1fr}
  .pairs > div,.pairs > div:nth-child(2n){padding:28px 0;border-left:0}}

/* ---------- pricing ---------- */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.plan{border:1px solid var(--line);border-radius:14px;padding:32px 28px;display:flex;flex-direction:column;background:#fff}
.plan.pick{border:2px solid var(--navy);position:relative}
.plan.pick::before{content:"Most popular";position:absolute;top:-12px;left:28px;background:var(--navy);color:#fff;
  font:600 11px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border-radius:4px}
.plan h3{font-size:28px}
.plan .for{margin-top:10px;font-size:15px;min-height:3.2em}
.price{font:400 44px/1 var(--serif);color:var(--navy);margin:24px 0 4px}
.price small{font:500 15px/1 var(--sans);color:var(--muted)}
.plan ul{list-style:none;padding:0;margin:22px 0 28px;border-top:1px solid var(--line)}
.plan li{padding:11px 0 11px 26px;border-bottom:1px solid var(--line);font-size:15px;position:relative;color:var(--ink)}
.plan li::before{content:"";position:absolute;left:2px;top:17px;width:11px;height:6px;
  border-left:2px solid var(--red);border-bottom:2px solid var(--red);transform:rotate(-45deg)}
.plan .btn{margin-top:auto}
.small{font-size:14px;color:var(--muted)}
@media (max-width:900px){.plans{grid-template-columns:1fr;max-width:520px;margin:0 auto}.plan .for{min-height:0}}

.compare{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
.compare > div{padding:28px}
.compare > div + div{border-left:1px solid var(--line)}
.compare .us{background:var(--navy);color:#C9D7E6}
.compare .us h4,.compare .us .price{color:#fff}
.compare .price{font-size:36px;margin:8px 0 12px}
@media (max-width:760px){.compare{grid-template-columns:1fr}.compare > div + div{border-left:0;border-top:1px solid var(--line)}}

/* ---------- FAQ ---------- */
.faq{max-width:760px;margin:0 auto;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:24px 40px 24px 0;position:relative;
  font:400 21px/1.3 var(--serif);color:var(--navy)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:20px;font:300 28px/1 var(--sans);color:var(--navy)}
.faq details[open] summary::after{content:"\2212"}
.faq details p{padding:0 0 24px;max-width:40em}

/* ---------- closing band ---------- */
.close{text-align:center}
.close h2{max-width:14em;margin:0 auto}
.close .lede{margin:20px auto 0}
.close .btns{justify-content:center}

/* ---------- contact ---------- */
.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:72px;align-items:start}
@media (max-width:900px){.contact-grid{grid-template-columns:1fr;gap:40px}}
form{display:grid;gap:18px}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media (max-width:560px){.fgrid{grid-template-columns:1fr}}
label{display:block;font:600 14px/1 var(--sans);color:var(--ink);margin-bottom:8px}
label .hint{font-weight:400;color:var(--muted)}
input,select,textarea{width:100%;font:16px/1.4 var(--sans);color:var(--ink);background:#fff;
  border:1px solid #CFD5DD;border-radius:8px;padding:13px 14px}
textarea{min-height:130px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:2px solid var(--navy);outline-offset:1px;border-color:var(--navy)}
form .btn{width:100%;cursor:pointer}
.formerr{display:none;color:var(--red);font-size:15px}
.formerr.show{display:block}
.formok{display:none;background:var(--soft);border-radius:12px;padding:28px;color:var(--ink)}
.formok.show{display:block}
.next{list-style:none;padding:0;margin:36px 0 0;border-top:1px solid var(--line)}
.next li{padding:20px 0;border-bottom:1px solid var(--line)}

/* ---------- footer ---------- */
footer{background:var(--deep);color:#9FB3CA;padding:64px 0 36px;font-size:15px}
footer .wrap{display:grid;grid-template-columns:1fr auto;gap:32px}
footer .flogo img{height:26px;width:auto}
footer .ftag{margin-top:16px;max-width:22em}
footer .fl{display:flex;gap:26px;flex-wrap:wrap;justify-content:flex-end}
footer .fl a{color:#fff;text-decoration:none}
footer .soc{display:flex;gap:16px;justify-content:flex-end;margin-top:22px}
footer .soc a{color:#fff;opacity:.8}
footer .copy{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.14);padding-top:22px;font-size:13px}
@media (max-width:760px){
  footer .wrap{grid-template-columns:1fr}
  footer .fl,footer .soc{justify-content:flex-start}
}

/* ---------- phone spacing ---------- */
@media (max-width:640px){
  :root{--gut:20px}
  body{font-size:16px}
  section{padding:72px 0}
  .hero{padding-top:56px}
  .hero-shot{margin-top:40px}
  .subhero{padding:56px 0 40px}
  .head{margin-bottom:36px}
  .btns{flex-direction:column}
  .btns .btn{width:100%}
  h3{font-size:24px}
}
.hero-shot img{width:100%;height:auto}
img[height]{height:auto}
.plans.two{grid-template-columns:repeat(2,1fr);max-width:860px;margin:0 auto}
.plans.two .plan li b{color:var(--navy)}
@media (max-width:900px){.plans.two{grid-template-columns:1fr}}

/* ---------- visuals (added 30 Sept) ---------- */
img.shot{border-radius:10px;box-shadow:0 14px 34px rgba(6,57,112,.16);width:100%;height:auto}
.vis{height:230px;margin-bottom:28px;border-radius:12px;background:#fff;border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
.soft .vis{background:#fff}
.vis img.one{width:62%;max-width:210px}
.vis.fan img{position:absolute;width:44%;max-width:170px;top:50%;left:50%}
.vis.fan img:nth-child(1){transform:translate(-100%,-50%) rotate(-8deg)}
.vis.fan img:nth-child(2){transform:translate(-50%,-54%);z-index:2}
.vis.fan img:nth-child(3){transform:translate(0,-50%) rotate(8deg)}
.vis.navyvis{background:var(--navy);border-color:var(--navy)}

.mini-ai{width:84%;max-width:300px;font-size:13px}
.mini-ai .ask{background:#fff;color:var(--ink);border-radius:12px 12px 4px 12px;padding:9px 12px;margin-left:18%;
  margin-bottom:10px;box-shadow:0 6px 16px rgba(0,0,0,.12)}
.mini-ai .answer{background:rgba(255,255,255,.1);color:#fff;border-radius:12px 12px 12px 4px;padding:10px 12px}
.mini-ai .answer p{opacity:.8;margin-bottom:6px}
.mini-ai .answer div{padding:5px 8px;border-radius:6px;margin-top:4px;background:rgba(255,255,255,.08)}
.mini-ai .answer div.you{background:var(--red)}
.rowvis .mini-ai{background:var(--navy);border-radius:12px;padding:22px;width:100%;max-width:none}

.source{font-size:14px;color:#9FB6D0;margin-top:18px;border-left:2px solid var(--red);padding-left:12px}
.source a{color:#fff}

.rowvis img.shot{max-width:300px}
.rowvis.wide img{width:100%;height:auto;border-radius:10px;border:1px solid var(--line);box-shadow:0 14px 34px rgba(6,57,112,.12)}
.cap{font-size:14px;color:var(--muted);margin-top:14px}

.chat{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 30px 60px rgba(6,57,112,.14);overflow:hidden;font-size:15px}
.chat-top{display:flex;align-items:center;gap:6px;padding:14px 18px;border-bottom:1px solid var(--line);background:var(--soft)}
.chat-top span{width:10px;height:10px;border-radius:50%;background:#D5DAE1}
.chat-top b{margin-left:10px;font:600 13px/1 var(--sans);color:var(--ink)}
.chat-top em{margin-left:auto;font-size:12px;color:var(--muted)}
.chat .ask{margin:22px 22px 14px 22%;background:var(--navy);color:#fff;padding:12px 16px;border-radius:14px 14px 4px 14px}
.chat .answer{margin:0 22% 24px 22px;background:var(--soft);padding:14px 16px;border-radius:14px 14px 14px 4px;color:var(--ink)}
.chat ol{list-style:none;padding:0;margin:10px 0 0;counter-reset:c}
.chat li{counter-increment:c;padding:8px 10px;border-radius:8px;margin-top:6px;background:#fff}
.chat li b::before{content:counter(c) ". "}
.chat li i{display:block;height:6px;border-radius:3px;background:#E2E6EC;margin-top:7px;width:var(--w)}
.chat li.you{background:var(--red);color:#fff}
.chat li.you i{background:rgba(255,255,255,.4)}

.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}
.stats > div{padding:32px 28px 8px 0}
.stats > div + div{padding-left:28px;border-left:1px solid var(--line)}
.stat{font:400 58px/1 var(--serif);color:var(--navy);margin-bottom:14px}
.stats a{display:inline-block;margin-top:12px;font-size:13px;color:var(--muted)}
@media (max-width:900px){
  .stats{grid-template-columns:1fr 1fr}
  .stats > div,.stats > div + div{padding:28px 20px 20px 0;border-left:0;border-bottom:1px solid var(--line)}
  .stats > div:nth-child(2n){padding-left:20px;border-left:1px solid var(--line)}
}
@media (max-width:480px){.stat{font-size:46px}}

.contact-img{width:100%;max-width:340px;height:auto;border-radius:10px;margin-top:32px;box-shadow:0 14px 30px rgba(6,57,112,.14)}
@media (max-width:900px){.contact-img{display:none}}

/* ---------- yellow highlighter (rules from _hi-base.css: flat #FFE95C, hard stops, no radius,
   clone on wrap, UA background-color cleared, 1.9s sweep) ---------- */
mark{background-color:transparent;color:inherit;
  background-image:linear-gradient(180deg,transparent 24%,#FFE95C 24%,#FFE95C 90%,transparent 90%);
  background-repeat:no-repeat;background-position:0 0;background-size:100% 100%;
  border-radius:0;padding:0 .12em;margin-left:.04em;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;white-space:nowrap}
.js mark{background-size:0% 100%;transition:background-size 1.9s cubic-bezier(.25,.65,.25,1) .4s}
.js mark.in{background-size:100% 100%}
.navy mark{color:var(--navy)}
@media (prefers-reduced-motion:reduce){.js mark{background-size:100% 100%;transition:none}}

/* ---------- real screenshots ---------- */
.real{margin:0}
.real-frame{display:flex;align-items:center;gap:6px;background:#EEF1F5;border-radius:12px 12px 0 0;padding:10px 14px}
.real-frame span{width:9px;height:9px;border-radius:50%;background:#CDD3DB}
.real-frame b{margin-left:8px;font:600 12px/1 var(--sans);color:var(--muted)}
.real img{width:100%;height:auto;background:#fff;border-radius:0 0 12px 12px;display:block}
.real{box-shadow:0 30px 60px rgba(0,0,0,.22);border-radius:12px}
.real figcaption{font-size:14px;color:#9FB6D0;padding:14px 2px 0;background:transparent}
.navy .real{box-shadow:none}
.navy .real img{box-shadow:0 30px 60px rgba(0,0,0,.28)}
.realstack{display:grid;gap:28px}

/* ---------- adviser cards ---------- */
.adv{display:grid;grid-template-columns:1fr 1fr;gap:48px 40px}
.advvis{height:260px;background:var(--soft);border-radius:12px;margin-bottom:22px;display:flex;
  align-items:center;justify-content:center;padding:28px;overflow:hidden}
.advvis img{width:100%;height:auto;border-radius:8px;box-shadow:0 10px 24px rgba(6,57,112,.12)}
.advvis img.post{width:auto;height:100%;max-height:204px}
.adv .num{margin-bottom:10px}
.adv p{font-size:16px}

@media (max-width:700px){.adv{grid-template-columns:1fr;gap:40px}.advvis{height:auto;min-height:180px;padding:18px}}

/* ---------- testimonial ---------- */
.quote-sec{padding:96px 0}
.quote{max-width:820px;margin:0 auto;text-align:center}
.quote blockquote{margin:0;font:400 clamp(26px,3.4vw,38px)/1.3 var(--serif);color:var(--navy)}
.quote blockquote::before{content:"\201C";display:block;font-size:72px;line-height:.6;color:var(--red);margin-bottom:14px}
.quote figcaption{margin-top:24px;font-size:15px;color:var(--muted)}
.quote figcaption b{display:block;color:var(--ink);font-size:16px;margin-bottom:4px}

/* ---------- brochure ---------- */
.broch-img img{width:100%;height:auto;border-radius:8px;box-shadow:0 30px 60px rgba(0,0,0,.3);transition:transform .3s}
.broch-img:hover img{transform:translateY(-4px)}

/* ---------- round 5 (30 Sept) ---------- */
/* SEO then, AEO now */
.shift{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:26px 0 4px}
.shift div{border:1px solid rgba(255,255,255,.22);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}
.shift span{font:600 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#9FB6D0}
.shift b{font:400 22px/1.2 var(--serif);color:#fff}
.shift i{font-style:normal;font-size:14px;color:#C9D7E6}
.shift div:first-child b{text-decoration:line-through;text-decoration-color:rgba(255,255,255,.45);text-decoration-thickness:1px;color:#9FB6D0}
.shift .now{background:#fff;border-color:#fff}
.shift .now span{color:var(--red)}
.shift .now b{color:var(--navy)}
.shift .now i{color:var(--ink);font-weight:600}

.vs{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:880px;margin:0 auto}
.vs > div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px}
.vs .aeo{background:var(--navy);border-color:var(--navy);color:#C9D7E6}
.vs-h{font:400 34px/1 var(--serif);color:var(--navy);margin-bottom:16px}
.vs .aeo .vs-h{color:#fff}
.vs-q{font-size:15px;background:var(--soft);border-radius:10px;padding:10px 14px;margin-bottom:14px;color:var(--ink)}
.vs .aeo .vs-q{background:rgba(255,255,255,.12);color:#fff}
.vs-goal{margin-top:14px;font-weight:600;color:var(--ink)}
.vs .aeo .vs-goal{color:#fff}
.vs-note{margin-top:32px;color:var(--muted)}
@media (max-width:700px){.vs,.shift{grid-template-columns:1fr}}

/* how it works drawings (the live site's style, updated) */
.hrow{display:grid;grid-template-columns:1fr 1.04fr;gap:80px;align-items:center;padding:56px 0;border-top:1px solid var(--line)}
.hrow.flip .txt{order:2}
.hrow .txt h3{font-size:32px;margin-bottom:14px}
.step{font:600 13px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:16px;display:flex;align-items:center;gap:10px}
.step b{font:400 22px/1 var(--serif);letter-spacing:0;color:var(--red)}
.step .tag{background:var(--navy);vertical-align:0;margin-left:4px}
.visual{background:var(--soft);border-radius:15px;padding:30px;min-height:294px;display:flex;align-items:center;justify-content:center}
.card-w{background:#fff;border:1px solid var(--line);border-radius:11px;padding:19px;width:100%;box-shadow:0 12px 30px rgba(6,57,112,.07)}
.srcrow{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--body)}
.srcrow.last,.srcrow:last-child{border-bottom:0;padding-bottom:0}
.ico{width:22px;height:22px;border-radius:5px;background:var(--soft);flex:0 0 auto}
.ico.b{background:rgba(6,57,112,.14)}
.ico.r{background:rgba(214,49,71,.13)}
.pill{margin-left:auto;font-size:11px;font-weight:600;color:#2A5E92;background:rgba(42,94,146,.1);padding:3px 9px;border-radius:20px;white-space:nowrap}
.pill.yes{color:#fff;background:var(--red)}
.card-w .post{display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;padding:0 0 13px}
.card-w .post:last-child{padding:0}
.thumbsq{width:38px;height:38px;border-radius:6px;background:linear-gradient(135deg,var(--navy),#2A5E92)}
.thumbsq.r{background:linear-gradient(135deg,var(--red),#E8697A)}
.thumbsq.g{background:linear-gradient(135deg,#2A5E92,#C6CBD3)}
.lines{display:grid;gap:7px}
.bar{height:7px;border-radius:4px;background:#EEEFF3}
.bar.dark{background:#D9DDE4}
.fb{background:#fff;border:1px solid var(--line);border-radius:9px;padding:12px 14px;font-size:14px;color:var(--body);margin-bottom:11px}
.fb.you{background:rgba(42,94,146,.07);border-color:rgba(42,94,146,.2);color:var(--navy)}
.arrowdown{text-align:center;color:#C6CBD3;font-size:17px;margin:2px 0 11px}
@media (max-width:900px){
  .hrow{grid-template-columns:1fr;gap:28px;padding:44px 0}
  .hrow.flip .txt{order:0}
  .visual{min-height:0;padding:20px}
  .hrow .txt h3{font-size:26px}
}

/* bespoke card under the plans */
.bespoke{max-width:860px;margin:28px auto 0;border:1px solid var(--line);border-radius:14px;padding:28px 32px;
  display:flex;align-items:center;gap:32px;justify-content:space-between;background:var(--soft)}
.bespoke h3{font-size:26px;margin-bottom:8px}
.bespoke p{font-size:16px}
.bespoke .label{margin-bottom:12px}
.bespoke .btn{flex:none}
@media (max-width:700px){.bespoke{flex-direction:column;align-items:stretch;padding:24px}}

/* testimonials */
.tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tcard{margin:0;background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;gap:24px}
.tcard blockquote{margin:0;font:400 21px/1.4 var(--serif);color:var(--navy)}
.tcard blockquote::before{content:"\201C";display:block;font-size:54px;line-height:.7;color:var(--red);margin-bottom:6px}
.tcard figcaption{font-size:14px;color:var(--muted)}
.tcard figcaption b{display:block;color:var(--ink);font-size:15px;margin-bottom:2px}
.tcard.empty{border:2px dashed #C6CBD3;background:transparent}
.tcard.empty blockquote,.tcard.empty figcaption,.tcard.empty figcaption b{color:#A7AFBA}
@media (max-width:900px){.tgrid{grid-template-columns:1fr}}

/* ---------- nav NEW badge, AI search shift section (30 Sept) ---------- */
.navlink{position:relative}
.newbadge{position:absolute;top:-15px;right:-20px;font:700 8px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;
  color:var(--red);background:none;padding:0}
.menu .tag{vertical-align:2px;margin-left:8px}

.shift-sec .head{margin-bottom:48px}
.thennow{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:stretch;max-width:980px;margin:0 auto}
.tn{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;display:flex;flex-direction:column}
.tn.now{background:var(--navy);border-color:var(--navy);color:#C9D7E6}
.tn-label{font:400 24px/1.1 var(--serif);color:var(--navy);margin-bottom:18px;display:flex;flex-direction:column;gap:8px}
.tn-label span{font:600 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.tn.now .tn-label{color:#fff}
.tn.now .tn-label span{color:#FF8A9A}
.tn-screen{background:var(--soft);border-radius:12px;padding:16px;flex:1;min-height:220px}
.tn.now .tn-screen{background:rgba(255,255,255,.08)}
.gbar{background:#fff;border:1px solid var(--line);border-radius:20px;padding:8px 14px;font-size:14px;color:var(--ink);margin-bottom:14px}
.glink{padding:8px 4px;border-bottom:1px solid var(--line)}
.glink i{display:block;height:8px;border-radius:4px;background:#8FA8C8;margin-bottom:6px}
.glink em{display:block;height:6px;border-radius:3px;background:#E2E6EC;width:90%}
.glink.fade{opacity:.4;border-bottom:0}
.tn .ask{background:#fff;color:var(--ink);border-radius:12px 12px 4px 12px;padding:10px 14px;margin-left:14%;margin-bottom:12px;font-size:14px}
.tn .ans{background:rgba(255,255,255,.1);border-radius:12px 12px 12px 4px;padding:12px 14px;color:#fff;font-size:14px}
.tn .ans p{opacity:.8;margin-bottom:6px}
.tn .ans div{background:rgba(255,255,255,.1);border-radius:6px;padding:7px 10px;margin-top:6px;font-weight:600}
.tn .ans div.you{background:var(--red)}
.tn-cap{margin-top:18px;font-size:16px}
.tn-cap b{color:var(--ink)}
.tn.now .tn-cap b{color:#fff}
.tn-arrow{align-self:center;font-size:34px;color:var(--red)}
.tn-proof{font:600 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin:72px 0 0;text-align:center}
.shift-sec .stats{margin-top:24px}
.tn-takeaway{font:400 clamp(28px,3.6vw,40px)/1.25 var(--serif);color:var(--navy);text-align:center;margin-top:64px}
@media (max-width:800px){
  .thennow{grid-template-columns:1fr;gap:12px}
  .tn-arrow{transform:rotate(90deg);justify-self:center;font-size:28px}
  .tn-screen{min-height:0}
  .tn-takeaway mark{white-space:normal}
}
footer .legal{margin-bottom:8px;max-width:60em;line-height:1.5}
footer .ftag{max-width:none;white-space:nowrap}

/* =====================================================================
   v4 SKIN (11 Oct 2026): the new logo's look.
   Inter throughout, heavy tight headlines, the logo's blue gradient,
   bubble ripples, rounder cards, and the red dot as the full stop.
   ===================================================================== */
:root{
  --sans:'Inter', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;
  --serif:var(--sans);
  --sky:#2E7FE0; --mid:#1758AC;
  --grad:linear-gradient(120deg,#2E7FE0 0%,#1758AC 48%,#063970 100%);
  --soft:#F3F6FB; --line:#E3E9F1;
  --wrap:1120px;
}
body{font-family:var(--sans);letter-spacing:-.005em}
h1,h2,h3{font-family:var(--sans);font-weight:800;letter-spacing:-.035em;color:var(--navy)}
h1{font-size:clamp(42px,6.2vw,74px);line-height:1.04}
h2{font-size:clamp(32px,4.2vw,50px);line-height:1.08}
h3{font-size:24px;line-height:1.2;letter-spacing:-.025em}
h1 em,h2 em{color:inherit}
.dot{display:inline-block;width:.2em;height:.2em;border-radius:50%;margin-left:.06em;vertical-align:baseline;
  background:radial-gradient(circle at 38% 30%,#FF7487,#C81F38)}

/* labels: a small pill with the red dot, no line, no spaced capitals */
.label{font:600 13px/1 var(--sans);letter-spacing:0;text-transform:none;color:var(--mid);
  background:rgba(46,127,224,.09);padding:8px 12px 8px 10px;border-radius:99px;display:inline-flex;gap:8px;margin-bottom:20px}
.label::before{width:7px;height:7px;border-radius:50%;background:var(--red)}
.centre .label{display:inline-flex}
.head.centre .label{margin-left:auto;margin-right:auto}
.navy .label,.hero .label{color:#fff;background:rgba(255,255,255,.14)}
.navy .label::before{background:#FF5A6E}

/* buttons: rounder, the logo blue */
.btn{border-radius:12px;font-weight:600;border:0;min-height:52px;padding:0 24px}
.btn-main{background:linear-gradient(180deg,#2E7FE0,#1758AC);color:#fff;box-shadow:0 8px 20px rgba(23,88,172,.28),inset 0 1px 0 rgba(255,255,255,.22)}
.btn-main:hover{background:linear-gradient(180deg,#2B76D2,#124C96)}
.btn-line{background:#fff;color:var(--navy);box-shadow:inset 0 0 0 1px var(--line)}
.btn-line:hover{background:var(--soft)}
.on-navy .btn-main,.hero .btn-main{background:#fff;color:var(--navy);box-shadow:0 10px 24px rgba(1,21,46,.28)}
.on-navy .btn-line,.hero .btn-line{background:rgba(255,255,255,.1);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}

/* nav: mark + wordmark */
.nav{background:rgba(255,255,255,.86);border-bottom:1px solid rgba(227,233,241,.8)}
.nav .logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.nav .logo img{height:32px;width:32px}
.nav .logo span,footer .flogo span{font:800 21px/1 var(--sans);letter-spacing:-.035em;color:var(--navy)}
.links a{font-weight:500}
.links .login{border:0;background:var(--navy);color:#fff;border-radius:10px;padding:11px 16px}
.links .login:hover{color:#fff;background:var(--deep)}
.newbadge{color:var(--red)}

/* blue sections take the logo's gradient and ripples */
.navy,.compare .us,.tn.now,.vs .aeo{background:var(--grad)}
.navy{position:relative;overflow:hidden}
.navy::before{content:"";position:absolute;width:1100px;height:1100px;right:-380px;top:-260px;
  background:url(ripples.svg) center/contain no-repeat;pointer-events:none}
.navy > .wrap{position:relative}

/* ---------- home hero ---------- */
.hero{background:var(--grad);color:#fff;text-align:left;padding:88px 0 96px;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;width:1300px;height:1300px;right:-470px;top:-420px;
  background:url(ripples.svg) center/contain no-repeat;pointer-events:none}
.hero::after{content:"";position:absolute;width:900px;height:600px;right:-120px;top:-160px;
  background:radial-gradient(closest-side,rgba(120,180,255,.35),transparent);pointer-events:none}
.hero .wrap{position:relative;z-index:1}
.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
.hero h1{color:#fff;margin:0;max-width:9.5em;line-height:1.08}
.hero .lede{color:rgba(255,255,255,.84);margin:26px 0 0;max-width:30em;text-wrap:pretty}
.hero .btns{justify-content:flex-start}

.hero-cards{position:relative;height:440px}
.hc{position:absolute;background:linear-gradient(#fff,#EEF3FA);border-radius:22px;color:#0B2340;
  box-shadow:0 24px 50px rgba(1,21,46,.35);padding:16px}
.hc-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.hc-head b{display:block;font-size:14px;font-weight:700;letter-spacing:-.01em}
.hc-head span{display:block;font-size:12px;color:#5A6B82;margin-top:1px}
.hc-line{height:8px;border-radius:4px;background:#D9E1EC;margin-top:7px}
.hc-img{margin-top:14px;height:150px;border-radius:14px;padding:16px;position:relative;
  background:radial-gradient(140px 90px at 78% 18%,rgba(255,255,255,.25),transparent),var(--grad)}
.hc-img i{display:block;height:12px;border-radius:4px;background:#fff;margin-bottom:8px}
.hc-img em{position:absolute;left:16px;bottom:16px;width:18px;height:18px;border-radius:50%;
  background:radial-gradient(circle at 38% 30%,#FF7487,#C81F38)}
.hc-img.sm{height:58px;padding:9px;margin-top:0;border-radius:10px}
.hc-img.sm i{height:6px;margin:0}
.hc-thumbs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:6px}
.hc-post{width:300px;left:0;top:0}
.hc-news{width:270px;right:0;top:170px}
.hc-ai{width:250px;left:40px;bottom:0;padding:14px 16px;font-size:14px;line-height:1.45}
.hc-ai b{color:var(--mid)}
.hc-tag{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--mid);margin-bottom:6px}

/* the real desk photo, on white, straight after the hero */
.desk{padding:104px 0 0}
.desk .head{margin-bottom:8px}
.desk .hero-shot{margin-top:24px}

/* ---------- cards everywhere: rounder, softer ---------- */
.plan,.compare,.tn,.vs > div,.tcard,.bespoke,.chat{border-radius:22px}
.plan{box-shadow:0 1px 0 rgba(6,57,112,.04),0 18px 40px rgba(6,57,112,.06)}
.plan.pick{border:0;background:var(--grad);color:#D6E4F5}
.plan.pick h3,.plan.pick .price,.plan.pick li,.plan.pick .price small{color:#fff}
.plan.pick li b{color:#fff}
.plan.pick ul,.plan.pick li{border-color:rgba(255,255,255,.18)}
.plan.pick li::before{border-color:#FF8A9A}
.plan.pick::before{background:var(--red);border-radius:99px;letter-spacing:0;text-transform:none;font-size:12px;padding:7px 12px}
.plan.pick .btn-main{background:#fff;color:var(--navy)}
.price,.stat,.vs-h,.tn-label,.tn-takeaway,.faq summary,.tcard blockquote,.quote blockquote,.steps h4,.shift b{font-family:var(--sans);font-weight:800;letter-spacing:-.03em}
.faq summary{font-weight:700;font-size:19px;letter-spacing:-.015em}
.steps h4{font-size:20px}
.num,.step b{font-family:var(--sans);font-weight:800;color:var(--red)}
.step{letter-spacing:0;text-transform:none;font-size:14px}
.visual{border-radius:22px;background:var(--soft)}
.card-w{border-radius:16px}
.real,.real-frame{border-radius:16px 16px 0 0}
.real img{border-radius:0 0 16px 16px}
.thumbsq{background:var(--grad)}
.ticks li::before{border-color:#FF5A6E}

/* closing band: a big blue card */
.close{padding:40px 0 112px}
.close .wrap{background:var(--grad);border-radius:32px;padding:88px 32px;position:relative;overflow:hidden;color:#fff}
.close .wrap::before{content:"";position:absolute;width:900px;height:900px;right:-300px;top:-300px;
  background:url(ripples.svg) center/contain no-repeat}
.close .wrap > *{position:relative}
.close h2{color:#fff}
.close .lede{color:rgba(255,255,255,.84)}
.close .btn-main{background:#fff;color:var(--navy);box-shadow:0 10px 24px rgba(1,21,46,.28)}
.close.soft{background:#fff}

/* footer */
footer{background:#041F3E}
footer .flogo{display:flex;align-items:center;gap:10px;text-decoration:none}
footer .flogo img{height:34px;width:34px}
footer .flogo span{color:#fff}

/* phone */
@media (max-width:900px){
  .hero{padding:60px 0 64px}
  .hero-grid{grid-template-columns:1fr;gap:44px}
  .hero-cards{height:380px;max-width:420px;width:100%;margin:0 auto}
  .hc-post{width:250px}
  .hc-img{height:120px}
  .hc-news{width:220px;top:150px}
  .hc-ai{left:10px;width:230px}
}
@media (max-width:640px){
  .close{padding:16px 0 72px}
  .close .wrap{border-radius:24px;padding:56px 22px;margin:0 16px}
  .desk{padding-top:72px}
  .hero .btns .btn{width:100%}
}
.nw{white-space:nowrap}
.hero h1{max-width:none;font-size:clamp(42px,5.4vw,68px)}
.plans.two .plan.pick li b{color:#fff}
.hc-ai{z-index:2}
@media (max-width:900px){.hc-news{top:120px}.hero-cards{height:360px}}
.plans.trio{max-width:none}
.plans.trio .plan li b{color:var(--navy)}
.plans.trio .plan.pick li b{color:#fff}
.spaces{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--red);margin:-8px 0 18px}
.spaces i{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px rgba(214,49,71,.14)}

/* ---------- pricing as a ladder + a compare table (11 Oct) ---------- */
.ladder{border-top:1px solid var(--line);max-width:1040px;margin:0 auto}
.rung{display:grid;grid-template-columns:1fr 1.25fr 220px;gap:48px;padding:40px 8px;border-bottom:1px solid var(--line);align-items:start;position:relative}
.rung.pick{background:linear-gradient(90deg,rgba(46,127,224,.07),rgba(46,127,224,0));border-radius:0}
.rung.pick::before{content:"";position:absolute;left:0;top:-1px;bottom:-1px;width:3px;background:var(--grad)}
.rung.pick{padding-left:28px}
.r-name h3{font-size:28px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.r-name p{margin-top:10px;font-size:16px;max-width:22em}
.r-tag{font:600 12px/1 var(--sans);letter-spacing:0;color:#fff;background:var(--red);padding:6px 10px;border-radius:99px}
.r-adds{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:12px}
.r-adds li{position:relative;padding-left:26px;font-size:16px;color:var(--ink);line-height:1.45}
.r-adds li::before{content:"";position:absolute;left:0;top:.42em;width:9px;height:9px;border-radius:50%;background:var(--sky);box-shadow:0 0 0 3px rgba(46,127,224,.15)}
.r-adds.plus li::before{content:"+";width:auto;height:auto;background:none;box-shadow:none;top:-.05em;font:700 19px/1 var(--sans);color:var(--red)}
.r-adds b{color:var(--navy)}
.r-price{text-align:right}
.r-price p{font-size:15px;color:var(--muted)}
.r-price p b{font:700 34px/1 var(--sans);letter-spacing:-.03em;color:var(--navy);margin-right:4px}
.r-price .btn{margin-top:18px;width:100%;min-height:46px;font-size:15px}
.r-price .spaces{justify-content:flex-end;margin:14px 0 0;font-size:13px}
@media (max-width:900px){
  .rung{grid-template-columns:1fr;gap:20px;padding:32px 4px}
  .rung.pick{padding-left:20px}
  .r-price{text-align:left}
  .r-price .spaces{justify-content:flex-start}
}

.cmp-wrap{max-width:1040px;margin:80px auto 0}
.cmp-title{font-size:28px;margin-bottom:24px}
.cmp{width:100%;border-collapse:collapse;font-size:15px}
.cmp th{font:700 16px/1 var(--sans);color:var(--navy);text-align:center;padding:16px 8px;width:16%}
.cmp th:first-child{width:auto}
.cmp td{padding:14px 8px;border-top:1px solid var(--line);text-align:center;color:var(--ink)}
.cmp td:first-child{text-align:left;color:var(--body)}
.cmp .pk{background:rgba(46,127,224,.06)}
.cmp thead .pk{border-radius:14px 14px 0 0}
.cmp tfoot td{font:700 18px/1 var(--sans);color:var(--navy);padding:20px 8px;letter-spacing:-.02em}
.cmp tfoot .pk{border-radius:0 0 14px 14px}
.cmp .grp td{border-top:0;padding:30px 8px 10px;text-align:left;font:700 13px/1 var(--sans);color:var(--mid);background:none}
.cmp i{display:inline-block;width:20px;height:20px;border-radius:50%;vertical-align:middle}
.cmp i.y{background:var(--grad);position:relative}
.cmp i.y::after{content:"";position:absolute;left:6px;top:5px;width:7px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.cmp i.n{width:8px;height:8px;background:#D3DBE6}
@media (max-width:640px){
  .cmp{font-size:13px}
  .cmp th{font-size:13px;width:18%}
  .cmp td{padding:12px 4px}
  .cmp tfoot td{font-size:14px}
}

/* ---------- home: the image gallery (11 Oct) ---------- */
.gallery{padding-bottom:88px}
.gallery .head{margin-bottom:44px}
.gchips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:28px}
.gchips span{font-size:14px;font-weight:600;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);padding:8px 14px;border-radius:99px}
.marquee{position:relative;display:grid;gap:18px;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mtrack{display:flex;gap:18px;width:max-content;animation:mq 60s linear infinite}
.mrow.rev .mtrack{animation-direction:reverse;animation-duration:70s}
.mtrack img{width:260px;height:260px;border-radius:18px;box-shadow:0 18px 40px rgba(1,21,46,.35);flex:none}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 9px))}}
.gnote{text-align:center;margin-top:36px;font-size:15px;color:rgba(255,255,255,.75)}
@media (max-width:640px){.mtrack img{width:180px;height:180px;border-radius:14px}.gallery{padding-bottom:64px}}

/* ---------- home: newsletter + your industry halves (11 Oct) ---------- */
.halves{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.half{background:#fff;border-radius:28px;padding:36px 36px 0;display:flex;flex-direction:column;overflow:hidden;
  box-shadow:0 1px 0 rgba(6,57,112,.04),0 20px 50px rgba(6,57,112,.07)}
.half h3{font-size:28px;margin-bottom:12px}
.half-txt p{font-size:17px;max-width:30em}
.half-vis{margin-top:32px;flex:1;display:flex;align-items:flex-end;justify-content:center;
  background:var(--grad);border-radius:20px 20px 0 0;padding:28px 28px 0;position:relative;overflow:hidden;min-height:300px}
.half-vis::before{content:"";position:absolute;width:700px;height:700px;right:-260px;top:-220px;background:url(ripples.svg) center/contain no-repeat}
.mail,.ind{position:relative;width:100%;max-width:400px;background:linear-gradient(#fff,#F1F5FB);border-radius:18px 18px 0 0;padding:18px 18px 22px;color:#0B2340;box-shadow:0 -10px 40px rgba(1,21,46,.3)}
.mail-top{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.mail-top b{display:block;font-size:14px}
.mail-top span{display:block;font-size:12px;color:#5A6B82;margin-top:1px}
.mail-top em{margin-left:auto;font-style:normal;font-size:11px;font-weight:700;color:#fff;background:var(--red);padding:5px 9px;border-radius:99px;white-space:nowrap}
.mail-hero{height:96px;border-radius:12px;margin:14px 0;padding:14px;background:radial-gradient(120px 80px at 78% 18%,rgba(255,255,255,.25),transparent),var(--grad)}
.mail-hero i,.mail-row i{display:block;border-radius:4px}
.mail-hero i{height:10px;background:#fff;margin-bottom:7px}
.mail-row{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;padding:8px 0}
.mail-row i{height:7px;background:#D9E1EC;margin:5px 0}
.mail-th{width:48px;height:48px;border-radius:10px;background:var(--grad)}
.mail-th.r{background:linear-gradient(135deg,#E8697A,#C81F38)}
.mail-btn{margin-top:10px;background:var(--navy);color:#fff;text-align:center;font-size:13px;font-weight:700;border-radius:10px;padding:10px}
.ind-h{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:12px;border-bottom:1px solid var(--line)}
.ind-h b{font-size:15px}
.ind-h span{font-size:12px;color:#5A6B82}
.ind-row{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid var(--line);font-size:14px}
.ind-pred{margin-top:14px;background:rgba(46,127,224,.08);border-radius:12px;padding:12px 14px}
.ind-pred p{font-size:13px;font-weight:700;color:var(--navy);display:flex;align-items:center;gap:8px}
.dotr{width:8px;height:8px;border-radius:50%;background:var(--red)}
.ind-bars{display:flex;align-items:flex-end;gap:8px;height:64px;margin-top:10px}
.ind-bars i{flex:1;border-radius:5px 5px 2px 2px;background:#B9CDE6}
.ind-bars i.hot{background:var(--grad)}
@media (max-width:900px){
  .halves{grid-template-columns:1fr}
  .half{padding:28px 22px 0;border-radius:24px}
  .half-vis{padding:22px 18px 0;min-height:0}
}
@media (min-width:901px){.half-txt{min-height:168px}}

/* ---------- home: AI search section, redone (11 Oct) ---------- */
.aeo-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.aeo-home h2{color:#fff}
.aeo-home .lede{margin-top:22px;color:rgba(255,255,255,.84)}
.seo-aeo{display:flex;align-items:center;gap:12px;margin-top:26px;flex-wrap:wrap}
.seo-aeo span{font-weight:700;font-size:16px;border-radius:99px;padding:10px 16px;display:inline-flex;gap:8px;align-items:center}
.seo-aeo i{font-style:normal;font-size:11px;font-weight:700;padding:3px 7px;border-radius:99px}
.seo-aeo .was{color:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.25);text-decoration:line-through;text-decoration-color:rgba(255,255,255,.4)}
.seo-aeo .was i{background:rgba(255,255,255,.12)}
.seo-aeo .now{background:#fff;color:var(--navy);box-shadow:0 10px 24px rgba(1,21,46,.25)}
.seo-aeo .now i{background:var(--red);color:#fff}
.seo-aeo .arr{color:#FF8A9A;font-size:22px;padding:0}
.aeo-vis{position:relative;padding:8px 0 40px}
.aeo-ask{margin-left:18%;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);color:#fff;font-size:16px;font-weight:500;
  border-radius:20px 20px 6px 20px;padding:14px 18px;margin-bottom:16px}
.aeo-card{background:linear-gradient(#fff,#F1F5FB);border-radius:22px;padding:18px;color:#0B2340;box-shadow:0 30px 60px rgba(1,21,46,.35);margin-right:8%}
.aeo-tabs{display:flex;gap:6px;margin-bottom:14px}
.aeo-tabs span{font-size:12px;font-weight:700;color:#5A6B82;background:#E9EFF7;padding:6px 10px;border-radius:99px}
.aeo-tabs span.on{background:var(--navy);color:#fff}
.aeo-intro{font-size:14px;color:#5A6B82;margin-bottom:8px}
.aeo-li{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;font-size:15px;font-weight:600;margin-top:6px;background:#fff;border:1px solid var(--line)}
.aeo-li b{width:24px;height:24px;border-radius:50%;background:#E9EFF7;color:#5A6B82;font-size:12px;display:flex;align-items:center;justify-content:center;flex:none}
.aeo-li.you{background:var(--grad);color:#fff;border:0;box-shadow:0 10px 24px rgba(23,88,172,.35)}
.aeo-li.you b{background:#fff;color:var(--navy)}
.aeo-li em{margin-left:auto;font-style:normal;font-size:11px;font-weight:700;background:var(--red);padding:4px 9px;border-radius:99px}
.aeo-score{position:absolute;right:0;bottom:0;display:flex;align-items:center;gap:12px;background:#fff;border-radius:18px;padding:12px 18px 12px 12px;color:#0B2340;box-shadow:0 20px 40px rgba(1,21,46,.35)}
.aeo-score b{display:block;font-size:14px}
.aeo-score span{display:block;font-size:12px;color:#5A6B82;margin-top:2px}
.aeo-steps{list-style:none;padding:0;margin:72px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.aeo-steps li{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:20px;padding:24px;color:rgba(255,255,255,.78);font-size:15px;line-height:1.5}
.aeo-steps span{display:block;font-weight:800;color:#FF8A9A;font-size:14px;margin-bottom:12px}
.aeo-steps b{display:block;color:#fff;font-size:18px;letter-spacing:-.02em;margin-bottom:6px}
.aeo-src{margin-top:28px;font-size:14px;color:rgba(255,255,255,.65);text-align:center}
.aeo-src a{color:#fff}
@media (max-width:900px){
  .aeo-grid{grid-template-columns:1fr;gap:48px}
  .aeo-steps{grid-template-columns:1fr;margin-top:48px}
  .aeo-ask{margin-left:8%}
  .aeo-card{margin-right:0}
  .aeo-vis{padding-bottom:56px}
}
/* closing card: equal white space above and below */
.close{padding:88px 0}
@media (max-width:640px){.close{padding:56px 0}}
.broch-img img{box-shadow:0 0 0 1px rgba(255,255,255,.4),0 30px 60px rgba(0,0,0,.35);border-radius:12px}
/* footer social icons sit in the logo's red dot */
footer .soc{gap:12px}
footer .soc a{opacity:1;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;
  background:radial-gradient(circle at 38% 30%,#FF7487,#C81F38);box-shadow:0 6px 14px rgba(200,31,56,.35),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .2s}
footer .soc a:hover{transform:translateY(-2px)}
footer .soc svg{width:18px;height:18px}

/* ---------- how it works: blue visuals + the big Write section (12 Oct) ---------- */
.hw .visual{background:var(--grad);position:relative;overflow:hidden;border-radius:26px;padding:40px}
.hw .visual::before{content:"";position:absolute;width:620px;height:620px;right:-240px;top:-200px;background:url(ripples.svg) center/contain no-repeat;pointer-events:none}
.hw .card-w{position:relative;background:linear-gradient(#fff,#F1F5FB);border:0;border-radius:18px;padding:20px;box-shadow:0 22px 50px rgba(1,21,46,.35)}
.hw .card-w .ind-h{margin-bottom:2px}
.hw .hrow.first{border-top:0}
.hw-write{padding:96px 0}
.hww-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.hw-write h2{color:#fff;font-size:clamp(36px,4.4vw,54px)}
.hw-write .step{color:#FF8C9B}
.hw-write .step b{color:#fff}
.hw-write .lede{color:rgba(255,255,255,.84);margin-top:20px}
.hww-vis{position:relative;padding:10px 0 30px}
.hww-post{background:linear-gradient(#fff,#EEF3FA);border-radius:22px;padding:20px;color:#0B2340;box-shadow:0 30px 60px rgba(1,21,46,.4);max-width:430px;margin-left:auto}
.hww-ready{margin-left:auto;font-style:normal;font-size:11px;font-weight:700;color:#fff;background:var(--red);padding:5px 9px;border-radius:99px;white-space:nowrap}
.hww-edit{display:flex;align-items:center;gap:3px;margin:6px -8px 0;padding:2px 8px 7px;border-radius:8px;background:rgba(255,224,102,.55);outline:2px solid #FFD84D}
.hww-edit .hc-line{background:#8FA3BD}
.hww-caret{width:2px;height:16px;background:var(--navy);margin-top:7px;animation:blink 1.1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.hww-btns{display:flex;gap:10px;margin-top:16px}
.hww-btns span{flex:1;text-align:center;font-size:13px;font-weight:700;border-radius:10px;padding:10px}
.hww-ok{background:var(--navy);color:#fff}
.hww-ed{border:1.5px solid #C9D5E5;color:var(--navy)}
.hww-chip{position:absolute;left:0;bottom:96px;display:flex;align-items:center;gap:8px;background:#fff;color:var(--navy);font-size:14px;font-weight:700;padding:11px 16px;border-radius:99px;box-shadow:0 14px 30px rgba(1,21,46,.35)}
.hww-chip svg{color:var(--red)}
.hww-pts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:64px}
.hww-pts>div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:20px;padding:24px}
.hww-pts .dot{display:block;margin:0 0 14px;width:12px;height:12px}
.hww-pts h4{color:#fff;font-size:18px;margin-bottom:6px}
.hww-pts p{color:rgba(255,255,255,.78);font-size:15px}
@media (max-width:900px){
  .hw .visual{padding:22px}
  .hw-write{padding:64px 0}
  .hww-grid{grid-template-columns:1fr;gap:36px}
  .hww-post{margin:0 auto}
  .hww-chip{left:-4px;top:auto;bottom:0}
  .hww-pts{grid-template-columns:1fr;margin-top:40px}
}
.hww-post .hc-img em{left:auto;right:16px}
.hw-write .lede.plus{position:relative;padding-left:30px}
.hw-write .lede.plus::before{content:"+";position:absolute;left:0;top:-5px;font-size:28px;font-weight:800;color:#FF8C9B}
/* red full stop after the wordmark */
.ldot{display:inline-block;width:.27em;height:.27em;border-radius:50%;margin-left:.07em;background:radial-gradient(circle at 38% 30%,#FF7487,#C81F38)}

/* ---------- contact page, redone (12 Oct) ---------- */
.contact-hero{padding:88px 0 104px}
.contact-hero h1{color:#fff}
.contact-hero .lede{color:rgba(255,255,255,.84)}
.contact-hero .contact-grid{align-items:center}
.contact-hero .next{border:0;margin-top:36px;display:grid;gap:12px}
.contact-hero .next li{display:flex;gap:16px;align-items:flex-start;padding:18px 20px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);border-radius:18px}
.contact-hero .next h4{color:#fff;font-size:17px}
.contact-hero .next p{color:rgba(255,255,255,.75);font-size:15px;margin-top:2px}
.nx{flex:none;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#fff;
  background:radial-gradient(circle at 38% 30%,#FF7487,#C81F38);box-shadow:0 6px 14px rgba(200,31,56,.35)}
.contact-card{background:linear-gradient(#fff,#F5F8FC);border-radius:28px;padding:36px;color:var(--ink);box-shadow:0 34px 70px rgba(1,21,46,.4)}
.cc-head{display:flex;gap:14px;align-items:center;padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid var(--line)}
.cc-head h3{font-size:22px;color:var(--navy)}
.cc-head p{font-size:14px;color:var(--muted,#5A6B82);margin-top:2px}
.contact-card label{color:var(--navy)}
.contact-card input,.contact-card select,.contact-card textarea{background:#EEF2F8;border-color:transparent;border-radius:12px}
.contact-card input:focus,.contact-card select:focus,.contact-card textarea:focus{background:#fff;outline:2px solid #2E7FE0;border-color:transparent}
.contact-card .btn-main{width:100%;background:var(--grad);color:#fff;box-shadow:0 12px 26px rgba(23,88,172,.35)}
.contact-card .small{text-align:center}
.contact-card .formok{background:#EEF2F8}
@media (max-width:900px){
  .contact-hero{padding:56px 0 64px}
  .contact-card{padding:24px;border-radius:24px}
}

/* ---------- pricing: plan switcher (12 Oct) ---------- */
.psw>input{position:absolute;opacity:0;pointer-events:none}
.ps-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-width:640px;margin:0 auto 22px;padding:6px;background:#EAF0F8;border-radius:20px}
.ps-tabs label{cursor:pointer;text-align:center;padding:12px 10px;border-radius:15px;transition:background .2s,box-shadow .2s;color:var(--navy)}
.ps-tabs label b{display:block;font-size:17px;font-weight:800;letter-spacing:-.01em}
.ps-tabs label span{display:block;font-size:13px;color:#5A6B82;margin-top:1px}
.ps-tabs label:hover{background:rgba(255,255,255,.6)}
#pl-min:checked~.ps-tabs label[for=pl-min],#pl-pre:checked~.ps-tabs label[for=pl-pre],#pl-man:checked~.ps-tabs label[for=pl-man]{background:#fff;box-shadow:0 6px 18px rgba(6,57,112,.14)}
#pl-min:focus-visible~.ps-tabs label[for=pl-min],#pl-pre:focus-visible~.ps-tabs label[for=pl-pre],#pl-man:focus-visible~.ps-tabs label[for=pl-man]{outline:2px solid #2E7FE0}
.ps-panels{position:relative;background:var(--grad);border-radius:32px;overflow:hidden;color:#fff}
.ps-panels::before{content:"";position:absolute;width:900px;height:900px;left:-360px;bottom:-460px;background:url(ripples.svg) center/contain no-repeat;pointer-events:none}
.ps-panel{display:none;position:relative;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center;padding:56px}
#pl-min:checked~.ps-panels .ps-min,#pl-pre:checked~.ps-panels .ps-pre,#pl-man:checked~.ps-panels .ps-man{display:grid;animation:psin .35s ease}
@keyframes psin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.ps-left h3{color:#fff;font-size:40px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ps-left .r-tag{font-size:13px}
.ps-line{color:rgba(255,255,255,.84);font-size:18px;margin-top:10px;max-width:22em}
.ps-price{margin:28px 0 24px;color:rgba(255,255,255,.75);font-size:17px}
.ps-price b{font-size:64px;font-weight:800;letter-spacing:-.04em;color:#fff;margin-right:6px}
.ps-left .btn-main{background:#fff;color:var(--navy);box-shadow:0 12px 26px rgba(1,21,46,.3)}
.ps-left .spaces{color:#fff;margin-top:16px}
.ps-card{background:linear-gradient(#fff,#F1F5FB);color:var(--ink);border-radius:22px;padding:28px 30px;box-shadow:0 28px 60px rgba(1,21,46,.38)}
.ps-head{font-size:13px;font-weight:700;color:#5A6B82;margin-bottom:10px}
.ps-card ul{list-style:none;padding:0;margin:0}
.ps-card li{position:relative;padding:9px 0 9px 32px;font-size:15.5px;line-height:1.45;border-top:1px solid var(--line);color:#5A6B82}
.ps-card li:first-child{border-top:0}
.ps-card li::before{content:"";position:absolute;left:0;top:11px;width:20px;height:20px;border-radius:50%;background:#DCE6F3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 10.5l2.6 2.5L14 7.5' fill='none' stroke='%231758AC' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat}
.ps-card li.nw2{color:var(--ink)}
.ps-card li.nw2::before{background:radial-gradient(circle at 38% 30%,#FF7487,#C81F38);content:"+";color:#fff;font-weight:800;font-size:15px;line-height:20px;text-align:center}
.ps-min .ps-card li.nw2::before{background:var(--grad);content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 10.5l2.6 2.5L14 7.5' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),var(--grad);background-size:20px,auto;background-position:center;background-repeat:no-repeat}
.ps-card li b{color:var(--navy)}
.ps-note{text-align:center;color:#5A6B82;font-size:15px;margin-top:18px}
@media (max-width:900px){
  .ps-panel{grid-template-columns:1fr;gap:28px;padding:30px 22px}
  .ps-left h3{font-size:32px}
  .ps-price b{font-size:50px}
  .ps-card{padding:20px}
  .ps-tabs label b{font-size:15px}
  .ps-panels{border-radius:26px}
}
.ps-card li.inh{color:var(--navy);padding-bottom:12px}
.ps-card li.inh::before{background-color:var(--navy);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 10.5l2.6 2.5L14 7.5' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.ps-card li.nw2::before{content:"+"}
@media (prefers-reduced-motion:reduce){.ps-panel{animation:none!important}}
@media (min-width:901px){.ps-panel{min-height:440px}}

/* ---------- pricing: compare plans popup (12 Oct) ---------- */
.cmp-open{text-align:center;margin-top:14px}
.cmp-open .btn{display:inline-flex;align-items:center;gap:8px}
.cmp-dlg{border:0;padding:44px 44px 36px;border-radius:28px;width:min(920px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:hidden;
  box-shadow:0 40px 90px rgba(1,21,46,.45);color:var(--ink)}
.cmp-dlg[open]{display:flex;flex-direction:column;animation:psin .25s ease}
.cmp-dlg::backdrop{background:rgba(4,25,52,.55);backdrop-filter:blur(4px)}
.cmp-dlg .cmp-title{margin:0 0 18px;font-size:28px}
.cmp-scroll{overflow:auto;margin:0 -8px;padding:0 8px}
.cmp-x{position:absolute;top:18px;right:18px;width:40px;height:40px;border-radius:50%;border:0;cursor:pointer;font-size:26px;line-height:1;color:var(--navy);background:#EEF2F8;transition:background .2s}
.cmp-x:hover{background:#DCE6F3}
@media (max-width:700px){.cmp-dlg{padding:28px 16px 20px;border-radius:22px}.cmp-dlg .cmp-title{font-size:22px}}
.cmp-dlg{background:#fff}
.cmp-x:focus{outline:none}
.cmp-x:focus-visible{outline:2px solid #2E7FE0;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.cmp-dlg[open]{animation:none}}

/* fixes 12 Oct: hidden plan radios no longer widen the page; even gap above the closing card */
.psw{position:relative}
.psw>input{left:0;top:0;width:1px;height:1px;margin:0}
section:not([class]) + .close{padding-top:0}
section:not([class]):has(+ .close){padding-bottom:88px}
@media (max-width:640px){section:not([class]):has(+ .close){padding-bottom:56px}}

/* ---------- how it works: every step is a full-width section, white and blue in turn (12 Oct) ---------- */
.hws{padding:104px 0}
.subhero + .hws{padding-top:24px}
.hws-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.hws h2{font-size:clamp(36px,4.4vw,54px)}
.hws.navy h2{color:#fff}
.hws .step b{color:var(--navy)}
.hws.navy .step{color:#FF8C9B}
.hws.navy .step b{color:#fff}
.hws .lede{margin-top:20px}
.hws.navy .lede{color:rgba(255,255,255,.84)}
.hws .lede.plus{position:relative;padding-left:30px}
.hws .lede.plus::before{content:"+";position:absolute;left:0;top:-5px;font-size:28px;font-weight:800;color:var(--red)}
.hws.navy .lede.plus::before{color:#FF8C9B}
.hws .btns{margin-top:28px}
.hws-vis{position:relative;padding:10px 0 30px}
.hws-card{position:relative;background:linear-gradient(#fff,#EEF3FA);border-radius:22px;padding:22px;color:#0B2340;max-width:440px;margin-left:auto;
  box-shadow:0 30px 60px rgba(6,57,112,.18),0 0 0 1px rgba(6,57,112,.05)}
.hws.navy .hws-card{box-shadow:0 30px 60px rgba(1,21,46,.4)}
.hws-card .ind-h{margin-bottom:2px}
.hws-card .hc-img em{left:auto;right:16px}
.hws-card .hc-img.sm2{height:96px}
.hws-card .fb{margin-bottom:10px}
.hws-chip{position:absolute;left:0;bottom:70px;display:flex;align-items:center;gap:8px;background:#fff;color:var(--navy);font-size:14px;font-weight:700;padding:11px 16px;border-radius:99px;
  box-shadow:0 14px 30px rgba(6,57,112,.22),0 0 0 1px rgba(6,57,112,.05)}
.hws.navy .hws-chip{box-shadow:0 14px 30px rgba(1,21,46,.35)}
.hws-chip svg{color:var(--red)}
.hws-pts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:64px}
.hws-pts>div{background:#F3F7FC;border:1px solid #E2EAF4;border-radius:20px;padding:24px}
.hws.navy .hws-pts>div{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16)}
.hws-pts .dot{display:block;margin:0 0 14px;width:12px;height:12px}
.hws-pts h4{color:var(--navy);font-size:18px;margin-bottom:6px}
.hws.navy .hws-pts h4{color:#fff}
.hws-pts p{color:#5A6B82;font-size:15px}
.hws.navy .hws-pts p{color:rgba(255,255,255,.78)}
.hws-charge .pairs>div{border-color:rgba(255,255,255,.16)!important}
.hws-charge .pairs p{color:rgba(255,255,255,.78)}
@media (max-width:900px){
  .hws{padding:64px 0}
  .hws-grid{grid-template-columns:1fr;gap:36px}
  .hws-card{margin:0 auto}
  .hws-chip{left:-4px;bottom:0}
  .hws-pts{grid-template-columns:1fr;margin-top:40px}
}
.hws-chip{bottom:6px}
@media (max-width:900px){.hws-chip{bottom:0}}

/* privacy page (12 Oct) */
.prose{max-width:760px}
.prose h2{font-size:22px;margin:40px 0 10px}
.prose p{line-height:1.65;color:var(--body);margin:0 0 12px}
.prose a{color:var(--mid)}

/* source line under the "Hire someone" price (12 Oct) */
.cmp-src{margin-top:14px;font-size:12.5px;line-height:1.5;color:var(--muted)}
.cmp-src a{color:inherit;text-decoration:underline}

/* founder block (home) and who-you-talk-to (contact), 12 Oct */
.founder{display:flex;gap:40px;align-items:flex-start;max-width:820px;margin:0 auto}
.founder img{width:160px;height:160px;border-radius:50%;object-fit:cover;flex:none;box-shadow:0 0 0 6px #fff,0 10px 30px rgba(6,57,112,.18)}
.founder h2{margin:6px 0 12px}
.founder .fp{color:var(--body);line-height:1.65;margin:0 0 12px}
.founder-sec{padding:88px 0}
@media (max-width:640px){.founder{flex-direction:column;text-align:center;gap:22px}}
.who{display:flex;align-items:center;gap:14px;margin-top:28px}
.who img{width:56px;height:56px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px rgba(255,255,255,.85)}
.who p{margin:0;font-size:15px}
/* comparison page */
.cmp-more{text-align:center;margin-top:22px}
.cmp-more a{font-weight:600;color:var(--mid)}
.cmpx td{text-align:left;vertical-align:top;font-size:14.5px;line-height:1.45}
.cmpx th{text-align:left;width:26%}
.cmpx td:first-child{font-weight:600;color:var(--ink);width:22%}
.cmpx .pk{color:var(--navy);font-weight:500}
.cmp-scroll{overflow-x:auto}
.cmpx{min-width:680px}
.cmp-note{font-size:12.5px;line-height:1.5;color:var(--muted);margin-top:18px;max-width:780px}
.cmp-note a{color:inherit;text-decoration:underline}

.founder-li{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex:none;border-radius:50%;
  background:#0A66C2;color:#fff;transition:background .15s,transform .15s}
.founder-li:hover{background:#004182;transform:translateY(-1px)}

.fli{display:flex;align-items:center;gap:12px;margin:18px 0 0;font-size:15px;color:var(--ink)}
.fli span a{color:#0A66C2;font-weight:600}
.founder img{margin-top:36px}
@media (max-width:640px){.fli{justify-content:center;text-align:left}.founder img{margin-top:0}}

/* AI search: the four steps on navy, so they read apart from the grey section above (12 Oct) */
.steps-sec .steps li{border-top-color:rgba(255,255,255,.35)}
.steps-sec .steps h4{color:#fff}
.steps-sec .steps p{color:#C9D7E6}
.steps-sec .steps .num{color:#FF8FA0}
.shift-sec{padding-bottom:96px}

/* the human touch demo (How it works) */
.ht{padding:110px 0;background:#F3F7FC}
.ht-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.ht h2{font-size:clamp(34px,4vw,50px);line-height:1.05;margin-bottom:22px}
.ht .lede+.lede{margin-top:14px}
.ht-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}
.ht-pair>div{background:#fff;border:1px solid #E2EAF4;border-radius:18px;padding:18px 20px;display:flex;flex-direction:column;gap:6px}
.ht-pair b{color:var(--navy);font-size:15px;margin-bottom:4px}
.ht-pair span{font-size:15px;color:#4A5B72}
.ht-pair>div:last-child{background:var(--navy);border-color:var(--navy)}
.ht-pair>div:last-child b,.ht-pair>div:last-child span{color:#fff}
.ht-vis{position:relative;padding:10px 0 40px}
.ht-card{position:relative;background:linear-gradient(#fff,#EEF3FA);border-radius:22px;padding:22px;color:#0B2340;max-width:440px;margin-left:auto;box-shadow:0 30px 60px rgba(6,57,112,.16);transition:box-shadow .3s}
.ht-card.editing{box-shadow:0 0 0 3px #FFD84D,0 30px 60px rgba(6,57,112,.16)}
.ht-card .hc-img em{left:auto;right:16px}
.ht-tag{margin-left:auto;font-style:normal;font-size:11px;font-weight:700;color:#fff;background:var(--red);padding:5px 9px;border-radius:99px;white-space:nowrap;transition:background .3s}
.ht-tag{background:#8FA3BD}
.ht-card.editing .ht-tag{background:var(--navy)}
.ht-card.saved .ht-tag{background:#1E8A5A}
.ht-card.saved .ht-tag:before{content:"\2713  "}
.ht-text{font-size:16px;line-height:1.55;margin:14px 0 14px;min-height:76px}
.ht-edit{cursor:text}
.ht-edit{border-radius:6px;padding:1px 2px;transition:background .2s}
.ht-card.editing .ht-edit{background:rgba(255,224,102,.45)}
.ht-edit.sel{background:#B9D3F5!important}
.ht-caret{display:none;width:2px;height:18px;background:var(--navy);margin-left:1px;vertical-align:-3px;animation:blink 1.1s steps(1) infinite}
.ht-card.editing .ht-caret{display:inline-block}
.ht-card.mine .ht-edit{background:rgba(214,49,71,.08);box-shadow:inset 0 -2px 0 var(--red)}
.ht-btns{display:flex;gap:10px;margin-top:16px}
.ht-btns span{flex:1;text-align:center;font-size:13px;font-weight:700;border-radius:10px;padding:10px;transition:transform .15s,background .3s}
.ht-ok{background:var(--navy);color:#fff}
.ht-card.approved .ht-ok{background:#1E8A5A}
.ht-ed{border:1.5px solid #C9D5E5;color:var(--navy);background:#fff}
.ht-btns .press{transform:scale(.94)}
.ht-cursor{position:absolute;left:0;top:0;transition:transform .8s cubic-bezier(.5,0,.2,1),opacity .3s;pointer-events:none;z-index:3;margin:-4px 0 0 -4px}
.ht-chip{position:absolute;left:0;bottom:30px;display:flex;align-items:center;gap:8px;background:#fff;color:var(--navy);font-size:14px;font-weight:700;padding:11px 16px;border-radius:99px;box-shadow:0 14px 30px rgba(6,57,112,.18);opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s}
.ht-chip.on{opacity:1;transform:none}
.ht-chip svg{color:#1E8A5A}
@media (max-width:900px){.ht{padding:72px 0}.ht-grid{grid-template-columns:1fr;gap:36px}.ht-card{margin:0 auto}.ht-chip{left:-4px;bottom:0}}
@media (max-width:420px){.ht-pair{grid-template-columns:1fr}}

.hws-score{position:absolute;left:0;right:auto;bottom:-34px;margin:0;box-shadow:0 20px 40px rgba(6,57,112,.18)}
.hws-vis:has(.hws-score){padding-bottom:60px}
@media (max-width:900px){.hws-score{left:-4px;bottom:0}}

.labels{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.head:not(.centre) .labels{justify-content:flex-start}
.labels .label{margin-bottom:0}
.labels{margin-bottom:18px}
.label.label-hot{background:var(--red);color:#fff}
.label.label-hot:before{background:#fff}
.head.centre .labels .label{margin-left:0;margin-right:0}

/* "a month" was grey on blue and hard to read (17 Oct) */
.compare .us .price small{color:rgba(255,255,255,.8)}

/* ---- How it works header: your week (17 Oct) ---- */
html{scroll-behavior:smooth}
.hws[id]{scroll-margin-top:70px}
.wk-hero{padding:80px 0 64px}
.wk-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:56px;align-items:center}
.wk-hero h1{max-width:9.5em}
.wk-hero .lede{max-width:30em}
.wk-steps{display:flex;flex-wrap:wrap;gap:6px;margin-top:32px}
.wk-steps a{display:flex;align-items:center;gap:8px;padding:8px 13px 8px 8px;border-radius:99px;background:#F3F7FC;border:1px solid #E2EAF4;color:var(--navy);font-size:13.5px;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s}
.wk-steps a:hover{background:#fff;border-color:var(--navy)}
.wk-steps b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--navy);color:#fff;font-size:11px}
.wk-vis{position:relative;padding:10px 0 40px}
.wk-card{position:relative;background:linear-gradient(#fff,#EEF3FA);border-radius:22px;padding:22px;color:#0B2340;max-width:440px;margin-left:auto;box-shadow:0 30px 60px rgba(6,57,112,.18),0 0 0 1px rgba(6,57,112,.05)}
.wk-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.wk-top b{display:block;font-size:18px;color:var(--navy)}
.wk-top span{font-size:13px;color:#6A7A90}
.wk-ready{display:flex;align-items:center;gap:6px;font-style:normal;font-size:13px;font-weight:700;color:#1E8A4C;background:#E5F5EC;padding:7px 12px;border-radius:99px}
.wk-card ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.wk-card li{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #E6ECF4;border-radius:14px;padding:11px 12px}
.wk-card li>b{width:40px;flex:none;font-size:13px;color:#6A7A90;font-weight:700}
.wk-card li span{flex:1;min-width:0;font-size:14px;font-weight:600;color:#0B2340;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wk-card li em{display:block;font-style:normal;font-size:12px;font-weight:600;color:var(--mid)}
.wk-ok{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#1E8A4C;color:#fff}
.wk-chip{left:0;bottom:4px}
@media (prefers-reduced-motion:no-preference){
  .wk-card li{animation:wkIn .5s both;animation-delay:calc(.25s + var(--i)*.16s)}
  .wk-ok{animation:wkTick .35s both;animation-delay:calc(.6s + var(--i)*.16s)}
  .wk-ready{animation:wkIn .4s both 1.6s}
}
@keyframes wkIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes wkTick{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}
@media (max-width:900px){
  .wk-hero{padding:48px 0 32px}
  .wk-grid{grid-template-columns:1fr;gap:36px}
  .wk-card{margin:0 auto}
  .wk-chip{left:-4px;bottom:0}
}

/* Step 05 picture: an AI answer that names you (17 Oct) */
.aic{padding:20px}
.aic-q{margin-left:auto;max-width:82%;background:var(--navy);color:#fff;font-size:15px;line-height:1.45;padding:12px 16px;border-radius:18px 18px 4px 18px}
.aic-a{margin-top:14px;background:#fff;border:1px solid #E6ECF4;border-radius:18px 18px 18px 4px;padding:14px 16px 10px}
.aic-who{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#6A7A90;margin:0 0 8px}
.aic-av{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--grad);color:#fff}
.aic-intro{font-size:14px;color:#33415A;margin:0 0 8px}
.aic ol{list-style:none;margin:0;padding:0;counter-reset:aic}
.aic li{counter-increment:aic;position:relative;display:grid;grid-template-columns:22px 1fr;column-gap:8px;padding:9px 10px;border-radius:12px;font-size:14px}
.aic li::before{content:counter(aic) ".";grid-row:span 2;font-weight:700;color:#6A7A90}
.aic li b{color:#0B2340}
.aic li span{grid-column:2;font-size:13px;color:#6A7A90}
.aic li.you{background:#EAF2FD;box-shadow:inset 0 0 0 1.5px var(--sky)}
.aic li.you b{color:var(--navy)}
.aic li.you em{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-style:normal;font-size:12px;font-weight:700;color:#fff;background:var(--red);padding:5px 10px;border-radius:99px}
@media (prefers-reduced-motion:no-preference){
  .aic li.you{animation:aicHi 1s both .6s}
}
@keyframes aicHi{from{background:#fff;box-shadow:inset 0 0 0 1.5px transparent}to{background:#EAF2FD;box-shadow:inset 0 0 0 1.5px var(--sky)}}

/* ---------- home gallery: new designs + click to edit (17 Oct) ---------- */
.mtrack img[data-c]{cursor:pointer;transition:transform .2s,box-shadow .2s}
.mtrack img[data-c]:hover,.mtrack img[data-c]:focus-visible{transform:translateY(-6px) scale(1.03);box-shadow:0 26px 50px rgba(1,21,46,.5);outline:none}
.gtry{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:26px;font-size:15px;font-weight:600;color:#fff}
.gtry svg{color:#FF8C9B}
.gtry + .wrap .gnote{margin-top:10px}

/* ---------- the editor, made to look like the content desk (17 Oct, round 2) ---------- */
.gstage{position:relative}
.mtrack img.hov{transform:translateY(-6px) scale(1.04);box-shadow:0 26px 50px rgba(1,21,46,.5)}
.gcur{position:absolute;left:0;top:0;z-index:5;opacity:0;pointer-events:none;transition:transform 1.1s cubic-bezier(.4,.1,.2,1),opacity .3s}
.gcur.on{opacity:1}
.gcur svg,.ge-cur svg{transition:transform .12s;filter:drop-shadow(0 3px 6px rgba(0,0,0,.3))}
.gcur.down svg,.ge-cur.down svg{transform:scale(.82)}
body.ge-on{overflow:hidden}
.ge{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:24px;background:rgba(4,20,40,0);transition:background .25s}
.ge.in{background:rgba(4,20,40,.72)}
.ge[hidden]{display:none!important}
.ge-panel{position:relative;width:min(980px,100%);box-sizing:border-box;background:#FAFBFD;border-radius:24px;padding:22px 32px 30px;color:var(--ink);text-align:left;
  box-shadow:0 40px 90px rgba(0,0,0,.4);max-height:calc(100vh - 48px);overflow:auto;opacity:0;transform:translateY(14px);transition:opacity .25s,transform .25s}
.ge.in .ge-panel{opacity:1;transform:none}
.ge-head{display:flex;align-items:center;justify-content:space-between}
.ge-back{display:flex;align-items:center;gap:6px;border:0;background:none;padding:6px 0;font:500 15px var(--sans);color:#4A5463;cursor:pointer}
.ge-back:hover{color:var(--navy)}
.ge-x{display:grid;place-items:center;width:40px;height:40px;border:1px solid #DCE2EA;border-radius:50%;background:#fff;color:#33415A;cursor:pointer}
.ge-x:hover{border-color:var(--navy);color:var(--navy)}
.ge-kick{margin:6px 0 0;font:600 12px/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#7A8494}
.ge-name{margin:6px 0 0;font-size:28px;letter-spacing:-.025em;color:var(--ink)}
.ge-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:36px;margin-top:22px;align-items:start}
#geFields{display:grid;gap:16px}
.ge-f span{display:block;font-size:14px;font-weight:500;color:#4A5463;margin-bottom:7px}
.ge-f textarea{display:block;width:100%;box-sizing:border-box;font:400 16px/1.45 var(--sans);color:var(--ink);background:#fff;border:1px solid #D9DFE7;border-radius:10px;padding:11px 14px;resize:none;overflow:hidden;min-height:46px}
.ge-f textarea:focus,.ge-f .live{outline:none;border-color:var(--sky);box-shadow:0 0 0 3px rgba(46,127,224,.18)}
.ge-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;margin-top:18px}
.ge-ghost{font:500 15px var(--sans);color:var(--ink);background:#fff;border:1px solid #D9DFE7;border-radius:10px;padding:11px 16px;cursor:pointer}
.ge-ghost:hover{border-color:var(--navy)}
.ge-link{border:0;background:none;padding:0;font:500 15px var(--sans);color:var(--navy);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.ge-go{margin-top:26px;font:600 16px var(--sans);color:#fff;background:var(--navy);border:0;border-radius:10px;padding:14px 24px;cursor:pointer;transition:background .2s}
.ge-go:hover{background:var(--mid)}
.ge-go.done{background:#1E8A4C}
.ge-hint{margin-top:16px;font-size:14px;line-height:1.5;font-weight:600;color:var(--mid);opacity:0;transition:opacity .3s}
.ge-hint.on{opacity:1}
.ge-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px}
.ge-tools button{min-width:42px;height:42px;padding:0 12px;border:1px solid #D9DFE7;border-radius:10px;background:#fff;color:var(--ink);font:500 17px var(--sans);cursor:pointer;transition:border-color .15s,transform .15s}
.ge-tools button:hover{border-color:var(--navy)}
.ge-tools button.pop{transform:scale(.92);border-color:var(--sky)}
.ge-tools button.hl span{background:#FFE14D;padding:2px 3px;font-size:15px}
.ge-tip{font-size:13px;color:#7A8494;margin-left:4px}
.ge-tip.nudge{animation:geNudge .5s}
@keyframes geNudge{0%,100%{transform:none;color:#7A8494}25%,75%{transform:translateX(4px);color:var(--red)}50%{transform:translateX(-4px);color:var(--red)}}
.ge-pic{position:relative;width:100%;aspect-ratio:1;border-radius:14px;overflow:hidden;background:#eef2f8 center/cover;box-shadow:0 18px 40px rgba(6,57,112,.18);
  transform-origin:top left;transition:transform .55s cubic-bezier(.2,.8,.2,1);z-index:2}
.ge-pic iframe{position:absolute;left:0;top:0;width:1080px;height:1080px;border:0;transform-origin:top left;transition:opacity .2s}
.ge-cur{position:absolute;left:0;top:0;z-index:6;opacity:0;pointer-events:none;transition:transform .9s cubic-bezier(.4,.1,.2,1),opacity .3s}
.ge-cur.on{opacity:1}
/* B: the editor opens in place, over the stopped rows */
.ge.inline{position:absolute;inset:-30px 0 auto;padding:0 16px;display:flex;justify-content:center;background:none!important;z-index:4}
.ge.inline .ge-panel{max-height:none;overflow:visible;box-shadow:0 40px 90px rgba(0,0,0,.45)}
.gstage .marquee{transition:filter .4s,opacity .4s}
.gstage.open .marquee{filter:blur(3px);opacity:.4}
.gstage.open{min-height:700px}
.gstage.open + .wrap .gnote,.gstage.open .gtry{visibility:hidden}
@media (max-width:860px){
  .ge{padding:10px;align-items:start}
  .ge-panel{padding:16px 16px 22px;max-height:calc(100vh - 20px)}
  .ge-body{grid-template-columns:1fr;gap:18px}
  .ge-right{order:-1}
  .ge-name{font-size:22px}
  .ge-tip{width:100%;margin:2px 0 0}
  .ge.inline{position:relative;inset:auto;padding:0 12px}
  .gstage.open .marquee{display:none}
  .gstage.open{min-height:0}
}
.on-navy .ge-panel h3.ge-name{color:var(--ink)}

/* Phone: homepage top reads headline, pictures, words, buttons (17 Oct) */
@media (max-width:900px){
  .hero-grid{gap:0}
  .hero-txt{display:contents}
  .hero h1{order:1}
  .hero-cards{order:2;margin-top:32px}
  .hero .lede{order:3;margin-top:32px}
  .hero .btns{order:4}
}
/* the post titles never wrap, so the grid must be allowed to be narrower than them (phone overflow fix, 17 Oct) */
.wk-grid>*,.wk-card li{min-width:0}

/* ---- How it works header: the week laid out (option A, 17 Oct) ---- */
.moon,.sun{display:inline-block;width:12px;height:12px;border-radius:50%;flex:none}
.moon{background:transparent;box-shadow:inset -4px -1px 0 0 #C9D7F2}
.sun{background:#F5B83D;box-shadow:0 0 0 3px rgba(245,184,61,.25)}
.alt1{padding:80px 0 72px}
.a1-top{text-align:center}.a1-top .label{margin:0 auto}.a1-top h1{max-width:9.6em;margin:0 auto}.a1-top .lede{margin:22px auto 0;max-width:32em}
.a1-time{display:flex;align-items:center;gap:14px;max-width:760px;margin:44px auto 18px;font-size:14px;font-weight:700;color:var(--navy)}
.a1-time span{display:flex;align-items:center;gap:8px;white-space:nowrap}
.a1-time .moon{box-shadow:inset -4px -1px 0 0 var(--navy)}
.a1-time b{flex:1;height:2px;background:linear-gradient(90deg,var(--navy),#F5B83D);border-radius:2px}
.a1-week{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.a1-day{position:relative;background:linear-gradient(#fff,#EEF3FA);border-radius:18px;padding:14px;box-shadow:0 20px 40px rgba(6,57,112,.14),0 0 0 1px rgba(6,57,112,.06)}
.a1-d{margin:0 0 10px;font-size:13px;font-weight:800;color:var(--navy)}
.a1-img{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:10px;box-shadow:0 6px 14px rgba(6,57,112,.18)}
.a1-img i{display:block;height:7px;border-radius:4px;background:rgba(255,255,255,.9)}.a1-img i:first-child{width:80%}.a1-img i:last-child{width:52%}
.g1{background:var(--grad)}.g2{background:#D63147}.g3{background:#041F3E}.g4{background:#F3F6FB;box-shadow:inset 0 0 0 1px #E3E9F1}.g4 i{background:#C9D6E8}.g5{background:linear-gradient(135deg,#2E7FE0,#1758AC)}
.a1-p{margin:12px 0 2px;font-size:12px;font-weight:700;color:var(--mid)}
.a1-t{margin:0;font-size:14px;font-weight:600;line-height:1.35;color:#0B2340}
.a1-ok{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#1E8A4C;color:#fff}
.a1-steps{justify-content:center;margin-top:36px}
@media (prefers-reduced-motion:no-preference){.a1-day{animation:wkIn .5s both;animation-delay:calc(.2s + var(--i)*.12s)}.a1-ok{animation:wkTick .35s both;animation-delay:calc(.7s + var(--i)*.12s)}}
@media (max-width:900px){.alt1{padding:48px 0 40px}.a1-week{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:46%;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 20px;margin:0 calc(var(--gut)*-1);padding-left:var(--gut);padding-right:var(--gut)}.a1-day{scroll-snap-align:start}.a1-time{font-size:12px;gap:8px}}
/* phone safety: nothing in the header may push the page wider than the screen */
.alt1 .wrap>*,.a1-day{min-width:0}
.alt1{overflow-x:clip}
@media (max-width:600px){
  .a1-time{flex-wrap:wrap;justify-content:center;gap:6px 10px}
  .a1-time span{white-space:normal}
  .a1-time b{flex-basis:100%;order:3;display:none}
}
@media (max-width:900px){.a1-week{scroll-padding-left:var(--gut)}}

/* One featured testimonial: the result on navy, the quote beside it (19 Oct) */
.tfeat{margin:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);border-radius:22px;overflow:hidden;
  border:1px solid var(--line);background:#fff;box-shadow:0 24px 60px rgba(6,57,112,.10)}
.tfeat-stat{background:linear-gradient(150deg,#2E7FE0 0%,#1758AC 45%,#063970 100%);color:#fff;padding:40px 36px;
  display:flex;flex-direction:column;justify-content:center;gap:10px;position:relative;overflow:hidden}
.tfeat-stat::after{content:"";position:absolute;inset:-40%;background:url(ripples.svg) center/contain no-repeat;opacity:.9;pointer-events:none}
.tfeat-stat p{margin:0;font-size:16px;line-height:1.45;color:rgba(255,255,255,.88);position:relative;z-index:1;max-width:260px}
.tfeat-stat .tfeat-n{font:800 clamp(46px,5vw,68px)/1 var(--sans);letter-spacing:-.04em;color:#fff;white-space:nowrap;max-width:none}
.tfeat-stat .tfeat-n span{font-size:.6em;vertical-align:.45em;margin-left:.04em}
.tfeat-q{padding:40px 44px;display:flex;flex-direction:column;justify-content:center;gap:24px}
.tfeat-q blockquote{margin:0;font:800 24px/1.4 var(--sans);letter-spacing:-.02em;color:var(--navy)}
.tfeat-q blockquote::before{content:"\201C";display:block;font-size:60px;line-height:.6;color:var(--red);margin-bottom:8px}
.tfeat-q figcaption{font-size:14px;color:var(--muted)}
.tfeat-q figcaption b{display:block;color:var(--ink);font-size:16px}
@media (max-width:820px){.tfeat{grid-template-columns:1fr}.tfeat-stat,.tfeat-q{padding:30px 26px}.tfeat-q blockquote{font-size:20px}}
.plan-link{color:inherit;text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:3px;text-underline-offset:6px}
.plan-link:hover{color:var(--red)}
.tsec .head{max-width:none}
.tsec .head h2{text-wrap:nowrap}
@media (max-width:1000px){.tsec .head h2{text-wrap:balance}}