/* v2 theme — home page. Generated from mypass-homepage-v19.html; do not hand-edit without updating the source design. */

:root{--ink:#1F1F22;--navy:#0F172A;--acc:#1E3A8A;--text:#3F3F46;--muted:#6B7280;--line:#E4E4E7;--bg:#F5F5F4;--white:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Roboto,'Roboto Fallback','Helvetica Neue',Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased;font-size:16px}
a{color:inherit;text-decoration:none}
img,svg{max-width:100%}
h1,h2,h3{margin:0;line-height:1.2}
h1{font-size:clamp(28px,3.2vw,36px);font-weight:300;letter-spacing:-0.01em;line-height:1.25}
h2{font-size:clamp(26px,3vw,34px);font-weight:300;letter-spacing:-0.01em}
h3{font-size:18px;font-weight:500}
h1 b,h2 b{font-weight:500;color:var(--acc)}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
.wrap{max-width:1140px;margin:0 auto;padding:0 clamp(20px,4vw,32px)}
section{padding:clamp(48px,6vw,72px) 0}
.alt{background:var(--bg)}
.sub{color:var(--text);max-width:720px;margin-top:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 22px;font-weight:500;font-size:15px;background:var(--acc);color:#fff;border:1.5px solid var(--acc);cursor:pointer;font-family:inherit;line-height:1.2}
.btn:hover{background:#172E6E;border-color:#172E6E}
.btn.ghost{background:#fff;color:var(--acc)}
.btn.ghost:hover{background:#EEF2FF}
.btn.block{display:flex;width:100%}
.link{color:var(--acc);font-weight:500;text-decoration:underline;text-underline-offset:3px}
.ico{width:22px;height:22px;color:var(--acc);flex:none}
.chk{display:flex;flex-direction:column;gap:8px}
.chk li{display:flex;gap:10px;align-items:flex-start;font-size:15px}
.chk .ico{width:18px;height:18px;margin-top:3px}
/* top bar */
.topbar{background:var(--navy);color:#fff;font-size:13px}
.topbar .in{max-width:1200px;margin:0 auto;padding:7px clamp(20px,4vw,32px);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.topbar a{font-weight:500}
.topbar .r{display:flex;gap:20px}
/* header */
.hdr{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid var(--line)}
.hdr .in{max-width:1200px;margin:0 auto;padding:12px clamp(20px,4vw,32px);display:flex;align-items:center;justify-content:space-between;gap:16px}
.hdr img{height:36px;width:auto;display:block}
.nav{display:flex;gap:2px;align-items:center;font-size:14.5px;font-weight:500}
.nav>a,.nav .dd>button{padding:8px 12px;background:none;border:0;font:inherit;color:inherit;cursor:pointer;display:flex;gap:5px;align-items:center}
.nav>a:hover,.nav .dd>button:hover,.nav .dd.open>button{background:var(--bg)}
.nav .dd{position:relative}
.nav .menu{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--line);box-shadow:0 12px 28px rgba(0,0,0,.08);padding:10px;min-width:270px;z-index:70}
.nav .dd.open .menu{display:block}
.nav .menu a{display:block;padding:8px 10px;font-weight:500;font-size:14px}
.nav .menu a span{display:block;font-weight:400;font-size:13px;color:var(--muted)}
.nav .menu a:hover{background:var(--bg)}
.nav .menu .h{font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:8px 10px 2px}
.nav>a.btn{margin-left:10px;padding:10px 16px;font-size:14px;background:var(--acc);color:#fff;border:1.5px solid var(--acc)}
.nav>a.btn:hover{background:#172E6E}
.burger{display:none;width:44px;height:44px;border:1px solid var(--line);background:#fff;font-size:18px;cursor:pointer;align-items:center;justify-content:center}
.mnav{display:none;border-top:1px solid var(--line);background:#fff;padding:8px clamp(20px,4vw,32px) 24px;max-height:calc(100vh - 64px);overflow-y:auto}
.mnav.open{display:block}
.mnav details{border-bottom:1px solid var(--line)}
.mnav summary{min-height:50px;display:flex;align-items:center;justify-content:space-between;font-weight:500;cursor:pointer;list-style:none}
.mnav summary::-webkit-details-marker{display:none}
.mnav summary::after{content:'+';color:var(--muted)}
.mnav details[open] summary::after{content:'\2212'}
.mnav a{display:block;padding:10px 0;color:var(--text)}
.mnav a.top{min-height:50px;display:flex;align-items:center;font-weight:500;color:var(--ink);border-bottom:1px solid var(--line)}
.mnav .acts{display:flex;flex-direction:column;gap:10px;margin-top:20px}
@media(max-width:960px){.nav{display:none}.burger{display:flex}}
/* hero */
.hero2{background:linear-gradient(180deg,#F6F7FB,#fff);border-bottom:1px solid var(--line)}
.hero2 .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:48px;align-items:center;padding-top:clamp(40px,6vw,72px);padding-bottom:clamp(40px,6vw,72px)}
.hero2 h1{font-size:clamp(32px,3.8vw,46px);line-height:1.15}
.hero2 .lead{font-size:17px;color:var(--text);margin-top:16px;max-width:520px}
.hero2 .cta{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin-top:24px}
.hero2 .proof{font-size:13.5px;color:var(--muted);margin-top:18px}
.hero2 .proof b{font-weight:500;color:var(--ink)}
.hero2 .shot{position:relative;border-radius:14px;overflow:hidden;box-shadow:0 30px 70px -30px rgba(15,23,42,.45),0 0 0 1px var(--line);background:var(--navy)}
.hero2 .shot img,.hero2 .shot video{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.hero2 .shot video{position:absolute;inset:0;height:100%}
.outs{border-bottom:1px solid var(--line);background:#fff}
.outs .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.outs .wrap>div{display:flex;gap:10px;align-items:flex-start;padding:18px 18px 18px 0;font-size:14.5px;line-height:1.45;color:var(--text);border-right:1px solid var(--line);margin-right:18px}
.outs .wrap>div:last-child{border-right:0;margin-right:0}
.outs .ico{width:18px;height:18px;margin-top:2px;color:var(--acc);flex:none}
@media(max-width:960px){.hero2 .wrap{grid-template-columns:1fr}.outs .wrap{grid-template-columns:1fr 1fr}.outs .wrap>div:nth-child(2n){border-right:0;margin-right:0}}
@media(max-width:560px){.outs .wrap{grid-template-columns:1fr}.outs .wrap>div{border-right:0;margin-right:0;border-bottom:1px solid var(--line);padding:12px 0}.outs .wrap>div:last-child{border-bottom:0}}

.hero{position:relative;background:var(--navy);overflow:hidden;min-height:560px;display:flex;align-items:center}
.hero .poster,.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.hero .poster{opacity:.6}.hero video{opacity:.6}
@media(max-width:760px){.hero2 .shot video{display:none}}
.hero .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,23,42,.92) 0%,rgba(15,23,42,.75) 45%,rgba(15,23,42,.2) 100%)}
.hero .wrap{position:relative;width:100%;padding-top:48px;padding-bottom:48px}
.hcard{background:#fff;max-width:520px;padding:32px 32px 28px;box-shadow:0 20px 50px -20px rgba(0,0,0,.5)}
.hcard h1{margin-bottom:12px}
.hcard p{font-size:15.5px;color:var(--text)}
.hcard .chk{margin:16px 0 14px}
.hcard .proof{font-size:14px;color:var(--text);border-left:3px solid var(--acc);padding:6px 12px;margin:0 0 20px;background:var(--bg)}
.hcard .proof b{font-weight:500;color:var(--ink)}
.hcard .chk li{font-size:15.5px}
.hcard .cta{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin-bottom:18px}
.hcard .note{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:14px;line-height:1.5}
.hcard .note b{color:var(--ink);font-weight:500}
/* trust */
.trust{background:#fff;border-bottom:1px solid var(--line)}
.trust .in{display:flex;flex-wrap:wrap;justify-content:space-around;gap:10px 24px;padding:14px 0;font-size:14px;font-weight:500}
.trust .in div{display:flex;gap:8px;align-items:center}
.trust .ico{width:20px;height:20px}
/* pain */
.cols{display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start}
.cols>div{flex:1 1 400px;min-width:0}
.box{background:var(--bg);border:1px solid var(--line);padding:26px 28px}
.box h3{margin-bottom:14px}
.box .after{margin-top:16px;font-weight:500;font-size:15px}
/* cards */
.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}
.card{background:#fff;border:1px solid var(--line);padding:26px;display:flex;flex-direction:column;gap:10px}
.card .ico{width:30px;height:30px}
.card p{color:var(--text);font-size:15px;flex:1}
.card a.more{color:var(--acc);font-weight:500;font-size:14px}
.card a.more:hover{text-decoration:underline}
.shots{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}
.shots figure{margin:0;border:1px solid var(--line);background:#fff}
.shots img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.shots figcaption{padding:12px 14px;font-size:14px;color:var(--text)}
/* commitments */
.four{display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr))}
.four>div{border-top:2px solid var(--acc);padding-top:14px}
.four h3{margin-bottom:6px}
.four p{color:var(--text);font-size:15px}
/* steps */
.steps{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}
.step{background:#fff;border:1px solid var(--line);padding:24px}
.step .n{font-size:30px;font-weight:300;color:var(--acc);line-height:1;margin-bottom:10px}
.step h3{margin-bottom:6px}
.step p{color:var(--text);font-size:15px}
.hd{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px}
/* cost + faq */
.cost{background:var(--bg);border:1px solid var(--line);padding:24px 26px;margin:18px 0}
.cost .big{font-size:26px;font-weight:300;color:var(--acc)}
.cost b{font-weight:500}
details{border-bottom:1px solid var(--line);padding:14px 0}
details:first-of-type{border-top:1px solid var(--line)}
summary{font-weight:500;font-size:15.5px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
summary::-webkit-details-marker{display:none}
summary::after{content:'+';color:var(--acc);font-weight:400;flex:none}
details[open] summary::after{content:'\2212'}
details p{margin-top:8px;color:var(--text);font-size:15px}
/* who */
.who{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(170px,100%),1fr))}
.who a{background:#fff;border:1px solid var(--line);padding:12px 14px;font-weight:500;font-size:14.5px;display:block}
.who a:hover{border-color:var(--acc);color:var(--acc)}
/* guides */
.guide{background:#fff;border:1px solid var(--line);padding:22px;display:flex;flex-direction:column;gap:8px}
.guide .k{font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--acc)}
.guide p{color:var(--text);font-size:14.5px;flex:1}
/* logos */
.logos{padding:22px 0;border-top:1px solid var(--line)}
.logos .in{display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center;justify-content:center}
.logos img{height:34px;width:auto;max-width:120px;object-fit:contain;filter:grayscale(1);opacity:.7}
.logos .l{font-size:13px;color:var(--muted);width:100%;text-align:center;margin-bottom:12px}
/* final */
.final{background:var(--navy);color:#fff}
.final .cols{align-items:center}
.final h2 b{color:#fff}
.final p{color:#CBD5E1}
.final .btn{background:#fff;color:var(--navy);border-color:#fff}
.final .btn:hover{background:#E2E8F0;border-color:#E2E8F0}
.final .btn.ghost{background:transparent;color:#fff}
.final .btn.ghost:hover{background:#1E293B}
.final .small{font-size:13px;color:#94A3B8;margin-top:18px}
.under{background:var(--bg);border-top:1px solid var(--line);font-size:14px}
.under .in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;padding:12px 0}
/* footer */
footer{background:#fff;border-top:1px solid var(--line);padding:48px 0 24px;font-size:14px}
footer .top{display:grid;gap:36px 24px;grid-template-columns:minmax(240px,1.5fr) repeat(auto-fit,minmax(150px,1fr))}
footer .brand p{color:var(--text);margin:14px 0}
footer .brand a{display:block;color:var(--text);margin-bottom:4px}
footer .col div{font-weight:500;margin-bottom:10px}
footer .col a{display:block;color:var(--text);margin-bottom:8px}
footer .col a:hover{color:var(--acc)}
footer .bot{margin-top:36px;padding-top:18px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:13px;color:var(--muted)}
footer .bot div{display:flex;flex-wrap:wrap;gap:16px}
@media(max-width:760px){footer .top{grid-template-columns:repeat(2,minmax(0,1fr))}footer .brand{grid-column:1/-1}.hero{min-height:0}.hcard{padding:24px 20px}}

/* 2026 softening: modest radii, quiet shadows, no glow */
:root{--r:12px;--rs:8px;--sh:0 1px 2px rgba(15,23,42,.05),0 10px 30px -18px rgba(15,23,42,.18)}
.btn{border-radius:var(--rs)}
.hcard{border-radius:16px;box-shadow:0 24px 60px -24px rgba(0,0,0,.45)}
.hcard .proof{border-radius:0 var(--rs) var(--rs) 0}
.hcard .note{border-top:0;background:var(--bg);padding:12px 14px;border-radius:var(--rs)}
.box,.card,.step,.guide,.prog,.quote,.pick,.plan,.free,.tblw,.cost,.shots figure,.tot,.build,.calc,.nav .menu,.who a,.plan .cap,.pick .out,.four>div{border-radius:var(--r)}
.card,.step,.guide,.prog,.plan,.quote,.pick,.free,.tblw,.box{box-shadow:var(--sh)}
.card:hover,.guide:hover,.who a:hover{box-shadow:0 1px 2px rgba(15,23,42,.05),0 16px 36px -18px rgba(15,23,42,.25);transform:translateY(-2px)}
.card,.guide,.who a{transition:box-shadow .25s ease,transform .25s ease,border-color .25s}
.plan.hi{box-shadow:0 18px 48px -18px rgba(30,58,138,.35)}
.plan .rec{border-radius:calc(var(--r) - 2px) calc(var(--r) - 2px) 0 0}
.plan .top{border-radius:var(--r) var(--r) 0 0}
.plan .cap{border-radius:var(--rs)}
.pick .out{border-radius:var(--rs);border-left-width:3px}
.four>div{border-top:0;background:#fff;border:1px solid var(--line);padding:22px;box-shadow:var(--sh)}
.four h3::before{content:'';display:block;width:36px;height:3px;background:var(--acc);border-radius:2px;margin-bottom:14px}
.step .n{width:40px;height:40px;border-radius:50%;background:#EEF2FF;color:var(--acc);font-size:18px;font-weight:500;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.toggle,.toggle button{border-radius:999px}
.ams span{border-radius:999px}
.trust .in div{padding:4px 0}
.shots figure{overflow:hidden}
.burger{border-radius:var(--rs)}
.topbar{font-size:13px}
.hdr{box-shadow:0 1px 0 var(--line),0 6px 20px -16px rgba(15,23,42,.2);border-bottom:0}
.alt{background:#F6F7FB}
.cost{background:#F6F7FB}
.pick .out,.hcard .proof{background:#EEF2FF}
.box{background:#F6F7FB}
.incl li .ico,.chk .ico{color:var(--acc)}
.logos img{opacity:.6}
.final{background:linear-gradient(180deg,#0F172A,#111C3A)}
.final .btn.ghost{border-color:rgba(255,255,255,.5)}
th{background:#F6F7FB}
.tblw table{min-width:0}
details{padding:16px 0}
summary{font-size:16px}
.under{background:#F6F7FB}
footer .brand img{height:32px}

/* hero tighten */
section.hero2{padding:0}
.hero2 .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:56px;padding-top:56px;padding-bottom:56px}
.hero2 h1{font-size:clamp(30px,3vw,40px);line-height:1.18}
.hero2 .lead{font-size:16.5px}
@media(max-width:960px){.hero2 .wrap{grid-template-columns:1fr;gap:32px;padding-top:36px;padding-bottom:36px}}

/* kprise.com width + no left-border callouts */
.wrap,.wrap.wide{max-width:1560px;padding-left:32px;padding-right:32px}
.topbar .in,.hdr .in{max-width:1560px;padding-left:32px;padding-right:32px}
@media(max-width:600px){.wrap,.wrap.wide,.topbar .in,.hdr .in{padding-left:20px;padding-right:20px}}
.pick .out,.hcard .proof{border-left:0 !important;border-left-width:0 !important}
.pick .out{background:#F6F7FB;border:1px solid var(--line);border-radius:var(--rs)}
.four h3::before{display:none}
.sub{max-width:760px}

.hero3{position:relative;background:#0F172A;overflow:hidden}
.hero3 .bg{position:absolute;top:0;right:0;bottom:0;width:66%}
.hero3 .bg img,.hero3 .bg video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left center}
.hero3 .bg::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0F172A 0%,rgba(15,23,42,.6) 20%,rgba(15,23,42,.08) 55%,rgba(15,23,42,0) 100%)}
.hero3 .wrap{position:relative;min-height:540px;display:flex;align-items:center;padding-top:56px;padding-bottom:56px}
.hero3 .card{background:#fff;border-radius:16px;max-width:640px;padding:38px 42px;box-shadow:0 30px 70px -30px rgba(0,0,0,.6)}
.hero3 h1{font-size:clamp(30px,2.8vw,40px);line-height:1.2}
.hero3 .lead{font-size:16.5px;color:var(--text);margin-top:16px}
.hero3 .cta{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin-top:24px}
.hero3 .proof{font-size:13.5px;color:var(--muted);margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
.hero3 .proof b{font-weight:500;color:var(--ink)}
@media(max-width:900px){.hero3{background:#F6F7FB}.hero3 .bg{display:none}.hero3 .wrap{min-height:0;padding-top:28px;padding-bottom:28px}.hero3 .card{padding:26px 22px;box-shadow:var(--sh)}}
/* V10 — cohesive positioning and audience pathways */
:root{--acc:#2445A2;--navy:#101D39;--bg:#F6F8FC;--line:#DFE5F0;--text:#465066;--muted:#66738B}
body{letter-spacing:-.005em}
.btn{border-radius:9px;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(28,53,105,.16)}
.btn:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #77A4FF;outline-offset:3px}
.nav .menu{border-radius:12px;box-shadow:0 18px 50px rgba(18,33,66,.15)}
.hero3{background:#102344}
.hero3 .bg{width:66%;opacity:.94}
.hero3 .bg::after{background:linear-gradient(90deg,#102344 0%,rgba(16,35,68,.55) 24%,rgba(16,35,68,0) 86%)}
.hero3 .wrap{min-height:565px}
.hero3 .card{max-width:655px;padding:42px 45px;border:1px solid rgba(255,255,255,.6);border-radius:20px;box-shadow:0 30px 75px -28px rgba(0,0,0,.55)}
.hero3 h1{font-size:clamp(38px,4vw,55px);font-weight:500;letter-spacing:-.045em;line-height:1.07}
.hero3 h1 b{font-weight:500}
.hero3 .lead{font-size:17.5px;line-height:1.55;margin-top:19px;max-width:525px}
.hero3 .proof{line-height:1.5}
.eyebrow,.kicker{font-size:11px;font-weight:700;color:var(--acc);letter-spacing:.12em;text-transform:uppercase}
.eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-bottom:17px}
.eyebrow-dot{background:#A4B9ED;width:5px;height:5px;border-radius:50%}
.hero-benefits{display:flex;flex-wrap:wrap;gap:8px;margin-top:21px}
.hero-benefits span{background:#EDF3FF;color:#24417E;border:1px solid #D8E4FB;border-radius:30px;font-size:12px;font-weight:500;padding:5px 10px}
.hero3 .cta{gap:11px;margin-top:23px}
.hero3 .cta .btn{padding:14px 18px}
.hero3 .cta .ghost{border-color:#D5DFF1}
.outs{background:#F8FAFD}
.outs .wrap>div{font-size:13px;font-weight:500;align-items:center}
.outs .ico{display:grid;place-items:center;border-radius:50%;width:22px;height:22px;color:#fff;background:#2F63C5;font-size:13px;margin-top:0}
.audiences{background:#fff;padding:77px 0 83px}
.section-intro{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:29px}
.section-intro h2{margin-top:11px;max-width:690px;font-size:clamp(28px,3vw,38px)}
.section-intro .link{white-space:nowrap;font-size:14px;margin-bottom:5px}
.audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.audience-card{position:relative;display:flex;flex-direction:column;min-height:300px;border:1px solid #E0E6F0;border-radius:17px;padding:25px;background:linear-gradient(150deg,#FAFCFF 0%,#fff 75%);box-shadow:0 8px 22px -20px rgba(19,39,84,.4);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.audience-card:hover{transform:translateY(-5px);border-color:#95B4E6;box-shadow:0 22px 40px -26px rgba(22,48,106,.35)}
.audience-card:nth-child(2){background:linear-gradient(150deg,#F8F9FF 0%,#fff 75%)}
.audience-card:nth-child(3){background:linear-gradient(150deg,#F4F9FD 0%,#fff 75%)}
.audience-symbol{display:flex;justify-content:space-between;color:#97A6C3;font-size:11px;font-weight:700;letter-spacing:.12em}
.audience-symbol span{color:#A6C1F3;font-size:12px}
.audience-icon{width:54px;height:54px;background:#E4EDFD;border-radius:15px;display:grid;place-items:center;color:#2445A2;font-size:28px;margin:23px 0 20px}
.audience-card h3{font-size:19px;font-weight:700;line-height:1.25;min-height:48px}
.audience-card p{color:var(--text);font-size:14.5px;margin:12px 0 24px;line-height:1.6}
.audience-link{display:flex;justify-content:space-between;align-items:center;margin-top:auto;color:var(--acc);font-size:14px;font-weight:700}
.audience-link b{font-size:20px}
.grid .card{border-radius:15px}
@media(max-width:960px){.audience-grid{gap:12px}.audience-card{padding:19px}.section-intro{align-items:start;flex-direction:column}.section-intro .link{margin:0}}
@media(max-width:760px){.hero3 .card{padding:30px 24px}.hero3 h1{font-size:clamp(34px,8vw,46px)}.hero3 .wrap{padding-top:24px;padding-bottom:24px}.audiences{padding:50px 0}.audience-grid{grid-template-columns:1fr}.audience-card{min-height:0;padding:24px}.audience-card h3{min-height:0}.audience-icon{margin:15px 0}.audience-card p{margin:11px 0 19px}.topbar .r a:last-child{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.audience-card{transition:none}}
/* V11 — quiet, explanatory hero inspired by Bradley's information-first layout */
.hero3{background:#F2F5F9;border-bottom:1px solid var(--line)}
.hero3 .bg{left:39%;right:0;width:61%;opacity:1}
.hero3 .bg img{object-position:70% center}
.hero3 .bg video{display:none!important}
.hero3 .bg::after{background:linear-gradient(90deg,#F2F5F9 0%,rgba(242,245,249,.15) 18%,rgba(242,245,249,0) 48%)}
.hero3 .wrap{min-height:620px;max-width:none;width:100%;margin:0;padding:42px clamp(24px,3.2vw,64px)}
.hero3 .card{max-width:590px;border:1px solid #E2E7EC;border-radius:3px;padding:39px 41px 35px;box-shadow:0 20px 48px -26px rgba(22,33,54,.25)}
.hero3 h1{font-size:clamp(31px,3vw,41px);letter-spacing:-.025em;line-height:1.2;font-weight:400}
.hero3 h1 b{font-weight:700}
.hero3 .lead{font-size:16px;line-height:1.6;margin-top:20px}
.hero3 .proof{font-size:12.5px;margin-top:19px;padding-top:16px}
.hero3 .cta{margin-top:25px}
.hero3 .cta .btn{border-radius:4px}
.hero-checklist{display:flex;flex-direction:column;gap:12px;margin-top:24px}
.hero-checklist li{display:flex;gap:12px;align-items:flex-start;font-size:15px;font-weight:500;color:#24334B;line-height:1.45}
.hero-checklist .tick{display:grid;place-items:center;flex:none;width:24px;height:24px;border:1px solid #CAD9EF;color:#3157A0;border-radius:6px;background:#EDF3FD;font-size:15px;font-weight:700}
.hero-benefits{display:none}
.hero3 .eyebrow{margin-bottom:13px}
.outs{background:#F8F8F7}
.outs .wrap>div{font-size:13.5px}
.outs .ico{background:transparent;color:#2445A2;border:1px solid #BDCBE2}
.audiences{padding-top:70px}
@media(max-width:900px){.hero3{background:#F6F8FB}.hero3 .bg{display:none}.hero3 .wrap{min-height:0;padding:27px 20px}.hero3 .card{max-width:100%;width:100%;box-shadow:0 12px 36px -24px rgba(20,40,70,.32)}}
@media(max-width:560px){.hero3 .card{padding:26px 22px}.hero3 h1{font-size:34px}.hero-checklist{gap:11px}.hero3 .cta{display:grid;grid-template-columns:1fr}.hero3 .cta .btn{width:100%}}

/* top-bar ratings + CTA hierarchy */
.topbar .rt{display:flex;flex-wrap:wrap;gap:4px 18px;align-items:center}
.topbar .rt-i{display:inline-flex;align-items:center;gap:6px;color:#CBD5E1;font-size:13px}
.topbar .rt-i .st{color:#FBBF24;letter-spacing:1px;font-size:12px}
.topbar .rt-i b{color:#fff;font-weight:600}
.hero3 .ce{margin-top:14px;font-size:14px}
.hero3 .ce a{color:var(--acc);font-weight:500}
.hero3 .ce a:hover{text-decoration:underline;text-underline-offset:3px}
.final .ce-final{display:block;text-align:center;color:#CBD5E1;font-size:14px;font-weight:500;margin-top:4px}
.final .ce-final:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){.topbar .rt-i .st{display:none}}

/* customer logo floater */
.mplb{padding:28px 0 8px}
.mplb .wrap{display:block}
.mplb-panel{display:block;width:100%;background:#0F172A;border-radius:14px;padding:22px 0 26px;overflow:hidden;box-shadow:0 22px 50px -28px rgba(15,23,42,.55)}
.mplb-lbl{display:block;text-align:center;font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#94A3B8;margin:0 0 18px}
.mplb-mq{display:block;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.mplb-track{display:flex;align-items:center;width:max-content;animation:mpLogos 60s linear infinite}
.mplb-track img{display:block;width:auto;max-width:none;margin:0 36px;opacity:.85;transition:opacity .2s}
.mplb-track img:hover{opacity:1}
.mplb-dup{display:flex;align-items:center}
.mplb-mq:hover .mplb-track{animation-play-state:paused}
@keyframes mpLogos{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.mplb-track{animation:none;flex-wrap:wrap;justify-content:center;width:auto;row-gap:18px}.mplb-dup{display:none}}
@media(max-width:600px){.mplb-track img{margin:0 22px;transform:scale(.85)}}

/* logo strip: light, in the page scheme */
.mplb{padding:32px 0 12px}
.mplb-panel{background:#fff;border:1px solid #E2E8F0;box-shadow:0 1px 2px rgba(15,23,42,.04),0 18px 40px -26px rgba(15,23,42,.22)}
.mplb-lbl{color:#64748B}
.mplb-track img{opacity:.75}
.mplb-track img:hover{opacity:1}

.aud-more{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:24px;font-size:14px;color:var(--text)}
.aud-more .lbl{font-weight:500;color:var(--ink);margin-right:4px}
.aud-more a:not(.link){border:1px solid var(--line);background:#fff;padding:6px 12px;border-radius:999px;color:var(--text);font-weight:500}
.aud-more a:not(.link):hover{border-color:var(--acc);color:var(--acc)}
.aud-more .ask{margin-left:6px;color:var(--muted)}

/* intrinsic width/height attributes were added for CLS; keep the 16:9 box */
.shots img{height:auto}

/* hero backdrop rotation: four tints of the same scene crossfade (see k2.js) */
.hero3 .bg.hero-rot picture{position:absolute;inset:0;opacity:0;transition:opacity 1.6s ease}
.hero3 .bg.hero-rot picture.on{opacity:1}
.hero3 .bg.hero-rot img{object-position:70% center}
@media(prefers-reduced-motion:reduce){.hero3 .bg.hero-rot picture{transition:none}}

/* buyer-card proof line (verified customers only) */
.audience-proof{display:block;margin-top:14px;padding-top:12px;border-top:1px solid #E0E6F0;font-size:13.5px;line-height:1.5;color:#475569}
.audience-proof b{font-weight:600;color:#1E3A8A}

/* 2026-10-21 hero balance: the card lines up with the header logo (1560 wrap), the dashboard
   visual starts right after the card instead of sitting under it, and the hero loses the
   double vertical padding (section + wrap) that left empty bands above and below. */
section.hero3{padding:0}
@media(min-width:1101px){
  .hero3 .wrap{max-width:1560px;margin:0 auto;min-height:0;padding:44px 32px}
  .hero3 .card{max-width:600px;padding:36px 40px 30px}
  .hero3 .bg{left:calc(max(0px,50% - 780px) + 656px);right:0;width:auto}
  .hero3 .bg img,.hero3 .bg.hero-rot img{object-position:45% 50%}
  .hero3 .bg::after{background:linear-gradient(90deg,#F2F5F9 0%,rgba(242,245,249,0) 12%)}
  .hero-checklist{gap:10px;margin-top:20px}
  .hero3 .lead{margin-top:16px}
}
@media(min-width:1700px){.hero3 .bg img,.hero3 .bg.hero-rot img{object-position:80% 50%}}
@media(min-width:901px) and (max-width:1100px){
  .hero3{background:#F6F8FB}
  .hero3 .bg{display:none}
  .hero3 .wrap{min-height:0;padding:36px 32px}
  .hero3 .card{max-width:none}
}