/* ===== v7 polish layer ===== */
html{scroll-behavior:smooth;scroll-padding-top:84px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
:focus-visible{outline:2px solid #F26969;outline-offset:3px;border-radius:6px}
body{-webkit-font-smoothing:antialiased}
section{padding:104px 0}
@media (max-width:560px){section{padding:72px 0}}
h2{text-wrap:balance}
.lead{max-width:640px;margin-left:auto;margin-right:auto;text-wrap:pretty}
.center .lead{margin-top:14px}
.fine{color:#5F5F74}.stats .asof,.getb .fine,.lf .fine{color:#A3A3B8}
/* hero trust row */
header.hero .trust{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;margin:16px 0 0;padding:0;font-size:13px;color:#B4B6CE}
header.hero .trust li{display:flex;align-items:center;gap:6px}
header.hero .trust svg{width:15px;height:15px;fill:none;stroke:#F69898;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
header.hero .sl{color:#F69898}
@media (max-width:700px){header.hero .trust{font-size:12.5px;gap:6px 14px}}
/* flow */
.flow{list-style:none;padding:0;margin:52px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;counter-reset:f;text-align:left;position:relative}
.flow:before{content:"";position:absolute;left:12%;right:12%;top:31px;height:2px;background:linear-gradient(90deg,transparent,#F6B4B4 12%,#F6B4B4 88%,transparent);background-size:200% 100%}
.flow li{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 22px 24px;counter-increment:f;transition:transform .25s,box-shadow .25s,border-color .25s}
.flow li:hover{transform:translateY(-3px);box-shadow:0 18px 40px -22px rgba(30,20,60,.35);border-color:#F6C4C4}
.flow .fi{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#FEF0F0;border:1px solid #FAD0D0;margin-bottom:16px;position:relative;z-index:1}
.flow .fi svg{width:21px;height:21px;fill:none;stroke:#E04848;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.flow li:after{content:counter(f,decimal-leading-zero);position:absolute;right:20px;top:20px;font-size:13px;font-weight:700;color:#C9C3D0;letter-spacing:.05em}
.flow b{display:block;font-size:17px;margin-bottom:6px;color:var(--ink)}
.flow p{font-size:15px;color:var(--muted);line-height:1.5;margin:0}
@media (max-width:900px){.flow{grid-template-columns:1fr 1fr}.flow:before{display:none}}
@media (max-width:560px){.flow{grid-template-columns:1fr;gap:12px;margin-top:36px}.flow li{display:grid;grid-template-columns:42px 1fr;column-gap:14px;padding:18px}.flow .fi{grid-row:1/3;margin:0}.flow b{margin-top:2px}}
/* sample lead card */
.lead-card{max-width:620px;margin:34px auto 26px;background:linear-gradient(180deg,#16152C,#111024);border:1px solid rgba(242,105,105,.28);border-radius:18px;padding:20px 22px;text-align:left;color:#fff;box-shadow:0 30px 70px -30px rgba(239,68,68,.45)}
.lc-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.lc-tag{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#1a0f14;background:#F69898;padding:4px 9px;border-radius:999px}
.lc-src{font-size:12px;color:#A3A5C2}
.lc-main{display:flex;justify-content:space-between;align-items:center;gap:16px}
.lc-addr{display:block;font-size:19px;letter-spacing:-.01em;margin-bottom:8px}
.lc-score{position:relative;flex:none;width:68px;height:68px;display:grid;place-items:center;text-align:center}
.lc-score svg{position:absolute;inset:0;transform:rotate(-90deg)}
.lc-score circle{fill:none;stroke:rgba(255,255,255,.1);stroke-width:3}
.lc-score circle.v{stroke:#F26969;stroke-linecap:round;stroke-dasharray:97.4;stroke-dashoffset:calc(97.4 - 97.4*var(--p)/100);transition:stroke-dashoffset 1.2s cubic-bezier(.2,.8,.2,1) .2s}
.js .lead-card.rv:not(.in) .lc-score circle.v{stroke-dashoffset:97.4}
.lc-score b{font-size:20px;line-height:1;margin-top:8px}.lc-score small{font-size:9.5px;color:#A3A5C2;text-transform:uppercase;letter-spacing:.1em;margin-top:-14px}
.lc-why{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;margin:16px 0 0;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}
.lc-why dt{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#9799B8;margin-bottom:4px}.lc-why dd{margin:0;font-size:14px;color:#E2E3F3;line-height:1.45}
@media (max-width:560px){.lead-card{padding:16px}.lc-addr{font-size:16px}.lc-why{grid-template-columns:1fr;gap:10px}.lc-score{width:58px;height:58px}}
/* score bars on-brand */
.score{color:#C93434}.score i:after{background:linear-gradient(90deg,#F69898,#EF4444)!important}
/* stats */
.statl li{transition:transform .25s,border-color .25s}.statl li:hover{transform:translateY(-3px)}
/* ROI */
.roig{margin-top:44px}
.gain,.x b{color:#D43C3C!important}
.bar2{position:relative;height:8px;border-radius:9px;background:#F3EEF1;margin:14px 0 4px;overflow:hidden}
.bar2 i,.bar2 em{position:absolute;left:0;top:0;bottom:0;width:var(--w);border-radius:9px;transform-origin:left;transition:transform 1.1s cubic-bezier(.2,.8,.2,1) .15s}
.bar2 i{background:linear-gradient(90deg,#F69898,#EF4444)}.bar2 em{background:#1E1B3A}
.js .roig.rv:not(.in) .bar2 i,.js .roig.rv:not(.in) .bar2 em{transform:scaleX(0)}
.roic{transition:transform .25s,box-shadow .25s}.roic:hover{transform:translateY(-3px);box-shadow:0 18px 40px -24px rgba(30,20,60,.35)}
.roic.cost b{color:var(--ink)}
#roi .fine{max-width:720px;margin:26px auto 0;line-height:1.55}
/* cards & plans */
.card:hover,.plan:hover{transform:translateY(-3px)}
.plan{transition:transform .25s,box-shadow .25s}
.plan li:before,.checks li:before{color:#EF4444!important}.pop li:before{color:#F69898!important}
.agency{max-width:760px;margin:30px auto 0;display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;border:1px dashed #E8C9CF;border-radius:16px;padding:18px 22px;background:#FFFAFA}
.agency b{display:block;color:var(--ink)}.agency span{color:var(--muted);font-size:15px}
.agency .btn{flex:none}
@media (max-width:560px){.agency{flex-direction:column;align-items:flex-start}}
/* buttons micro-interactions */
.btn{transition:transform .18s ease,box-shadow .25s ease,background .25s}
.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(1px) scale(.99)}
.btn-p.lg{position:relative;overflow:hidden}
.btn-p.lg:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-18deg);transition:left .7s ease}
.btn-p.lg:hover:after{left:130%}
/* faq */
.faq details{transition:box-shadow .25s,border-color .25s}.faq details[open]{border-color:#F6C4C4;box-shadow:0 12px 30px -22px rgba(30,20,60,.3)}
.faq summary{cursor:pointer}
/* band */
.band .lead{color:#C6C6D2;margin:10px auto 26px}
/* reveal */
.js .rv{opacity:0;transform:translateY(18px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
.js .rv.in{opacity:1;transform:none}
.rv-off .rv{transition:none!important;opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none;transition:none}.bar2 i,.bar2 em,.lc-score circle.v{transition:none}}
/* sticky mobile CTA */
.mcta{display:none}
@media (max-width:700px){
 .mcta{display:flex;position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:30;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 16px;border-radius:16px;background:rgba(14,14,30,.94);border:1px solid rgba(242,105,105,.3);box-shadow:0 18px 40px rgba(0,0,0,.4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;transform:translateY(140%);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
 .mcta.show{transform:none}
 .mcta b{display:block;font-size:15px}.mcta small{display:block;font-size:12px;color:#A3A5C2}
 .mcta .btn{padding:12px 16px;font-size:15px;white-space:nowrap}
 footer{padding-bottom:96px}
}
.rv-off .rv *{transition:none!important}
.rv-off .mcta{display:none!important}