/* ---- fixes and additions that target the existing markup ---- */

/* hero: key visual right, image first on mobile */
.tophero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.88fr);gap:clamp(24px,3.4vw,54px);align-items:center}
.tophero>.tophero-copy{min-width:0;order:1}
.tophero>.tophero-kv{min-width:0;order:2}
.tophero-kv img{display:block;width:100%;height:auto;border-radius:22px}
@media(max-width:900px){
 .tophero{grid-template-columns:minmax(0,1fr);gap:clamp(24px,4vw,36px)}
 .tophero>.tophero-copy{order:2}
 .tophero>.tophero-kv{order:1;max-width:560px;margin:0 auto}
}

/* product label: drop the code chip */
.plabel i.e,.plabel i.g{display:none}
.plabel{gap:0}

/* full-bleed hero image, flush */
.heroshot{position:relative;width:100%;line-height:0;margin:clamp(40px,5vw,72px) 0 0}
.heroshot img{display:block;width:100%;height:auto;max-width:none}
.heroshot+.band{padding-top:clamp(56px,7vw,110px)!important}

/* centred section kicker */
.kick{display:flex;align-items:center;justify-content:center;gap:12px;font-family:var(--m);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:18px}
.kick::before{content:'';width:28px;height:2px;border-radius:2px;background:var(--gold)}

/* results: centred cards */
#results h2.sec{text-align:center;margin-left:auto;margin-right:auto}
.res{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:clamp(30px,3.6vw,50px)}
.res>div{padding:clamp(26px,3vw,36px) clamp(22px,2.6vw,30px);display:grid;gap:0;align-content:start;justify-items:center;text-align:center}
.resseg{font-family:var(--m);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
.resv{margin-top:16px;font-family:var(--d);font-weight:800;font-size:clamp(42px,4.6vw,62px);letter-spacing:-.05em;line-height:.92;color:var(--gold)}
.resl{margin-top:10px;font-family:var(--d);font-weight:700;font-size:17px;letter-spacing:-.022em;color:var(--ink)}
.resb{margin-top:16px;font-size:14.5px;line-height:1.62;color:var(--mut);max-width:38ch}
.resm{margin-top:22px;padding:7px 14px;border-radius:999px;border:1px solid rgba(186,216,250,.16);background:rgba(178,212,248,.07);font-family:var(--m);font-size:11.5px;letter-spacing:.02em;color:var(--faint)}
#results .casesnote{text-align:center;max-width:70ch;margin-left:auto;margin-right:auto}
.voices>div{text-align:left;justify-items:stretch}
.voices .resb{max-width:none;text-align:left}

/* service cards */
.svc{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:clamp(24px,3vw,38px);align-items:stretch}
.svc>div{padding:clamp(24px,2.8vw,32px)!important;display:grid;grid-template-rows:auto 1fr auto;gap:0;align-content:stretch}
.svc>div>.stept{margin:0!important;font-family:var(--d);font-weight:700;font-size:clamp(18px,1.8vw,22px);letter-spacing:-.026em;line-height:1.2;color:var(--ink)}
.svc>div>.stepd{margin:12px 0 0!important;font-size:14.5px;line-height:1.62;color:var(--soft)}
.svc>div>.svcp{margin-top:22px;padding-top:18px;border-top:1px solid rgba(186,216,250,.16);font-family:var(--d);font-weight:800;font-size:clamp(22px,2.2vw,30px);letter-spacing:-.038em;line-height:1.05;color:var(--gold);align-self:end}
.svc>div.gold-panel>.svcp{border-top-color:rgba(255,198,75,.28)}
.svc>div>.svcp small{display:block;margin-top:6px;font-family:var(--u);font-weight:500;font-size:12.5px;letter-spacing:0;color:var(--faint)}

/* audit numbers strip */
.auditbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:1px;margin-top:20px;border-radius:14px;overflow:hidden;border:1px solid rgba(186,216,250,.14);background:rgba(186,216,250,.12)}
.auditbar div{background:rgba(13,26,42,.72);padding:16px 18px;display:grid;gap:5px}
.auditbar b{font-family:var(--d);font-weight:800;font-size:19px;letter-spacing:-.03em;color:var(--gold)}
.auditbar span{font-size:12.5px;color:var(--mut);line-height:1.4}

