/* Right SERP — Premium layer: loads after style.css/pages.css, overrides tokens & key components */
:root{--ink:#0A1024;--ink-soft:#2A3350;--orange:#B8893A;--orange-deep:#96702B;--paper:#F8F4EB;--paper-alt:#EFE8D8;--white:#FFFEFA;--slate:#5B6070;--line:#E3D9C2;--gold:#C9A45C;--gold-hi:#E8CF94;--shadow:0 30px 70px -30px rgba(10,16,36,.35);--radius:22px;--glow-blue:#7C8CFF;--glow-cyan:#C9A45C;--glow-violet:#B8893A;--ease:cubic-bezier(.22,.8,.2,1)}
html[data-theme=dark]{--ink:#F6F1E4;--ink-soft:#CFC8B4;--orange:#D9B36A;--orange-deep:#EBCB8A;--paper:#05070F;--paper-alt:#0B0F1D;--white:#0F1424;--slate:#98A0B8;--line:#232B44;--gold:#D9B36A;--gold-hi:#F3DDA6;--shadow:0 40px 90px -30px rgba(0,0,0,.8)}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased;background-image:none!important;letter-spacing:-.005em}
html[data-theme=dark] body{background:radial-gradient(1200px 600px at 80% -10%,rgba(201,164,92,.10),transparent 60%),radial-gradient(900px 500px at -10% 30%,rgba(124,140,255,.07),transparent 60%),var(--paper)}
h1,h2,h3,.sec-head h2{font-family:'Fraunces','Space Grotesk',Georgia,serif!important;font-weight:500!important;letter-spacing:-.025em!important;line-height:1.08!important;font-optical-sizing:auto}
h1{font-size:clamp(2.6rem,6.2vw,5rem)!important}
h2{font-size:clamp(2rem,4vw,3.2rem)!important}
::selection{background:var(--gold);color:#0A1024}
.eyebrow{color:var(--gold)!important;letter-spacing:.14em;font-weight:600}
/* header */
header,.site-header,.nav{backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);background:color-mix(in srgb,var(--paper) 72%,transparent)!important;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)!important;transition:box-shadow .4s var(--ease)}
body.scrolled header,body.scrolled .site-header,body.scrolled .nav{box-shadow:0 18px 40px -26px rgba(10,16,36,.45)}
/* buttons */
.btn{border-radius:999px!important;font-weight:600;transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .35s!important}
.btn-primary{background:linear-gradient(135deg,var(--gold-hi),var(--gold) 45%,var(--orange-deep))!important;color:#0A1024!important;border:0!important;box-shadow:0 12px 30px -10px rgba(201,164,92,.7),inset 0 1px 0 rgba(255,255,255,.55)!important;position:relative;overflow:hidden}
.btn-primary::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-120%);transition:transform .8s var(--ease)}
.btn-primary:hover{transform:translateY(-3px)}
.btn-primary:hover::after{transform:translateX(120%)}
.btn-ghost{border:1px solid var(--line)!important;background:transparent!important;color:var(--ink)!important}
.btn-ghost:hover{border-color:var(--gold)!important;transform:translateY(-3px)}
/* cards */
.service-card,.price-card,.case-card,.test-card,.process-card,.link-card{position:relative;border-radius:var(--radius)!important;border:1px solid var(--line)!important;background:linear-gradient(180deg,color-mix(in srgb,var(--white) 96%,transparent),var(--white))!important;box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 24px 50px -34px rgba(10,16,36,.35)!important;transition:transform .5s var(--ease),border-color .4s,box-shadow .5s var(--ease)!important;overflow:hidden}
.service-card::before,.price-card::before,.case-card::before,.test-card::before,.process-card::before,.link-card::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(201,164,92,.16),transparent 45%)}
.service-card:hover,.price-card:hover,.case-card:hover,.test-card:hover,.process-card:hover,.link-card:hover{transform:translateY(-8px);border-color:var(--gold)!important;box-shadow:0 40px 70px -30px rgba(10,16,36,.5),0 0 0 1px rgba(201,164,92,.35)!important}
.service-card:hover::before,.price-card:hover::before,.case-card:hover::before,.test-card:hover::before,.process-card:hover::before,.link-card:hover::before{opacity:1}
.price-card.pop{border:1px solid var(--gold)!important;background:linear-gradient(160deg,#0A1024,#141B38)!important;color:#F6F1E4!important;transform:scale(1.03)}
.price-card.pop *{color:inherit}
.service-icon,.case-icon,.fb-icon{border-radius:16px!important;background:linear-gradient(135deg,rgba(201,164,92,.22),rgba(201,164,92,.06))!important;color:var(--gold)!important;box-shadow:inset 0 0 0 1px rgba(201,164,92,.35)}
.kw-pill,.tag-pill,.client-chip{border-radius:999px!important;border:1px solid var(--line)!important;background:color-mix(in srgb,var(--white) 80%,transparent)!important;backdrop-filter:blur(8px)}
.client-chip:hover,.kw-pill:hover{border-color:var(--gold)!important}
.stat .num,.num{font-family:'Fraunces',serif!important;font-weight:500;background:linear-gradient(180deg,var(--gold-hi),var(--gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
img{border-radius:inherit}
a{transition:color .3s}
a:hover{color:var(--gold)}
input,textarea,select{border-radius:14px!important;border:1px solid var(--line)!important;transition:border-color .3s,box-shadow .3s}
input:focus,textarea:focus,select:focus{outline:0;border-color:var(--gold)!important;box-shadow:0 0 0 4px rgba(201,164,92,.2)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
footer{border-top:1px solid var(--line);background:linear-gradient(180deg,transparent,rgba(201,164,92,.06))}
/* progress bar + page entrance (one orchestrated moment) */
#rs-progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:9999;background:linear-gradient(90deg,var(--gold-hi),var(--gold),var(--orange-deep));box-shadow:0 0 14px rgba(201,164,92,.8)}
@keyframes rsIn{from{opacity:0;transform:translateY(26px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
h1{animation:rsIn 1s var(--ease) both}

@media(max-width:760px){.price-card.pop{transform:none}h1{font-size:clamp(2.2rem,10vw,3rem)!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ---- fixes v2: footer contrast, clipped badges, alignment ---- */
footer{background:#070B18!important;color:#B9C2DD!important;border-top:1px solid rgba(201,164,92,.25)!important}
footer h5,footer h4{color:#F6F1E4!important;letter-spacing:.08em}
footer a,footer li,footer p,footer span{color:#B9C2DD}
footer a:hover{color:var(--gold-hi)!important}
footer .kw-pill,footer .tag-pill,footer .client-chip{background:rgba(255,255,255,.04)!important;border-color:rgba(255,255,255,.12)!important;color:#B9C2DD!important}
.service-card,.price-card,.case-card,.test-card,.process-card,.link-card{overflow:visible!important}
.service-card::before,.price-card::before,.case-card::before,.test-card::before,.process-card::before,.link-card::before{border-radius:inherit}
.price-card.pop{transform:none!important;margin-top:26px!important}
.price-card.pop:hover{transform:translateY(-8px)!important}
.pop-badge{background:linear-gradient(135deg,var(--gold-hi),var(--gold))!important;color:#0A1024!important;z-index:2}
html,body{overflow-x:hidden}
img,svg,video{max-width:100%}

/* ---- fixes v3: sizing & header alignment ---- */
h1{font-size:clamp(2.1rem,4.3vw,3.6rem)!important;line-height:1.1!important}
h2{font-size:clamp(1.7rem,3.2vw,2.6rem)!important}
header .btn,.site-header .btn,.nav .btn{padding:11px 20px!important;font-size:14px!important;white-space:nowrap}
header .wrap,.nav .wrap{gap:14px}
.hl,h1 .u{color:var(--gold)!important}

/* ---- fixes v4: contrast in light mode, header fit ---- */
.hl,h1 .u{color:#8C6418!important}
html[data-theme=dark] .hl,html[data-theme=dark] h1 .u{color:var(--gold-hi)!important}
.eyebrow{color:#8C6418!important}
html[data-theme=dark] .eyebrow{color:var(--gold)!important}
header a,.nav a{font-size:14.5px}
header .wrap,.nav .wrap{gap:8px}

/* ---- fixes v5: pricing amount sizing, mobile hero label ---- */
.price-card .price,.price-card .amount,.price-card [class*=price-amt],.price-card .p-num{font-size:clamp(1.6rem,2.2vw,2rem)!important;line-height:1.15!important;white-space:normal}
.price-card h3+*{line-height:1.2}
@media(max-width:760px){.eyebrow{font-size:11px;letter-spacing:.08em}}

/* ---- fixes v6: alignment audit ---- */
.why-list{gap:22px}
.why-item{align-items:flex-start;gap:16px;padding:0}
.why-item .chk{margin-top:3px}
.why-item h4{font-family:'Inter',sans-serif!important;font-weight:600}
.process-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1000px){.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.process-grid{grid-template-columns:minmax(0,1fr)}.process-card{min-width:0}}
.service-card,.price-card,.case-card,.test-card,.process-card,.link-card{min-width:0}
.service-card h3,.case-card h3,.process-card h4{overflow-wrap:anywhere}