@font-face{font-family:Jakarta;src:url('/assets/fonts/jakarta.153fc85b.woff2') format('woff2');font-weight:200 800;font-display:swap}
@media (min-width:1280px){
@font-face{font-family:Caveat;src:url('/assets/fonts/caveat.891951df.woff2') format('woff2');font-weight:400 700;font-display:swap}
}
:root{
--ink:#0B1B4D;
--ink-2:#39477A;
--muted:#5A6484;
--pink:#FA0156;
--pink-btn:#E30050;
--pink-ink:#C70045;
--plum:#5A1A50;
--plum-deep:#3B0F37;
--paper:#FFFFFF;
--tint-pink:#FDEEF4;
--tint-pink-2:#FEECF4;
--tint-lav:#EEF1FE;
--tint-soft:#FBF7FA;
--line:#E3E7F3;
--line-soft:#EDF0F8;
--r-card:18px;
--r-lg:24px;
--r-pill:999px;
--shadow-card:0 10px 30px rgba(11,27,77,.07);
--shadow-lift:0 18px 44px rgba(11,27,77,.12);
--max:1128px;
--gut:clamp(20px,4vw,40px);
--section:clamp(60px,7.2vw,112px);
--ease:cubic-bezier(.16,1,.3,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
margin:0;background:var(--paper);color:var(--ink);
font-family:Jakarta,'Segoe UI',system-ui,sans-serif;
font-size:17px;line-height:1.62;font-weight:400;
-webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit;color:inherit}
h1,h2,h3,h4{margin:0 0 .5em;line-height:1.08;letter-spacing:-.022em;font-weight:800;text-wrap:balance}
p{margin:0 0 1.1em;text-wrap:pretty}
li,td,th,dd,figcaption,label,.stat .v,.plan-note,.fine,.hint,.step-label,.job-tag,.foot-bottom span{text-wrap:pretty}
p:last-child{margin-bottom:0}
strong{font-weight:700}
:focus-visible{outline:3px solid var(--pink-btn);outline-offset:3px;border-radius:6px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:-9999px;top:0;z-index:99;background:var(--paper);color:var(--ink);padding:12px 18px;font-weight:700}
.skip:focus{left:12px;top:12px}
.h1,h1{font-size:clamp(37px,4.3vw,58px);letter-spacing:-.03em}
.tp{margin-left:-.055em;display:inline-block}
.nowrap{white-space:nowrap}
a[href^="tel:"]{white-space:nowrap}
.numbered{list-style:none;padding-left:22px}
.numbered li{text-indent:-1.5em;padding-left:1.5em}
.h2,h2{font-size:clamp(22px,1.8vw,26px);letter-spacing:-.028em}
.h3,h3{font-size:clamp(22px,2vw,28px)}
h4{font-size:19px}
.lead{font-size:clamp(18px,1.4vw,21px);color:var(--ink-2);line-height:1.55;font-weight:400}
.eyebrow{margin:0 0 14px;font-size:13px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--pink-ink)}
.eyebrow-light{color:#FFD3E4}
.fine{font-size:15px;color:var(--muted);max-width:min(100%,33em)}
.center .fine,.fine.center{margin-inline:auto}
.muted{color:var(--muted)}
.ink-2{color:var(--ink-2)}
.center{text-align:center}
.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gut)}
.section{padding-block:var(--section)}
.section-cont{padding-top:0}
.section-lead{padding-top:clamp(34px,3.4vw,50px)}
.section-tight{padding-bottom:clamp(46px,4.6vw,68px)}
.section:has(+ .band){padding-bottom:clamp(44px,4.4vw,64px)}
main > .section:last-of-type{padding-bottom:clamp(38px,3.8vw,56px)}
.section-head{max-width:760px;margin:0 auto clamp(28px,3vw,44px)}
.section-head.center{text-align:center}
.section-head p{color:var(--ink-2);font-size:clamp(17px,1.25vw,19px)}
.sep{height:1px;background:var(--line-soft);border:0;margin:0}
.ticks{list-style:none;margin:14px 0 0;padding-left:20px}
.ticks li{position:relative;padding-left:27px;margin-bottom:5px;font-size:12.5px;line-height:1.35;color:var(--ink-2)}
.ticks li:last-child{margin-bottom:0}
.ticks.nots li::before{background:#B3306A}
.ticks.nots li::after{
content:"";position:absolute;left:4px;top:.92em;width:10px;height:2px;
border:0;border-radius:1px;background:#fff;transform:none;
}
.ticks li::before{
content:"";position:absolute;left:0;top:.42em;width:18px;height:18px;border-radius:50%;
background:var(--pink);
}
.ticks li::after{
content:"";position:absolute;left:5px;top:.66em;width:8px;height:4px;
border-left:2px solid #fff;border-bottom:2px solid #fff;
transform:rotate(-45deg);
}
.ticks li b{color:var(--ink);font-weight:700}
.bullets{margin:20px 0 0;padding-left:44px}
.bullets li{margin-bottom:12px;color:var(--ink-2)}
.bullets li::marker{color:var(--pink)}
.btn{
display:inline-flex;align-items:center;justify-content:center;gap:10px;
min-height:52px;padding:14px 26px;border:0;border-radius:var(--r-pill);
font-size:16px;font-weight:700;letter-spacing:-.01em;cursor:pointer;
text-wrap:balance;
text-align:center;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background-color .2s linear;
}
.btn .arw,.tlink .arw{width:1.15em;height:.82em;flex:0 0 auto;transition:transform .25s var(--ease)}
.btn:hover .arw{transform:translateX(4px)}
.btn-primary{position:relative;overflow:hidden;background:var(--pink-btn);color:#fff}
.btn-primary:hover{background:#CE0049;transform:translateY(-2px);box-shadow:0 14px 32px rgba(227,0,80,.34)}
.btn-light{background:#fff;color:var(--ink);box-shadow:0 10px 26px rgba(59,15,55,.24)}
.btn-light:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(59,15,55,.3)}
.btn-ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}
.btn-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--ink);transform:translateY(-2px)}
.btn-plum{background:var(--plum);color:#fff}
.btn-plum:hover{background:var(--plum-deep);transform:translateY(-2px)}
.btn-lg{min-height:58px;padding:16px 32px;font-size:17px}
.btn-block{width:100%}
@media (prefers-reduced-motion:no-preference){
.btn-primary{animation:cta-glow 3.1s ease-in-out infinite}
.btn-primary::after{
content:"";position:absolute;top:0;left:-140%;width:55%;height:100%;
background:linear-gradient(100deg,transparent,rgba(255,255,255,.42),transparent);
transform:skewX(-18deg);animation:cta-shine 4.6s ease-in-out infinite;pointer-events:none;
}
.btn-light{animation:cta-glow-light 3.4s ease-in-out infinite}
}
@keyframes cta-glow{
0%,100%{box-shadow:0 8px 22px rgba(227,0,80,.26),0 0 0 0 rgba(250,1,86,.34)}
50%{box-shadow:0 10px 26px rgba(227,0,80,.34),0 0 0 9px rgba(250,1,86,0)}
}
@keyframes cta-glow-light{
0%,100%{box-shadow:0 10px 26px rgba(59,15,55,.24),0 0 0 0 rgba(255,255,255,.5)}
50%{box-shadow:0 12px 30px rgba(59,15,55,.3),0 0 0 9px rgba(255,255,255,0)}
}
@keyframes cta-shine{0%{left:-140%}55%{left:160%}100%{left:160%}}
.tlink{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:700;font-size:16px;color:var(--pink-ink)}
.tlink:hover .arw{transform:translateX(4px)}
.tlink-ink{color:var(--ink)}
.tlink-light{color:#fff}
.site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.93);backdrop-filter:blur(14px);border-bottom:1px solid var(--line-soft)}
.hrow{display:flex;align-items:center;gap:18px;min-height:64px}
.brand{display:flex;align-items:center;flex:0 0 auto;min-height:44px}
.brand img{height:auto;width:auto;max-height:26px;max-width:100%}
.nav-main{display:flex;align-items:center;gap:4px;margin-left:auto}
.nav-main>a,.nav-dd>button{
display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 13px;
border:0;background:none;border-radius:10px;font-size:15px;font-weight:600;color:var(--ink);cursor:pointer;
transition:background-color .18s linear,color .18s linear;
}
.nav-main>a:hover,.nav-dd>button:hover,.nav-main>a[aria-current],.nav-dd>button[aria-current]{background:var(--tint-pink);color:var(--pink-ink)}
.nav-dd{position:relative}
.nav-dd>button::after{content:"";width:7px;height:7px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.nav-dd .menu{
position:absolute;top:calc(100% + 6px);left:0;min-width:214px;padding:8px;
background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lift);
display:none;
}
.nav-dd:hover .menu,.nav-dd:focus-within .menu,.nav-dd .menu.open{display:block}
.nav-dd .menu a{display:block;padding:11px 12px;border-radius:9px;font-size:15px;font-weight:600}
.nav-dd .menu a:hover{background:var(--tint-pink);color:var(--pink-ink)}
.nav-login{margin-left:6px;padding-left:18px;border-left:1px solid var(--line)}
@media (min-width:941px) and (max-width:1010px){
.nav-main{gap:0}
.nav-main>a,.nav-dd>button{padding:0 8px;font-size:14px}
.nav-login{margin-left:2px;padding-left:10px}
.site-header .hactions{gap:10px}
.site-header .hactions .btn{padding:9px 16px;font-size:13.5px}
}
.nav-sub{display:flex;justify-content:center;gap:26px;padding-bottom:10px;margin-top:-4px}
.nav-sub a{font-size:14px;font-weight:600;color:var(--ink-2);min-height:44px;display:inline-flex;align-items:center}
.nav-sub a:hover{color:var(--pink-ink)}
.burger{display:none;margin-left:auto;width:46px;height:46px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer}
.burger span{display:block;width:20px;height:2px;margin:4px auto;background:var(--ink);border-radius:2px;transition:transform .2s var(--ease),opacity .2s linear}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.band{
position:relative;isolation:isolate;overflow:hidden;
background-repeat:no-repeat;background-size:100% auto;background-position:center bottom;
min-height:calc(100vw / var(--art));
}
.band-curve{position:absolute;left:0;right:0;width:100%;height:clamp(34px,4.4vw,64px);z-index:2;pointer-events:none}
.band-curve.top{top:-1px}
.band-curve.bottom{bottom:-1px}
.band>.wrap{position:relative;z-index:3}
.hero{
--art:2.6510;
--gline:.1506;
--ground:calc(100vw / var(--art) * var(--gline));
--fox:clamp(310px,calc(100vw / 3.5),540px);
--pad-b:calc(var(--ground) + clamp(22px,2.4vw,34px));
--fox-bottom:calc(var(--ground) - var(--pad-b) - 15px);
min-height:calc(100vw / var(--art));
padding-block:clamp(44px,5vw,72px) var(--pad-b);
display:flex;align-items:center;
}
.hero::before{
content:"";position:absolute;left:0;right:0;bottom:0;z-index:0;pointer-events:none;
height:calc(100vw / var(--art));
background-image:url('/assets/img/band-hero.0d23399d.webp');
background-repeat:no-repeat;background-size:100% auto;background-position:center bottom;
}
.hero>.wrap{width:100%}
.hero-grid{position:relative;
min-height:max(clamp(330px,26vw,400px), calc(var(--fox) + var(--fox-bottom) + clamp(20px,2vw,34px)))}
.hero-copy{position:relative;z-index:2;max-width:min(690px,100%);padding-block:clamp(10px,2vw,28px) 0}
.hero h1{margin-bottom:10px}
.hero h1 .pink{color:var(--pink-ink);display:block}
.hero .lead{margin-bottom:18px;max-width:560px}
.hero-fine{margin-top:16px;font-size:16px;color:var(--ink)}
.hero-art{position:absolute;right:auto;
left:calc(50% + 11.7vw - var(--fox) * 0.1917);
bottom:var(--fox-bottom);width:auto;z-index:2}
.hero-art img{display:block;width:auto;height:var(--fox);
filter:drop-shadow(-14px 4px 16px rgba(43,10,60,.2))}
.hero-art::after{
content:"";position:absolute;left:50%;bottom:clamp(8px,1vw,15px);transform:translateX(-50%);
width:96%;height:clamp(16px,1.8vw,26px);border-radius:50%;
background:radial-gradient(closest-side,rgba(0,0,0,.62),rgba(0,0,0,.28) 62%,rgba(0,0,0,0));z-index:-1;
}
.report-form{display:flex;gap:18px;align-items:stretch;max-width:540px}
.field{position:relative;flex:1 1 auto;min-width:0}
.field input{
width:100%;height:52px;padding:0 16px 0 46px;border:1px solid #F0D5E2;border-radius:var(--r-pill);
background:#fff;font-size:16px;box-shadow:0 6px 18px rgba(11,27,77,.06);
}
.field input::placeholder{color:#5F6780}
.field input:focus{border-color:var(--pink-btn);outline:3px solid rgba(227,0,80,.16);outline-offset:0}
.field .ico{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#5F6780}
.report-form .btn{flex:0 0 auto}
.jobs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.6vw,22px)}
.job{
display:flex;flex-direction:column;border-radius:var(--r-card);padding:28px 26px 22px;min-height:368px;
transition:transform .3s var(--ease),box-shadow .3s var(--ease);
}
.job:hover{transform:translateY(-6px);box-shadow:var(--shadow-lift)}
.job-1{background:var(--tint-pink)}
.job-2{background:var(--tint-lav)}
.job-3{background:var(--tint-pink-2)}
.job-4{background:var(--plum)}
.job-ico{display:flex;align-items:flex-end;height:132px;margin-bottom:auto}
.job-ico img{max-height:100%;width:auto}
.job-1 .job-ico img{max-height:100%}
.job-2 .job-ico img{max-height:80%}
.job-3 .job-ico img{max-height:94%}
.job-4 .job-ico img{max-height:84%}
.job h3{font-size:23px;line-height:1.16;margin:26px 0 16px;letter-spacing:-.02em}
.job-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}
.job-tag{font-size:15px;font-weight:700;color:var(--pink-ink)}
.job-arw{
display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;
color:var(--pink-ink);transition:background-color .2s linear,transform .25s var(--ease);
}
.job-arw .arw{width:20px;height:14px}
.job:hover .job-arw{background:rgba(250,1,86,.1);transform:translateX(3px)}
.job-4 h3{color:#fff}
.job-4 .job-tag,.job-4 .job-arw{color:#FFD3E4}
.job-4:hover .job-arw{background:rgba(255,255,255,.14)}
.looks{display:grid;grid-template-columns:1fr 1px 1fr;gap:clamp(26px,3.4vw,52px)}
.looks .rule{background:var(--line-soft)}
.looks h3{font-size:23px;margin-bottom:10px}
.looks p{color:var(--ink-2);font-size:16.5px;max-width:420px}
.logo-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 26px;margin:22px 0 18px}
@media (max-width:720px){.logo-row{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}}
.logo-chip{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:var(--ink)}
.logo-chip img{width:32px;height:32px;border-radius:9px;border:1px solid var(--line);background:#fff;padding:2px;box-sizing:border-box}
.logo-chip svg{width:30px;height:30px}
.preview{margin:0;background:var(--tint-soft);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(16px,1.8vw,26px)}
.preview img{width:100%;max-width:1080px;height:auto;margin-inline:auto;border-radius:12px;background:#fff}
.preview{margin-bottom:0}
.preview figcaption{margin-top:14px;font-size:15px;color:var(--muted);max-width:min(100%,33em)}
.preview-head{margin-bottom:16px}
.preview-head .stamp{font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}
.preview-head h3{font-size:22px;margin-bottom:6px}
.preview-head p{font-size:15px;color:var(--ink-2);margin:0}
.split{display:grid;grid-template-columns:minmax(0,1.24fr) minmax(0,1fr);align-items:center;gap:clamp(32px,4.4vw,68px)}
.split-copy h2{margin-bottom:10px}
.split-copy p:not(.eyebrow){color:var(--ink-2);font-size:clamp(14px,1vw,14.5px);line-height:1.45;max-width:min(100%,33em)}
.split.flip .split-copy{order:2}
.shot-card{margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:clamp(12px,1.4vw,18px)}
.shot-card img{width:100%;height:auto;border-radius:12px}
.shot-card figcaption{margin-top:12px;font-size:15px;color:var(--muted)}
.rep-rows{display:none;list-style:none;margin:0;padding:2px 0 0}
.rep-row{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;
padding:9px 0;border-bottom:1px solid var(--line-soft)}
.rep-row:last-child{border-bottom:0}
.rep-name{font-size:14.5px;font-weight:700;color:var(--ink)}
.rep-name{order:1}.rep-score{order:2}
.rep-bar{order:3;grid-column:1 / -1;height:8px;border-radius:999px;background:#EEF1F6;overflow:hidden}
.rep-fill{display:block;height:100%;border-radius:999px}
.rep-score{font-size:16px;font-weight:800;line-height:1.1;text-align:right;white-space:nowrap;display:flex;align-items:baseline;gap:7px}
.rep-score small{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;opacity:.9}
.is-strong{color:#1E7A46}.rep-fill.is-strong{background:#34A853}
.is-fair{color:#1A56B8}.rep-fill.is-fair{background:#1A73E8}
.is-weak{color:#8A5A00}.rep-fill.is-weak{background:#F5B400}
.is-poor{color:#A34400}.rep-fill.is-poor{background:#F06A00}
.is-critical{color:#A31220}.rep-fill.is-critical{background:#E0313F}
.kpi-rows{display:none;list-style:none;margin:0;padding:2px 0 0}
.kpi-rows li{padding:12px 0;border-bottom:1px solid var(--line-soft)}
.kpi-rows li:last-child{border-bottom:0}
.kpi-l{display:block;font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.kpi-n{display:flex;align-items:baseline;gap:9px;font-size:30px;font-weight:800;letter-spacing:-.02em;color:var(--ink);margin:3px 0 2px}
.kpi-n em{font-style:normal;font-size:14px;font-weight:700;color:var(--pink-ink)}
.kpi-s{display:block;font-size:14px;color:var(--ink-2);line-height:1.5}
.shot-title{margin:2px 0 12px;font-size:17px;font-weight:800;letter-spacing:-.015em;color:var(--ink)}
.pace-rows{margin:0;padding:0}
.pace-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
gap:2px 20px;border-top:1px solid var(--line-soft)}
.pace-rows>div:last-child{grid-column:1 / -1}
.pace-rows>div{display:flex;flex-direction:column;gap:3px;padding:14px 14px 14px 0;
border-bottom:1px solid var(--line-soft)}
.pace-rows dt{order:2;font-size:13.5px;color:var(--ink-2);line-height:1.4}
.pace-rows dd{order:1;margin:0;font-size:26px;font-weight:800;letter-spacing:-.03em;
color:var(--ink);line-height:1;white-space:nowrap}
.score-card{text-align:center;max-width:320px;margin-inline:auto}
.gauge{position:relative;width:clamp(180px,20vw,230px);margin:6px auto 0;aspect-ratio:1}
.gauge svg{width:100%;height:100%;transform:rotate(135deg)}
.gauge-track,.gauge-fill{fill:none;stroke-width:13;stroke-linecap:round}
.gauge-track{stroke:#EBEDF4;stroke-dasharray:254.5 84.8}
.gauge-fill{stroke:url(#gv);stroke-dasharray:122.1 217.1}
.gauge-mid{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.gauge-num{font-size:clamp(44px,4.6vw,58px);font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--ink)}
.gauge-of{font-size:15px;color:var(--muted)}
.score-flag{display:inline-block;margin:-16px 0 0;padding:7px 16px;border-radius:999px;
background:#FDE7EC;color:#A31220;font-size:14.5px;font-weight:800}
.score-card figcaption{margin-top:14px}
.eng-card{padding:clamp(20px,2.2vw,30px)}
.preview-kicker{margin:0 0 6px;font-size:12.5px;font-weight:800;letter-spacing:.09em;
text-transform:uppercase;color:var(--muted)}
.eng-card .shot-title{margin:0 0 4px;font-size:20px}
.preview-sub{margin:0 0 20px;font-size:15px;color:var(--ink-2)}
.eng-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,18px);
list-style:none;margin:0;padding:0}
.eng{display:flex;flex-direction:column;gap:12px;padding:16px;background:#fff;
border:1px solid var(--line);border-radius:var(--r-card)}
.eng-head{display:flex;align-items:center;gap:9px;font-size:15.5px;font-weight:800;color:var(--ink)}
.eng-head img{width:26px;height:26px;border-radius:7px;flex:0 0 auto;margin-inline:0;max-width:none}
.eng-body{display:flex;align-items:center;gap:12px}
.eng-ring{position:relative;flex:0 0 auto;width:56px;height:56px}
.eng-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.eng-ring circle{fill:none;stroke:#E9EDF5;stroke-width:6}
.eng-ring .eng-fill{stroke:#8B3FD1;stroke-linecap:round}
.eng-ring.is-zero .eng-fill{stroke:none}
.eng-ring b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
font-size:14.5px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.eng-body p{margin:0;font-size:14px;line-height:1.45;color:var(--ink-2)}
.eng-flag{align-self:flex-start;padding:4px 11px;border-radius:999px;background:var(--tint-soft);
border:1px solid var(--line);font-size:12.5px;font-weight:700;color:var(--muted)}
.brief-card{align-self:start}
.brief{display:grid;gap:14px}
.brief-col{padding:16px 18px;border-radius:var(--r-card);border:1px solid var(--line)}
.brief-col.is-thin{background:var(--tint-soft)}
.brief-col.is-full{background:var(--tint-pink);border-color:#F6D7E5}
.brief-tag{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.08em;
text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.brief-in{margin:0 0 10px;font-size:14.5px;color:var(--ink-2);font-style:italic}
.brief-out{margin:0 0 12px;font-size:15.5px;line-height:1.55;color:var(--ink)}
.brief-verdict{display:inline-block;padding:5px 12px;border-radius:999px;font-size:13px;font-weight:800}
.brief-verdict.is-bad{background:#FBE3E7;color:#A31220}
.brief-verdict.is-good{background:#E3F4EA;color:#1E7A46}
.never-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.mid-band .feature-soft{background:rgba(255,255,255,.96);border-color:#F0D8E6;border-style:solid;box-shadow:var(--shadow-card)}
.mid-band .feature{text-align:left}
.mid-band .never-grid{text-align:left}
.checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,26px);
list-style:none;margin:0;padding:0;counter-reset:none}
.checks li{position:relative;padding:24px 26px 24px 78px;background:#fff;
border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-card)}
.checks-n{position:absolute;left:24px;top:24px;display:flex;align-items:center;justify-content:center;
width:38px;height:38px;border-radius:50%;background:var(--pink-btn);color:#fff;
font-size:17px;font-weight:800;letter-spacing:-.02em}
.checks h3{font-size:19px;margin:0 0 7px;letter-spacing:-.015em}
.checks p{margin:0;font-size:16px;color:var(--ink-2);line-height:1.55}
.slop-note p{margin:0}
.guide-q{margin:0 0 6px;font-size:15px;font-style:italic;color:var(--pink-ink);font-weight:700}
.guide-for{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line-soft);
font-size:14.5px;color:var(--muted)}
.note{
--nt:8%;--nr:4.5%;--nb:10%;--nl:4.5%;
position:absolute;z-index:4;pointer-events:none;
font-family:Caveat,'Segoe UI',cursive;font-weight:700;
font-size:clamp(20px,1.55vw,25px);line-height:1.2;letter-spacing:.005em;
color:var(--ink);width:max-content;max-width:min(15ch,230px);
}
.note.is-pink{color:var(--pink-ink)}
.note.is-light{color:#FFD9EC}
.note-sub{display:block;margin-top:6px;color:var(--ink)}
.note-arrow{display:block;width:clamp(48px,4.4vw,72px);height:auto;margin-top:6px;
color:var(--pink);opacity:.82}
.note-arrow path{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
.note-tr{top:var(--nt,8%);right:var(--nr,3%);text-align:left;transform:rotate(-4deg)}
.note-br{bottom:var(--nb,10%);right:var(--nr,3%);text-align:left;transform:rotate(3deg)}
.note-tl{top:var(--nt,8%);left:var(--nl,1.5%);text-align:right;transform:rotate(3deg)}
.note-bl{bottom:var(--nb,10%);left:var(--nl,1.5%);text-align:right;transform:rotate(-3deg)}
.note-tr .note-arrow{transform:scaleX(-1)}
.note-br .note-arrow{transform:scale(-1,-1)}
.note-tl .note-arrow,.note-bl .note-arrow{margin-left:auto}
.note-bl .note-arrow{transform:scaleY(-1)}
section{position:relative}
@media (max-width:1279px){ .note{display:none} }
@media (min-width:1280px) and (max-width:1439px){ .note{max-width:min(12ch,170px)} }
.panel-quote{margin:0 0 12px;font-size:clamp(19px,1.9vw,23px);font-weight:700;line-height:1.35;
letter-spacing:-.02em;color:#fff}
.aside-card .ticks a{color:var(--ink);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.aside-card .ticks a:hover{color:var(--pink-ink)}
.stack-wide{display:block}
.stack-wide .split-copy{max-width:min(100%,36em);margin-bottom:clamp(24px,2.6vw,36px)}
.stack-wide .shot-card{margin:0}
.content-band{
--art:2.945;
--band-sky:#FBE0EF;
--band-art:'band-content.jpg';
background-color:var(--band-sky);
background-image:url('/assets/img/band-content.698faca1.webp');
display:flex;align-items:center;
}
.content-band .box{max-width:min(450px,26vw);padding-block:clamp(40px,5vw,64px)}
.content-band h2{margin-bottom:12px}
.content-band p{color:var(--ink-2);font-size:clamp(17px,1.3vw,19px);max-width:min(100%,33em)}
@media (min-width:721px) and (max-width:1180px){
.content-band .box,
.mid-band > .wrap{position:relative;z-index:1}
.content-band .box::before,
.mid-band > .wrap::before{
content:"";position:absolute;z-index:-1;pointer-events:none;
left:-12%;right:-20%;top:-14%;bottom:-14%;
background:radial-gradient(84% 76% at 36% 50%,
color-mix(in srgb, var(--band-sky) 94%, #fff) 0 56%,
color-mix(in srgb, var(--band-sky) 70%, transparent) 76%,
transparent 92%);
}
.mid-band > .wrap::before{
left:-8%;right:-8%;
background:radial-gradient(76% 72% at 50% 50%,
color-mix(in srgb, var(--band-sky) 94%, #fff) 0 58%,
color-mix(in srgb, var(--band-sky) 70%, transparent) 78%,
transparent 94%);
}
}
.mid-band{
--art:3.566;
--band-sky:#FEEDF7;
--band-art:'band-mid.jpg';
background-color:var(--band-sky);
background-image:url('/assets/img/band-mid.5d8e50c4.webp');
text-align:center;display:flex;align-items:center;
padding-block:clamp(64px,5.6vw,88px);
}
.mid-band>.wrap{width:100%}
.mid-band h2{max-width:760px;margin-inline:auto}
.mid-band h2 .pink{color:var(--pink-ink);display:block}
.mid-band p{max-width:620px;margin-inline:auto;color:var(--ink-2);font-size:clamp(17px,1.3vw,19px)}
.section-after-band{padding-top:clamp(52px,5.2vw,78px)}
.slop{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(30px,4vw,60px);align-items:center}
.slop-shot{margin:0}
.slop-copy .ticks{margin-top:0}
.slop-copy .ticks li{font-size:16.5px}
.slop-note{margin-top:22px;padding:16px 18px;border-left:3px solid var(--pink);background:var(--tint-soft);
border-radius:0 12px 12px 0;font-size:16px;color:var(--ink-2);max-width:min(100%,33em)}
@media (max-width:940px){.slop{grid-template-columns:1fr}}
.spot{background:var(--plum);color:#fff;border-radius:var(--r-lg);padding:clamp(28px,3.6vw,56px);position:relative;overflow:hidden}
.spot h2,.spot h3{color:#fff}
.spot p{color:#F0D9EC;max-width:min(100%,33em)}
.spot .eyebrow{color:#FFD3E4}
.spot-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,4vw,60px);align-items:center;position:relative;z-index:2}
.spot .ticks li{color:#F5E3F1}
.spot .ticks li b{color:#fff}
.spot .ticks li::before{background:#fff}
.spot .ticks li::after{border-color:var(--plum)}
.spot-price{display:flex;align-items:baseline;gap:10px;margin:22px 0 6px}
.spot-price .num{font-size:clamp(38px,4vw,54px);font-weight:800;letter-spacing:-.03em;color:#fff;line-height:1}
.spot-price .per{font-size:16px;color:#F0D9EC}
.spot-panel{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:var(--r-card);padding:clamp(20px,2.2vw,30px)}
.spot-panel h3{font-size:19px;margin-bottom:14px}
.panel-note{margin:16px 0 0;padding-top:14px;border-top:1px solid rgba(255,255,255,.14);
font-size:14.5px;line-height:1.6;color:#F0D9EC}
.spot-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.6vw,20px);align-items:stretch}
.plan{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:26px 22px}
.plan-name{font-size:16px;font-weight:800;letter-spacing:-.01em;margin:0 0 6px}
.plan-kind{font-size:13.5px;color:var(--muted);margin:0 0 18px}
.plan-price{display:flex;align-items:baseline;gap:7px;margin-bottom:6px}
.plan-price .num{font-size:34px;font-weight:800;letter-spacing:-.03em;line-height:1}
.plan-price .per{font-size:14.5px;color:var(--muted)}
.plan-note{font-size:14px;color:var(--muted);margin:0 0 20px;min-height:42px}
.plan .ticks{margin-top:0;flex:0 0 auto;margin-bottom:22px}
.plan>.btn.btn-block{margin-top:auto}
.plan .ticks li{font-size:15px}
.plan .btn{margin-top:22px}
.plan-featured{background:var(--plum);border-color:var(--plum);color:#fff;box-shadow:var(--shadow-lift)}
.plan-featured .btn-light{color:var(--plum-deep)}
.plan-featured .plan-kind,.plan-featured .plan-note,.plan-featured .plan-price .per{color:#EBD3E6}
.plan-featured .ticks li{color:#F5E3F1}
.plan-featured .ticks li::before{background:#fff}
.plan-featured .ticks li::after{border-color:var(--plum)}
.plan-flag{display:inline-block;align-self:flex-start;margin-bottom:8px;padding:3px 10px;border-radius:var(--r-pill);background:var(--pink-btn);color:#fff;font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.plan-spacer{height:22px}
.plan-addon{margin:16px 0 0;padding:10px 13px;border-radius:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);font-size:14px;line-height:1.45;color:#F5E3F1}
.plan-addon b{color:#fff;font-weight:800;letter-spacing:-.01em}
.addon{display:flex;align-items:center;gap:clamp(18px,2.4vw,32px);margin-top:clamp(18px,2vw,26px);
padding:clamp(18px,2vw,26px) clamp(20px,2.2vw,30px);border:1px solid var(--line);border-radius:var(--r-card);background:var(--tint-pink)}
.addon-mark{display:flex;align-items:baseline;gap:6px;flex:0 0 auto}
.addon-mark .num{font-size:clamp(28px,3vw,38px);font-weight:800;letter-spacing:-.03em;color:var(--pink-ink);line-height:1}
.addon-mark .per{font-size:14.5px;color:var(--muted)}
.addon-body{max-width:min(100%,34em)}
.addon-body h3{font-size:17px;margin:0 0 6px}
.addon-body p{font-size:15px;color:var(--ink-2);margin:0}
.addon-act{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:16px}
.grid-kicker{display:flex;align-items:center;gap:14px;margin:clamp(26px,2.8vw,38px) 0 clamp(14px,1.6vw,20px);
font-size:13px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.grid-kicker::after{content:"";flex:1 1 auto;height:1px;background:var(--line)}
.feature-grid.feature-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.feature-soft{background:var(--tint-soft);border-style:dashed;border-color:#E9D3DF;box-shadow:none}
.feature-soft h3{font-size:17px}
.plan .btn-block{white-space:nowrap;padding-inline:14px;font-size:15.5px}
.plan-more{margin:10px 0 0;font-size:14.5px;text-align:center;line-height:1.7}
.plan-more a{display:inline-block;padding:13px 6px;margin:-13px -6px;
color:var(--ink-2);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.plan-more a:hover{color:var(--pink-ink)}
.plan-featured .plan-more{color:#F3D9EA}
.plan-featured .plan-more a{color:#FFF1F8}
.plan-featured .plan-more a:hover{color:#fff}
.buybar{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,300px);align-items:center;
gap:clamp(20px,2.6vw,34px);padding:clamp(22px,2.6vw,32px) clamp(22px,2.8vw,36px);
border:1px solid var(--line);border-radius:var(--r-lg);background:var(--tint-soft);box-shadow:var(--shadow-card)}
.buybar-price{display:flex;flex-direction:column;align-items:flex-start;flex:0 0 auto}
.buybar-price .num{font-size:clamp(34px,3.6vw,46px);font-weight:800;letter-spacing:-.03em;color:var(--pink-ink);line-height:1}
.buybar-price .per{font-size:14.5px;color:var(--muted);margin-top:2px}
.buybar-kind{font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-top:8px}
.buybar-copy h2{font-size:clamp(21px,2vw,26px);margin:0 0 8px;letter-spacing:-.02em}
.buybar-copy p{font-size:15.5px;color:var(--ink-2);margin:0}
.buybar-act{text-align:center}
.buybar-act .btn{width:100%}
.buybar-act .fine{font-size:13.5px;color:var(--muted);margin:10px 0 0;line-height:1.6}
@media (max-width:720px){.addon{flex-direction:column;align-items:flex-start;gap:12px}}
.steps-in-hero{margin-top:clamp(30px,3.4vw,46px);padding-top:clamp(26px,2.8vw,38px);border-top:1px solid rgba(250,1,86,.14)}
.steps-in-hero .steps{max-width:1040px;margin-inline:0;align-items:flex-start;justify-content:flex-start}
.steps-in-hero .step{align-items:flex-start}
.steps-in-hero .step-line{margin-top:20px}
.step-text{display:block}
.step-sub{display:block;font-size:14.5px;font-weight:400;color:var(--ink-2);margin-top:3px;max-width:22ch}
.steps{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0;margin-inline:auto;max-width:900px}
.step{display:flex;align-items:center;gap:14px}
.step-dot{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:var(--pink-btn);color:#fff;font-weight:800;font-size:22px;letter-spacing:-.02em;flex:0 0 auto}
.step-label{font-size:16px;font-weight:700;color:var(--ink)}
.step-line{width:clamp(28px,4vw,62px);height:0;border-top:2px dashed var(--pink);margin-inline:16px;flex:0 0 auto}
.faq{display:grid;grid-template-columns:1fr 1px 1fr;gap:clamp(26px,3.4vw,54px)}
.faq .rule{background:var(--line-soft)}
.faq-col>div{margin-bottom:26px}
.faq-col>div:last-child{margin-bottom:0}
.faq h3{font-size:18px;margin-bottom:8px;letter-spacing:-.015em}
.faq p{font-size:16px;color:var(--ink-2);margin:0}
.cta-band{
--art:5.3398;
--band-sky:#DFCEEE;
--band-art:'band-cta.jpg';
background-color:var(--band-sky);
color:#fff;display:flex;align-items:flex-end;
padding-block:clamp(48px,7vw,104px) clamp(56px,5.4vw,80px);
}
.cta-band::after{
content:"";position:absolute;left:0;right:0;bottom:0;z-index:0;pointer-events:none;
height:calc(100vw / var(--art));
background-image:url('/assets/img/band-cta.ca70b741.webp');
background-repeat:no-repeat;background-size:100% auto;background-position:center bottom;
}
.cta-band::before{
content:"";position:absolute;inset:0 38% 0 0;z-index:1;pointer-events:none;
background:linear-gradient(to right,rgba(46,8,40,.86) 0%,rgba(46,8,40,.74) 58%,rgba(46,8,40,0) 100%);
}
.cta-band>.wrap{width:100%;position:relative;z-index:3}
.cta-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px);align-items:center;gap:30px}
.cta-art{align-self:end}
.cta-band h2{color:#fff;max-width:840px;text-shadow:0 2px 18px rgba(20,5,25,.4)}
.cta-band p{color:#FCE9F4;max-width:520px;margin-bottom:20px;text-shadow:0 1px 10px rgba(20,5,25,.5)}
.cta-acts{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px}
.cta-art{justify-self:end;align-self:end;width:auto;position:relative;
margin-bottom:calc(-1 * (clamp(56px,5.4vw,80px) - 26px))}
.cta-art img{display:block;width:auto;height:clamp(250px,26vw,400px);
filter:drop-shadow(-12px 6px 16px rgba(10,2,14,.45))}
.cta-art::after{content:"";position:absolute;left:50%;bottom:clamp(8px,1vw,14px);transform:translateX(-50%);
width:100%;height:clamp(15px,1.7vw,24px);border-radius:50%;
background:radial-gradient(closest-side,rgba(0,0,0,.72),rgba(0,0,0,.3) 60%,rgba(0,0,0,0));z-index:-1}
.foot-brand img{height:auto;width:auto;max-height:28px;max-width:100%}
.foot-bottom{display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between;align-items:center;margin-top:clamp(32px,3.4vw,48px);padding-top:22px;border-top:1px solid var(--line-soft);font-size:15px;color:var(--muted)}
.page-hero::before{
content:"";position:absolute;right:0;bottom:0;width:48%;height:100%;z-index:0;pointer-events:none;
background:url('/assets/img/band-content-m.3956d84a.webp') right bottom / 100% auto no-repeat;
opacity:.5;
-webkit-mask-image:linear-gradient(to right,transparent 0,#000 40%,#000 100%);
mask-image:linear-gradient(to right,transparent 0,#000 40%,#000 100%);
}
.page-hero{
position:relative;isolation:isolate;overflow:hidden;
background:var(--tint-pink);
padding-block:clamp(50px,5.2vw,78px) clamp(48px,5vw,74px);
}
.page-hero.lav{background:var(--tint-lav)}
.page-hero::after{
content:"";position:absolute;left:-4%;right:-4%;bottom:-2px;
height:clamp(30px,3.4vw,54px);background:#fff;
border-radius:50% 50% 0 0 / 100% 100% 0 0;z-index:0;
}
.page-hero>.wrap{position:relative;z-index:1}
.page-hero .crumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14.5px;font-weight:600;margin-bottom:16px}
.page-hero .crumb a{display:inline-block;padding:11px 4px;margin:-11px -4px}
.crumb a{color:var(--pink-ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;padding:2px 0}
.crumb a:hover{text-decoration-thickness:2px}
.crumb [aria-current]{color:var(--ink-2);font-weight:700}
.crumb-sep{color:#C9A9BD}
.page-hero h1{max-width:820px;margin-bottom:16px}
.page-hero .lead{max-width:680px}
.page-hero .btn,.page-hero .report-form{margin-top:28px}
.page-hero .report-form .btn{margin-top:0}
.prose{max-width:760px}
body.doc .prose{max-width:min(100%,34em)}
body.doc .prose h2{margin-top:clamp(34px,3.4vw,48px)}
.prose h2{margin-top:clamp(38px,3.6vw,52px);font-size:clamp(25px,2.4vw,32px)}
.prose h2:first-child{margin-top:0}
.prose h3{margin-top:30px;font-size:20px}
.prose p,.prose li{color:var(--ink-2);max-width:min(100%,33em);font-size:clamp(17px,1.15vw,19.5px);line-height:1.68}
.prose ul{padding-left:44px;margin:18px 0}
.prose li{margin-bottom:10px}
.prose .updated{font-size:14px;color:var(--muted);margin-bottom:28px}
.prose a:not(.btn):not(.tlink){color:var(--pink-ink);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,26px)}
.feature{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:26px 24px}
.feature h3{font-size:19px;margin-bottom:10px}
.feature p{font-size:16px;color:var(--ink-2);margin:0}
.feature .mark{
width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;
margin-bottom:18px;background:var(--tint-pink);color:var(--pink-ink);
box-shadow:inset 0 0 0 1px rgba(250,1,86,.12);
}
.feature .mark svg{width:24px;height:24px}
.feature:nth-child(6n+2) .mark{background:var(--tint-lav);color:#3B2E8F;box-shadow:inset 0 0 0 1px rgba(59,46,143,.12)}
.feature:nth-child(6n+3) .mark{background:#EAF6F1;color:#0E6B4A;box-shadow:inset 0 0 0 1px rgba(14,107,74,.12)}
.feature:nth-child(6n+4) .mark{background:#FDF1E3;color:#8A4B06;box-shadow:inset 0 0 0 1px rgba(138,75,6,.14)}
.feature:nth-child(6n+5) .mark{background:#F1ECFB;color:#5B2E90;box-shadow:inset 0 0 0 1px rgba(91,46,144,.12)}
.feature:nth-child(6n+6) .mark{background:#E9F1FD;color:#0F4C91;box-shadow:inset 0 0 0 1px rgba(15,76,145,.12)}
.feature .mark-num{font-weight:800;font-size:18px;letter-spacing:-.02em}
.feature{transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s linear}
.feature:hover{transform:translateY(-4px);box-shadow:var(--shadow-card);border-color:var(--line-soft)}
.stat-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,24px)}
.stat{background:var(--tint-soft);border:1px solid var(--line-soft);border-radius:var(--r-card);padding:24px}
.stat .k{display:block;font-size:13px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.stat .v{font-size:19px;font-weight:700;color:var(--ink);line-height:1.35}
.cmp{width:100%;border-collapse:collapse;font-size:16px}
.cmp caption{text-align:left;font-size:14px;color:var(--muted);padding-bottom:12px}
.cmp th,.cmp td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line-soft);vertical-align:top}
.cmp thead th{font-size:13.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
.cmp tbody tr:nth-child(even){background:var(--tint-soft)}
.cmp td:first-child{font-weight:700;color:var(--ink)}
.cmp td{color:var(--ink-2)}
.cmp .yes{color:var(--pink-ink);font-weight:800}
.table-scroll{overflow-x:auto}
.contact-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(30px,4vw,64px);align-items:start}
.form-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:clamp(22px,2.6vw,34px)}
.frow{margin-bottom:18px}
.frow label{display:block;font-size:14.5px;font-weight:700;margin-bottom:7px}
.frow input,.frow textarea,.frow select{
width:100%;min-height:50px;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:16px;
}
.frow textarea{min-height:140px;resize:vertical}
.frow input:focus,.frow textarea:focus,.frow select:focus{border-color:var(--pink-btn);outline:3px solid rgba(227,0,80,.14)}
.frow .hint{font-size:13.5px;color:var(--muted);margin:6px 0 0}
.form-note{font-size:13.5px;color:var(--muted);margin-top:16px}
.aside-card{background:var(--tint-soft);border:1px solid var(--line-soft);border-radius:var(--r-lg);padding:clamp(22px,2.4vw,30px)}
.aside-card h3{font-size:18px;margin-bottom:10px}
.aside-card p{font-size:16px;color:var(--ink-2);max-width:min(100%,33em)}
.aside-card+.aside-card{margin-top:18px}
.formmsg{border-radius:12px;padding:14px 16px;font-size:15.5px;font-weight:600;margin-bottom:20px}
.formmsg.ok{background:#E8F7EE;color:#14532D}
.formmsg.bad{background:var(--tint-pink);color:#8C0032}
@media (max-width:1080px){
.foot-grid{grid-template-columns:minmax(0,1fr) repeat(2,minmax(0,1fr))}
.jobs{grid-template-columns:repeat(2,minmax(0,1fr))}
.plans{grid-template-columns:repeat(2,minmax(0,1fr))}
.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:940px){
.nav-main,.nav-sub{display:none}
.burger{display:block}
.site-header.open .nav-main{
display:flex;flex-direction:column;align-items:stretch;gap:2px;margin:0;
position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);
padding:12px var(--gut) 22px;box-shadow:var(--shadow-lift);max-height:calc(100vh - 64px);overflow-y:auto;
}
.site-header.open .nav-main>a,.site-header.open .nav-dd>button{width:100%;justify-content:space-between;min-height:50px;font-size:16.5px}
.site-header.open .nav-dd{width:100%}
.site-header.open .nav-dd .menu{position:static;display:none;box-shadow:none;border:0;padding:0 0 6px 12px;min-width:0}
.site-header.open .nav-dd .menu.open{display:block}
.site-header.open .nav-dd:hover .menu:not(.open){display:none}
.site-header.open .nav-login{margin:10px 0 0;padding:0;border:0}
.hero-grid{min-height:0}
.hero-art{position:static;width:auto;margin:10px 41.6% -6px auto;right:auto;bottom:auto;
display:flex;justify-content:flex-end}
.hero-art img{height:clamp(160px,40vw,210px);max-height:none;min-height:0}
.split,.spot-grid,.contact-grid,.cta-grid{grid-template-columns:1fr}
.split .split-copy{order:-1}
.split.flip .split-copy{order:0}
.split-copy p:not(.eyebrow){font-size:16px;max-width:none}
.cta-art{justify-self:center;margin-top:8px}
.buybar{grid-template-columns:1fr;text-align:left;gap:18px}
.buybar-price{flex-direction:row;align-items:baseline;gap:8px}
.buybar-kind{margin-top:0;align-self:center}
.spot{padding:24px 18px}
.spot-panel{padding:18px 16px}
.spot .ticks{padding-left:16px}
.spot .ticks li{padding-left:25px}
.shot-swap > img{display:none}
.rep-rows,.kpi-rows{display:block}
.page-hero::before{display:none}
.eng-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.never-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.checks{grid-template-columns:1fr}
.looks,.faq{grid-template-columns:1fr;gap:30px}
.looks .rule,.faq .rule{display:none}
.faq-col>div{margin-bottom:24px}
.content-band{background-position:center bottom}
.content-band .box{max-width:none}
.stat-strip{grid-template-columns:1fr}
}
@media (max-width:720px){
body{font-size:16.5px}
.ticks li{font-size:16px;line-height:1.5;margin-bottom:8px}
.section-head.center{text-align:left}
.report-form{flex-direction:column;gap:12px}
.report-form .btn{width:100%}
.jobs,.plans,.feature-grid{grid-template-columns:1fr}
.never-grid{grid-template-columns:1fr}
.checks li{padding:20px 20px 20px 70px}
.checks-n{left:20px;top:20px}
.eng-grid{grid-template-columns:1fr}
.eng{flex-direction:row;align-items:center;gap:14px;flex-wrap:wrap}
.eng-head{flex:1 1 100%}
.feature-grid.feature-grid-2{grid-template-columns:1fr}
.job{min-height:0}
.job-ico{height:88px}
.foot-grid{grid-template-columns:1fr 1fr}
.foot-brand{grid-column:1 / -1}
.steps{flex-direction:column;align-items:flex-start;gap:16px;max-width:360px}
.step-line{width:0;height:30px;border-top:0;border-left:2px solid rgba(250,1,86,.32);margin:0 0 0 22px}
.hero{--art:1.4905;--gline:.1900;padding-bottom:calc(var(--ground) + 14px)}
.hero::before{background-image:url('/assets/img/band-hero-m.0ddd3afb.webp')}
.cta-band{--art:1.8998;--band-sky:#CAC3EF;--band-art:'band-cta-m.jpg';background-color:var(--band-sky);padding-bottom:clamp(96px,24vw,140px)}
.cta-band::after{background-image:url('/assets/img/band-cta-m.527080f0.webp')}
.cta-art img{height:clamp(240px,62vw,320px)}
.cta-art{width:auto;margin-bottom:calc(-1 * (clamp(96px,24vw,140px) - 12px))}
.content-band{--art:1.901;--band-sky:#FBE0EF;--band-art:'band-content-m.jpg';background-color:var(--band-sky);background-image:url('/assets/img/band-content-m.3956d84a.webp')}
.content-band .box{max-width:none;padding-block:clamp(36px,7vw,50px) calc(100vw / var(--art) + 22px)}
.mid-band{--art:1.901;--band-sky:#FEE6F3;--band-art:'band-mid-m.jpg';background-color:var(--band-sky);background-image:url('/assets/img/band-mid-m.20054e99.webp');padding-block:52px calc(100vw / var(--art) + 18px)}
.band + .section{padding-top:54px}
.table-scroll{overflow-x:visible}
.cmp{font-size:16px;display:block}
.cmp caption{display:block;width:100%;text-align:left;padding-bottom:16px}
.cmp thead{display:none}
.cmp tbody,.cmp tr,.cmp td{display:block;width:auto}
.cmp tr{border:1px solid var(--line);border-radius:var(--r-card);padding:12px 14px;margin-bottom:10px;background:#fff}
.cmp tbody tr:nth-child(even){background:var(--tint-soft)}
.cmp td{border:0;padding:0;margin:0}
.cmp td:first-child{display:block;font-size:16.5px;font-weight:700;line-height:1.4;margin-bottom:8px}
.cmp td:not(:first-child){
display:inline-block;margin:0 6px 6px 0;padding:4px 10px;border-radius:999px;
background:var(--tint-pink);font-size:14px;line-height:1.45;color:var(--ink-2);
}
.cmp td:not(:first-child)::before{
content:attr(data-label) ": ";font-weight:800;color:var(--pink-ink);
}
.cmp td:empty{display:none}
}
@keyframes fw-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes fw-in-left{from{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:none}}
@keyframes fox-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes fox-float2{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes step-glow{0%,100%{box-shadow:0 0 0 6px rgba(255,227,238,1)}50%{box-shadow:0 0 0 11px rgba(255,227,238,.45)}}
@keyframes dash-flow{to{background-position:22px 0}}
@media (prefers-reduced-motion:no-preference){
.hero-copy>*{animation:fw-in .5s cubic-bezier(.2,.75,.2,1) both}
.hero-copy>:nth-child(1){animation-delay:.02s}
.hero-copy>:nth-child(2){animation-delay:.08s}
.hero-copy>:nth-child(3){animation-delay:.18s}
.hero-copy>:nth-child(4){animation-delay:.28s}
.hero-copy>:nth-child(5){animation-delay:.36s}
.hero-art{animation:fw-in .7s cubic-bezier(.2,.75,.2,1) .2s both}
.step-dot{animation:step-glow 3.2s ease-in-out infinite}
@media (min-width:721px){
.step-line{background-image:linear-gradient(90deg,var(--pink) 0 11px,transparent 11px 22px);
background-size:22px 2px;background-repeat:repeat-x;background-position:0 0;border-top:0;height:2px;
animation:dash-flow 1.6s linear infinite}
}
html.js .reveal{opacity:0}
html.js .reveal.in{animation:fw-in .62s cubic-bezier(.2,.75,.2,1) both}
html.js .reveal.in.from-left{animation-name:fw-in-left}
html.js .reveal.in:nth-child(2){animation-delay:.07s}
html.js .reveal.in:nth-child(3){animation-delay:.14s}
html.js .reveal.in:nth-child(4){animation-delay:.21s}
html.js .reveal.in:nth-child(5){animation-delay:.28s}
html.js .reveal.in:nth-child(6){animation-delay:.35s}
}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{
animation-duration:.01ms!important;
animation-iteration-count:1!important;
transition-duration:.01ms!important;
scroll-behavior:auto!important}
html{scroll-behavior:auto}
html.js .reveal{opacity:1}
}
@media (min-width:941px){
.nav-main{margin-inline:auto}
}
:root{--header-h:65px}
.site-header{transition:background-color .22s linear,border-color .22s linear,box-shadow .22s linear}
.site-header.is-on-band:not(.open){background:transparent;backdrop-filter:none;border-bottom-color:transparent;box-shadow:none}
html:not(.band-js) .site-header:not(.open):has(+ main > .band:first-child){
background:transparent;backdrop-filter:none;border-bottom-color:transparent;box-shadow:none;
}
main > .band:first-child{margin-top:calc(-1 * var(--header-h,65px))}
.band-header-sentinel{position:absolute;left:0;right:0;height:1px;pointer-events:none}
.brand img{max-height:clamp(18px,4.6vw,26px)}
.cta-signin{
display:inline-flex;align-items:center;min-height:44px;padding:0 2px;
font-size:15px;font-weight:600;color:var(--ink-2);
transition:color .18s linear;
}
.cta-signin:hover{color:var(--pink-ink)}
.hactions{display:flex;align-items:center;gap:18px;flex:0 0 auto}
.hactions .btn{min-height:38px;padding:0 20px;font-size:14px}
.nav-cta{display:none}
@media (max-width:940px){
.hactions{display:none}
.nav-cta{
display:flex;flex-direction:column;align-items:stretch;gap:12px;
width:100%;margin-top:14px;padding-top:16px;border-top:1px solid var(--line-soft);
}
.nav-cta .cta-signin{justify-content:center;min-height:46px;font-size:16px}
.nav-cta .btn{width:100%}
}
.nav-dd .menu.menu-rich{padding:10px}
.nav-dd-product .menu.menu-rich{width:min(392px,calc(100vw - 40px))}
.nav-dd-resources .menu.menu-rich{width:min(348px,calc(100vw - 40px))}
.nav-dd .menu a.menu-item{
display:flex;align-items:flex-start;gap:13px;padding:12px 12px;
border-radius:12px;min-height:44px;
}
.nav-dd .menu a.menu-item + .menu-item{margin-top:2px}
.menu-item-icon{
display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;
margin-top:1px;border-radius:10px;background:var(--tint-pink);color:var(--pink-ink);
transition:background-color .18s linear,color .18s linear;
}
.menu-item-icon svg{width:19px;height:19px}
.menu-item-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.menu-item-title{
display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;
color:var(--ink);transition:color .18s linear;
}
.menu-item-desc{
display:block;font-size:12.5px;font-weight:500;line-height:1.4;color:var(--muted);
}
.menu-item-title .plan-flag.menu-item-flag{
margin:0;padding:2px 8px;font-size:9.5px;letter-spacing:.05em;
}
.nav-dd .menu a.menu-item:hover,
.nav-dd .menu a.menu-item:focus-visible{background:var(--tint-pink)}
.nav-dd .menu a.menu-item:hover .menu-item-title,
.nav-dd .menu a.menu-item:focus-visible .menu-item-title{color:var(--pink-ink)}
.nav-dd .menu a.menu-item:hover .menu-item-icon,
.nav-dd .menu a.menu-item:focus-visible .menu-item-icon{background:var(--pink-btn);color:#fff}
.menu-item-flagship{
background:var(--tint-pink);border:1px solid var(--tint-pink-2);
position:relative;padding-left:14px;
}
.menu-item-flagship::before{
content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;
border-radius:2px;background:var(--pink-btn);
}
.menu-item-flagship .menu-item-icon{background:var(--pink-btn);color:#fff}
.menu-item-flagship:hover,.menu-item-flagship:focus-visible{background:var(--tint-pink-2)}
@media (max-width:940px){
.nav-dd-product .menu.menu-rich,.nav-dd-resources .menu.menu-rich{width:auto}
.nav-dd .menu a.menu-item{padding:10px 8px}
.menu-item-flagship{padding-left:11px}
.menu-item-icon{width:34px;height:34px}
.menu-item-icon svg{width:17px;height:17px}
}
.foot-top{
display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;
gap:18px 32px;padding-bottom:clamp(24px,2.6vw,34px);
}
.foot-brand-link{display:inline-flex;align-items:center;flex:0 0 auto;min-height:44px}
.foot-brand-link img{height:auto;width:auto;max-height:26px;max-width:100%}
.foot-nav{display:flex;flex-wrap:wrap;align-items:center;gap:2px 24px}
.foot-nav a{
display:inline-flex;align-items:center;min-height:44px;
font-size:15px;font-weight:500;color:var(--muted);transition:color .18s linear;
}
.foot-nav a:hover{color:var(--pink-ink)}
.foot-side{display:flex;align-items:center;gap:22px;flex:0 0 auto;margin-left:auto}
.foot-tel{
display:inline-flex;align-items:center;gap:8px;min-height:44px;
font-weight:500;font-size:15.5px;color:var(--muted);transition:color .18s linear;
}
.foot-tel svg{width:18px;height:18px;flex:0 0 auto;color:var(--ink-2)}
.foot-tel:hover{color:var(--pink-ink)}
.foot-social{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}
.foot-social a{display:grid;place-items:center;width:44px;height:44px}
.ico-box{
display:grid;place-items:center;width:36px;height:36px;border-radius:50%;
background:var(--tint-pink);color:var(--pink-ink);
transition:background-color .18s linear,color .18s linear;
}
.foot-social a:hover .ico-box{background:var(--pink-btn);color:#fff}
.foot-social svg{width:16px;height:16px}
.ico-box.is-square{border-radius:9px;background:var(--ink);color:#fff}
.foot-social a:hover .ico-box.is-square{background:var(--pink-btn)}
.ico-box.is-bare{background:transparent;color:var(--ink)}
.foot-social a:hover .ico-box.is-bare{background:transparent;color:var(--pink-ink)}
.foot-copy{font-size:14px;font-weight:500;color:var(--muted);white-space:nowrap}
.foot-legal-links{display:inline-flex;flex-wrap:wrap;gap:2px 14px}
.foot-legal-links a{
display:inline-flex;align-items:center;min-height:44px;
font-size:13px;font-weight:600;color:var(--muted);transition:color .18s linear;
}
.foot-legal-links a:hover{color:var(--pink-ink)}
@media (max-width:720px){
.foot-top{flex-direction:column;align-items:flex-start;gap:16px}
.foot-side{width:100%;flex-wrap:wrap;row-gap:12px}
.foot-bottom{flex-direction:column;align-items:flex-start;gap:6px}
.foot-nav{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));column-gap:28px;row-gap:4px}
}
.foot-brand{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.foot-by{margin:0;font-size:13px;color:var(--muted);line-height:1.3}
.site-footer{padding-block:clamp(22px,2.4vw,30px) 18px}
.foot-top{padding-bottom:clamp(16px,1.8vw,22px)}
.foot-bottom{
margin-top:0;padding-top:14px;border-top:1px solid var(--line-soft);
font-size:13px;
}
.foot-bottom .legal-line{max-width:620px}
@media (min-width:900px){
html .site-footer{padding-block:9px 6px}
html .foot-top{padding-bottom:6px;gap:8px 40px}
html .foot-nav{gap:2px 16px;flex-wrap:nowrap}
html .foot-brand{gap:1px}
html .foot-brand-link img{max-height:18px}
html .foot-brand-link,html .foot-nav a,html .foot-tel{min-height:0}
html .ico-box{width:22px;height:22px}
html .ico-box.is-square{border-radius:5px}
html .ico-box svg{width:11px;height:11px}
html .foot-legal-links{gap:2px 12px}
html .foot-legal-links a{min-height:0;padding-block:1px}
html .foot-bottom{padding-top:6px}
html .foot-bottom .legal-line{font-size:12px;line-height:1.3}
html .site-footer .wrap{max-width:none;padding-inline:clamp(24px,6.6vw,100px)}
}
.hero{
min-height:calc(100vw / var(--art) + clamp(8px,1.6vw,28px));
padding-block:clamp(85px,6vw,96px) var(--pad-b);
display:flex;flex-direction:column;justify-content:flex-end;
}
.hero .lead{max-width:min(100%,31em)}
.trust{
display:flex;flex-wrap:wrap;gap:10px 26px;
margin:14px 0 0;padding:0;list-style:none;
}
.trust li{
display:flex;align-items:center;gap:9px;
font-size:15px;font-weight:600;color:var(--ink-2);
}
.trust-ico{
display:grid;place-items:center;width:26px;height:26px;flex:0 0 auto;
border-radius:8px;background:#fff;color:var(--pink-ink);
box-shadow:0 1px 3px rgba(74,10,52,.14);
}
.trust-ico svg{width:15px;height:15px}
.signpost{
position:absolute;z-index:2;pointer-events:none;
width:clamp(150px,13.2vw,230px);
right:calc(50% - 50vw + 6.7vw);
bottom:calc(-1 * var(--pad-b));
}
.signpost img{display:block;width:100%;height:auto}
@media (max-width:1100px){ .signpost{display:none} }
@media (max-width:860px){
.hero{min-height:calc(100vw / var(--art) + clamp(6px,2vw,20px))}
.trust{gap:8px 18px}
.trust li{font-size:14px}
}
.hero{
--art:3.2544;
--gline:.1000;
--band-sky:#BEB4E9;
--band-art:'band-hero.jpg';
background-color:var(--band-sky);
background-image:linear-gradient(to right,
#C6BAEB 0%,#CAC0EC 12.5%,#C9C2EB 25%,#C5BCEB 37.5%,#BDB3E9 50%,
#B4AFE7 62.5%,#AEABE6 75%,#A9A8E7 87.5%,#A5A6E4 100%);
}
@media (max-width:940px){
.hero{
background-image:
linear-gradient(to bottom, rgba(255,255,255,.88) 0%, rgba(255,255,255,.80) 62%,
rgba(255,255,255,.34) 92%, rgba(255,255,255,0) 100%),
linear-gradient(to right,
#B4BAEA 0%,#BEC1F0 12.5%,#C9CBF5 25%,#D4D7FA 37.5%,#D9DFFD 50%,
#DDE3FE 62.5%,#DBE0FD 75%,#D2D8FA 87.5%,#C5CEF1 100%);
background-size:100% calc(100% - 100vw / var(--art)), 100% 100%;
background-position:left top, left top;
background-repeat:no-repeat, no-repeat;
}
}
@media (max-width:720px){
.hero{
--art:1.4905;
--gline:.1900;
--band-sky:#8993D0;
--band-art:'band-hero-m.jpg';
background-image:
linear-gradient(to bottom, rgba(255,255,255,.88) 0%, rgba(255,255,255,.80) 62%,
rgba(255,255,255,.34) 92%, rgba(255,255,255,0) 100%),
linear-gradient(to right,
#8398D7 0%,#8C99D5 12.5%,#8E98D5 25%,#8C96D3 37.5%,#8A94D1 50%,
#8692D2 62.5%,#8494D5 75%,#8094D7 87.5%,#7592D7 100%);
}
}
@media (min-width:941px){
.hero-copy::before{
content:"";position:absolute;z-index:-1;pointer-events:none;
left:-40px;right:-4%;top:-18px;bottom:-56px;
background:linear-gradient(to bottom, transparent 0, color-mix(in srgb, var(--band-sky) 80%, #fff) 7% 88%, transparent 100%);
-webkit-mask-image:linear-gradient(to right, transparent 0, #000 40px, #000 58%, transparent 88%);
mask-image:linear-gradient(to right, transparent 0, #000 40px, #000 58%, transparent 88%);
}
}
@media (max-width:940px){
.hero-art{position:relative;width:fit-content}
}
.hero{
--pad-b:calc(var(--ground) + clamp(12px,1.3vw,18px));
}
.hero-copy{max-width:min(520px,100%);padding-block:0}
.hero .eyebrow{margin-bottom:8px;color:#8F0032}
.hero .note.is-pink{color:#B8003F}
.hero h1{font-size:clamp(27px,2.9vw,41px);margin-bottom:8px}
.hero .lead{font-size:clamp(14.5px,1.05vw,16.5px);line-height:1.52;margin-bottom:14px;max-width:min(100%,29em)}
.hero .report-form{gap:12px;max-width:460px}
.hero .field input{height:46px;font-size:14.5px;padding-left:42px}
.hero .field .ico{width:16px;height:16px;left:14px}
.hero .report-form .btn{min-height:46px;padding:11px 20px;font-size:14.5px}
.hero .trust{margin-top:10px;gap:7px 18px}
.hero .trust li{font-size:13px}
.hero .trust-ico{width:20px;height:20px}
.hero .trust-ico svg{width:12px;height:12px}
.hero{
--fox:clamp(240px,calc(100vw / 4.8),420px);
--fox-bottom:calc(var(--ground) - var(--pad-b) - 8px);
}
.hero-grid{min-height:max(clamp(200px,17vw,272px), calc(var(--fox) + var(--fox-bottom) + clamp(6px,0.6vw,10px)))}
.hero-art{right:auto;left:calc(50% + 11.7vw - var(--fox) * 0.1917)}
@media (max-width:940px){ .hero-art{right:auto;left:auto} }
@media (min-width:721px) and (max-width:940px){
.hero-art{margin:10px 25% -16px auto}
}
.hero>.note-tr{
top:22% !important;
right:auto !important;
left:calc(50vw + var(--max)/2 - var(--gut) - clamp(130px,24.8vw,357px) + 9px) !important;
}
.hero .band-curve.bottom{height:clamp(22px,2.5vw,36px)}
@media (max-width:860px){
.hero .band-curve.bottom{height:clamp(22px,4.4vw,42px)}
}
@media (min-width:721px) and (max-width:860px){
.hero .band-curve.bottom{height:22px}
}
:root{--film-scroll:120vh}
.hero-film{position:absolute;left:0;bottom:0;z-index:1;pointer-events:none;
width:100%;height:100%;top:0;visibility:hidden}
html.is-film .hero-film,html.is-film-static .hero-film{visibility:visible}
html.is-film .hero-art,html.is-film-static .hero-art{visibility:hidden}
html.is-film .page{position:sticky;top:0}
html.is-film body::after{content:"";display:block;height:var(--film-scroll)}
.hero .note{transition:opacity .35s ease}
.hero.film-away .note{opacity:0}
body.pg-home .site-header,
body.pg-home .site-header.is-on-band:not(.open){
background:transparent;backdrop-filter:none;border-bottom-color:transparent;box-shadow:none;
}
body.pg-home html:not(.band-js) .site-header:not(.open){
background:transparent;backdrop-filter:none;border-bottom-color:transparent;box-shadow:none;
}
body.pg-home .site-header{padding-block:14px 0}
body.pg-home .hrow{
background:rgba(255,255,255,.98);
border-radius:16px;
box-shadow:0 12px 30px -14px rgba(11,27,77,.32),0 2px 6px rgba(11,27,77,.06);
padding-inline:22px;
min-height:60px;
}
body.pg-home .site-header.open .hrow{border-radius:16px 16px 0 0;box-shadow:none}
body.pg-home .site-header.open .nav-main{
background:#fff;border-radius:0 0 16px 16px;box-shadow:0 20px 40px -20px rgba(11,27,77,.35);
}
@media (max-width:940px){
body.pg-home .hrow{padding-inline:14px 10px}
}
body.pg-home .hero{
--art:1.793;
--band-sky:#E3EBFB;
min-height:max(calc(100vw / 1.793),620px);
padding-block:clamp(104px,7.4vw,140px) clamp(48px,4.8vw,72px);
display:block;
background-color:#cfe3f6;
background-image:none;
}
body.pg-home .hero::before{
content:"";position:absolute;inset:0;z-index:0;pointer-events:none;height:auto;
background-image:url('/assets/img/hero-sunny.b617ce7b.webp');
background-repeat:no-repeat;background-size:cover;background-position:74% 68%;
}
body.pg-home .hero::after{
content:"";position:absolute;inset:0 42% 0 0;z-index:1;pointer-events:none;
background:linear-gradient(90deg,rgba(240,246,253,.55) 0%,rgba(240,246,253,.30) 55%,rgba(240,246,253,0) 100%);
}
body.pg-home .hero>.wrap{position:relative;z-index:2}
body.pg-home .hero .band-curve{display:none}
body.pg-home .hero-copy{
position:relative;max-width:min(640px,100%);padding-block:0;
}
body.pg-home .hero .eyebrow{color:var(--pink-ink)}
body.pg-home .hero h1{
margin-top:18px;font-size:clamp(34px,4.6vw,60px);line-height:1.06;
}
body.pg-home .hero h1 .pink{display:block;margin-top:2px}
body.pg-home .hero .lead{
margin-top:18px;font-size:clamp(16px,1.35vw,20px);line-height:1.42;max-width:30em;
}
body.pg-home .hero .report-form{margin-top:26px;max-width:500px;gap:8px}
body.pg-home .hero .field input{height:53px}
body.pg-home .hero .report-form .btn{min-height:53px;font-size:15.5px}
body.pg-home .hero .trust{margin-top:22px}
body.pg-home .hero .note{font-size:clamp(17px,1.3vw,22px)}
@media (max-width:940px){
body.pg-home .hero{
min-height:0;padding-block:96px 0;padding-bottom:clamp(420px,86vw,560px);
background-color:#e6f0fb;
}
body.pg-home .hero::before{background-size:auto clamp(320px,72vw,460px);background-position:92% 100%}
body.pg-home .hero::after{
inset:auto 0 clamp(260px,58vw,380px) 0;height:130px;
background:linear-gradient(#e6f0fb,rgba(230,240,251,0));
}
body.pg-home .hero-copy{max-width:none;padding-inline:2px}
body.pg-home .hero h1{margin-top:12px;font-size:clamp(30px,9vw,40px)}
body.pg-home .hero .lead{max-width:340px}
body.pg-home .hero .report-form{max-width:none;flex-direction:column;gap:10px}
body.pg-home .hero .report-form .btn{width:100%}
}
body.pg-home .stats-bar{position:relative;z-index:3;margin-top:clamp(-56px,-4.4vw,-30px)}
body.pg-home .stats-row{
background:#fff;border-radius:20px;
box-shadow:0 18px 40px -18px rgba(11,27,77,.28),0 2px 6px rgba(11,27,77,.06);
display:grid;grid-template-columns:repeat(4,1fr);
padding:22px 18px;gap:12px;
}
body.pg-home .stat{display:flex;align-items:center;gap:14px;position:relative;padding-inline:10px}
body.pg-home .stat+.stat::before{content:"";position:absolute;left:-6px;top:8px;bottom:8px;width:1px;background:var(--line)}
body.pg-home .stat-dot{
flex:none;width:52px;height:52px;border-radius:50%;background:var(--tint-pink);
display:grid;place-items:center;color:var(--pink-ink);
}
body.pg-home .stat-dot svg{width:24px;height:24px}
body.pg-home .stat b{display:block;font-size:21px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
body.pg-home .stat small{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}
@media (max-width:720px){
body.pg-home .stats-bar{margin-top:-18px}
body.pg-home .stats-row{grid-template-columns:1fr 1fr;row-gap:20px;border-radius:18px;padding:20px 14px}
body.pg-home .stat+.stat::before{display:none}
body.pg-home .stat-dot{width:44px;height:44px}
body.pg-home .stat-dot svg{width:20px;height:20px}
}
body.pg-home .grow-band{background:#fff;padding-block:clamp(64px,7vw,104px)}
body.pg-home .grow-grid{
display:grid;grid-template-columns:minmax(0,440px) minmax(0,600px);
gap:clamp(28px,4vw,56px);align-items:center;
}
body.pg-home .grow-copy h2{margin-top:14px;font-size:clamp(28px,3vw,40px);line-height:1.12}
body.pg-home .grow-copy p{margin-top:16px;font-size:17px;line-height:1.55;color:var(--ink-2)}
body.pg-home .grow-dash{
background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
box-shadow:var(--shadow-lift);padding:18px 18px 14px;
}
body.pg-home .grow-dash-top{display:flex;align-items:center;justify-content:space-between;padding:0 2px 14px;border-bottom:1px solid var(--line-soft);margin-bottom:14px}
body.pg-home .grow-dash-top img{height:16px;width:auto}
body.pg-home .grow-range{
display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--ink-2);
border:1px solid var(--line);border-radius:9px;padding:7px 11px;background:#fff;
}
body.pg-home .grow-range svg{width:12px;height:12px}
body.pg-home .grow-dash-body{display:grid;grid-template-columns:128px 1fr;gap:18px}
body.pg-home .grow-side{list-style:none;display:flex;flex-direction:column;gap:3px;font-size:12px;font-weight:600;color:var(--ink-2)}
body.pg-home .grow-side li{display:flex;align-items:center;gap:10px;padding:8px 9px;border-radius:8px}
body.pg-home .grow-side li svg{width:15px;height:15px;flex:none}
body.pg-home .grow-side li[aria-current]{background:var(--tint-pink);color:var(--pink-ink);font-weight:700}
body.pg-home .grow-main h3{font-size:13px;font-weight:700;margin-bottom:12px}
body.pg-home .grow-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
body.pg-home .grow-metric{border:1px solid var(--line-soft);border-radius:10px;padding:10px 10px 9px}
body.pg-home .grow-metric b{display:block;font-size:15px;font-weight:800}
body.pg-home .grow-metric span{display:block;font-size:12px;color:var(--muted);margin-top:1px}
body.pg-home .grow-metric em{display:flex;align-items:center;gap:5px;font-style:normal;font-size:12px;font-weight:700;color:#1E7A46;margin-top:9px}
body.pg-home .grow-metric em svg{width:12px;height:12px}
body.pg-home .grow-gbp{
margin-top:10px;display:flex;align-items:center;gap:13px;border:1px solid var(--line-soft);
border-radius:10px;padding:9px 12px 9px 9px;transition:border-color .2s,box-shadow .2s;
}
body.pg-home .grow-gbp:hover{border-color:#FFC9D8;box-shadow:0 8px 18px -12px rgba(250,1,86,.4)}
body.pg-home .grow-gbp img{width:56px;height:56px;object-fit:cover;border-radius:8px;flex:none}
body.pg-home .grow-gbp-copy{flex:1;min-width:0}
body.pg-home .grow-gbp strong{display:block;font-size:12.5px;line-height:1.3;font-weight:700}
body.pg-home .grow-gbp p{margin:5px 0 0;font-size:12px;line-height:1.4;color:var(--ink-2)}
body.pg-home .grow-gbp .arw{width:16px;height:16px;flex:none;color:var(--ink)}
@media (max-width:940px){
body.pg-home .grow-grid{grid-template-columns:1fr;gap:32px}
body.pg-home .grow-dash-body{grid-template-columns:1fr}
body.pg-home .grow-side{flex-direction:row;overflow-x:auto;gap:4px;padding-bottom:4px}
body.pg-home .grow-side li{white-space:nowrap}
}
body.pg-home section[aria-labelledby="engines-h"]{background:linear-gradient(180deg,#FBFAFF,#fff)}
body.pg-home .plans-band{background:linear-gradient(180deg,#FFF5F9,#fff)}
body.pg-home .cta-band{
min-height:clamp(460px,34vw,620px);
background-color:#241d14;
align-items:center;
}
body.pg-home .cta-band::after{
height:100%;
background-image:url('/assets/img/cta-sunny.6e0baece.webp');
background-size:cover;background-position:center 70%;
}
body.pg-home .cta-band::before{
inset:0;
background:
linear-gradient(to right,
rgba(9,16,45,.22) 0%,rgba(9,16,45,.34) 12%,rgba(9,16,45,.66) 24%,
rgba(9,16,45,.66) 76%,rgba(9,16,45,.32) 90%,rgba(9,16,45,.10) 100%),
linear-gradient(180deg,rgba(9,16,45,0) 55%,rgba(9,16,45,.30) 100%);
}
body.pg-home .cta-band .eyebrow{display:none}
@media (max-width:860px){
body.pg-home .cta-band{min-height:0}
body.pg-home .cta-band::before{
inset:0;
background:linear-gradient(180deg,rgba(9,16,45,.20) 0%,rgba(9,16,45,.74) 24%,rgba(9,16,45,.74) 64%,rgba(9,16,45,.15) 86%,rgba(9,16,45,0) 100%);
}
}
@media (max-width:720px){
body.pg-home .cta-band::after{background-position:24% 100%}
}
body.pg-home .hero>.note-tr{
top:calc(100vw / 1.793 * .28) !important;
left:calc(66.5vw - 7.4vw - 14px - max(0px, (1440px - 100vw) / 4)) !important;
right:auto !important;
}
.jobs-mini{
list-style:none;margin:18px 0 0;padding:0;
display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 22px;
}
.jobs-mini li{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;row-gap:3px;
align-items:start;align-content:start}
.jobs-mini-ico{display:block;width:29px;height:29px;grid-column:1;grid-row:1;margin:0;color:var(--pink);align-self:start}
.jobs-mini-ico svg{width:100%;height:100%;display:block}
.jobs-mini h3{grid-column:2;grid-row:1}
.jobs-mini p{grid-column:2;grid-row:2}
.jobs-mini h3{font-size:16.5px;margin:0 0 4px;letter-spacing:-.01em;color:var(--ink)}
.jobs-mini p{margin:0;font-size:15px;line-height:1.4;color:var(--ink-2)}
.jobs-card-wrap{position:relative}
.jobs-pill{
position:absolute;top:-14px;right:20px;z-index:5;margin:0;
display:inline-flex;align-items:center;gap:8px;
padding:10px 18px;border-radius:var(--r-pill);background:var(--paper);
box-shadow:var(--shadow-lift);font-size:14px;font-weight:700;color:var(--ink);
transform:rotate(-2deg);
}
.jobs-pill svg{width:16px;height:16px;flex:0 0 auto;color:var(--pink-ink)}
.jobs-card{margin-top:14px;padding:12px 16px 10px}
.jobs-card-brand{margin:0 0 6px;font-size:13px;font-weight:800;letter-spacing:-.01em;color:var(--ink)}
.jobs-card .preview-head{margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--line-soft)}
.jobs-card .preview-head h3{font-size:15.5px}
.jobs-card .preview-head .stamp{margin-bottom:3px}
.jobs-card figcaption{margin-top:8px;font-size:13px;line-height:1.35}
.jobs-card-body{display:grid;grid-template-columns:118px minmax(0,1fr);gap:16px}
.jobs-side ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.jobs-side li{
padding:7px 10px;border-radius:9px;font-size:14px;font-weight:600;
color:var(--ink-2);line-height:1.25;
}
.jobs-side li[aria-current]{background:var(--tint-pink);color:var(--pink-ink);font-weight:700}
.jobs-main{min-width:0}
.jobs-top-row{display:flex;align-items:center;gap:18px;margin-bottom:6px}
.jobs-score{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}
.jobs-score .gauge{width:72px;margin:0}
.jobs-score .gauge-num{font-size:16px}
.jobs-score .gauge-of{font-size:12px}
.jobs-score .score-flag{margin-top:-2px;padding:2px 9px;font-size:12px}
.jobs-card .rep-rows{display:block;padding-top:2px;border-top:1px solid var(--line-soft)}
.jobs-card .rep-row{padding:2px 0;gap:1px 10px}
.jobs-card .rep-name{font-size:12.5px;line-height:1.15}
.jobs-card .rep-score{font-size:13px;line-height:1.1}
.jobs-card .rep-score small{font-size:12px}
.jobs-card .rep-bar{height:5px}
section[aria-labelledby="jobs-h"]{
padding-top:clamp(46px,4.6vw,64px);
padding-bottom:clamp(20px,2vw,28px);
}
section[aria-labelledby="jobs-h"] .eyebrow{font-size:13px;line-height:1.3;margin-bottom:8px}
@media (min-width:941px){
section[aria-labelledby="jobs-h"] .split{
grid-template-columns:clamp(320px,32.8vw,472px) clamp(330px,33.2vw,478px);
}
}
@media (max-width:940px){
.jobs-mini{margin-top:24px}
}
@media (max-width:720px){
.jobs-mini{grid-template-columns:1fr;gap:20px}
.jobs-card-body{grid-template-columns:1fr}
.jobs-side ul{flex-direction:row;flex-wrap:wrap;gap:6px}
.jobs-side li{padding:7px 12px;background:var(--tint-soft)}
.jobs-side li[aria-current]{background:var(--tint-pink)}
.jobs-pill{right:12px;padding:9px 14px;font-size:14px}
.jobs-pill span{max-width:150px}
}
:root{
--star:#F5B400;
}
.engines-pill{
margin:clamp(20px,2.4vw,32px) auto 0;
display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
gap:clamp(14px,2.2vw,30px) clamp(18px,2.6vw,34px);
max-width:1020px;
background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
box-shadow:var(--shadow-card);
padding:clamp(16px,2vw,22px) clamp(20px,3vw,36px);
}
.engines-pill .eng-head{padding-left:0}
.engines-pill .eng-head span{white-space:nowrap}
section[aria-labelledby="engines-h"]{
padding-top:clamp(12px,1.1vw,16px);
padding-bottom:clamp(12px,1.1vw,16px);
}
section[aria-labelledby="engines-h"] .section-head{margin-bottom:10px}
section[aria-labelledby="engines-h"] .eyebrow{font-size:13px;line-height:1.3;margin-bottom:4px}
section[aria-labelledby="engines-h"] .section-head h2{font-size:clamp(24px,2.4vw,32px);margin-bottom:6px}
section[aria-labelledby="engines-h"] .section-head h2+p{font-size:14.5px;line-height:1.4}
section[aria-labelledby="engines-h"] .engines-pill{
margin-top:12px;padding-block:clamp(14px,1.8vw,20px);gap:clamp(16px,2.4vw,32px) clamp(20px,2.8vw,36px);
border:0;
}
section[aria-labelledby="engines-h"] .eng-head{font-size:18px;gap:13px}
section[aria-labelledby="engines-h"] .eng-head span{white-space:normal;line-height:1.18;text-align:left}
section[aria-labelledby="engines-h"].tex-blob::before{
background:
radial-gradient(closest-side, var(--tint-pink) 0%, rgba(253,238,244,0) 74%) 50% 58% / 96% 172% no-repeat,
radial-gradient(closest-side, var(--tint-lav) 0%, rgba(238,241,254,0) 72%) 10% 92% / 26% 40% no-repeat;
opacity:.9;
}
section[aria-labelledby="engines-h"].tex-blob-r.tex-dots::after{
left:clamp(-6px,-1vw,4px);right:auto;top:2px;height:24px;
}
section[aria-labelledby="engines-h"] .wrap{position:relative}
section[aria-labelledby="engines-h"] .wrap::after{
content:"";position:absolute;z-index:-1;pointer-events:none;
top:8px;right:clamp(-6px,-1vw,4px);
width:112px;height:56px;
background-image:radial-gradient(var(--pink) 1.6px, transparent 1.6px);
background-size:15px 15px;
opacity:.28;
}
@media (max-width:720px){
section[aria-labelledby="engines-h"] .wrap::after{display:none}
}
section[aria-labelledby="engines-h"] .note-sm{font-size:16px;line-height:1.2;max-width:150px}
section[aria-labelledby="engines-h"] .note-sm .note-arrow{width:36px;margin-top:3px}
@media (max-width:760px){
.engines-pill{flex-direction:column;align-items:flex-start;gap:16px;border-radius:var(--r-card)}
.engines-pill .eng-head{border-left:0;padding-left:0;width:100%}
}
.review-demo{padding:clamp(12px,1.1vw,16px)}
.review-demo-review{
display:flex;gap:clamp(12px,1.2vw,18px);align-items:flex-start;
background:#fff;border-radius:14px;padding:clamp(12px,1.1vw,16px) clamp(14px,1.3vw,20px);
box-shadow:0 1px 0 var(--line-soft),0 6px 18px rgba(28,20,80,.05);
}
.review-demo-g{flex:0 0 auto;display:block;width:clamp(36px,3vw,44px);height:clamp(36px,3vw,44px)}
.review-demo-g svg{display:block;width:100%;height:100%}
.review-demo-body{flex:1 1 auto;min-width:0}
.review-demo-top{display:flex;align-items:baseline;gap:10px;margin:0 0 3px}
.review-demo-name{font-weight:800;font-size:15px;line-height:1.2;color:var(--ink)}
.review-demo-date{margin-left:auto;font-size:12.5px;color:var(--muted);white-space:nowrap}
.review-demo-stars{display:block;color:var(--star);font-size:16px;letter-spacing:2px;line-height:1.1;margin-bottom:6px}
.review-demo-text{margin:0;font-size:14px;line-height:1.4;color:var(--ink-2)}
.review-demo-ai{
background:var(--tint-lav);border-radius:14px;margin-top:10px;
padding:clamp(12px,1.1vw,16px) clamp(14px,1.3vw,20px) clamp(14px,1.2vw,18px) clamp(40px,3.4vw,50px);
position:relative;
}
.review-demo-ai-label{margin:0 0 5px;font-size:14px;font-weight:800;color:var(--ink)}
.review-demo-ai-label svg{
position:absolute;left:clamp(14px,1.3vw,20px);top:clamp(14px,1.25vw,18px);
fill:none;stroke:var(--ink);stroke-width:2.2;stroke-linecap:round;
}
.review-demo-ai-text{margin:0 0 12px;font-size:14px;line-height:1.45;color:var(--ink-2)}
.review-demo-actions{display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,1.1vw,16px)}
.review-demo-btn{
display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;
padding:0 14px;border-radius:var(--r-pill);font-size:14px;font-weight:700;
user-select:none;pointer-events:none;
}
.review-demo-btn svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
.review-demo-btn.is-edit{background:#fff;color:var(--ink);box-shadow:0 2px 8px rgba(28,20,80,.08),inset 0 0 0 1px var(--line)}
.review-demo-btn.is-post{background:var(--pink-btn);color:#fff;box-shadow:0 6px 16px rgba(233,0,99,.25)}
.note-steps>span[class^="step-"]{display:block}
.note-steps .step-2{padding-left:.9em}
.note-steps .step-3{padding-left:1.8em}
.note-steps{text-align:left}
.note-steps .note-arrow{margin-left:1.2em}
.note-steps .note-sub{margin-top:14px;transform:rotate(-10deg);transform-origin:left}
section[aria-labelledby="reviews-h"]{
padding-top:clamp(40px,4vw,64px);
padding-bottom:clamp(48px,4.6vw,72px);
}
section[aria-labelledby="reviews-h"] .eyebrow{font-size:13px;line-height:1.3;margin-bottom:6px}
section[aria-labelledby="reviews-h"] .split-copy h2{font-size:clamp(24px,2.4vw,32px);margin-bottom:4px}
section[aria-labelledby="reviews-h"] .split-copy h2+p{font-size:15px;line-height:1.45;margin:8px 0 10px}
section[aria-labelledby="reviews-h"] .ticks{margin-top:4px}
section[aria-labelledby="reviews-h"] .ticks li{font-size:15px;line-height:1.35;margin-bottom:9px}
section[aria-labelledby="reviews-h"] .split-copy>.btn{margin-top:18px}
@media (min-width:941px){
section[aria-labelledby="reviews-h"] .split{
grid-template-columns:clamp(340px,29.5vw,460px) clamp(380px,36vw,560px);
column-gap:clamp(40px,5vw,84px);align-items:center;
}
}
.review-badge{
--rt:34%;--rr:3%;
position:absolute;z-index:4;pointer-events:none;
top:var(--rt);right:var(--rr);
width:172px;padding:13px 15px 14px;
background:#fff;border-radius:16px;box-shadow:var(--shadow-card);
transform:rotate(-3deg);text-align:center;
}
.review-badge-stars{display:block;color:var(--star);font-size:19px;letter-spacing:3px;line-height:1;margin-bottom:7px}
.review-badge-quote{
margin:0;font-family:Caveat,'Segoe UI',cursive;font-weight:700;
font-size:19px;line-height:1.22;color:var(--ink);
}
.review-bubble{
--bt:54%;--br:9%;
position:absolute;z-index:4;pointer-events:none;
top:var(--bt);right:var(--br);
display:flex;flex-direction:column;align-items:flex-end;gap:2px;
}
.review-bubble-arrow{display:block;color:var(--pink-btn);opacity:.85}
.review-bubble-arrow path{stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
.review-bubble-dots{
display:flex;align-items:center;justify-content:center;gap:4px;
width:52px;height:38px;border-radius:20px 20px 20px 5px;
background:var(--pink-btn);
}
.review-bubble-dots i{width:5px;height:5px;border-radius:50%;background:#fff;display:block}
@media (max-width:1279px){ .review-badge,.review-bubble{display:none} }
.bleed-panel{margin:0}
.bleed-panel img{
display:block;width:100%;height:100%;
object-fit:cover;object-position:100% 50%;
}
@media (min-width:1181px){
.bleed-panel{
position:absolute;top:0;bottom:0;right:0;
width:clamp(470px,58vw,1180px);
max-width:calc(100% - (50% - min(100%, var(--max))/2 + var(--gut)
+ var(--copy-w) + var(--panel-gap)));
-webkit-mask-image:linear-gradient(to right,transparent 0,#000 clamp(56px,6vw,104px));
mask-image:linear-gradient(to right,transparent 0,#000 clamp(56px,6vw,104px));
}
section[aria-labelledby="picture-h"] .bleed-panel{
aspect-ratio:auto;width:clamp(470px,52vw,1040px);
}
section[aria-labelledby="team-h"] .split,
section[aria-labelledby="picture-h"] .split{
grid-template-columns:minmax(0,var(--copy-w));
}
}
section[aria-labelledby="team-h"]{
--copy-w:clamp(280px,28.5vw,410px);
--panel-gap:clamp(20px,2.4vw,36px);
}
section[aria-labelledby="picture-h"]{
--copy-w:clamp(260px,26vw,374px);
--panel-gap:clamp(20px,2.4vw,36px);
}
section[aria-labelledby="team-h"],
section[aria-labelledby="picture-h"]{--sec-edge:clamp(20px,2.2vw,34px)}
@media (max-width:1180px){
section[aria-labelledby="team-h"] .split,
section[aria-labelledby="picture-h"] .split{grid-template-columns:minmax(0,1fr)}
.bleed-panel{margin-top:clamp(22px,3vw,34px);mask-image:none;-webkit-mask-image:none}
.bleed-panel img{height:auto;aspect-ratio:2060 / 874}
}
section[aria-labelledby="team-h"] .note,
section[aria-labelledby="picture-h"] .note{
font-size:clamp(16px,1.35vw,21px);line-height:1.18;
}
section[aria-labelledby="team-h"] .note-arrow,
section[aria-labelledby="picture-h"] .note-arrow{width:clamp(34px,3vw,48px)}
section[aria-labelledby="team-h"] .note{
left:auto;
right:calc(50% + min(100%, var(--max))/2 - var(--gut) + 12px);
}
section[aria-labelledby="team-h"],
section[aria-labelledby="picture-h"]{--sec-edge:clamp(52px,4.8vw,80px)}
section[aria-labelledby="team-h"]{--copy-w:clamp(300px,30vw,450px);--panel-gap:clamp(16px,1.6vw,28px)}
section[aria-labelledby="picture-h"]{--copy-w:clamp(280px,28vw,420px)}
section[aria-labelledby="team-h"] .split-copy>p:not(.eyebrow),
section[aria-labelledby="picture-h"] .split-copy>p:not(.eyebrow){font-size:15.5px;line-height:1.5}
section[aria-labelledby="team-h"] .split-copy>.btn,
section[aria-labelledby="picture-h"] .split-copy>.btn{margin-top:20px}
section[aria-labelledby="team-h"] .ticks,
section[aria-labelledby="reviews-h"] .ticks{padding-left:12px;margin-top:12px}
section[aria-labelledby="team-h"] .ticks li,
section[aria-labelledby="reviews-h"] .ticks li{font-size:15px;line-height:22px;margin-bottom:8px;padding-left:18px}
section[aria-labelledby="team-h"] .ticks li::before,
section[aria-labelledby="reviews-h"] .ticks li::before{top:2px}
section[aria-labelledby="team-h"] .ticks li::after,
section[aria-labelledby="reviews-h"] .ticks li::after{top:7.5px}
@media (min-width:1181px){
section[aria-labelledby="team-h"] .bleed-panel,
section[aria-labelledby="picture-h"] .bleed-panel{
top:clamp(14px,1.4vw,24px);bottom:clamp(14px,1.4vw,24px);
}
section[aria-labelledby="team-h"] .bleed-panel{
-webkit-mask-image:none;mask-image:none;
border-radius:52% 0 0 48% / 60% 0 0 40%;overflow:hidden;
box-shadow:0 20px 50px rgba(11,20,97,.12);
}
section[aria-labelledby="picture-h"] .bleed-panel{
-webkit-mask-image:linear-gradient(to right,transparent 0,#000 18%),linear-gradient(to bottom,transparent 0,#000 14%);
mask-image:linear-gradient(to right,transparent 0,#000 18%),linear-gradient(to bottom,transparent 0,#000 14%);
-webkit-mask-composite:source-in;mask-composite:intersect;
}
section[aria-labelledby="picture-h"] .bleed-panel img{object-position:70% 55%;mix-blend-mode:multiply}
}
@media (max-width:1180px){
.bleed-panel img{border-radius:18px}
}
@media (min-width:1181px) and (max-width:1439px){
section[aria-labelledby="team-h"] .bleed-panel img{object-position:58% 50%}
section[aria-labelledby="team-h"] .note{max-width:none;white-space:nowrap}
}
@media (min-width:1181px){
section[aria-labelledby="picture-h"] .bleed-panel{
right:auto;left:0;
max-width:calc(50% + min(100%, var(--max))/2 - var(--gut)
- var(--copy-w) - var(--panel-gap));
-webkit-mask-image:linear-gradient(to left,transparent 0,#000 16%),linear-gradient(to bottom,transparent 0,#000 14%);
mask-image:linear-gradient(to left,transparent 0,#000 16%),linear-gradient(to bottom,transparent 0,#000 14%);
}
section[aria-labelledby="picture-h"] .bleed-panel img{object-position:62% 55%}
section[aria-labelledby="picture-h"] .split{justify-content:end}
}
@media (max-width:1180px){ .bleed-panel.panel-team{position:relative} .team-loop{border-radius:18px} }
.team-loop{position:absolute;inset:0;width:100%;height:100%;display:block;
object-fit:cover;object-position:inherit;opacity:0;transition:opacity .4s linear;pointer-events:none}
.team-loop.is-on{opacity:1}
section[aria-labelledby="team-h"] .team-loop{object-position:100% 50%}
@media (min-width:1181px) and (max-width:1439px){
section[aria-labelledby="team-h"] .team-loop{object-position:58% 50%}
}
@media (max-width:720px){
section[aria-labelledby="team-h"],
section[aria-labelledby="picture-h"]{--sec-edge:30px}
}
.device{margin:0;display:block}
.device-screen{
background:#fff;
border:1px solid var(--line);
border-radius:14px 14px 4px 4px;
box-shadow:0 22px 48px -26px rgba(26,12,32,.45), 0 2px 0 rgba(255,255,255,.7) inset;
padding:10px;
overflow:hidden}
.device-base{
height:11px;
margin:0 auto;
width:min(100%, 118%);
background:linear-gradient(180deg,#E7E1EA,#CFC6D6);
border-radius:0 0 12px 12px;
box-shadow:0 10px 18px -12px rgba(26,12,32,.5)}
.device-base::after{
content:"";display:block;width:64px;height:3px;margin:4px auto 0;
border-radius:3px;background:rgba(26,12,32,.18)}
.device figcaption{margin-top:16px;font-size:15px;color:var(--muted);max-width:min(100%,34em)}
.dash{display:grid;grid-template-columns:104px minmax(0,1fr);gap:10px;
background:var(--tint-soft);border-radius:9px;padding:10px}
.dash-side{display:flex;flex-direction:column;gap:5px;padding-right:8px;
border-right:1px solid var(--line)}
.dash-brand{font-weight:800;font-size:13px;letter-spacing:-.01em;margin-bottom:4px}
.dash-nav{font-size:12.5px;color:var(--muted);padding:4px 6px;border-radius:6px;white-space:nowrap}
.dash-nav.is-on{background:var(--tint-pink);color:var(--pink-ink);font-weight:700}
.dash-main{min-width:0;display:flex;flex-direction:column;gap:8px}
.dash-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.dash-title{margin:0;font-size:14px;font-weight:800}
.dash-range{font-size:12px;color:var(--muted);border:1px solid var(--line);
border-radius:999px;padding:2px 9px;white-space:nowrap}
.dash-chart{display:block;width:100%;height:clamp(84px,9vw,124px)}
.dash-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.dash-kpi{background:#fff;border:1px solid var(--line);border-radius:9px;
padding:9px 10px;display:grid;gap:1px;min-width:0}
.dash-n{font-size:clamp(17px,1.5vw,21px);font-weight:800;line-height:1.05;letter-spacing:-.015em}
.dash-l{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dash-up{font-size:12.5px;font-weight:800;color:#0F7A4A}
@media (max-width:720px){
.dash{grid-template-columns:minmax(0,1fr)}
.dash-side{flex-direction:row;flex-wrap:wrap;gap:4px;border-right:0;
border-bottom:1px solid var(--line);padding:0 0 8px}
.dash-brand{width:100%}
.dash-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
.dash-n{font-size:16px}
.dash-l{font-size:12px}
}
.app-caption{display:none}
[data-state="playing"] .app-video-btn{display:none}
.vc{
display:flex;align-items:center;gap:clamp(8px,1vw,14px);
padding:14px clamp(14px,1.6vw,22px) 12px;background:var(--paper);border-top:1px solid var(--line);
}
.vc-btn{
flex:none;display:inline-flex;align-items:center;justify-content:center;
width:44px;height:44px;border:0;border-radius:50%;cursor:pointer;
background:var(--tint-pink);color:var(--pink-ink);transition:transform .2s var(--ease);
}
.vc-btn:hover{transform:scale(1.06)}
.vc-btn svg{width:20px;height:20px}
.vc-play{width:52px;height:52px;background:var(--pink-btn);color:#fff;box-shadow:0 8px 18px rgba(233,0,99,.28)}
.vc-play svg{width:22px;height:22px}
[data-state="playing"] .vc-play .ico-play,
[data-state="paused"] .vc-play .ico-pause{display:none}
.vc-track{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:8px;padding-top:6px}
.vc-range{
--p:0%;-webkit-appearance:none;appearance:none;width:100%;height:10px;margin:0;cursor:pointer;
border-radius:999px;outline-offset:4px;
background:linear-gradient(to right,var(--pink-btn) 0,var(--pink-btn) var(--p),#ECE3F1 var(--p),#ECE3F1 100%);
}
.vc-range::-webkit-slider-thumb{
-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;
background:#fff;border:4px solid var(--pink-btn);box-shadow:0 3px 10px rgba(28,20,80,.25);
}
.vc-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:4px solid var(--pink-btn);box-shadow:0 3px 10px rgba(28,20,80,.25)}
.vc-range::-moz-range-track{background:transparent}
.vc-chapters{display:flex;justify-content:space-between;gap:6px;flex-wrap:wrap}
.vc-chapters button{
border:0;background:none;cursor:pointer;padding:4px 8px;border-radius:999px;
font-family:inherit;font-size:13px;font-weight:600;line-height:1.2;color:var(--ink-2);
}
.vc-chapters button:hover{color:var(--ink);background:var(--tint-soft)}
.vc-chapters button.is-on{color:var(--pink-ink);background:var(--tint-pink)}
.vc-time{flex:none;font-size:14px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;min-width:74px;text-align:right}
@media (max-width:720px){
.vc{flex-wrap:wrap;gap:8px 10px;padding:12px}
.vc-track{order:5;flex-basis:100%}
.vc-time{margin-left:auto}
.vc-chapters{
flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;
-webkit-overflow-scrolling:touch;scrollbar-width:none;
margin:0 -12px;padding:0 12px;
}
.vc-chapters::-webkit-scrollbar{display:none}
.vc-chapters button{flex:0 0 auto;font-size:13px;padding:6px 10px;min-height:32px}
}
.video-band{padding-block:clamp(64px,6.4vw,112px);background:var(--paper)}
.video-band .section-head{margin-bottom:clamp(30px,3.2vw,48px)}
@media (max-width:720px){
.video-band{padding-block:clamp(40px,5vw,56px)}
}
.app-window{
margin:0 auto;max-width:1040px;
border-radius:var(--r-lg);background:var(--paper);
border:1px solid var(--line);box-shadow:var(--shadow-lift);overflow:hidden;
}
.app-bar{
display:flex;align-items:center;gap:7px;height:34px;padding:0 16px;
background:var(--tint-lav);border-bottom:1px solid var(--line);
}
.app-bar span{width:10px;height:10px;border-radius:50%;background:var(--muted);opacity:.28}
.app-screen{position:relative;aspect-ratio:1264 / 640;background:var(--tint-soft);overflow:hidden}
.app-poster,.app-video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}
.app-video{opacity:0}
.is-started .app-video{opacity:1}
@media (prefers-reduced-motion:no-preference){ .app-video{transition:opacity .35s linear} }
.app-video-btn{
position:absolute;z-index:2;
display:inline-flex;align-items:center;gap:8px;
border:0;border-radius:var(--r-pill);cursor:pointer;
background:var(--paper);color:var(--ink);
font-size:14px;font-weight:700;letter-spacing:-.01em;
box-shadow:var(--shadow-card);
transition:transform .25s var(--ease),box-shadow .25s var(--ease);
}
.app-video-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-lift)}
.app-video-btn svg{width:18px;height:18px;flex:none}
[data-state="playing"] .app-video-btn{right:14px;bottom:14px;min-height:38px;padding:8px 14px 8px 12px}
[data-state="paused"] .app-video-btn{
left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);
min-height:58px;padding:14px 24px 14px 20px;font-size:16px;
}
[data-state="paused"] .app-video-btn:hover{transform:translate(-50%,-50%) translateY(-1px)}
[data-state="paused"] .app-video-btn svg{width:22px;height:22px}
[data-state="playing"] .ico-play,
[data-state="paused"] .ico-pause{display:none}
.app-caption{margin:16px auto 0;text-align:center;max-width:min(100%,46em)}
@media (max-width:720px){
.app-window{border-radius:14px}
.app-bar{height:24px;padding:0 12px;gap:5px}
.app-bar span{width:7px;height:7px}
[data-state="playing"] .app-video-btn{right:10px;bottom:10px;min-height:34px;padding:6px 12px 6px 10px;font-size:13px}
[data-state="paused"] .app-video-btn{min-height:50px;padding:12px 20px 12px 16px;font-size:15px}
.app-caption{font-size:14px}
}
@media (max-width:720px){
.pg-autopilot-seo .split-copy .ticks li,
.pg-autopilot-seo .spot-panel .ticks li,
.pg-local-seo .split-copy .ticks li,
.pg-local-seo .spot-panel .ticks li,
.pg-ai-visibility .split-copy .ticks li,
.pg-ai-visibility .spot-panel .ticks li,
.pg-automatic-posts .split-copy .ticks li,
.pg-automatic-posts .spot-panel .ticks li,
.pg-review-replies .split-copy .ticks li,
.pg-review-replies .spot-panel .ticks li{
font-size:15px;
line-height:1.48;
}
}
@media (max-width:720px){
.pg-autopilot-seo .faq-col>div,
.pg-local-seo .faq-col>div,
.pg-ai-visibility .faq-col>div,
.pg-automatic-posts .faq-col>div,
.pg-review-replies .faq-col>div{
background:#fff;
border:1px solid var(--line-soft);
border-left:3px solid var(--pink);
border-radius:var(--r-card);
padding:16px 18px 18px;
margin-bottom:12px;
box-shadow:0 6px 18px rgba(11,27,77,.05);
}
.pg-autopilot-seo .faq-col>div:last-child,
.pg-local-seo .faq-col>div:last-child,
.pg-ai-visibility .faq-col>div:last-child,
.pg-automatic-posts .faq-col>div:last-child,
.pg-review-replies .faq-col>div:last-child{
margin-bottom:0;
}
.pg-autopilot-seo .faq h3,
.pg-local-seo .faq h3,
.pg-ai-visibility .faq h3,
.pg-automatic-posts .faq h3,
.pg-review-replies .faq h3{
font-size:17px;
}
}
@media (max-width:720px){
.pg-autopilot-seo .feature-grid.feature-grid-2,
.pg-local-seo .feature-grid{grid-template-columns:minmax(0,1fr);gap:10px}
.pg-autopilot-seo .feature-grid.feature-grid-2 .feature,
.pg-local-seo .feature-grid .feature{
display:flex;flex-wrap:wrap;align-items:center;
padding:16px 18px;column-gap:14px;row-gap:6px;
}
.pg-autopilot-seo .feature-grid.feature-grid-2 .feature .mark,
.pg-local-seo .feature-grid .feature .mark{
width:36px;height:36px;border-radius:10px;margin-bottom:0;flex:0 0 auto;
}
.pg-autopilot-seo .feature-grid.feature-grid-2 .feature .mark svg,
.pg-local-seo .feature-grid .feature .mark svg{width:19px;height:19px}
.pg-autopilot-seo .feature-grid.feature-grid-2 .feature h3,
.pg-local-seo .feature-grid .feature h3{
font-size:16.5px;margin:0;flex:1 1 calc(100% - 50px);line-height:1.3;
}
.pg-autopilot-seo .feature-grid.feature-grid-2 .feature p,
.pg-local-seo .feature-grid .feature p,
.pg-autopilot-seo .feature-grid.feature-grid-2 .feature .tlink{
font-size:16px;line-height:1.5;flex:1 1 100%;margin:0;
}
}
.pg-automatic-posts .pc-label{
margin:0 0 10px;
font-size:12.5px;
font-weight:800;
letter-spacing:.08em;
text-transform:uppercase;
color:var(--muted);
}
.pg-automatic-posts .post-cadence{
list-style:none;
display:flex;
gap:6px;
margin:0 0 20px;
padding:0;
}
.pg-automatic-posts .post-cadence li{
flex:1 1 0;
display:flex;
align-items:center;
justify-content:center;
height:36px;
border-radius:9px;
background:#fff;
border:1px solid var(--line);
font-size:12.5px;
font-weight:700;
color:var(--muted);
}
.pg-automatic-posts .post-cadence li.is-on{
background:var(--pink);
border-color:var(--pink);
color:#fff;
}
.plan-popular{position:relative;border-color:var(--pink-btn);box-shadow:var(--shadow-card)}
.plan-popular{position:relative}
.plan-popular .plan-flag{position:absolute;top:-11px;right:18px;left:auto;margin:0;z-index:2}
.plans-head{text-align:left;margin-left:0;max-width:none}
.plan .ticks{display:flex;flex-direction:column;flex:1 1 auto;justify-content:space-between}
.plan .ticks li:last-child{margin-bottom:0}
.section.plans-band{padding-block:clamp(14px,1.4vw,18px) clamp(12px,1.2vw,16px)}
.plans-head{
display:flex;align-items:flex-end;justify-content:space-between;gap:20px;
margin-bottom:clamp(6px,0.6vw,8px);
}
.plans-head-copy{max-width:640px}
.plans-head .eyebrow{margin-bottom:2px}
.plans-head h2{margin:0;font-size:clamp(19px,1.6vw,23px)}
.plans-billing{
flex:0 0 auto;display:inline-flex;align-items:center;height:36px;
padding:0 16px;border-radius:var(--r-pill);background:var(--pink-btn);
color:#fff;font-size:13px;font-weight:800;letter-spacing:-.01em;
white-space:nowrap;
}
.plans{gap:8px}
.plan{padding:6px 11px}
.plan-name{font-size:12.5px;margin-bottom:1px}
.plan-kind{font-size:12px;margin:0 0 3px}
.plan-price{margin-bottom:1px}
.plan-price .num{font-size:20px}
.plan-price .per{font-size:12px}
.plan-note{margin:0 0 3px;min-height:0;font-size:12px;line-height:1.2}
.plan .ticks{margin:12px 0 4px}
.plan .ticks li{
font-size:12px;line-height:1.25;padding-left:9px;margin-bottom:2px;letter-spacing:-.012em;
}
.plan .ticks li::before{display:none}
.plan .ticks li::after{left:0;top:.3em;width:5.4px;height:2.8px;border-width:0 0 1.7px 1.7px;
border-color:var(--pink);transform:rotate(-45deg)}
.plan-featured .ticks li::after{border-color:#fff}
.plan>.btn.btn-block{margin-top:6px;min-height:44px;padding:6px 12px;font-size:12.5px}
.plan-flag{font-size:12px;padding:3px 9px}
@media (max-width:939px){
.plans-head{flex-direction:column;align-items:flex-start;gap:12px}
.plans-billing{align-self:flex-start}
}
@media (max-width:720px){
.plans{gap:18px}
.plan{padding:24px 22px}
.plan-name{font-size:20px;margin-bottom:5px}
.plan-kind{font-size:14px;margin:0 0 12px}
.plan-price{margin-bottom:8px}
.plan-price .num{font-size:34px}
.plan-price .per{font-size:14.5px}
.plan-note{margin:0 0 16px;min-height:0;font-size:15px;line-height:1.45}
.plan .ticks{margin:12px 0 18px}
.plan .ticks li{
font-size:15.5px;line-height:1.5;padding-left:26px;margin-bottom:9px;letter-spacing:normal;
}
.plan .ticks li::after{left:2px;top:.42em;width:9px;height:5px;border-width:0 0 2.2px 2.2px}
.plan>.btn.btn-block{margin-top:8px;min-height:50px;padding:10px 16px;font-size:16.5px}
.plan-flag{font-size:13px;padding:5px 13px}
.plan-addon{font-size:15px;line-height:1.5}
}
.faq-head{
display:flex;align-items:flex-end;justify-content:space-between;gap:20px;
margin:0 0 clamp(6px,0.6vw,8px);
}
.faq-head h2{margin:0}
.faq-head .tlink{flex:0 0 auto}
.section.faq-band{padding-block:clamp(12px,1.2vw,16px) clamp(10px,1vw,14px)}
.acc-faq .faq-col{display:flex;flex-direction:column;gap:5px}
@media (max-width:940px){ .acc-faq{gap:5px} }
.acc-item{
border:1px solid var(--line-soft);border-radius:12px;background:#fff;
padding:6px 12px;
}
.acc-q{
display:flex;align-items:center;justify-content:space-between;gap:16px;
min-height:0;padding:5px 0 2px;list-style:none;
font-size:16px;font-weight:800;letter-spacing:-.015em;color:var(--ink);
}
.acc-q::-webkit-details-marker{display:none}
.acc-item[open] .acc-q{color:var(--pink-ink)}
.acc-a{margin:0 0 5px;padding-right:0}
.acc-a p{margin:0;font-size:13.5px;color:var(--ink-2);line-height:1.32}
@media (max-width:940px){
.faq-head{flex-direction:column;align-items:flex-start;gap:10px}
}
.acc-item > .acc-q{cursor:default;pointer-events:none}
.acc-item > .acc-q::marker,
.acc-item > .acc-q::-webkit-details-marker{display:none;content:""}
.acc-item[open] > .acc-q{color:var(--ink)}
.acc-item > .acc-a{margin-bottom:5px}
.section.faq-band{padding-block:clamp(64px,6vw,104px)}
.section.plans-band{padding-block:clamp(56px,5vw,88px)}
.faq-head{align-items:flex-end;margin-bottom:clamp(22px,2.2vw,32px)}
.faq-head .eyebrow{margin-bottom:6px}
.faq-head h2{font-size:clamp(28px,2.8vw,40px)}
.faq-lede{margin:8px 0 0;max-width:560px;font-size:16px;line-height:1.5;color:var(--ink-2)}
.acc-faq .faq-col{gap:14px}
@media (max-width:940px){ .acc-faq{gap:14px} }
.acc-item{padding:16px 20px 16px 22px;border-radius:16px;box-shadow:0 8px 24px rgba(28,20,80,.06);position:relative}
.acc-item::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:4px;border-radius:0 4px 4px 0;background:var(--pink)}
.acc-q{font-size:17.5px;padding:0 0 6px}
.acc-a p{font-size:15px;line-height:1.55}
.acc-a p a{color:var(--pink-ink);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.acc-item > .acc-a{margin-bottom:0}
@media (max-width:720px){
.pg-pricing .pg-plans-head{margin-bottom:22px}
.pg-pricing .pg-plans-head p:last-child{margin-top:8px}
}
@media (max-width:720px){
.pg-pricing .feature-grid-2{gap:10px}
.pg-pricing .feature-grid-2 .feature{
display:flex;flex-wrap:wrap;align-items:center;
padding:16px 18px;column-gap:14px;row-gap:4px;
}
.pg-pricing .feature-grid-2 .feature .mark{
width:36px;height:36px;border-radius:10px;margin-bottom:0;flex:0 0 auto;
}
.pg-pricing .feature-grid-2 .feature .mark svg{width:19px;height:19px}
.pg-pricing .feature-grid-2 .feature h3{
font-size:16.5px;margin:0;flex:1 1 calc(100% - 50px);line-height:1.3;
}
.pg-pricing .feature-grid-2 .feature p{
font-size:16px;line-height:1.5;flex:1 1 100%;margin:0;
}
}
@media (max-width:720px){
.pg-pricing .addon + .fine{margin-bottom:10px}
}
.pg-report .rv-empty{display:none}
@media (max-width:900px){
.pg-report .rv-empty:not([hidden]){
display:flex;flex-direction:column;align-items:center;
max-width:360px;margin:0 auto clamp(48px,12vw,90px);padding:0 20px;text-align:center;
}
.pg-report .rv-empty-art{
width:60px;height:60px;margin-bottom:16px;border-radius:50%;
display:flex;align-items:center;justify-content:center;
background:var(--tint-pink);color:var(--pink-ink);
box-shadow:inset 0 0 0 1px rgba(250,1,86,.12);
}
.pg-report .rv-empty-art svg{width:26px;height:26px}
.pg-report .rv-empty-sub{font-size:15px;color:var(--muted);margin:0 0 20px}
.pg-report .rv-empty .btn{width:100%}
}
.pg-resources-ai .ai-logos{
list-style:none;margin:clamp(22px,2.6vw,30px) 0 0;padding:0;
display:flex;flex-wrap:wrap;justify-content:center;gap:10px;
}
.pg-resources-ai .ai-logos li{
display:flex;align-items:center;gap:10px;
background:#fff;border:1px solid var(--line-soft);border-radius:999px;
padding:8px 18px 8px 8px;box-shadow:var(--shadow-card);
}
.pg-resources-ai .ai-logos img{
width:32px;height:32px;border-radius:8px;flex:0 0 auto;display:block;max-width:none;
}
.pg-resources-ai .ai-logos span{font-size:15px;font-weight:800;color:var(--ink);letter-spacing:-.01em}
@media (max-width:480px){
.pg-resources-ai .ai-logos{gap:8px}
.pg-resources-ai .ai-logos li{padding:7px 14px 7px 7px}
.pg-resources-ai .ai-logos img{width:28px;height:28px}
.pg-resources-ai .ai-logos span{font-size:14.5px}
}
.pg-resources-cq .brief-out{font-size:16px;line-height:1.6}
.pg-about .pg-about-team-photo{display:none}
@media (max-width:940px){
.pg-about .pg-about-team-photo{
display:block;margin:0 0 18px;border:1px solid var(--line-soft);
border-radius:var(--r-card);overflow:hidden;background:var(--tint-soft);
}
.pg-about .pg-about-team-photo::before{
content:"";display:block;aspect-ratio:2060/874;
background:url('/assets/img/team-panel.6bcc22f6.webp') center/contain no-repeat;
}
.pg-about .pg-about-team-photo figcaption{
padding:13px 18px;font-size:14.5px;font-weight:600;color:var(--ink-2);
}
}
@media (max-width:720px){
.pg-contact .pg-contact-top{display:flex;flex-direction:column}
.pg-contact .pg-contact-top .pg-contact-form-sec{order:1;padding-top:clamp(34px,3.4vw,50px)}
.pg-contact .pg-contact-top .pg-contact-quick-sec{order:2;padding-top:48px}
}
.pg-privacy .pg-legal-jump,.pg-terms .pg-legal-jump{display:none}
@media (max-width:760px){
.pg-privacy .pg-legal-jump,.pg-terms .pg-legal-jump{
display:block;background:var(--tint-soft);border:1px solid var(--line-soft);
border-radius:var(--r-card);padding:16px 20px 4px;margin:22px 0 8px;
}
.pg-privacy .pg-legal-jump-label,.pg-terms .pg-legal-jump-label{
margin:0 0 4px;font-size:12.5px;font-weight:800;letter-spacing:.09em;
text-transform:uppercase;color:var(--muted);
}
.pg-privacy .pg-legal-jump ul,.pg-terms .pg-legal-jump ul{
list-style:none;margin:0;padding:0;
}
.pg-privacy .pg-legal-jump li,.pg-terms .pg-legal-jump li{border-top:1px solid var(--line-soft)}
.pg-privacy .pg-legal-jump a,.pg-terms .pg-legal-jump a{
display:flex;align-items:center;justify-content:space-between;gap:10px;
min-height:44px;padding:12px 2px;font-size:15.5px;font-weight:700;
color:var(--ink);text-decoration:none;
}
.pg-privacy .pg-legal-jump a .arw,.pg-terms .pg-legal-jump a .arw{
flex:0 0 auto;width:16px;height:12px;opacity:.55;
}
.pg-privacy .pg-legal-jump a:active,.pg-terms .pg-legal-jump a:active{color:var(--pink-ink)}
.pg-privacy .prose h2[id],.pg-terms .prose h2[id]{scroll-margin-top:80px}
}
.cta-grid{grid-template-columns:minmax(0,300px) minmax(0,1fr)}
.cta-art{justify-self:start}
.cta-band .cta-copy{min-width:0}
.cta-band h2{text-wrap:balance}
.cta-band p{color:#FCE9F4;max-width:min(100%,33em);margin-bottom:14px}
.cta-band .report-form{margin-top:16px;max-width:600px}
.cta-band::before{inset:0;
background:linear-gradient(to right,
rgba(24,10,48,.18) 0%,
rgba(24,10,48,.30) 12%,
rgba(24,10,48,.62) 24%,
rgba(24,10,48,.62) 72%,
rgba(24,10,48,.26) 88%,
rgba(24,10,48,.04) 100%)}
.trust-dark li{color:#FEF0F8}
.trust-dark .trust-ico{background:rgba(255,255,255,.14);color:#fff;box-shadow:none}
@media (max-width:860px){
.cta-grid{grid-template-columns:1fr}
.cta-band::before{inset:0;
background:linear-gradient(to bottom,rgba(24,10,48,.62) 0%,rgba(24,10,48,.58) 55%,rgba(24,10,48,.30) 78%,rgba(24,10,48,.12) 100%)}
.cta-art{justify-self:center;order:2}
.cta-band .cta-copy{order:1}
.cta-band .report-form{max-width:none}
}
.cta-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:10px;max-width:780px}
.cta-foot .trust{font-size:13.5px;gap:6px 16px}
.cta-foot .trust li{gap:7px}
.cta-foot .trust{margin:0}
.cta-alt{margin:0}
.cta-alt:empty{display:none}
@media (min-width:721px){
.cta-band{
--art:5.3398;
--gline:.0097;
--band-sky:#DFCEEE;
--band-art:'band-cta.jpg';
background-color:var(--band-sky);
background-image:linear-gradient(to right,
#BDB8E8 0%,#C8BDE9 12.5%,#D3C3EC 25%,#DBCAEF 37.5%,#E0CFEF 50%,
#EEDDF2 62.5%,#EDDBF2 75%,#DCCBEF 87.5%,#D3C3EC 100%);
}
}
@media (max-width:720px){
.cta-band{
--band-sky:#CAC3EF;
background-image:linear-gradient(to right,
#B7B6E9 0%,#BDB9EB 12.5%,#C4BCEC 25%,#C8C0ED 37.5%,#CAC3EF 50%,
#CEC5F1 62.5%,#D7CAF3 75%,#D6CAF3 87.5%,#CDC4EF 100%);
}
.cta-band::before{inset:0;
background:linear-gradient(to bottom,rgba(24,10,48,.54) 0%,rgba(24,10,48,.52) 55%,rgba(24,10,48,.30) 78%,rgba(24,10,48,.12) 100%)}
}
@media (min-width:721px){
.cta-band{padding-block:clamp(24px,2.0vw,28px) clamp(24px,2.0vw,28px)}
.cta-band h2{font-size:clamp(24px,2.15vw,30px);margin-bottom:8px;max-width:min(100%,700px)}
.cta-band p{font-size:15px;line-height:1.5;margin-bottom:8px}
.cta-band .report-form{margin-top:10px}
.cta-art img{height:var(--cta-fox);max-width:none}
.cta-art{overflow:visible}
.cta-art img{margin-left:calc(200px - var(--cta-fox) * 1.052)}
.cta-grid{grid-template-columns:minmax(0,200px) minmax(0,1fr);--cta-fox:clamp(150px,15.9vw,310px)}
.cta-art{margin-bottom:calc(-1 * (clamp(24px,2.0vw,28px) - 10px))}
.cta-alt .tlink{min-height:0;font-size:14px}
}
.foot-nav{gap:2px 14px}
.foot-top{gap:16px 24px}
.foot-side{gap:14px}
@media (min-width:940px){
.site-footer{padding-block:10px 8px}
.foot-top{padding-bottom:8px}
.foot-brand-link,.foot-nav a,.foot-tel,.foot-legal-links a{min-height:0}
.foot-nav a,.foot-legal-links a{padding-block:1px;font-size:13.5px}
.foot-tel{font-size:13.5px}
.foot-social a{width:26px;height:26px}
.foot-social svg{width:12px;height:12px}
.foot-brand{gap:1px}
.foot-by{margin:0;font-size:12px}
.foot-copy{font-size:12.5px}
.foot-bottom{margin-top:0;padding-top:6px;font-size:12px}
.foot-legal-links{gap:1px 12px}
}
@media (max-width:860px){
.cta-grid{grid-template-columns:1fr}
}
@media (min-width:721px){
.cta-band{padding-top:clamp(84px,7vw,112px);padding-bottom:clamp(48px,4.4vw,72px)}
}
.cta-fade{position:absolute;left:0;right:0;top:0;height:clamp(90px,8vw,130px);z-index:2;pointer-events:none;
background:linear-gradient(to bottom,#fff 0%,rgba(255,255,255,.85) 25%,rgba(255,255,255,.4) 60%,rgba(255,255,255,0) 100%)}
.cta-band .band-curve.bottom{z-index:2}
.cta-film{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;pointer-events:none;visibility:hidden}
html.is-cta-film .cta-film{visibility:visible}
html.is-cta-film .cta-art{visibility:hidden}
:root{--cta-scroll:0px;--cta-hold-top:0px}
html.is-cta-film .page-body{position:sticky;top:var(--cta-hold-top)}
html.is-cta-film .page::after{content:"";display:block;height:var(--cta-scroll)}
.rsm{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:16px}
.rsm[hidden]{display:none}
.rsm-back{position:absolute;inset:0;background:color-mix(in srgb,var(--ink) 62%,transparent);backdrop-filter:blur(3px)}
.rsm-box{
position:relative;width:min(600px,100%);max-height:94vh;overflow:auto;
padding:26px 22px 24px;border-radius:var(--r-lg);background:var(--paper);
box-shadow:0 40px 90px color-mix(in srgb,var(--ink) 42%,transparent);
animation:rsm-in .22s ease-out;
}
@keyframes rsm-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.rsm-top{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-right:44px}
.rsm-top img{width:132px;height:auto}
.rsm-top span{color:var(--muted);font-size:12.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
@media (max-width:479px){ .rsm-top span{display:none} }
.rsm-x{
position:absolute;top:8px;right:8px;width:44px;height:44px;display:grid;place-items:center;
border:0;border-radius:50%;background:var(--tint-soft);color:var(--ink-2);
font-size:22px;line-height:1;cursor:pointer;transition:background .15s,color .15s;
}
.rsm-x:hover{background:var(--tint-pink);color:var(--pink-ink)}
.rsm h3{margin:0;font-size:clamp(21px,2.4vw,27px);line-height:1.14;font-weight:800;letter-spacing:-.025em}
.rsm .rsm-sub{margin:9px 0 0;color:var(--ink-2);font-size:16px;line-height:1.5}
.rsm-field{display:block;margin-top:15px}
.rsm-field>span{display:block;margin-bottom:7px;color:var(--ink);font-size:14px;font-weight:700}
.rsm-field input{
width:100%;height:54px;padding:0 16px;border:1.5px solid var(--line);
border-radius:14px;background:var(--tint-soft);color:var(--ink);font:inherit;font-size:16px;
}
.rsm-field input:focus{
outline:0;border-color:var(--pink-btn);background:var(--paper);
box-shadow:0 0 0 4px color-mix(in srgb,var(--pink-btn) 16%,transparent);
}
.rsm-more{
display:inline-flex;align-items:center;min-height:44px;
margin:9px 0 0;border:0;background:none;padding:0;color:var(--pink-ink);
font:inherit;font-size:14.5px;font-weight:700;cursor:pointer;
text-decoration:underline;text-underline-offset:3px;
}
.rsm-extra[hidden]{display:none}
.rsm .rsm-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.rsm .btn{width:100%;margin-top:18px}
.rsm .btn[disabled]{opacity:.62;cursor:default}
.rsm-note{display:block;margin-top:13px;color:var(--muted);font-size:13.5px;line-height:1.5;text-align:center}
.rsm-note a{color:var(--pink-ink);font-weight:700}
.rsm-err{
margin:15px 0 0;padding:12px 14px;border-radius:12px;
background:var(--tint-pink);color:var(--pink-ink);font-size:14.5px;font-weight:600;line-height:1.45;
}
.rsm-err[hidden]{display:none}
.rsm-meta{
display:flex;align-items:baseline;justify-content:space-between;gap:12px;
margin-top:16px;color:var(--muted);font-size:13.5px;font-weight:700;
}
.rsm-meta b{color:var(--ink);font-size:14.5px}
.rsm-shot{
position:relative;margin-top:10px;overflow:hidden;border:1px solid var(--line);
border-radius:16px;background:var(--paper);aspect-ratio:16/9;
}
.rsm-chrome{
position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;gap:6px;
height:30px;padding:0 12px;background:var(--tint-soft);border-bottom:1px solid var(--line);
}
.rsm-chrome i{width:8px;height:8px;border-radius:50%;background:var(--line)}
.rsm-chrome i:first-child{background:color-mix(in srgb,var(--pink) 34%,var(--paper))}
.rsm-chrome span{
margin-left:8px;padding:2px 10px;border-radius:var(--r-pill);background:var(--paper);
color:var(--muted);font-size:12px;font-weight:700;
max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.rsm-skel{position:absolute;inset:30px 0 0;padding:18px 16px;display:grid;align-content:start;gap:12px}
.rsm-skel span{
display:block;height:14px;border-radius:8px;
background:linear-gradient(90deg,var(--tint-soft) 25%,var(--paper) 37%,var(--tint-soft) 63%);
background-size:400% 100%;animation:rsm-shim 1.4s ease-in-out infinite;
}
.rsm-skel span:first-child{height:40px;width:55%}
.rsm-skel span:nth-child(3){width:82%}
.rsm-skel span:last-child{width:64%}
@keyframes rsm-shim{0%{background-position:100% 0}100%{background-position:0 0}}
.rsm-shot img{
position:absolute;inset:30px 0 0;width:100%;height:calc(100% - 30px);
object-fit:cover;object-position:top center;animation:rsm-in .5s ease-out;
}
.rsm-scan{
position:absolute;left:0;right:0;height:38%;
background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--pink) 22%,transparent));
animation:rsm-scan 2.4s ease-in-out infinite;
}
@keyframes rsm-scan{0%{top:-38%}100%{top:100%}}
.rsm-shot.has .rsm-scan,.rsm-shot.has .rsm-skel{display:none}
.rsm-shotcap{
position:absolute;left:0;right:0;bottom:0;z-index:2;padding:8px 12px;
background:linear-gradient(0deg,color-mix(in srgb,var(--ink) 78%,transparent),transparent);
color:var(--paper);font-size:12.5px;font-weight:700;
}
.rsm-bar{height:8px;margin-top:15px;overflow:hidden;border-radius:var(--r-pill);background:var(--tint-pink)}
.rsm-bar i{
display:block;width:6%;height:100%;border-radius:var(--r-pill);background:var(--pink-btn);
transition:width .6s cubic-bezier(.2,.75,.2,1);
}
.rsm-live{display:flex;align-items:center;gap:10px;margin:13px 0 0;color:var(--ink);font-size:15.5px;font-weight:700}
.rsm-live i{
width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:var(--pink-btn);
animation:rsm-pulse 1.1s ease-in-out infinite;
}
@keyframes rsm-pulse{50%{opacity:.25}}
.rsm-feedhead{
display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:17px 0 0;
color:var(--ink);font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
}
.rsm-feed{
display:grid;gap:9px;max-height:176px;overflow:auto;margin:9px 0 0;padding:0;
list-style:none;scrollbar-width:thin;
}
.rsm-feed li{
display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;
color:var(--ink-2);font-size:14.5px;font-weight:600;line-height:1.4;
animation:rsm-fd .45s ease-out both;
}
.rsm-feed li b{
display:grid;place-items:center;width:20px;height:20px;margin-top:1px;border-radius:50%;
background:var(--pink-btn);color:var(--paper);font-size:11px;font-weight:800;
}
.rsm-feed.rsm-feed-over{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 34px);mask-image:linear-gradient(to bottom,transparent,#000 34px)}
@keyframes rsm-fd{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.rsm .rsm-second{
display:block;width:100%;height:52px;margin-top:12px;border:1.5px solid var(--line);
border-radius:var(--r-pill);background:var(--paper);color:var(--ink);
font:inherit;font-size:15.5px;font-weight:700;line-height:48px;text-align:center;cursor:pointer;
}
.rsm .rsm-second:hover{border-color:var(--pink-btn);color:var(--pink-ink)}
.rsm-done-top{display:flex;align-items:center;gap:18px}
.rsm-done-top>div:last-child{min-width:0}
.rsm-ring{position:relative;width:104px;height:104px;flex:0 0 auto}
.rsm-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.rsm-ring .trk{fill:none;stroke:var(--tint-pink);stroke-width:9}
.rsm-ring .prg{fill:none;stroke:var(--pink-btn);stroke-width:9;stroke-linecap:round;stroke-dasharray:264;stroke-dashoffset:264}
.rsm-ring .num{
position:absolute;inset:0;display:grid;place-content:center;text-align:center;
font-weight:800;font-size:30px;line-height:1;letter-spacing:-.03em;
}
.rsm-ring .num small{display:block;margin-top:3px;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:0}
.rsm-biz{margin:5px 0 0;color:var(--muted);font-size:14px;line-height:1.45;word-break:break-word}
.rsm-first{
margin:18px 0 0;padding:17px 17px 15px;border:1px solid var(--line);
border-radius:16px;background:var(--tint-pink-2);
}
.rsm-first[hidden]{display:none}
.rsm-first h4{margin:0;color:var(--ink);font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.rsm-first ul{margin:12px 0 0;padding:0;display:grid;gap:11px;list-style:none}
.rsm-first ul li{
position:relative;padding-left:21px;color:var(--ink-2);font-size:15px;
font-weight:600;line-height:1.45;text-wrap:pretty;
}
.rsm-first ul li::before{content:'';position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:var(--pink-btn)}
.rsm-first ul li b{display:block;color:var(--ink);font-size:13px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
.rsm-first p{margin:13px 0 0;color:var(--muted);font-size:13.5px;font-weight:700;line-height:1.45}
.rsm-pill{
position:fixed;right:18px;bottom:18px;z-index:119;display:flex;align-items:center;gap:10px;
padding:13px 19px;border:0;border-radius:var(--r-pill);background:var(--ink);color:var(--paper);
font:inherit;font-size:14.5px;font-weight:700;cursor:pointer;
box-shadow:0 18px 40px color-mix(in srgb,var(--ink) 45%,transparent);
}
.rsm-pill[hidden]{display:none}
.rsm-pill i{width:9px;height:9px;border-radius:50%;background:var(--pink);animation:rsm-pulse 1.1s ease-in-out infinite}
@media (min-width:1200px){
.rsm-box{width:min(680px,100%);padding:32px 32px 30px}
}
@media (min-width:900px){
.rsm[data-state="run"] .rsm-box{width:min(1040px,100%);padding:24px 30px}
.rsm[data-state="run"] .rsm-top{margin-bottom:12px}
.rsm[data-state="run"] h3{font-size:25px}
.rsm[data-state="run"] .rsm-meta{margin-top:10px}
.rsm-run{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px}
.rsm-run-b{display:flex;flex-direction:column;contain:size}
.rsm-run-b .rsm-feedhead{margin-top:10px}
.rsm-run-b .rsm-feed{flex:1 1 auto;min-height:0;max-height:none}
.rsm-run-b .rsm-second{flex:0 0 auto}
}
@media (max-width:640px){
.rsm{padding:0;place-items:stretch}
.rsm-box{width:100%;max-height:100dvh;min-height:100dvh;border-radius:0;padding:20px 18px 28px}
.rsm-shot{aspect-ratio:16/10}
.rsm-feed{max-height:150px}
.rsm-done-top{gap:14px}
.rsm-ring{width:86px;height:86px}
.rsm-ring .num{font-size:25px}
.rsm-pill{right:12px;bottom:12px;left:12px;justify-content:center}
}
.fr-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,470px);gap:clamp(28px,4vw,56px);align-items:start}
.fr-copy h1{max-width:none;margin-bottom:16px}
.fr-copy h1 .pink,.fr-sample h2 .pink{color:var(--pink-ink);display:block}
.fr-copy .lead{max-width:34em}
.fr-copy .trust{margin-top:22px}
.fr-starter{
position:relative;background:var(--paper);border:1px solid var(--line);
border-radius:var(--r-lg);box-shadow:var(--shadow-lift);
padding:clamp(22px,2.6vw,32px);
}
.fr-starter::after{
content:'';position:absolute;inset:0 0 auto;height:5px;border-radius:var(--r-lg) var(--r-lg) 0 0;
background:linear-gradient(90deg,var(--pink-btn),var(--plum));
}
.fr-badge{
display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;padding:6px 14px;
border-radius:var(--r-pill);background:var(--tint-pink);color:var(--pink-ink);
font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
}
.fr-badge svg{width:15px;height:15px}
.fr-starter h2{font-size:clamp(22px,2.2vw,28px);margin-bottom:8px}
.fr-starter>p{color:var(--ink-2);font-size:16px;margin-bottom:18px}
.fr-starter .frow:last-of-type{margin-bottom:20px}
.fr-starter .hint a{color:var(--pink-ink);font-weight:700}
.fr-more{
display:inline-flex;align-items:center;min-height:44px;
margin:0 0 6px;border:0;background:none;padding:0;color:var(--pink-ink);
font:inherit;font-size:14.5px;font-weight:700;cursor:pointer;
text-decoration:underline;text-underline-offset:3px;
}
.fr-extra[hidden]{display:none}
.fr-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.fr-reassure{
display:grid;gap:9px;margin:18px 0 0;padding:16px 0 0;border-top:1px solid var(--line-soft);
list-style:none;
}
.fr-reassure li{display:flex;align-items:flex-start;gap:10px;color:var(--ink-2);font-size:14.5px;font-weight:600;line-height:1.45}
.fr-reassure svg{width:18px;height:18px;flex:0 0 auto;margin-top:2px;color:var(--pink-btn)}
.fr-error{
margin:0 0 18px;padding:12px 14px;border-radius:12px;background:var(--tint-pink);
color:var(--pink-ink);font-size:14.5px;font-weight:700;line-height:1.45;
}
.fr-steps{counter-reset:frs;display:grid;gap:14px;margin:0;padding:0;list-style:none;text-align:left}
.fr-steps li{
counter-increment:frs;position:relative;padding:18px 20px 18px 64px;
border:1px solid var(--line-soft);border-radius:var(--r-card);background:var(--paper);
box-shadow:var(--shadow-card);
}
.fr-steps li::before{
content:counter(frs);position:absolute;left:20px;top:17px;width:30px;height:30px;
display:grid;place-items:center;border-radius:50%;background:var(--tint-pink);
color:var(--pink-ink);font-size:14px;font-weight:800;
}
.fr-steps b{display:block;font-size:17px;font-weight:800;letter-spacing:-.01em}
.fr-steps span{display:block;margin-top:4px;color:var(--ink-2);font-size:15.5px;line-height:1.5}
@media (min-width:860px){
.fr-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
.fr-steps li:last-child:nth-child(odd){grid-column:1 / -1}
}
.fr-sample{
display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,3vw,44px);
align-items:center;
}
.fr-sample figure{margin:0}
.fr-sample img{
width:100%;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lift);
}
@media (max-width:860px){
.fr-sample{grid-template-columns:1fr}
.fr-grid{grid-template-columns:1fr;gap:26px}
.fr-copy{display:contents}
.fr-copy .crumb{order:1}
.fr-copy .eyebrow{order:2;margin-bottom:0}
.fr-copy h1{order:3;margin-bottom:0}
.fr-starter{order:4}
.fr-copy .lead{order:5;margin-bottom:0}
.fr-copy .trust{order:6;margin-top:0}
}
.rv-bar{padding:14px 0;border-bottom:1px solid var(--line);background:var(--tint-soft)}
.rv-bar[hidden]{display:none}
.rv-bar>.wrap{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.rv-who{flex:1 1 220px;min-width:0;color:var(--muted);font-size:14px;font-weight:600;line-height:1.35;margin:0}
.rv-who b{display:block;color:var(--ink);font-size:17px;font-weight:800;letter-spacing:-.015em}
.rv-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.rv-stage{background:var(--tint-soft)}
.rv-frame{
display:block;width:100%;height:calc(100dvh - 190px);min-height:520px;
border:0;border-top:1px solid var(--line);background:var(--paper);
}
.rv-frame[hidden]{display:none}
.rv-state{max-width:560px;margin:clamp(40px,7vw,90px) auto;padding:0 var(--gut) clamp(40px,7vw,90px);text-align:center}
.rv-state h1{font-size:clamp(25px,3vw,34px);margin-bottom:12px}
.rv-state p{color:var(--ink-2);font-size:16.5px}
.rv-spin{
width:40px;height:40px;margin:0 auto 20px;border:3px solid var(--tint-pink);
border-top-color:var(--pink-btn);border-radius:50%;animation:rv-sp 1s linear infinite;
}
@keyframes rv-sp{to{transform:rotate(360deg)}}
@media (max-width:640px){
.rv-frame{height:calc(100dvh - 210px)}
.rv-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rv-actions .btn{width:100%;justify-content:center;padding-inline:12px;font-size:14.5px;min-height:46px}
}
@media (prefers-reduced-motion:reduce){
.rsm-box,.rsm-scan,.rsm-live i,.rsm-pill i,.rsm-skel span,.rsm-feed li,.rv-spin{animation:none}
.rsm-bar i{transition:none}
.rsm-scan{opacity:.35}
}
.tone-lav{background:var(--tint-lav)}
.tone-soft{background:var(--tint-soft)}
.tone-pink{background:var(--tint-pink)}
@media (min-width:900px){
.checks > li:last-child:nth-child(odd){grid-column:1 / -1}
.measure-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.res-stats .stat{display:flex;flex-direction:column;gap:6px}
.res-stats .big{
font-size:clamp(32px,3.6vw,48px);font-weight:800;letter-spacing:-.03em;
line-height:1.05;color:var(--pink-ink);
}
.res-stats .v{font-size:15px;color:var(--ink-2);line-height:1.5}
.tp{display:inline}
@media (min-width:900px){
.res-timeline{grid-template-columns:minmax(0,1fr);max-width:760px}
.res-timeline > li:last-child:nth-child(odd),
.res-timeline > li:last-child:nth-child(3n+1){grid-column:auto}
}
@media (min-width:760px){
.res-timeline{max-width:none;margin-inline:0}
.res-timeline > li{
display:grid;grid-template-columns:auto 170px minmax(0,1fr);
align-items:center;gap:18px;padding-block:16px;
}
.res-timeline > li > .checks-n{position:static;margin:0}
.res-timeline > li > h3{margin:0;font-size:16px;white-space:nowrap}
.res-timeline > li > p{margin:0}
}
.res-timeline > li{
background:none;border:0;box-shadow:none;border-radius:0;
border-bottom:1px solid var(--line-soft);
}
.res-timeline > li:last-child{border-bottom:0}
.res-stats{max-width:940px;margin-inline:auto}
@media (min-width:721px){ .jobs-card-body{grid-template-columns:150px minmax(0,1fr)} }
.plans .plan-popular{position:relative}
.plans .plan-popular .plan-flag{position:absolute;top:-11px;right:18px;left:auto;bottom:auto;
height:22px;margin:0;display:inline-flex;align-items:center;z-index:2}
.engines-pill .eng-head img,
.engines-pill .eng-head svg{width:46px;height:46px}
.engines-pill .eng-head{font-size:17px;gap:13px}
.cta-band .note{color:#FFE4F3}
:root{--sec-edge:clamp(48px,4.6vw,80px)}
.section{padding-block:var(--sec-edge)}
.section-cont{padding-top:var(--sec-edge)}
.section-lead{padding-top:clamp(28px,2.8vw,46px)}
.section-tight{padding-bottom:clamp(26px,2.6vw,42px)}
.nav-main > a,
.nav-dd > button,
.foot-nav a{white-space:nowrap}
.hero .trust li{
background:none;padding:0;border-radius:0;backdrop-filter:none;
color:var(--ink);
text-shadow:0 1px 5px rgba(255,255,255,.95),0 0 2px rgba(255,255,255,.9);
}
.hero .trust-ico{
width:19px;height:19px;background:none;box-shadow:none;color:var(--ink);
filter:drop-shadow(0 1px 3px rgba(255,255,255,.9));
}
.hero .trust-ico svg{width:100%;height:100%}
@media (max-width:720px){
.jobs-top-row{flex-direction:column;align-items:flex-start;gap:14px}
}
@media (max-width:720px){
.jobs-card .rep-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:baseline}
.jobs-card .rep-bar{grid-column:1 / -1;width:100%}
.jobs-card .rep-name{min-width:0}
.jobs-pill{position:static;margin:0 0 12px;display:inline-flex}
}
@media (max-width:720px){
.jobs-pill{margin:0 0 -1px;transform:none;box-shadow:0 2px 0 rgba(28,20,80,.06);border-radius:var(--r-pill) var(--r-pill) 4px 4px}
.jobs-card{border-top-left-radius:4px;border-top-right-radius:4px}
}
@media (max-width:720px){
:root{--sec-edge:30px}
}
.split-copy > .btn,
.split-copy > a.btn{margin-top:clamp(12px,1.2vw,18px)}
@media (min-width:1000px){
.engines-pill{flex-wrap:nowrap}
.engines-pill .eng-head{white-space:nowrap}
}
@media (min-width:900px){
.plans .plan .plan-sub,
.plans .plan > p:first-of-type{min-height:1.7em}
}
.acc-q{text-wrap:balance}
.jobs-sample{
display:inline-block;vertical-align:middle;margin-left:8px;
padding:3px 9px;border-radius:var(--r-pill);
background:var(--tint-soft);color:var(--muted);
font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
}
.faq:not(:has(.rule)){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.mid-band:has(.looks){
display:block;text-align:left;
padding-block:clamp(48px,4.6vw,72px) calc(100vw / var(--art) + clamp(20px,2vw,34px));
}
.mid-band:has(.looks) .section-head,
.mid-band:has(.looks) .section-head h2,
.mid-band:has(.looks) .section-head p{text-align:center}
.mid-band .looks,
.mid-band .looks li,
.mid-band .looks h3{text-align:left}
@media (max-width:860px){
.mid-band:has(.looks){padding-block:44px calc(100vw / var(--art) + 18px)}
}
.content-band h2{text-wrap:balance}
@media (min-width:1000px){
.content-band .box{max-width:min(520px,32vw)}
}
.pace-rows > div:last-child{
flex-direction:row;align-items:baseline;justify-content:space-between;gap:20px;
}
.pace-rows > div:last-child dt{text-align:right}
.nav-dd[data-dismissed] .menu{display:none}
.note-far .note-arrow{width:clamp(96px,9vw,150px)}
@media (min-width:1060px){
.foot-top{flex-wrap:nowrap;gap:20px}
.foot-nav{gap:2px 18px}
.foot-side{gap:16px}
}
.foot-bottom{justify-content:flex-start;gap:8px 22px}
.foot-bottom .legal-line{font-size:12px;line-height:1.4;max-width:640px}
.foot-brand{gap:2px}
section[aria-labelledby="team-h"] .ticks li,
section[aria-labelledby="reviews-h"] .ticks li{padding-left:30px}
@media (min-width:721px){
section[aria-labelledby="team-h"] .ticks,
section[aria-labelledby="reviews-h"] .ticks{padding-left:12px}
section[aria-labelledby="team-h"] .ticks li,
section[aria-labelledby="reviews-h"] .ticks li{padding-left:24px}
}
@media (max-width:720px){
.bleed-panel{margin-inline:20px}
.bleed-panel img{height:auto}
.panel-team img{aspect-ratio:2060 / 874}
.panel-picture img{aspect-ratio:1736 / 711}
.foot-nav{grid-template-columns:repeat(3,max-content);column-gap:24px}
}
@media (max-width:720px){
.vc-chapters{flex-wrap:wrap;justify-content:center;overflow:visible;margin:0;padding:0;gap:6px}
.vc-chapters button{min-height:44px}
}
@media (max-width:720px){
.cta-fade{height:34px}
}
@media (max-width:720px){
.jobs-pill{display:flex;width:100%;box-sizing:border-box;margin:0;padding:11px 16px;
background:#FDEEF5;border:1px solid var(--line-soft);border-bottom:0;
border-radius:var(--r-card) var(--r-card) 0 0;box-shadow:none;transform:none;font-size:14.5px}
.jobs-pill span{max-width:none}
.jobs-card{border-top-left-radius:0;border-top-right-radius:0}
.jobs-pill + .jobs-card{margin-top:0}
}
@media (max-width:720px){
.js .cta-band:not(.art-near)::after{background-image:none}
}
.hero-copy::before{content:none}
@media (min-width:941px) and (max-width:1439px){
.hero{overflow:hidden}
.hero::before,.hero .hero-film{transform:scale(var(--hero-zoom,1.22));transform-origin:100% 55%}
}
@media (min-width:1200px) and (max-width:1439px){ .hero{--hero-zoom:1.12} .hero > .note-br{--nr:31% !important} }
@media (min-width:941px){ .hero-copy .lead{color:var(--ink)} }
.tex-blob{position:relative;isolation:isolate;overflow:hidden}
.tex-blob::before{
content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
}
.tex-blob-l::before{
background:
radial-gradient(closest-side, var(--tint-pink) 0%, rgba(253,238,244,0) 72%) -8% 18% / 52% 70% no-repeat,
radial-gradient(closest-side, var(--tint-lav) 0%, rgba(238,241,254,0) 72%) 6% 82% / 34% 46% no-repeat;
opacity:.8;
}
.tex-blob-r::before{
background:
radial-gradient(closest-side, var(--tint-pink) 0%, rgba(253,238,244,0) 72%) 104% 22% / 54% 74% no-repeat,
radial-gradient(closest-side, var(--tint-lav) 0%, rgba(238,241,254,0) 72%) 88% 86% / 32% 42% no-repeat;
opacity:.8;
}
.tex-blob-b::before{
background:
radial-gradient(closest-side, color-mix(in srgb, var(--pink) 9%, var(--tint-pink)) 0%,
rgba(253,238,244,0) 88%) -6% 46% / 34% 118% no-repeat,
radial-gradient(closest-side, var(--tint-pink) 0%, rgba(253,238,244,0) 82%) -14% 58% / 56% 168% no-repeat,
radial-gradient(closest-side, var(--tint-lav) 0%, rgba(238,241,254,0) 74%) 16% 96% / 26% 44% no-repeat;
opacity:1;
}
.tex-blob-t::before{
background:
radial-gradient(closest-side, color-mix(in srgb, var(--pink) 8%, var(--tint-pink)) 0%,
rgba(253,238,244,0) 88%) -8% 52% / 30% 126% no-repeat,
radial-gradient(closest-side, var(--tint-pink) 0%, rgba(253,238,244,0) 82%) -16% 40% / 50% 160% no-repeat,
radial-gradient(closest-side, var(--tint-lav) 0%, rgba(238,241,254,0) 74%) 14% 4% / 24% 52% no-repeat;
opacity:1;
}
.tex-dots{position:relative}
.tex-dots::after{
content:"";position:absolute;z-index:-1;pointer-events:none;
top:clamp(28px,6vw,64px);left:clamp(-6px,-1vw,4px);
width:112px;height:84px;
background-image:radial-gradient(var(--pink) 1.6px, transparent 1.6px);
background-size:15px 15px;
opacity:.28;
}
[dir="rtl"] .tex-dots::after,
.tex-blob-r.tex-dots::after{left:auto;right:clamp(-6px,-1vw,4px)}
.tex-dots-b::after{top:auto;bottom:clamp(24px,5vw,56px)}
.tex-dots-r::after{left:auto;right:clamp(-6px,-1vw,4px)}
@media (max-width:720px){
.tex-blob::before{opacity:.5}
.tex-dots::after{display:none}
}
@media (prefers-reduced-motion:no-preference){
.tex-blob::before{transition:opacity .3s linear}
}
.score-note{display:none}
.foot-nav .foot-nav-m{display:none}
@media (max-width:720px){
html body .jobs-side ul{display:grid;grid-template-columns:1fr 1fr;gap:6px}
html body .jobs-side li{text-align:center;padding:8px 6px;font-size:14px;margin:0}
html body .jobs-score{display:flex;flex-direction:row;align-items:center;gap:16px;flex-wrap:nowrap;width:100%;text-align:left}
html body .jobs-score .gauge{flex:0 0 auto;width:84px}
html body .jobs-score .gauge-num{font-size:19px}
html body .jobs-score .score-flag{margin:0 0 0 auto;order:3;font-size:13px;padding:4px 12px}
html body .score-note{display:block;margin:0;font-size:14px;line-height:1.35;color:var(--ink-2);order:2}
html body .score-note b{color:var(--ink);font-size:16px}
html body section[aria-labelledby="engines-h"] .engines-pill{
display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px;border-radius:var(--r-card)}
html body section[aria-labelledby="engines-h"] .eng-head{
display:flex;align-items:center;justify-content:center;gap:10px;margin:0;
padding:14px 10px;border:1px solid var(--line-soft);border-radius:14px;background:#fff;font-size:16px}
html body section[aria-labelledby="engines-h"] .eng-head:first-child{grid-column:1 / -1}
html body section[aria-labelledby="engines-h"] .eng-head:first-child br{display:none}
html body section[aria-labelledby="engines-h"] .eng-head svg{width:28px;height:28px}
html body section[aria-labelledby="team-h"] .split-copy > .btn,
html body section[aria-labelledby="picture-h"] .split-copy > .btn{
min-height:44px;height:44px;padding:0 20px;font-size:15px;margin-top:16px;
box-shadow:0 6px 14px rgba(233,0,99,.22);outline:0;animation:none}
html body section[aria-labelledby="team-h"] .split-copy > .btn::before,
html body section[aria-labelledby="team-h"] .split-copy > .btn::after,
html body section[aria-labelledby="picture-h"] .split-copy > .btn::before,
html body section[aria-labelledby="picture-h"] .split-copy > .btn::after{display:none}
html body .panel-picture img{mix-blend-mode:normal;border-radius:18px;box-shadow:0 10px 26px rgba(28,20,80,.10)}
html body .vc{display:flex;align-items:center;flex-wrap:nowrap;gap:12px;padding:10px 14px}
html body .vc-track{order:2}
html body .vc-time{order:3}
html body .vc-play{width:44px;height:44px;box-shadow:0 4px 10px rgba(233,0,99,.24)}
html body .vc-play svg{width:17px;height:17px}
html body .vc-skip{display:none}
html body .vc-track{padding-top:0;gap:0}
html body .vc-chapters{display:none}
html body .vc-time{font-size:12.5px;white-space:nowrap}
html body .plan{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:end}
html body .plan > *{grid-column:1 / -1}
html body .plan .plan-spacer{display:none}
html body .plan .plan-name{grid-column:1;grid-row:1;margin:0;font-size:20px}
html body .plan .plan-kind{grid-column:1;grid-row:2;margin:2px 0 0}
html body .plan .plan-price{grid-column:2;grid-row:1 / span 2;margin:0;justify-self:end;align-self:center;text-align:right}
html body .plan .plan-note{margin:10px 0 0}
html body .plan .ticks{display:grid;grid-template-columns:1fr;gap:7px;margin:14px 0 18px;padding-left:0}
html body .plan .ticks li{margin:0;font-size:15px;line-height:1.35;padding-left:26px}
html body .plan .btn{min-height:46px;height:46px;padding-block:0;font-size:15.5px}
html body .foot-top{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px 12px}
html body .foot-side{display:contents}
html body .foot-brand{grid-column:1;grid-row:1}
html body .foot-social{grid-column:2;grid-row:1;gap:6px}
html body .foot-nav{grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:0 16px;
padding:6px 16px;background:var(--tint-soft,#F7F5FC);border-radius:16px}
html body .foot-nav a{min-height:44px;display:flex;align-items:center;font-size:16px;font-weight:600;color:var(--ink)}
html body .foot-tel{grid-column:1 / -1;grid-row:3;justify-content:center;gap:10px;min-height:48px;
border:1.5px solid var(--line-soft);border-radius:999px;font-size:16px;font-weight:700;color:var(--ink)}
html body .foot-copy{grid-column:1 / -1;grid-row:4;white-space:normal;font-size:13.5px}
html body .foot-nav .foot-nav-m{display:flex}
html body .foot-legal-links a[href$="contact/"]{display:none}
html body .foot-bottom{padding-top:14px}
html body .foot-legal-links{gap:4px 18px}
}
@media (max-width:720px){
html body .feature{display:flex;flex-wrap:wrap;align-items:center;column-gap:14px;row-gap:6px;padding:16px 18px}
html body .feature > .mark{width:38px;height:38px;border-radius:10px;margin:0;flex:0 0 auto}
html body .feature > .mark svg{width:19px;height:19px}
html body .feature > h3{flex:1 1 calc(100% - 52px);margin:0;font-size:17px;line-height:1.3}
html body .feature > :not(.mark):not(h3){flex:1 1 100%;margin:0}
html body .spot-actions{display:grid;grid-template-columns:1fr;gap:10px}
html body .spot-actions .btn{width:100%;justify-content:center;min-height:48px}
html body .faq{display:flex;flex-direction:column;gap:12px}
html body .faq-col{display:flex;flex-direction:column;gap:12px}
html body .faq-col > div{margin:0 !important}
html body .eng{display:grid;grid-template-columns:52px minmax(0,1fr) auto;grid-template-areas:"ring head flag" "ring text text";
column-gap:12px;row-gap:2px;align-items:center;padding:12px 14px}
html body .eng-body{display:contents}
html body .eng-ring{grid-area:ring;width:52px;height:52px;margin:0}
html body .eng-head{grid-area:head;margin:0}
html body .eng-body p{grid-area:text;margin:0;font-size:14.5px;line-height:1.35}
html body .eng-flag{grid-area:flag;margin:0;justify-self:end}
html body .cmp td:not(:first-child){display:block;border-radius:10px;padding:8px 12px;margin:0 0 6px}
html body.pg-pricing .cmp{display:table;width:100%;font-size:14px;border-collapse:collapse}
html body.pg-pricing .cmp caption{display:table-caption}
html body.pg-pricing .cmp thead{display:table-header-group}
html body.pg-pricing .cmp tbody{display:table-row-group}
html body.pg-pricing .cmp tr{display:table-row;border:0;border-radius:0;padding:0;margin:0;background:none}
html body.pg-pricing .cmp tbody tr:nth-child(even){background:var(--tint-soft)}
html body.pg-pricing .cmp th,
html body.pg-pricing .cmp td{display:table-cell;padding:11px 4px;margin:0;border-bottom:1px solid var(--line-soft);
border-radius:0;background:none;vertical-align:middle;text-align:center}
html body.pg-pricing .cmp th:first-child,
html body.pg-pricing .cmp td:first-child{text-align:left;padding-left:10px;width:40%;font-size:14.5px;line-height:1.3;margin:0}
html body.pg-pricing .cmp td:not(:first-child)::before{content:none}
html body.pg-pricing .cmp td:empty{display:table-cell}
html body.pg-pricing .cmp th[data-short]{font-size:0;letter-spacing:0}
html body.pg-pricing .cmp th[data-short]::after{content:attr(data-short);font-size:12px;letter-spacing:.02em}
html body.pg-pricing .cmp th:first-child{font-size:12px}
html body.pg-pricing .cmp td.yes:not([data-short]){font-size:0}
html body.pg-pricing .cmp td.yes:not([data-short])::after{content:"\2713";font-size:19px;font-weight:800;color:var(--pink-ink)}
html body.pg-pricing .cmp td[data-short]{font-size:0}
html body.pg-pricing .cmp td[data-short]::after{content:attr(data-short);font-size:13.5px;font-weight:800;color:var(--ink)}
html body.pg-pricing .cmp td.yes[data-short]::after{color:var(--pink-ink);font-size:12.5px}
html body.pg-pricing .cmp .cmp-price td{border-bottom:0}
html body img[src*="shot-ai-kpis"]{aspect-ratio:2.6;object-fit:cover;object-position:left center;width:100%;height:auto}
html body .split.stack-wide > .shot-card{margin-bottom:26px}
html body .pace-rows > div{flex-direction:column !important;align-items:flex-start !important;text-align:left !important;justify-content:flex-start !important}
html body .pace-rows > div dt{text-align:left !important;margin:0}
html body .pace-rows{grid-template-columns:1fr}
html body .pace-rows > div{gap:3px !important}
html body .stat-strip{gap:10px}
html body .stat-strip .stat{padding:14px 18px}
}
.plans.plans-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:860px;margin-inline:auto}
@media (max-width:640px){.plans.plans-2{grid-template-columns:1fr}}
@media (min-width:941px){
.plans-band .plans.plans-2{max-width:none}
}
.buybar-act .btn + .btn{margin-top:12px}