/* CTA rows under a section: always centred */
.ctarow,
#comparison>div[style*="flex-wrap"],
#timing>div[style*="flex-wrap"]{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:clamp(24px,3vw,38px)}

/* pricing: 70/30 so the headline keeps two lines */
#pricing>.split{grid-template-columns:minmax(0,.7fr) minmax(0,.3fr);align-items:end}
#pricing>.split .lead{max-width:none}
@media(max-width:900px){#pricing>.split{grid-template-columns:minmax(0,1fr)}}

/* ---- backlinks section ---- */
.blgrid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,1fr);gap:18px;margin-top:clamp(28px,3.4vw,46px);align-items:start}
@media(max-width:900px){.blgrid{grid-template-columns:minmax(0,1fr)}}
.blmain{padding:clamp(24px,3vw,40px)}
.blsteps{display:grid;gap:14px;margin-top:22px}
.blsteps>div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:baseline}
.blsteps b{font-family:var(--m);font-size:11.5px;color:var(--gold);white-space:nowrap}
.blsteps i{display:block;font-style:normal;font-family:var(--d);font-weight:700;font-size:16.5px;letter-spacing:-.022em;color:var(--ink);margin-bottom:4px}
.blsteps p{font-size:14.5px;line-height:1.58;color:var(--soft)}
.blmetrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1px;margin-top:26px;border-radius:14px;overflow:hidden;border:1px solid rgba(186,216,250,.14);background:rgba(186,216,250,.12)}
.blmetrics div{background:rgba(13,26,42,.72);padding:15px 16px;display:grid;gap:4px}
.blmetrics b{font-family:var(--d);font-weight:800;font-size:17px;letter-spacing:-.028em;color:var(--gold)}
.blmetrics span{font-size:12px;color:var(--mut);line-height:1.4}
.blside{display:grid;gap:18px;min-width:0}
.blside>div{padding:clamp(22px,2.5vw,28px)}
.blt{font-family:var(--d);font-weight:700;font-size:19px;letter-spacing:-.025em}
.blb{margin-top:11px;font-size:14.5px;line-height:1.6;color:var(--soft)}
.blno{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:9px}
.blno li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;font-size:14px;line-height:1.5;color:var(--mut)}
.blno li::before{content:'✕';font-family:var(--m);font-size:12px;color:var(--faint)}
.blyes li::before{content:'✓';color:var(--gold)}
.blyes li{color:var(--soft)}
.blprice{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,198,75,.28);font-family:var(--d);font-weight:800;font-size:clamp(21px,2.1vw,28px);letter-spacing:-.036em;color:var(--gold)}
.blprice small{display:block;margin-top:6px;font-family:var(--u);font-weight:500;font-size:12.5px;letter-spacing:0;color:var(--faint)}

/* ---- SERP / AI-search switch ---- */
#serpdemo{margin-top:clamp(34px,4vw,58px)}
.sdwrap{position:relative}
.sdtry{position:absolute;top:-40px;right:20px;z-index:6;display:flex;flex-direction:column;align-items:center;gap:5px;pointer-events:none;font-family:var(--d);font-weight:700;font-size:13.5px;letter-spacing:-.005em;color:var(--gold);white-space:nowrap;animation:hop 1.7s ease-in-out infinite;transition:opacity .4s ease,transform .4s ease}
.sdtry i{width:8px;height:8px;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(45deg)}
.sdtry[data-off]{opacity:0;transform:translateY(-8px)}
@media(max-width:560px){.sdtry{right:auto;left:20px;top:-38px}}
.sd{border-radius:26px;border:1px solid var(--stroke);background:var(--glass);backdrop-filter:blur(22px) saturate(140%);box-shadow:var(--inset),0 60px 120px -50px rgba(3,9,18,.95);overflow:hidden}
.sdbar{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(186,216,250,.12);background:rgba(178,212,248,.05)}
.sdbar>span{font-family:var(--m);font-size:12.5px;color:var(--mut)}
.sdtabs{display:flex;flex-wrap:wrap;gap:1px;background:rgba(186,216,250,.12);border-bottom:1px solid rgba(186,216,250,.12)}
.sdtabs button{flex:1 1 auto;min-width:150px;cursor:pointer;border:0;background:rgba(10,18,30,.65);color:var(--mut);font-family:var(--u);font-size:13.5px;font-weight:500;padding:13px 16px;text-align:left;transition:background .25s ease,color .25s ease}
.sdtabs button:hover{background:rgba(178,212,248,.09);color:var(--ink)}
.sdtabs button[aria-selected="true"]{background:rgba(255,198,75,.13);color:var(--gold-hi);box-shadow:inset 0 -2px 0 var(--gold)}
.sdtabs button span{display:block;font-family:var(--m);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);margin-bottom:4px}
.sdtabs button[aria-selected="true"] span{color:var(--gold)}
.sdgrid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(260px,1fr);gap:1px;background:rgba(186,216,250,.12)}
@media(max-width:960px){.sdgrid{grid-template-columns:minmax(0,1fr)}}
.sdpane{min-width:0;background:#0A121E;padding:22px}
.sdlabel{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.sdlabel b{font-family:var(--d);font-weight:700;font-size:16px;letter-spacing:-.022em}
.sdlabel i{font-style:normal;font-family:var(--m);font-size:11.5px;color:var(--faint)}
#serpdemo [data-on] .sdlabel i{color:var(--gold)}
.serp{padding:16px;border-radius:14px;border:1px solid rgba(186,216,250,.14);background:rgba(44,74,105,.26)}
.serpcrumb{font-family:var(--m);font-size:11.5px;color:var(--faint)}
.serpttl{margin-top:7px;font-size:17.5px;font-weight:600;line-height:1.3;color:var(--el-soft)}
.serpdesc{margin-top:7px;font-size:13.5px;line-height:1.5;color:var(--mut)}
.serprich{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px}
.serprich span{font-family:var(--m);font-size:11.5px;padding:4px 9px;border-radius:7px;border:1px solid rgba(186,216,250,.16);background:rgba(178,212,248,.07);color:var(--mut)}
.serprich span.star{border-color:rgba(255,198,75,.34);background:rgba(255,198,75,.13);color:var(--gold-hi)}
.serprich span.blue{border-color:rgba(76,125,255,.34);background:rgba(76,125,255,.14);color:var(--el-soft)}
.serpmiss{margin-top:11px;font-family:var(--m);font-size:11.5px;color:var(--faint);display:grid;gap:5px}
.serpmiss em{font-style:normal;color:rgba(186,216,250,.42)}
.aibox{margin-top:12px;padding:16px;border-radius:14px;border:1px dashed rgba(186,216,250,.2);background:rgba(178,212,248,.04)}
.aibox.on{border-style:solid;border-color:rgba(255,198,75,.3);background:linear-gradient(120deg,rgba(255,198,75,.09),rgba(255,198,75,.02))}
.aihead{display:flex;align-items:center;gap:9px;font-family:var(--m);font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--faint)}
.aibox.on .aihead{color:var(--gold)}
.aihead::before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor;flex:0 0 7px}
.aitext{margin-top:11px;font-size:14px;line-height:1.6;color:var(--soft)}
.aicite{margin-top:12px;padding-top:11px;border-top:1px solid rgba(186,216,250,.13);font-family:var(--m);font-size:11.5px;color:var(--faint)}
.aicite b{color:var(--gold);font-weight:500}
.sdsig{display:grid;gap:11px;align-content:start}
.sdsig>div{padding:13px 14px;border-radius:13px;border:1px solid rgba(186,216,250,.14);background:rgba(44,74,105,.28);display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.sdsig .k{font-size:12.5px;color:var(--mut)}
.sdsig .v{font-family:var(--d);font-weight:700;font-size:17px;color:var(--faint);white-space:nowrap;transition:color .3s ease}
#serpdemo [data-on] .sdsig .v{color:var(--ink)}
#serpdemo [data-on] .sdsig .v.g{color:var(--gold)}
.sdnote{margin:16px 0 0;font-family:var(--m);font-size:12.5px;color:var(--faint)}