/* V168 source 1: inline */
:root {
  --text:#f6f9fc; --muted:#93a2b5; --line:rgba(255,255,255,.10); --blue:#25b6ff; --max:1220px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.5;background:
radial-gradient(circle at 21% -5%, rgba(23,120,200,.18), transparent 34%),
linear-gradient(180deg,#06101b 0%, #040910 80%);}
a{color:inherit;text-decoration:none} .wrap{width:min(calc(100% - 36px), var(--max));margin:0 auto;transform:translateY(20px)}
header{height:116px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}
.brand-plate{display:block;width:clamp(470px,44vw,760px);max-width:58vw;padding:0;background:none;border:0;box-shadow:none;overflow:visible;flex:0 1 auto;position:relative;transform:translateY(2px)}
.brand-premium{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 10px 24px rgba(0,0,0,.18)) drop-shadow(0 0 18px rgba(31,153,255,.08));opacity:.98}
.brand-plate:after{content:"";position:absolute;left:9%;right:6%;bottom:2px;height:1px;background:linear-gradient(90deg,transparent,rgba(54,192,255,.16) 18%,rgba(185,230,255,.28) 50%,rgba(54,192,255,.16) 82%,transparent);box-shadow:0 0 10px rgba(54,192,255,.12);pointer-events:none}
nav{display:flex;align-items:center;gap:clamp(16px,1.8vw,28px);color:#c4ceda;font-size:13px;flex-shrink:0} nav a{white-space:nowrap} .top-cta{padding:12px 18px;border:1px solid rgba(37,182,255,.45);border-radius:999px;font-weight:800;background:rgba(37,182,255,.08)}

.hero{min-height:calc(100vh - 92px);display:grid;grid-template-columns:1.02fr .98fr;gap:64px;align-items:center;padding:60px 0 40px}
.hero-copy{position:relative;isolation:isolate}
.hero-copy>*{position:relative;z-index:2}
.hero-copy > .eyebrow{transform:translateY(25px)}
.results-eyebrow{font-size:15px;letter-spacing:.16em;font-weight:800}
.hero-below{transform:translateY(30px)}
.hero-orbit{position:absolute;inset:-110px -220px -160px -180px;pointer-events:none;z-index:0;opacity:.82;transform:translateX(120px)}
.hero-orbit .dot{position:absolute;left:58%;top:46%;width:18px;height:18px;border-radius:50%;background:#8fe2ff;box-shadow:0 0 0 2px rgba(143,226,255,.95),0 0 34px 13px rgba(37,182,255,.32)}
.hero-orbit .ring{position:absolute;border-radius:50%;border:1px solid rgba(37,182,255,.30);filter:drop-shadow(0 0 3px rgba(37,182,255,.10))}
.hero-orbit .ring.r1{left:50.5%;top:38.5%;width:165px;height:165px}
.hero-orbit .ring.r2{left:40%;top:22%;width:395px;height:395px;border-color:rgba(37,182,255,.23)}
.hero-orbit .ring.r3{left:6%;top:-12%;width:820px;height:820px;border-color:rgba(255,255,255,.14)}
.hero-orbit .ring.r4{left:12%;top:-34%;width:760px;height:1000px;border-color:rgba(255,255,255,.11);transform:rotate(9deg)}
.hero-orbit .ring.r5{left:-5%;top:4%;width:1220px;height:620px;border-color:rgba(255,255,255,.10);transform:rotate(17deg)}
.hero-orbit .line{position:absolute;height:1px;background:rgba(255,255,255,.12);transform-origin:left center}
.hero-orbit .line.l1{left:-3%;top:34%;width:86%;transform:rotate(13deg)}
.hero-orbit .line.l2{left:-8%;top:60%;width:110%;transform:rotate(18deg)}
.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:10px;font-weight:900;color:#b5c0ce;display:flex;align-items:center;gap:10px;margin:0 0 18px}
.eyebrow:before{content:"";width:28px;height:1px;background:var(--blue);box-shadow:0 0 9px var(--blue)}
.hero h1{margin:0;font-size:clamp(60px,7.15vw,108px);line-height:.90;letter-spacing:-.06em;text-transform:uppercase}
.hero .solid{display:block} .hero .outline-wrap{display:block;white-space:nowrap}
.hero em{font-style:normal;font-weight:800;display:inline-flex;align-items:baseline;gap:.16em;font-size:.82em;letter-spacing:-.02em;line-height:.94;background:linear-gradient(180deg,#a9d8ef 0%,#6fb5d8 52%,#3f8fba 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:.55px rgba(137,196,224,.72);text-shadow:0 0 10px rgba(44,145,196,.10)}.hero em span{display:inline-block}
.lede{font-size:19px;line-height:1.7;color:#aebaca;max-width:650px;margin:28px 0 0}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.btn{min-height:54px;padding:0 23px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.09em;font-size:12px;font-weight:900;transition:transform .16s ease,filter .16s ease,border-color .16s ease,box-shadow .16s ease}
.btn:hover{filter:brightness(1.12) saturate(1.08)}
.btn:focus-visible{outline:2px solid #8fe2ff;outline-offset:3px;filter:brightness(1.12)}
.btn:active{transform:translateY(1px) scale(.985);filter:brightness(1.2) saturate(1.1)}
.btn.primary{background:linear-gradient(135deg,#36c0ff,#0b76d4);box-shadow:0 14px 34px rgba(11,118,212,.35)}
.btn.secondary{border:1px solid var(--line);background:rgba(255,255,255,.03)}
.btn.book{border:1px solid rgba(93,205,255,.72);background:linear-gradient(180deg,rgba(40,167,255,.92),rgba(11,90,176,.96));color:#f6fbff;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 0 1px rgba(64,175,255,.12),0 12px 28px rgba(9,90,170,.28);font-weight:900;letter-spacing:.12em}
.btn.book:hover{border-color:rgba(143,224,255,.95);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 0 0 1px rgba(64,175,255,.16),0 14px 32px rgba(9,110,205,.34)}
.trust{display:flex;gap:42px;margin-top:38px;padding-top:22px;border-top:1px solid var(--line)} .trust div{display:flex;flex-direction:column}
.trust strong{font-size:17px} .trust span{font-size:9px;color:#8390a2;text-transform:uppercase;letter-spacing:.14em;margin-top:4px}

.hero-card{min-height:640px;border-radius:34px 34px 96px 34px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.12);background:linear-gradient(160deg,#0f1d2c 0%, #09131f 48%, #04070c 100%);box-shadow:0 28px 90px rgba(0,0,0,.45);transform:translateY(30px)}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.98}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg, rgba(5,10,18,.72) 0%, rgba(5,10,18,.40) 25%, rgba(5,10,18,.10) 56%, rgba(5,10,18,.04) 100%),linear-gradient(180deg, rgba(5,10,18,.03) 0%, rgba(5,10,18,.01) 45%, rgba(5,10,18,.22) 100%)}
.hero-raw-logo{position:absolute; left:18px; top:-26px; width:220px; max-width:42%}
.hero-note{position:absolute;left:30px;bottom:30px;width:min(320px,60%);padding:16px 18px;border-radius:18px;background:rgba(8,14,23,.58);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.10)}
.hero-note small{display:block;color:var(--blue);font-size:9px;letter-spacing:.18em;font-weight:900} .hero-note strong{display:block;margin-top:6px;font-size:16px}
.hero-note p{margin:8px 0 0;color:#a7b2c1;font-size:13px;line-height:1.55}

.section{padding:112px 0} .section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:34px}
.section-head h2{margin:0;font-size:clamp(42px,5.1vw,74px);line-height:.97;letter-spacing:-.045em;text-transform:uppercase}
.section-head h2 span{display:block;white-space:nowrap}
.section-head p{max-width:470px;color:var(--muted);font-size:16px;line-height:1.65}

.results-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:24px;align-items:start}
.result-panel,.mini-card{background:linear-gradient(180deg, rgba(12,21,34,.92), rgba(8,14,23,.98));border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:0 18px 60px rgba(0,0,0,.28)}
.result-panel img,.mini-card img{display:block;width:100%;height:auto}
.result-caption,.mini-copy{padding:22px 24px 24px}
.result-caption small,.mini-copy small{color:var(--blue);font-size:10px;letter-spacing:.18em;font-weight:900}
.result-caption h3,.mini-copy h3{font-size:25px;margin:8px 0 0}
.result-caption p,.mini-copy p{margin:10px 0 0;color:#93a2b5;line-height:1.7}
.mini-stack{display:grid;gap:24px}

.advanced{display:grid;grid-template-columns:.92fr 1.08fr;gap:64px;align-items:start;position:relative;overflow:hidden;border-radius:32px;padding:54px 42px;background:linear-gradient(180deg,rgba(7,17,29,.34),rgba(5,12,21,.14))}
.advanced > *{position:relative;z-index:2}
.advanced-bg{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:1;transform:translateY(30px)}
.advanced-bg .dot{position:absolute;left:40%;top:50%;width:18px;height:18px;border-radius:50%;background:#8fe2ff;box-shadow:0 0 0 2px rgba(143,226,255,.95),0 0 34px 13px rgba(37,182,255,.32)}
.advanced-bg .ring{position:absolute;border-radius:50%;border:1px solid rgba(37,182,255,.38);filter:drop-shadow(0 0 3px rgba(37,182,255,.10))}
.advanced-bg .ring.r1{left:35.5%;top:43%;width:150px;height:150px}
.advanced-bg .ring.r2{left:28.5%;top:31%;width:330px;height:330px;border-color:rgba(37,182,255,.28)}
.advanced-bg .ring.r3{left:10%;top:3%;width:590px;height:590px;border-color:rgba(255,255,255,.15)}
.advanced-bg .ring.r4{left:26%;top:-30%;width:560px;height:860px;border-color:rgba(255,255,255,.12);transform:rotate(9deg)}
.advanced-bg .ring.r5{left:8%;top:14%;width:930px;height:460px;border-color:rgba(255,255,255,.11);transform:rotate(18deg)}
.advanced-bg .line{position:absolute;height:1px;background:rgba(255,255,255,.13);transform-origin:left center}
.advanced-bg .line.l1{left:4%;top:33%;width:70%;transform:rotate(13deg)}
.advanced-bg .line.l2{left:2%;top:58%;width:92%;transform:rotate(24deg)}
.advanced h2{font-size:clamp(46px,5.4vw,78px);text-transform:uppercase;line-height:.97;letter-spacing:-.045em;margin:0} .advanced .intro{color:#9eabba;font-size:18px;line-height:1.75}
.features{border-top:1px solid var(--line)}
.feature{display:grid;grid-template-columns:54px 1fr;gap:14px;padding:24px 0;border-bottom:1px solid var(--line)} .feature span{color:#596a80;font-size:11px} .feature p{margin:0;color:#9aa7b7} .feature strong{color:white;display:block;margin-bottom:5px}

.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.step{min-height:276px;padding:24px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#0d1927,#08111a)}
.step span{color:#587087;font-size:11px;letter-spacing:.14em}.step-photo{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;margin:18px 0 20px;border-radius:14px;opacity:.92;filter:saturate(.92) contrast(1.02);-webkit-mask-image:radial-gradient(ellipse at center,#000 62%,rgba(0,0,0,.94) 76%,rgba(0,0,0,.62) 89%,transparent 100%);mask-image:radial-gradient(ellipse at center,#000 62%,rgba(0,0,0,.94) 76%,rgba(0,0,0,.62) 89%,transparent 100%)} .step h3{font-size:24px;margin:0 0 8px} .step p{color:#93a0b2;font-size:14px}

.service{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--line);border-radius:34px;padding:58px 60px 60px;background:linear-gradient(135deg,#0a1928 0%,#07111b 56%,#05101a 100%)}
.service>*{position:relative;z-index:2}
.service-copy{max-width:900px}
.service-copy .eyebrow{margin-bottom:18px}
.service h2{font-size:clamp(52px,6vw,88px);text-transform:uppercase;line-height:.92;letter-spacing:-.045em;margin:0 0 22px}
.service p{max-width:760px;color:#9eabba;font-size:17px;line-height:1.75;margin:0}
.service-bg{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.62}
.service-bg .dot{position:absolute;right:17%;top:34%;width:12px;height:12px;border-radius:50%;background:#8fe2ff;box-shadow:0 0 0 2px rgba(143,226,255,.82),0 0 28px 10px rgba(37,182,255,.16)}
.service-bg .ring{position:absolute;border-radius:50%;border:1px solid rgba(37,182,255,.20);filter:drop-shadow(0 0 3px rgba(37,182,255,.10))}
.service-bg .ring.r1{right:10%;top:20%;width:150px;height:150px;border-color:rgba(37,182,255,.28)}
.service-bg .ring.r2{right:2%;top:8%;width:360px;height:360px;border-color:rgba(37,182,255,.18)}
.service-bg .ring.r3{right:-10%;top:-14%;width:620px;height:620px;border-color:rgba(255,255,255,.10)}
.service-bg .ring.r4{right:4%;top:-22%;width:760px;height:420px;border-color:rgba(255,255,255,.09);transform:rotate(16deg)}
.service-bg .line{position:absolute;height:1px;background:rgba(255,255,255,.12);transform-origin:left center}
.service-bg .line.l1{right:18%;top:34.4%;width:28%;transform:rotate(5deg)}
.service-bg .line.l2{right:13%;top:48%;width:22%;transform:rotate(-18deg)}
.local-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;max-width:1080px}
.local-list span{padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.028);color:#d0d9e8;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
@media(max-width:900px){.service{padding:42px 28px 44px}.service h2{font-size:clamp(42px,9vw,72px)}.service-bg{opacity:.48}.service-bg .ring.r2{right:-8%;top:12%;width:280px;height:280px}.service-bg .ring.r3{right:-26%;top:-4%;width:440px;height:440px}.service-bg .ring.r4{right:-22%;top:-8%;width:460px;height:280px}.service-bg .line.l1{width:36%}.service-bg .line.l2{width:30%}}
@media(max-width:600px){.service{padding:34px 20px 36px;border-radius:28px}.service h2{font-size:clamp(38px,12vw,58px);line-height:.95}.service p{font-size:16px}.local-list{gap:10px;margin-top:24px}.local-list span{padding:9px 12px;font-size:14px}.service-bg{opacity:.36}.service-bg .dot{right:12%;top:28%}.service-bg .ring.r1{right:4%;top:14%;width:110px;height:110px}.service-bg .ring.r2{right:-18%;top:6%;width:220px;height:220px}.service-bg .ring.r3{display:none}.service-bg .ring.r4{display:none}.service-bg .line.l1,.service-bg .line.l2{display:none}}

.faq details{border-bottom:1px solid var(--line)} .faq summary{cursor:pointer;list-style:none;padding:24px 0;font-size:20px;font-weight:700;display:flex;justify-content:space-between} .faq summary:after{content:"+";color:var(--blue)} .faq details[open] summary:after{content:"–"} .faq p{color:#93a0b2;max-width:800px;margin:0 0 24px}

.final{position:relative;isolation:isolate;min-height:520px;margin-bottom:64px;border-radius:30px;overflow:hidden;border:1px solid rgba(37,182,255,.22);background:#081827;scroll-margin-top:24px}
.final-bg{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover}
.final:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(4,13,23,.12) 0%,rgba(4,13,23,.03) 52%,rgba(4,13,23,.02) 100%);pointer-events:none}
.final-content{position:relative;z-index:2;min-height:520px;padding:64px;display:flex;justify-content:space-between;align-items:flex-end;gap:36px}
.final-copy{align-self:center;max-width:720px}
.final h2{font-size:clamp(48px,5.4vw,76px);line-height:.94;letter-spacing:-.04em;text-transform:uppercase;margin:0;text-shadow:0 3px 24px rgba(0,0,0,.28)}
.final .btn{min-width:230px;padding:0 26px;white-space:nowrap;flex:0 0 auto}
.final .eyebrow{margin-bottom:22px}
footer{padding:30px 0 46px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#6f7c8e;font-size:11px;gap:18px;flex-wrap:wrap}


.results-grid-v2{display:grid;grid-template-columns:1.25fr .75fr;gap:24px;align-items:start}
.result-showcase,.result-secondary{background:linear-gradient(180deg, rgba(12,21,34,.92), rgba(8,14,23,.98));border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:0 18px 60px rgba(0,0,0,.28)}
.result-showcase{padding:28px}
.result-secondary{padding:22px 22px 0}
.showcase-intro{display:block;margin-bottom:20px}
.showcase-intro.has-copy{display:flex;justify-content:space-between;align-items:flex-start;gap:26px}
.showcase-intro h3{margin:8px 0 0;font-size:clamp(34px,3.4vw,56px);line-height:.92;letter-spacing:-.045em;text-transform:uppercase;max-width:none}
.showcase-intro h3 span{display:block;white-space:nowrap}
.showcase-intro.compact{display:block;margin-bottom:18px}
.showcase-intro.compact h3{font-size:clamp(30px,2.8vw,42px);max-width:none}
.showcase-intro .eyebrow,.showcase-intro.compact .eyebrow{margin:0}
.showcase-intro .intro-copy{flex:0 1 310px;max-width:310px;margin:10px 0 0;font-size:14px;line-height:1.55;color:var(--muted)}
.compare-grid{display:grid;gap:18px}
.compare-grid.two-up{grid-template-columns:1fr 1fr}
.compare-grid.one-up{grid-template-columns:1fr}
.compare-card{border:1px solid rgba(88,171,235,.28);border-radius:20px;overflow:hidden;background:linear-gradient(180deg, rgba(6,14,23,.76), rgba(7,15,24,.96));box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.compare-media{position:relative;padding:14px 14px 0}
.compare-media img{display:block;width:100%;height:auto;border-radius:14px;object-fit:cover;background:#0a1017}
.compare-media.tall img{aspect-ratio:4/3}
.pill{position:absolute;left:16px;top:16px;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-width:70px;padding:8px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.72);background:rgba(6,12,19,.78);font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.compare-copy{padding:14px 18px 18px;border-top:1px solid rgba(255,255,255,.08)}
.compare-copy small{display:block;color:var(--blue);font-size:10px;letter-spacing:.18em;font-weight:900;text-transform:uppercase}
.compare-copy p{margin:8px 0 0;color:#f0f4f9;font-size:14px;line-height:1.45;font-weight:700}
.result-showcase .result-caption{padding:24px 0 0}
.result-secondary .mini-copy{padding:22px 0 26px}
.result-secondary .mini-copy h3{font-size:22px}
.result-secondary .mini-copy p,.result-showcase .result-caption p{margin:10px 0 0;color:#93a2b5;line-height:1.7}
@media(max-width:980px){.results-grid-v2{grid-template-columns:1fr}.compare-grid.two-up{grid-template-columns:1fr}.result-showcase{padding:22px}.result-secondary{padding:20px 20px 0}}
@media(max-width:640px){.showcase-intro{display:block}.showcase-intro.has-copy{display:block}.showcase-intro h3{font-size:clamp(30px,9vw,44px)}.showcase-intro .intro-copy{max-width:none;margin-top:12px}}

@media(max-width:980px){ header{height:auto;flex-wrap:wrap;padding:16px 0;align-items:center} .brand-plate{width:min(100%,520px);max-width:100%} nav{display:flex;width:100%;justify-content:center;align-items:center;gap:30px;padding:10px 0 14px;font-size:13px;white-space:nowrap} .hero{grid-template-columns:1fr; min-height:auto} .results-grid{grid-template-columns:1fr} .advanced{grid-template-columns:1fr;padding:42px 24px} .advanced-bg .dot{left:56%;top:23%} .advanced-bg .ring.r1{left:49%;top:15%} .advanced-bg .ring.r2{left:39%;top:4%} .advanced-bg .ring.r3{left:22%;top:-6%} .advanced-bg .ring.r4{left:38%;top:-26%} .advanced-bg .ring.r5{left:8%;top:10%;width:640px;height:320px} .advanced-bg .line.l1{left:2%;top:24%;width:90%} .advanced-bg .line.l2{left:2%;top:43%;width:95%} .process-grid{grid-template-columns:1fr 1fr} .final{flex-direction:column; align-items:flex-start} }

@media(max-width:980px){
  .final,.final-content{min-height:480px}
  .final-content{padding:42px}
  .final h2{font-size:clamp(44px,7vw,62px)}
}

@media(max-width:560px){
  nav{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:10px 18px;padding:10px 4px 14px;text-align:center}
}

@media(max-width:768px){
  .wrap{width:min(calc(100% - 24px), var(--max))}
  header{gap:14px;padding:10px 0 0}
  .brand-plate{width:min(100%,640px);max-width:100%;padding-bottom:8px;transform:none}
  nav{gap:18px;font-size:15px;padding:14px 8px 18px}
  .hero{gap:28px;padding:34px 0 20px}
  .hero-copy > .eyebrow{transform:none}
  .hero-below{transform:none}
  .hero-orbit{inset:-30px -80px -120px -120px;transform:translateX(40px);opacity:.72}
  .hero-orbit .dot{left:68%;top:44%;width:16px;height:16px}
  .hero-orbit .ring.r1{left:60%;top:37%;width:130px;height:130px}
  .hero-orbit .ring.r2{left:44%;top:18%;width:310px;height:310px}
  .hero-orbit .ring.r3{left:6%;top:-8%;width:650px;height:650px}
  .hero-orbit .ring.r4{left:10%;top:-24%;width:600px;height:780px}
  .hero-orbit .ring.r5{left:-8%;top:8%;width:860px;height:460px}
  .hero-orbit .line.l1{left:-4%;top:34%;width:95%}
  .hero-orbit .line.l2{left:-10%;top:61%;width:118%}
  .eyebrow{font-size:12px;letter-spacing:.16em;margin:0 0 14px;line-height:1.3}
  .hero h1{font-size:clamp(44px,13vw,74px);line-height:.94;letter-spacing:-.045em}
  .hero em{font-size:.74em;-webkit-text-stroke:.5px rgba(137,196,224,.70);letter-spacing:-.018em;word-spacing:0;gap:.15em;transform:none}
  .lede{font-size:17px;line-height:1.6;margin-top:22px;max-width:none}
  .actions{gap:12px;margin-top:22px}
  .btn{flex:1 1 220px}
  .trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-top:18px;margin-top:24px}
  .hero-card{min-height:460px;transform:none}
  .hero-raw-logo{top:-38px;left:14px;width:190px;max-width:45%}
  .hero-note{left:18px;bottom:18px;width:min(320px,72%)}
  .section{padding:72px 0}
  .section-head{flex-direction:column;align-items:flex-start;gap:18px}
  .results-grid{grid-template-columns:1fr}
  .mini-stack{grid-template-columns:1fr;gap:24px}
  .result-caption h3,.mini-copy h3{font-size:22px}
}

@media(max-width:560px){
  nav{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:12px 28px;padding:14px 12px 18px;text-align:center;font-size:13px}
  .hero{gap:22px;padding:28px 0 18px}
  .hero-orbit{inset:-10px -60px -80px -90px;transform:translateX(24px);opacity:.62}
  .hero-orbit .dot{left:73%;top:45%;width:14px;height:14px}
  .hero-orbit .ring.r1{left:65%;top:39%;width:108px;height:108px}
  .hero-orbit .ring.r2{left:52%;top:23%;width:230px;height:230px}
  .hero-orbit .ring.r3{left:18%;top:2%;width:420px;height:420px}
  .hero-orbit .ring.r4{left:18%;top:-10%;width:420px;height:620px}
  .hero-orbit .ring.r5{left:-10%;top:18%;width:560px;height:300px}
  .hero-orbit .line.l1{left:-8%;top:39%;width:110%}
  .hero-orbit .line.l2{left:-12%;top:67%;width:122%}
  .eyebrow{font-size:11px;letter-spacing:.15em;gap:8px}
  .eyebrow:before{width:24px}
  .hero h1{font-size:clamp(34px,15vw,58px);line-height:.96;letter-spacing:-.04em}
  .hero .outline-wrap{white-space:nowrap}
  .hero em{font-size:.64em;-webkit-text-stroke:.48px rgba(137,196,224,.70);letter-spacing:-.014em;word-spacing:0;gap:.14em;transform:none}
  .lede{font-size:16px;line-height:1.58}
  .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .btn{width:100%;min-height:52px;padding:0 14px;font-size:11px}
  .trust{grid-template-columns:repeat(3,1fr);gap:14px}
  .trust strong{font-size:16px}
  .trust span{font-size:8px}
  .hero-card{min-height:340px;border-radius:26px 26px 56px 26px}
  .hero-note{width:calc(100% - 32px);max-width:none;padding:14px 15px}
  .hero-note strong{font-size:15px}
  .hero-note p{font-size:12px}
  .section{padding:56px 0}
  .section-head h2{font-size:clamp(34px,10vw,48px)}
  .section-head p,.advanced .intro,.feature p,.service p,.final p{font-size:15px;line-height:1.6}
  .result-caption,.mini-copy{padding:18px 18px 20px}
  .result-caption h3,.mini-copy h3{font-size:18px}
  .advanced{padding:34px 20px;border-radius:24px;gap:28px}
  .feature{grid-template-columns:34px 1fr;gap:10px;padding:18px 0}
  .process-grid{grid-template-columns:1fr}
  .step{min-height:auto}
  .service{padding:32px 22px;border-radius:24px}
  .final{min-height:620px;border-radius:24px}
  .final-bg{object-position:68% center}
  .final:after{background:linear-gradient(180deg,rgba(4,13,23,.03) 0%,rgba(4,13,23,.18) 34%,rgba(4,13,23,.92) 70%,rgba(4,13,23,.98) 100%)}
  .final-content{min-height:620px;padding:28px 22px;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:24px}
  .final-copy{align-self:auto;max-width:none}
  .final h2{font-size:clamp(34px,10.5vw,46px);line-height:.98;letter-spacing:-.035em}
  .final .eyebrow{margin-bottom:16px}
  .final .btn{width:100%;min-width:0}
}

@media(max-width:390px){
  .actions{grid-template-columns:1fr}
  nav{gap:10px 16px}
  .hero h1{font-size:clamp(32px,15.5vw,52px)}
  .hero em{font-size:.61em;gap:.15em}
}


/* v36 mobile/tablet refinement pass */
@media(max-width:900px){
  .brand-plate{margin-inline:auto;width:min(100%,560px)}
  nav{margin-inline:auto;max-width:620px}
  .hero{padding-top:28px;gap:32px}
  .hero-copy,.hero-card{max-width:720px;margin-inline:auto}
  .hero-below{max-width:680px}
  .hero-card{width:100%}
}

@media(max-width:768px){
  .brand-plate{width:min(100%,500px)}
  nav{max-width:560px;font-size:14px;line-height:1.25}
  .hero{padding:28px 0 22px;gap:30px}
  .hero-copy{padding-right:0}
  .hero h1 .solid,.hero .outline-wrap{display:block}
  .hero .outline-wrap{margin-top:4px}
  .hero em{display:inline-flex;align-items:baseline;gap:.15em;transform:none;letter-spacing:-.012em;word-spacing:0}
  .lede{max-width:34ch;font-size:17px;line-height:1.65}
  .actions{margin-top:24px}
  .trust{margin-top:26px}
  .hero-orbit{opacity:.58;transform:translateX(62px)}
  .hero-card{max-width:640px;min-height:420px;margin-top:6px}
  .hero-raw-logo{top:-28px;left:16px;width:176px;max-width:42%}
  .hero-note{width:min(330px,70%)}
}

@media(max-width:560px){
  .wrap{width:min(calc(100% - 22px), var(--max))}
  .brand-plate{width:min(100%,380px);padding-bottom:10px}
  nav{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px;max-width:420px;padding:12px 8px 18px;font-size:14px}
  .hero{padding:24px 0 18px;gap:24px}
  .eyebrow{font-size:12px;letter-spacing:.14em;margin-bottom:18px}
  .hero h1{font-size:clamp(38px,14vw,56px);line-height:.93;letter-spacing:-.042em}
  .hero .outline-wrap{white-space:normal;line-height:1}
  .hero em{font-size:.58em;letter-spacing:-.012em;word-spacing:0;gap:.13em;-webkit-text-stroke:.45px rgba(137,196,224,.70);transform:none}
  .lede{font-size:17px;line-height:1.68;max-width:31ch;margin-top:20px}
  .actions{grid-template-columns:1fr;gap:12px}
  .btn{min-height:54px;font-size:12px;padding:0 16px}
  .trust{grid-template-columns:repeat(3,1fr);gap:12px;padding-top:16px;margin-top:22px}
  .trust strong{font-size:18px}
  .trust span{font-size:8px;line-height:1.3}
  .hero-orbit{inset:-8px -70px -90px -92px;transform:translateX(42px);opacity:.42}
  .hero-orbit .dot{left:76%;top:47%;width:13px;height:13px}
  .hero-orbit .ring.r1{left:68%;top:41%;width:96px;height:96px}
  .hero-orbit .ring.r2{left:56%;top:28%;width:190px;height:190px}
  .hero-orbit .ring.r3{left:24%;top:10%;width:340px;height:340px}
  .hero-orbit .ring.r4{left:22%;top:-4%;width:360px;height:520px}
  .hero-orbit .ring.r5{left:-8%;top:22%;width:480px;height:260px}
  .hero-orbit .line.l1{left:-10%;top:42%;width:114%}
  .hero-orbit .line.l2{left:-14%;top:70%;width:126%}
  .hero-card{max-width:100%;min-height:320px;border-radius:24px 24px 48px 24px;aspect-ratio:0.94;margin-top:8px}
  .hero-raw-logo{top:-10px;left:14px;width:158px;max-width:42%}
  .hero-note{left:12px;bottom:12px;width:calc(100% - 24px);max-width:none;padding:12px 13px;border-radius:16px;background:rgba(8,14,23,.72)}
  .hero-note strong{font-size:14px}
  .hero-note p{font-size:12px;line-height:1.48}
}

@media(max-width:390px){
  .brand-plate{width:min(100%,330px)}
  nav{font-size:13px;gap:10px 16px}
  .hero h1{font-size:clamp(34px,15vw,50px)}
  .hero em{font-size:.56em;letter-spacing:-.012em;word-spacing:0;gap:.13em}
  .lede{font-size:16px;max-width:30ch}
}


@media(max-width:900px){.brand-plate{width:min(100%,620px);max-width:100%;margin-inline:auto}}
@media(max-width:560px){.brand-plate{width:min(100%,520px);max-width:100%;padding:4px 0 12px}.brand-premium{filter:drop-shadow(0 8px 20px rgba(0,0,0,.16)) drop-shadow(0 0 14px rgba(31,153,255,.07))}.brand-plate:after{left:12%;right:9%;bottom:5px}}
@media(max-width:390px){.brand-plate{width:min(100%,430px)}}

/* V168 source 2: inline */
/* v84 — larger mobile logo + premium nav + sticky/compact header + top bleed cover */
header{
  position:sticky;
  top:0;
  z-index:1000;
  isolation:isolate;
  padding-inline:0;
  transition:height .24s ease,padding .24s ease,box-shadow .24s ease,border-color .24s ease;
}
header::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:-24px;
  bottom:0;
  left:50%;
  width:100vw;
  transform:translateX(-50%);
  background:linear-gradient(180deg,rgba(3,10,18,.97),rgba(5,16,28,.92));
  border-bottom:1px solid rgba(62,187,255,.16);
  box-shadow:0 14px 34px rgba(0,0,0,.16);
  -webkit-backdrop-filter:blur(18px) saturate(1.15);
  backdrop-filter:blur(18px) saturate(1.15);
}
header .brand-plate{transition:width .24s ease,max-width .24s ease,padding .24s ease,transform .24s ease}
header .brand-premium{transition:transform .24s ease}
header nav{transition:gap .24s ease,padding .24s ease}
header nav a{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 13px;
  border:1px solid rgba(115,203,255,.20);
  border-radius:999px;
  background:linear-gradient(180deg,rgba(25,93,143,.18),rgba(8,26,42,.28));
  color:#dce9f5;
  font-weight:750;
  letter-spacing:.015em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 18px rgba(0,0,0,.08);
  transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease,color .16s ease;
}
header nav a::after{
  content:"";
  position:absolute;
  left:18%;right:18%;bottom:5px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(62,194,255,.72),transparent);
  opacity:.24;
}
header nav a:hover,
header nav a:focus-visible{
  color:#fff;
  border-color:rgba(91,205,255,.58);
  background:linear-gradient(180deg,rgba(37,182,255,.22),rgba(10,73,123,.32));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(37,182,255,.08),0 9px 24px rgba(0,120,210,.15);
  transform:translateY(-1px);
  outline:none;
}
header.is-scrolled::before{background:linear-gradient(180deg,rgba(3,10,18,.985),rgba(4,13,23,.96));box-shadow:0 12px 30px rgba(0,0,0,.32)}
section[id],div[id]{scroll-margin-top:150px}

@media(max-width:980px){
  header{
    padding:7px 0 10px;
    gap:6px;
    border-bottom-color:rgba(62,187,255,.13);
  }
  header .brand-plate{
    width:min(100%,680px) !important;
    max-width:100% !important;
    margin-inline:auto;
    padding:0 0 5px !important;
  }
  header nav{
    width:100%;
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:7px !important;
    padding:1px 4px 5px !important;
    font-size:12px !important;
  }
  header nav a{min-height:36px;padding:7px 12px}
  header.is-scrolled{padding:4px 0 6px}
  header.is-scrolled .brand-plate{width:min(72%,470px) !important;padding-bottom:1px !important}
  header.is-scrolled nav{gap:5px !important;padding:0 2px 2px !important;font-size:11px !important}
  header.is-scrolled nav a{min-height:31px;padding:5px 9px}
  section[id],div[id]{scroll-margin-top:205px}
}

@media(max-width:560px){
  header .brand-plate{
    width:100% !important;
    max-width:none !important;
    padding:0 2px 4px !important;
  }
  header .brand-premium{transform:scale(1.09);transform-origin:center center}
  header nav{
    display:grid;
    grid-template-columns:repeat(3,max-content);
    justify-content:center;
    gap:7px 6px !important;
  }
  header nav a{min-height:35px;padding:7px 11px;font-size:11.5px}
  header.is-scrolled .brand-plate{width:76% !important;max-width:430px !important}
  header.is-scrolled .brand-premium{transform:scale(1.04)}
  header.is-scrolled nav{grid-template-columns:repeat(3,max-content);gap:5px 4px !important}
  header.is-scrolled nav a{min-height:29px;padding:4px 8px;font-size:10.5px}
  section[id],div[id]{scroll-margin-top:185px}
}

@media(max-width:390px){
  header nav a{padding-inline:9px;font-size:10.8px}
  header.is-scrolled .brand-plate{width:80% !important}
  header.is-scrolled nav a{padding-inline:7px;font-size:10px}
}

@media(prefers-reduced-motion:reduce){
  header,header .brand-plate,header nav,header nav a{transition:none}
}

/* V168 source 3: inline */
/* v88 — robust homepage header architecture.
   The fixed layer now lives OUTSIDE the page .wrap, so mobile/tablet browsers cannot
   attach it to or offset it with the scrolling page container. */
.home-header-shell{
  position:fixed;
  inset:0 0 auto 0;
  z-index:10000;
  background:linear-gradient(180deg,rgba(3,10,18,.99),rgba(4,13,23,.97));
  border-bottom:1px solid rgba(62,187,255,.16);
  box-shadow:0 12px 30px rgba(0,0,0,.26);
  -webkit-backdrop-filter:blur(18px) saturate(1.15);
  backdrop-filter:blur(18px) saturate(1.15);
}
.home-header-inner{
  width:min(calc(100% - 36px),var(--max));
  margin:0 auto;
}
.home-header-shell header{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  z-index:1 !important;
}
.home-header-shell header::before{display:none !important;content:none !important;}
.home-header-spacer{height:var(--v88-home-header-height,136px);width:100%;}
/* The page wrapper should not create a separate vertical offset now that the header has its own shell. */
.wrap{transform:none !important;}
@media(max-width:980px){
  .home-header-inner{width:min(calc(100% - 24px),var(--max));}
}
@media(max-width:430px){
  .home-header-inner{width:min(calc(100% - 20px),var(--max));}
}

/* V168 source 4: inline */
/* v89 — homepage header: keep the v88 fixed behavior, but force the same centered
   mobile/tablet geometry as the restoration-page header. */
html,body{overflow-x:clip;}
.home-header-shell{
  left:0 !important; right:0 !important; width:100vw !important; max-width:100vw !important;
  overflow:hidden !important;
}
.home-header-inner{
  width:100% !important; max-width:var(--max) !important; margin:0 auto !important;
  padding:0 18px !important; box-sizing:border-box !important;
}
.home-header-shell header{
  width:100% !important; max-width:100% !important; margin:0 auto !important;
}
@media(max-width:980px){
  .home-header-inner{padding:0 12px !important;}
  .home-header-shell header{
    display:flex !important; flex-direction:column !important; flex-wrap:nowrap !important;
    align-items:center !important; justify-content:center !important; gap:6px !important;
    text-align:center !important;
  }
  .home-header-shell .brand-plate{
    width:min(100%,680px) !important; max-width:100% !important; margin:0 auto !important;
    transform:none !important; padding:0 0 5px !important;
  }
  .home-header-shell .brand-premium{
    display:block !important; width:100% !important; max-width:100% !important; height:auto !important;
    margin:0 auto !important; transform:none !important; transform-origin:center center !important;
  }
  .home-header-shell nav{
    width:100% !important; max-width:100% !important; margin:0 auto !important;
    display:flex !important; flex-wrap:wrap !important; justify-content:center !important;
    align-items:center !important; gap:7px !important; padding:1px 4px 5px !important;
    white-space:normal !important;
  }
  .home-header-shell nav a{flex:0 0 auto !important;}
}
@media(max-width:560px){
  .home-header-inner{padding:0 10px !important;}
  .home-header-shell .brand-plate{width:100% !important; max-width:430px !important;}
  .home-header-shell .brand-premium{transform:scale(1.04) !important;}
  .home-header-shell nav{
    display:grid !important; grid-template-columns:repeat(3,max-content) !important;
    justify-content:center !important; gap:7px 6px !important;
  }
  .home-header-shell nav a{font-size:11.5px !important; padding:7px 11px !important;}
}
@media(max-width:390px){
  .home-header-shell nav{grid-template-columns:repeat(2,max-content) !important;}
  .home-header-shell nav a{font-size:10.8px !important; padding:7px 9px !important;}
}

/* V168 source 5: inline */
/* v95 preview — slightly stronger left-edge advanced optics.
   IMPORTANT: original header::before background is intentionally untouched.
   Header geometry, sticky behavior, logo sizing, and nav rules remain unchanged. */
header > *{position:relative;z-index:2}
header::after{
  content:"";
  position:absolute;
  z-index:1;
  pointer-events:none;
  left:-88px;
  top:-42px;
  width:445px;
  height:228px;
  opacity:.84;
  background:
    /* micro calibration ticks integrated into this layer so header::before stays intact */
    repeating-conic-gradient(from 214deg at 20% 53%,
      transparent 0deg 7deg,
      rgba(148,218,247,.028) 7deg 7.55deg,
      transparent 7.55deg 14deg),
    /* tiny optical nodes */
    radial-gradient(circle at 37% 42%,rgba(158,229,255,.24) 0 1px,transparent 1.6px),
    radial-gradient(circle at 47% 63%,rgba(112,200,240,.19) 0 1px,transparent 1.5px),
    radial-gradient(circle at 59% 29%,rgba(170,232,255,.17) 0 1px,transparent 1.5px),
    radial-gradient(circle at 31% 67%,rgba(120,202,238,.12) 0 1px,transparent 1.4px),
    /* restrained lens-like depth */
    radial-gradient(ellipse at 20% 53%,rgba(45,161,221,.115) 0 18%,rgba(30,113,175,.047) 36%,transparent 65%),
    /* concentric precision rings */
    radial-gradient(ellipse at 20% 53%,
      transparent 0 21.8%,rgba(151,222,250,.135) 22.15% 22.62%,
      transparent 22.95% 29.8%,rgba(97,185,227,.100) 30.08% 30.56%,
      transparent 30.9% 38.7%,rgba(144,213,241,.072) 39.0% 39.48%,
      transparent 39.8% 48.7%,rgba(87,168,211,.052) 49.0% 49.36%,transparent 49.7%),
    /* segmented optical/HUD arcs */
    conic-gradient(from 214deg at 20% 53%,
      transparent 0deg 13deg,
      rgba(139,218,250,.15) 13deg 18deg,
      transparent 18deg 31deg,
      rgba(105,190,230,.095) 31deg 35deg,
      transparent 35deg 55deg,
      rgba(158,226,253,.125) 55deg 60deg,
      transparent 60deg 102deg,
      rgba(94,177,218,.075) 102deg 105deg,
      transparent 105deg 151deg,
      rgba(145,218,247,.105) 151deg 156deg,
      transparent 156deg 198deg,
      rgba(97,181,222,.060) 198deg 201deg,
      transparent 201deg 360deg),
    /* faint instrument cross-lines */
    linear-gradient(90deg,transparent 0 22%,rgba(132,211,244,.055) 22.2% 22.48%,transparent 22.75% 100%),
    linear-gradient(0deg,transparent 0 52%,rgba(132,211,244,.050) 52.2% 52.48%,transparent 52.75% 100%);
  filter:drop-shadow(0 0 12px rgba(64,166,216,.055));
  -webkit-mask-image:radial-gradient(ellipse at 18% 52%,#000 0 44%,rgba(0,0,0,.78) 55%,rgba(0,0,0,.28) 71%,transparent 89%);
  mask-image:radial-gradient(ellipse at 18% 52%,#000 0 44%,rgba(0,0,0,.78) 55%,rgba(0,0,0,.28) 71%,transparent 89%);
}
@media(max-width:980px){
  header::after{
    left:-103px;
    top:-17px;
    width:365px;
    height:157px;
    opacity:.70;
  }
}
@media(max-width:560px){
  header::after{
    left:-113px;
    top:-6px;
    width:322px;
    height:131px;
    opacity:.60;
  }
}


/* v96 — subtle advanced-optics field in the process section only */
.advanced{
  isolation:isolate;
}
.advanced::before{
  content:"";
  position:absolute;
  z-index:0;
  pointer-events:none;
  right:-10%;
  top:2%;
  width:64%;
  height:96%;
  opacity:.54;
  background:
    /* fine calibration ticks */
    repeating-conic-gradient(from 2deg at 72% 48%,
      rgba(113,203,255,.13) 0deg .42deg,
      transparent .42deg 6deg),
    /* segmented outer instrument ring */
    conic-gradient(from 214deg at 72% 48%,
      transparent 0deg 12deg,
      rgba(75,176,235,.11) 12deg 25deg,
      transparent 25deg 49deg,
      rgba(136,214,255,.08) 49deg 54deg,
      transparent 54deg 93deg,
      rgba(66,160,221,.10) 93deg 116deg,
      transparent 116deg 164deg,
      rgba(113,203,255,.08) 164deg 176deg,
      transparent 176deg 244deg,
      rgba(79,172,228,.09) 244deg 265deg,
      transparent 265deg 360deg),
    /* primary optical rings */
    radial-gradient(ellipse at 72% 48%,
      transparent 0 18.5%,
      rgba(118,207,255,.10) 18.7% 19%,
      transparent 19.25% 27%,
      rgba(70,165,224,.09) 27.15% 27.5%,
      transparent 27.75% 37%,
      rgba(167,222,255,.065) 37.15% 37.45%,
      transparent 37.7% 47%,
      rgba(72,161,217,.065) 47.15% 47.45%,
      transparent 47.8% 100%),
    /* off-axis lens contour */
    radial-gradient(ellipse at 87% 47%,
      transparent 0 31%,
      rgba(99,190,245,.06) 31.1% 31.45%,
      transparent 31.7% 46%,
      rgba(99,190,245,.045) 46.1% 46.4%,
      transparent 46.7% 100%),
    /* faint instrument core glow */
    radial-gradient(circle at 72% 48%,
      rgba(35,163,230,.085) 0 1.2%,
      rgba(35,163,230,.035) 1.3% 7%,
      transparent 21%);
  -webkit-mask-image:radial-gradient(ellipse at 74% 48%,#000 0 34%,rgba(0,0,0,.86) 47%,rgba(0,0,0,.42) 65%,transparent 82%);
  mask-image:radial-gradient(ellipse at 74% 48%,#000 0 34%,rgba(0,0,0,.86) 47%,rgba(0,0,0,.42) 65%,transparent 82%);
  transform:perspective(900px) rotateY(-13deg) rotateZ(-3deg) scale(1.06);
  transform-origin:center right;
  filter:drop-shadow(0 0 11px rgba(43,166,229,.035));
}
.advanced::after{
  content:"";
  position:absolute;
  z-index:0;
  pointer-events:none;
  right:3%;
  top:16%;
  width:43%;
  height:69%;
  opacity:.33;
  background:
    linear-gradient(112deg,transparent 0 22%,rgba(101,194,246,.09) 22.15% 22.35%,transparent 22.55% 100%),
    linear-gradient(173deg,transparent 0 49%,rgba(119,205,255,.07) 49.15% 49.35%,transparent 49.55% 100%),
    radial-gradient(circle at 79% 24%,rgba(145,221,255,.38) 0 1.2px,transparent 1.6px),
    radial-gradient(circle at 88% 48%,rgba(110,200,250,.30) 0 1px,transparent 1.4px),
    radial-gradient(circle at 69% 71%,rgba(110,200,250,.27) 0 1.1px,transparent 1.5px);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 24%,#000 58%,rgba(0,0,0,.65) 85%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 24%,#000 58%,rgba(0,0,0,.65) 85%,transparent 100%);
}
.advanced > *{position:relative;z-index:2}

@media(max-width:980px){
  .advanced::before{right:-24%;top:4%;width:82%;height:94%;opacity:.46;transform:perspective(850px) rotateY(-12deg) rotateZ(-3deg) scale(1.03)}
  .advanced::after{right:-1%;top:18%;width:54%;height:64%;opacity:.26}
}
@media(max-width:640px){
  .advanced::before{right:-46%;top:13%;width:118%;height:76%;opacity:.35;transform:perspective(800px) rotateY(-10deg) rotateZ(-4deg)}
  .advanced::after{right:-13%;top:24%;width:72%;height:55%;opacity:.20}
}

/* V168 source 6: inline */
/* v102 stability pass: decorative only. No nav/header geometry is modified. */
header .header-optics-mirror{
  position:absolute;
  pointer-events:none;
  z-index:1;
  right:-92px;
  bottom:-42px;
  width:330px;
  height:154px;
  opacity:.29;
  background:
    repeating-conic-gradient(from 32deg at 68% 58%,transparent 0deg 8deg,rgba(148,218,247,.024) 8deg 8.6deg,transparent 8.6deg 16deg),
    radial-gradient(circle at 55% 42%,rgba(158,229,255,.18) 0 1px,transparent 1.6px),
    radial-gradient(circle at 66% 64%,rgba(112,200,240,.14) 0 1px,transparent 1.5px),
    radial-gradient(ellipse at 68% 58%,rgba(45,161,221,.085) 0 18%,rgba(30,113,175,.032) 36%,transparent 66%),
    radial-gradient(ellipse at 68% 58%,transparent 0 22%,rgba(151,222,250,.10) 22.3% 22.8%,transparent 23.2% 31%,rgba(97,185,227,.075) 31.3% 31.8%,transparent 32.2% 40%,rgba(144,213,241,.055) 40.3% 40.8%,transparent 41.2% 50%,rgba(87,168,211,.040) 50.3% 50.7%,transparent 51%),
    conic-gradient(from 32deg at 68% 58%,transparent 0deg 18deg,rgba(139,218,250,.11) 18deg 24deg,transparent 24deg 42deg,rgba(105,190,230,.07) 42deg 47deg,transparent 47deg 76deg,rgba(158,226,253,.09) 76deg 82deg,transparent 82deg 150deg,rgba(94,177,218,.055) 150deg 154deg,transparent 154deg 360deg);
  filter:drop-shadow(0 0 10px rgba(64,166,216,.035));
  -webkit-mask-image:radial-gradient(ellipse at 68% 58%,#000 0 42%,rgba(0,0,0,.62) 56%,rgba(0,0,0,.18) 72%,transparent 88%);
  mask-image:radial-gradient(ellipse at 68% 58%,#000 0 42%,rgba(0,0,0,.62) 56%,rgba(0,0,0,.18) 72%,transparent 88%);
}
header > .brand-plate, header > nav{position:relative;z-index:2;}
@media(max-width:980px){header .header-optics-mirror{right:-72px;bottom:-34px;width:278px;height:132px;opacity:.26}}
@media(max-width:560px){header .header-optics-mirror{right:-58px;bottom:-27px;width:226px;height:106px;opacity:.23}}
img{max-width:100%;height:auto;}

/* V168 source 7: inline */
@media (min-width:700px){
  .results-eyebrow + h2,.results-eyebrow + h3{white-space:nowrap!important;font-size:clamp(31px,4.05vw,56px)!important;line-height:.98!important;letter-spacing:-.035em!important;}
  .results-eyebrow + h2 span,.results-eyebrow + h3 span{display:inline!important;}
  .results-eyebrow + h2 span+span,.results-eyebrow + h3 span+span{margin-left:.22em!important;}
}
@media (max-width:699px){
  .results-eyebrow + h2,.results-eyebrow + h3{white-space:normal!important;}
}

/* V168 source 8: inline */
:root {
  --v136-blue:#1ebdff;
  --v136-blue-2:#077ff1;
  --v136-panel:#071523;
  --v136-line:rgba(94,202,255,.24);
  --max:1500px;
}

html { scroll-padding-top:220px; }
body {
  background:
    radial-gradient(circle at 18% 16%,rgba(0,116,210,.16),transparent 30%),
    radial-gradient(circle at 90% 36%,rgba(0,137,237,.10),transparent 30%),
    linear-gradient(180deg,#030b14 0%,#051321 38%,#030911 100%);
}
body::before {
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.34;
  background-image:
    linear-gradient(rgba(93,191,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(93,191,255,.025) 1px,transparent 1px);
  background-size:80px 80px;
  -webkit-mask-image:linear-gradient(180deg,#000,transparent 72%);
  mask-image:linear-gradient(180deg,#000,transparent 72%);
}

.home-header-shell {
  position:fixed !important;
  inset:0 0 auto !important;
  width:100% !important;
  max-width:none !important;
  overflow:hidden !important;
  background:
    linear-gradient(90deg,rgba(2,8,15,.22) 0%,rgba(2,8,15,.12) 40%,rgba(2,8,15,.26) 100%),
    url("./site-header-automotive.webp") center 61% / cover no-repeat !important;
  border-bottom:1px solid rgba(38,185,255,.76) !important;
  box-shadow:0 6px 0 rgba(0,114,229,.14),0 18px 50px rgba(0,0,0,.45) !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}
.home-header-shell::after {
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:2px;
  background:linear-gradient(90deg,transparent 0%,#15c7ff 20%,#0c8cff 68%,transparent 100%);
  box-shadow:0 0 16px rgba(25,187,255,.84);
}
.home-header-inner {
  width:min(calc(100% - 56px),1600px) !important;
  max-width:1600px !important;
  padding:0 !important;
}
.home-header-shell header {
  position:relative !important;
  display:grid !important;
  grid-template-columns:minmax(480px,.86fr) minmax(650px,1.14fr) !important;
  align-items:center !important;
  gap:32px !important;
  height:214px !important;
  padding:14px 0 10px !important;
  border:0 !important;
  background:transparent !important;
  transition:height .22s ease,padding .22s ease !important;
}
.home-header-shell header::before,
.home-header-shell header::after,
.home-header-shell .header-optics-mirror { display:none !important; content:none !important; }
.home-header-shell header.is-scrolled { height:166px !important; padding-block:6px !important; }

.home-header-shell .brand-plate {
  display:block !important;
  position:relative !important;
  width:min(100%,720px) !important;
  max-width:720px !important;
  height:182px !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.5)) drop-shadow(0 0 14px rgba(0,162,255,.18));
}
.home-header-shell header.is-scrolled .brand-plate { width:min(100%,590px) !important; height:144px !important; }
.home-header-shell .brand-plate::before {
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  background:url("./site-logo-transparent.webp") left center / contain no-repeat !important;
}
.home-header-shell .brand-plate::after { display:none !important; content:none !important; }
.home-header-shell .brand-premium { display:none !important; }

.home-header-shell nav {
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex-wrap:nowrap !important;
  width:100% !important;
  max-width:none !important;
  gap:12px !important;
  padding:0 !important;
  margin:0 !important;
  font-size:13px !important;
  white-space:nowrap !important;
}
.home-header-shell nav a,
.home-header-shell header.is-scrolled nav a {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  min-height:58px !important;
  padding:10px 17px !important;
  border:1px solid rgba(65,172,239,.50) !important;
  border-radius:999px !important;
  background:linear-gradient(180deg,rgba(5,19,33,.88),rgba(3,12,23,.92)) !important;
  color:#edf8ff !important;
  font-size:13px !important;
  font-weight:850 !important;
  letter-spacing:.005em !important;
  line-height:1.15 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 10px 22px rgba(0,0,0,.22) !important;
}
.home-header-shell nav a:first-child {
  border-color:#37c9ff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 0 1px rgba(11,124,245,.34),0 0 22px rgba(0,167,255,.46) !important;
}
.home-header-shell nav a::after { display:none !important; content:none !important; }
.home-header-shell nav a:hover,
.home-header-shell nav a:focus-visible {
  transform:translateY(-2px) !important;
  border-color:#64d9ff !important;
  background:linear-gradient(180deg,rgba(12,65,105,.92),rgba(4,25,46,.94)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 22px rgba(0,160,255,.30) !important;
  outline:none !important;
}
.home-header-shell nav svg {
  width:25px;
  height:25px;
  flex:0 0 auto;
  fill:none;
  stroke:#93dcff;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 7px rgba(32,181,255,.45));
}
.home-header-shell nav a:nth-child(2) svg path { stroke:#26bfff; }

.home-header-spacer { height:var(--v88-home-header-height,214px) !important; }
section[id],div[id] { scroll-margin-top:190px !important; }

main#top { overflow:visible; }
.hero {
  min-height:auto !important;
  display:grid !important;
  grid-template-columns:minmax(0,.89fr) minmax(580px,1.11fr) !important;
  gap:48px !important;
  align-items:center !important;
  padding:54px 0 26px !important;
}
.hero-copy { padding:22px 0 10px; }
.hero-copy::before {
  content:"";
  position:absolute;
  z-index:-1;
  left:-18%;
  top:2%;
  width:125%;
  height:92%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(0,112,210,.15),transparent 67%);
  filter:blur(10px);
}
.hero-orbit { opacity:.46 !important; transform:translateX(150px) scale(.94) !important; }
.hero-copy > .eyebrow { transform:none !important; margin:0 0 18px !important; }
.hero-below { transform:none !important; }
.hero h1 {
  font-size:clamp(62px,5.75vw,100px) !important;
  line-height:.95 !important;
  letter-spacing:-.055em !important;
  text-shadow:0 9px 36px rgba(0,0,0,.46);
}
.hero h1 .solid { display:block; white-space:nowrap; }
.hero .outline-wrap { display:block; margin-top:8px; white-space:nowrap; }
.hero em {
  position:relative;
  display:inline-block !important;
  font-size:.92em !important;
  font-style:italic !important;
  font-weight:950 !important;
  letter-spacing:-.045em !important;
  text-transform:uppercase;
  background:linear-gradient(180deg,#c8f3ff 0%,#48d7ff 36%,#0795ff 68%,#0065e9 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  -webkit-text-stroke:.4px rgba(189,241,255,.82) !important;
  filter:drop-shadow(0 0 12px rgba(0,162,255,.28));
}
.hero em::after {
  content:"";
  position:absolute;
  left:8%;
  right:-5%;
  bottom:-12px;
  height:11px;
  border-radius:100% 0 100% 0;
  background:linear-gradient(90deg,transparent,#0989ff 20%,#53e5ff 78%,transparent);
  clip-path:polygon(0 48%,84% 16%,100% 50%,84% 78%,0 63%);
  box-shadow:0 0 16px rgba(28,200,255,.72);
}
.lede {
  max-width:660px !important;
  margin-top:38px !important;
  color:#c0ccda !important;
  font-size:18px !important;
  line-height:1.68 !important;
}
.actions { gap:14px !important; margin-top:28px !important; flex-wrap:nowrap !important; }
.hero .btn {
  gap:11px;
  min-height:64px !important;
  padding:0 22px !important;
  border-radius:11px !important;
  font-size:12px !important;
  letter-spacing:.075em !important;
  white-space:nowrap;
}
.hero .btn svg {
  width:25px;
  height:25px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.hero .btn.primary {
  background:linear-gradient(180deg,#29c5ff,#0888f4) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 0 0 1px rgba(38,190,255,.34),0 12px 30px rgba(0,114,236,.35) !important;
}
.hero .btn.book {
  background:linear-gradient(180deg,#178df7,#0869dc) !important;
  border-color:#40c6ff !important;
}
.hero .btn.secondary {
  color:#eff8ff;
  border-color:rgba(90,181,239,.5) !important;
  background:linear-gradient(180deg,rgba(8,30,50,.78),rgba(3,17,31,.9)) !important;
}
.hero .trust[hidden] { display:none !important; }

.hero-card {
  min-height:550px !important;
  transform:none !important;
  border-radius:30px !important;
  overflow:hidden !important;
  background:#02070c !important;
  border:1px solid rgba(87,196,255,.48) !important;
  box-shadow:0 28px 72px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.035),0 0 32px rgba(0,112,210,.14) !important;
}
.hero-compare { position:absolute; inset:0; overflow:hidden; background:#03070c; }
.compare-side { position:absolute; inset:0; overflow:hidden; }
.compare-side img { width:100%; height:100%; object-fit:cover; display:block; }
.compare-before { clip-path:polygon(0 0,59% 0,48% 100%,0 100%); z-index:1; }
.compare-before img { filter:saturate(.62) contrast(.94) brightness(.82); object-position:38% center; }
.compare-after { clip-path:polygon(59% 0,100% 0,100% 100%,48% 100%); z-index:2; }
.compare-after img { filter:saturate(1.08) contrast(1.06) brightness(.98); object-position:58% center; }
.compare-side::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(2,8,14,.08),transparent 58%,rgba(2,8,14,.40));
}
.compare-label {
  position:absolute;
  z-index:4;
  top:28px;
  display:flex;
  flex-direction:column;
  align-items:center;
  min-width:140px;
  padding:9px 18px 8px;
  border:1px solid rgba(82,193,255,.6);
  border-radius:14px;
  color:white;
  background:linear-gradient(180deg,rgba(3,17,31,.90),rgba(2,10,20,.78));
  box-shadow:0 10px 24px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.08);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}
.compare-before .compare-label { left:28px; }
.compare-after .compare-label { right:28px; background:linear-gradient(180deg,rgba(7,121,229,.92),rgba(3,67,160,.88)); }
.compare-label strong { font-size:17px; line-height:1.1; text-transform:uppercase; letter-spacing:.06em; }
.compare-label small { margin-top:3px; color:#d8e6f2; font-size:12px; }
.compare-beam {
  position:absolute;
  z-index:5;
  top:-7%;
  left:53%;
  width:4px;
  height:116%;
  transform:rotate(6.3deg);
  transform-origin:center;
  background:linear-gradient(180deg,transparent,#7beaff 9%,#16bfff 48%,#007cff 86%,transparent);
  box-shadow:0 0 8px #39d6ff,0 0 24px rgba(0,151,255,.94),0 0 46px rgba(0,98,255,.72);
}
.hero-result-plaque {
  position:absolute;
  z-index:6;
  left:26px;
  right:26px;
  bottom:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:26px;
  min-height:76px;
  padding:13px 26px;
  border:1px solid rgba(49,176,245,.43);
  border-radius:22px;
  background:linear-gradient(90deg,rgba(1,8,15,.94),rgba(5,20,34,.88),rgba(1,8,15,.94));
  box-shadow:0 18px 30px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.06);
  text-align:center;
}
.hero-result-plaque strong {
  color:#8adfff;
  font-size:18px;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.16em;
  text-shadow:0 0 14px rgba(0,174,255,.6);
}
.hero-result-plaque strong::before,
.hero-result-plaque strong::after { content:""; display:inline-block; width:38px; height:1px; margin:0 14px 5px; background:#16c4ff; box-shadow:0 0 8px #16c4ff; }
.hero-result-plaque span { color:#e6edf5; font-size:11px; text-transform:uppercase; letter-spacing:.20em; white-space:nowrap; }

.benefit-bar {
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin-top:4px;
  padding:18px 22px;
  border-top:1px solid rgba(82,185,244,.30);
  border-bottom:1px solid rgba(82,185,244,.12);
  background:linear-gradient(90deg,transparent,rgba(5,26,44,.58) 13%,rgba(5,26,44,.58) 87%,transparent);
}
.benefit {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  min-height:68px;
  padding:0 24px;
  border-left:1px solid rgba(116,190,236,.28);
}
.benefit:first-child { border-left:0; }
.benefit-icon { display:grid; place-items:center; width:56px; height:56px; color:#70d6ff; }
.benefit-icon svg { width:48px; height:48px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; filter:drop-shadow(0 0 9px rgba(0,162,255,.42)); }
.benefit-google .benefit-icon svg { stroke-width:0; fill:#41a5ff; }
.benefit > span:last-child { display:flex; flex-direction:column; }
.benefit strong { color:#f7fbff; font-size:17px; line-height:1.2; }
.benefit strong b { margin-left:5px; color:#ffb500; font-size:15px; letter-spacing:.06em; }
.benefit small { margin-top:4px; color:#a9b8c9; font-size:12px; line-height:1.2; }

.section { padding:104px 0 !important; }
.section-head h2,
.advanced h2,
.service h2,
.final h2 { text-shadow:0 10px 38px rgba(0,0,0,.42); }
.result-showcase,.result-secondary,.advanced,.step,.service,.final {
  border-color:rgba(83,185,242,.24) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.025) !important;
}
.result-showcase,.result-secondary { background:linear-gradient(155deg,rgba(10,30,49,.94),rgba(4,13,24,.98)) !important; }
.compare-card { border-color:rgba(62,184,255,.36) !important; }
.advanced { background:linear-gradient(145deg,rgba(8,30,50,.84),rgba(3,12,22,.82)) !important; }
.process-grid .step { transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.process-grid .step:hover { transform:translateY(-5px); border-color:rgba(54,196,255,.55) !important; box-shadow:0 22px 44px rgba(0,0,0,.34),0 0 24px rgba(0,127,224,.12) !important; }
.service { background:linear-gradient(135deg,#09243c 0%,#061727 58%,#030b14 100%) !important; }
.faq details { border-color:rgba(94,188,242,.18) !important; }
.faq summary { transition:color .15s ease; }
.faq summary:hover { color:#7bdcff; }
.final { border-color:rgba(38,190,255,.38) !important; box-shadow:0 28px 70px rgba(0,0,0,.34),0 0 34px rgba(0,128,220,.10) !important; }

@media (max-width:1320px) {
  .home-header-inner { width:min(calc(100% - 32px),1600px) !important; }
  .home-header-shell header { grid-template-columns:minmax(400px,.78fr) minmax(630px,1.22fr) !important; gap:20px !important; }
  .home-header-shell .brand-plate { height:165px !important; }
  .home-header-shell nav { gap:8px !important; }
  .home-header-shell nav a,.home-header-shell header.is-scrolled nav a { min-height:54px !important; padding:9px 13px !important; font-size:12px !important; }
  .home-header-shell nav svg { width:22px; height:22px; }
  .hero { grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr) !important; gap:34px !important; }
  .hero h1 { font-size:clamp(58px,5.7vw,86px) !important; }
  .hero .btn { padding-inline:17px !important; }
  .hero-result-plaque { gap:12px; }
  .hero-result-plaque strong::before,.hero-result-plaque strong::after { width:20px; margin-inline:8px; }
  .benefit { padding-inline:16px; }
}

@media (max-width:1060px) {
  html { scroll-padding-top:246px; }
  .home-header-shell { background-position:64% 61% !important; }
  .home-header-inner { padding:0 14px !important; width:100% !important; }
  .home-header-shell header,
  .home-header-shell header.is-scrolled {
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    height:240px !important;
    padding:5px 0 8px !important;
  }
  .home-header-shell .brand-plate,
  .home-header-shell header.is-scrolled .brand-plate {
    flex:0 0 auto;
    width:min(100%,570px) !important;
    max-width:570px !important;
    height:145px !important;
    margin:0 auto !important;
  }
  .home-header-shell nav,
  .home-header-shell header.is-scrolled nav {
    justify-content:center !important;
    gap:8px !important;
    overflow-x:auto;
    scrollbar-width:none;
    padding:0 2px 6px !important;
  }
  .home-header-shell nav::-webkit-scrollbar { display:none; }
  .home-header-shell nav a,.home-header-shell header.is-scrolled nav a { min-height:47px !important; padding:8px 12px !important; font-size:11.5px !important; }
  .home-header-shell nav svg { width:20px; height:20px; }
  section[id],div[id] { scroll-margin-top:252px !important; }
  .hero { grid-template-columns:1fr !important; max-width:840px; margin-inline:auto; padding-top:48px !important; }
  .hero-copy { max-width:760px !important; margin-inline:auto !important; text-align:left; }
  .hero-card { width:100%; min-height:520px !important; }
  .benefit-bar { grid-template-columns:1fr 1fr; }
  .benefit:nth-child(3) { border-left:0; border-top:1px solid rgba(116,190,236,.20); }
  .benefit:nth-child(4) { border-top:1px solid rgba(116,190,236,.20); }
}

@media (max-width:700px) {
  html { scroll-padding-top:205px; }
  .home-header-shell { background-position:72% 60% !important; }
  .home-header-shell header,
  .home-header-shell header.is-scrolled { height:196px !important; gap:0 !important; padding:2px 0 8px !important; }
  .home-header-shell .brand-plate,
  .home-header-shell header.is-scrolled .brand-plate { width:min(100%,430px) !important; max-width:430px !important; height:118px !important; }
  .home-header-shell nav,
  .home-header-shell header.is-scrolled nav {
    justify-content:flex-start !important;
    width:calc(100vw - 20px) !important;
    max-width:none !important;
    gap:7px !important;
    padding:0 1px 5px !important;
  }
  .home-header-shell nav a,.home-header-shell header.is-scrolled nav a { min-height:42px !important; padding:7px 11px !important; font-size:11px !important; }
  .home-header-shell nav svg { width:18px; height:18px; }
  section[id],div[id] { scroll-margin-top:210px !important; }
  .hero { gap:30px !important; padding:34px 0 18px !important; }
  .hero-copy { padding-top:4px; }
  .hero-copy > .eyebrow { font-size:10px !important; margin-bottom:13px !important; }
  .hero h1 { font-size:clamp(42px,13.5vw,68px) !important; line-height:.96 !important; }
  .hero h1 .solid { white-space:normal; }
  .hero .outline-wrap { margin-top:6px; }
  .hero em { font-size:.77em !important; }
  .hero em::after { bottom:-9px; height:9px; }
  .lede { max-width:none !important; margin-top:30px !important; font-size:16px !important; line-height:1.62 !important; }
  .actions { display:grid !important; grid-template-columns:1fr 1fr !important; flex-wrap:wrap !important; gap:10px !important; }
  .hero .btn { min-height:58px !important; width:100%; padding-inline:14px !important; }
  .hero .btn.primary { grid-column:1 / -1; min-height:66px !important; font-size:13px !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 0 0 1px rgba(38,190,255,.36),0 0 26px rgba(0,145,255,.38) !important; }
  .hero-card { min-height:390px !important; aspect-ratio:1.05; border-radius:23px !important; }
  .compare-label { top:14px; min-width:108px; padding:7px 10px; border-radius:11px; }
  .compare-before .compare-label { left:13px; }
  .compare-after .compare-label { right:13px; }
  .compare-label strong { font-size:14px; }
  .compare-label small { font-size:10px; }
  .hero-result-plaque { left:12px; right:12px; bottom:10px; min-height:65px; padding:10px 12px; border-radius:16px; flex-direction:column; gap:3px; }
  .hero-result-plaque strong { font-size:13px; letter-spacing:.11em; }
  .hero-result-plaque strong::before,.hero-result-plaque strong::after { display:none; }
  .hero-result-plaque span { font-size:8.5px; letter-spacing:.14em; }
  .benefit-bar { margin-top:0; padding:10px 0; }
  .benefit { min-height:76px; gap:10px; padding:9px 12px; }
  .benefit-icon { width:40px; height:40px; }
  .benefit-icon svg { width:36px; height:36px; }
  .benefit strong { font-size:14px; }
  .benefit strong b { display:none; }
  .benefit small { font-size:10px; }
  .section { padding:72px 0 !important; }
}

@media (max-width:430px) {
  .home-header-inner { padding-inline:10px !important; }
  .home-header-shell .brand-plate,.home-header-shell header.is-scrolled .brand-plate { height:112px !important; }
  .hero h1 { font-size:clamp(38px,13.8vw,56px) !important; }
  .hero em { font-size:.72em !important; }
  .actions { grid-template-columns:1fr !important; }
  .hero .btn.primary { grid-column:auto; }
  .hero .btn { min-height:56px !important; }
  .hero .btn.primary { min-height:66px !important; }
  .hero-card { min-height:350px !important; }
  .benefit { align-items:flex-start; }
  .benefit-icon { width:34px; height:34px; }
  .benefit-icon svg { width:31px; height:31px; }
  .benefit strong { font-size:13px; }
  .benefit small { font-size:9px; line-height:1.25; }
}

@media (prefers-reduced-motion:reduce) {
  .home-header-shell header,.home-header-shell .brand-plate,.home-header-shell nav a,.process-grid .step { transition:none !important; }
}

/* V137 art-direction refinement: closer fidelity to the approved cinematic mock-up. */
body > .wrap {
  width:min(calc(100% - 72px),1600px) !important;
  max-width:1600px !important;
  transform:none !important;
}

.home-header-shell {
  background:
    radial-gradient(ellipse at 15% 58%,rgba(0,184,255,.19) 0%,rgba(0,103,230,.08) 24%,transparent 48%),
    linear-gradient(90deg,rgba(1,7,14,.04) 0%,rgba(2,9,17,.16) 43%,rgba(1,6,12,.09) 100%),
    url("./site-header-automotive.webp") 50% 60% / cover no-repeat !important;
  box-shadow:0 8px 0 rgba(0,110,229,.10),0 22px 58px rgba(0,0,0,.58) !important;
}
.home-header-shell::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 11% 64%,rgba(115,235,255,.30) 0%,rgba(0,159,255,.16) 10%,transparent 30%),
    linear-gradient(90deg,transparent 0%,rgba(10,178,255,.25) 22%,rgba(0,105,255,.08) 54%,transparent 84%);
  mix-blend-mode:screen;
  opacity:.82;
}
.home-header-inner {
  width:min(calc(100% - 48px),1620px) !important;
  max-width:1620px !important;
}
.home-header-shell header,
.home-header-shell header.is-scrolled {
  grid-template-columns:minmax(610px,.98fr) minmax(700px,1.02fr) !important;
  height:224px !important;
  gap:20px !important;
  padding:7px 0 4px !important;
}
.home-header-shell header.is-scrolled { height:176px !important; }
.home-header-shell .brand-plate,
.home-header-shell header.is-scrolled .brand-plate {
  isolation:isolate;
  width:min(100%,780px) !important;
  max-width:780px !important;
  height:210px !important;
  filter:none !important;
}
.home-header-shell header.is-scrolled .brand-plate { width:min(100%,650px) !important; height:166px !important; }
.home-header-shell .brand-plate::before {
  z-index:2;
  background-position:left 50% !important;
  background-size:640px auto !important;
  filter:drop-shadow(0 14px 22px rgba(0,0,0,.56)) drop-shadow(0 0 11px rgba(0,171,255,.38)) !important;
}
.home-header-shell header.is-scrolled .brand-plate::before { background-size:contain !important; }
.home-header-shell .brand-plate::after {
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:1;
  left:-3%;
  right:0;
  bottom:16%;
  height:25%;
  border-radius:50%;
  background:
    radial-gradient(ellipse,rgba(93,231,255,.30),rgba(0,137,255,.15) 32%,transparent 70%),
    linear-gradient(90deg,transparent 0%,#16c9ff 18%,#087bff 70%,transparent 100%);
  transform:scaleY(.13);
  transform-origin:center;
  box-shadow:0 0 22px rgba(0,176,255,.46),0 0 48px rgba(0,101,255,.25);
  opacity:.94;
}
.home-header-shell nav { gap:12px !important; }
.home-header-shell nav a,
.home-header-shell header.is-scrolled nav a {
  min-height:62px !important;
  padding:11px 19px !important;
  border-color:rgba(42,159,230,.62) !important;
  background:linear-gradient(180deg,rgba(4,16,29,.76),rgba(2,10,20,.90)) !important;
  font-size:13px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 11px 25px rgba(0,0,0,.30),0 0 0 1px rgba(0,75,138,.18) !important;
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.home-header-shell nav a:first-child {
  border-color:#31caff !important;
  background:linear-gradient(180deg,rgba(8,39,67,.86),rgba(2,16,31,.92)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 0 0 1px rgba(11,130,255,.42),0 0 24px rgba(0,184,255,.50),0 12px 25px rgba(0,0,0,.34) !important;
}
.home-header-shell nav svg { width:27px; height:27px; stroke-width:1.75; }

.hero {
  grid-template-columns:minmax(570px,.88fr) minmax(700px,1.12fr) !important;
  gap:32px !important;
  align-items:center !important;
  padding:34px 0 24px !important;
}
.hero-copy { align-self:center; padding:0 0 8px !important; }
.hero-copy > .eyebrow { display:none !important; }
.hero h1 {
  margin:0 !important;
  font-family:Inter,"Arial Black","Arial Narrow",Arial,sans-serif !important;
  font-size:clamp(70px,5.85vw,106px) !important;
  font-weight:950 !important;
  line-height:.91 !important;
  letter-spacing:-.064em !important;
  text-transform:uppercase;
}
.hero h1 .solid {
  color:#f8fbff !important;
  text-shadow:0 2px 0 rgba(255,255,255,.12),0 9px 30px rgba(0,0,0,.54) !important;
}
.hero .outline-wrap { margin-top:12px !important; }
.hero em {
  display:block !important;
  width:max-content;
  max-width:100%;
  font-size:1em !important;
  line-height:.96 !important;
  white-space:nowrap !important;
  transform:skewX(-6deg);
  transform-origin:left center;
  background:linear-gradient(180deg,#d6f8ff 0%,#69e3ff 29%,#17b8ff 55%,#087dff 78%,#0059dc 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-stroke:.6px rgba(205,248,255,.86) !important;
  filter:drop-shadow(0 5px 0 rgba(0,69,171,.36)) drop-shadow(0 0 17px rgba(0,174,255,.34));
}
.hero em::before {
  content:"";
  position:absolute;
  z-index:-1;
  inset:36% -5% -17% 5%;
  background:radial-gradient(ellipse,rgba(0,171,255,.22),transparent 68%);
  filter:blur(13px);
}
.hero em::after {
  left:5%;
  right:-2%;
  bottom:-17px;
  height:14px;
  clip-path:polygon(0 56%,78% 18%,92% 0,100% 50%,90% 72%,78% 58%,0 72%);
  background:linear-gradient(90deg,transparent 0%,#006df0 15%,#1acbff 70%,#d4fbff 88%,transparent 100%);
  box-shadow:0 0 9px #24ceff,0 0 25px rgba(0,152,255,.78);
}
.lede {
  max-width:650px !important;
  margin-top:47px !important;
  font-size:18px !important;
  line-height:1.6 !important;
}
.actions { gap:16px !important; margin-top:30px !important; }
.hero .btn {
  min-height:66px !important;
  padding:0 25px !important;
  border-radius:11px !important;
  font-size:13px !important;
  letter-spacing:.055em !important;
}
.hero .btn svg { width:29px; height:29px; stroke-width:1.8; }
.hero .btn.primary { min-width:222px; }
.hero .btn.book { min-width:190px; }
.hero .btn.secondary { min-width:220px; }

.hero-card {
  min-height:568px !important;
  aspect-ratio:1.53;
  border-radius:31px !important;
  border-color:rgba(80,198,255,.58) !important;
  box-shadow:0 34px 80px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.04),0 0 38px rgba(0,116,230,.18) !important;
}
.hero-compare::before {
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(1,7,13,.03),transparent 60%,rgba(0,5,10,.34));
}
.compare-master-image {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  display:block;
  filter:saturate(1.02) contrast(1.03) brightness(.95);
}
.compare-label { z-index:5; top:30px; min-width:145px; }
.compare-label-before { left:28px; }
.compare-label-after {
  right:28px;
  background:linear-gradient(180deg,rgba(11,143,248,.96),rgba(1,81,190,.92));
  box-shadow:0 12px 28px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.16),0 0 20px rgba(0,145,255,.20);
}
.compare-beam {
  z-index:5;
  top:-8%;
  left:49.5%;
  width:3px;
  height:118%;
  transform:rotate(5.3deg);
  background:linear-gradient(180deg,transparent,#dcfbff 8%,#36d9ff 22%,#078cff 72%,#c6f8ff 92%,transparent);
  box-shadow:0 0 5px #b5f4ff,0 0 14px #1ccaff,0 0 35px rgba(0,117,255,.96),0 0 58px rgba(0,86,255,.64);
}
.hero-result-plaque {
  left:24px;
  right:24px;
  bottom:13px;
  min-height:78px;
  border-radius:22px;
  background:linear-gradient(90deg,rgba(0,7,13,.96),rgba(3,18,32,.91),rgba(0,7,13,.96));
}
.hero-result-plaque strong { font-size:20px; letter-spacing:.18em; }
.hero-result-plaque span { font-size:11px; letter-spacing:.23em; }

.benefit-bar {
  margin-top:7px;
  padding:20px 0 16px;
  border-top:1px solid rgba(74,186,246,.30);
  border-bottom:0;
  background:linear-gradient(90deg,transparent,rgba(4,22,38,.44) 8%,rgba(4,22,38,.44) 92%,transparent);
}
.benefit { min-height:74px; gap:17px; padding:0 28px; border-left-color:rgba(119,197,243,.37); }
.benefit-icon { width:62px; height:58px; }
.benefit-icon svg { width:54px; height:52px; stroke-width:2; }
.benefit-icon .speed-line { stroke:#24aef7; opacity:.86; }
.benefit-icon .headlight-ray { stroke:#79dcff; }
.benefit-google .benefit-icon svg path:nth-child(1) { fill:#4285f4; }
.benefit-google .benefit-icon svg path:nth-child(2) { fill:#34a853; }
.benefit-google .benefit-icon svg path:nth-child(3) { fill:#fbbc05; }
.benefit-google .benefit-icon svg path:nth-child(4) { fill:#ea4335; }
.benefit strong { font-size:18px; }
.benefit small { font-size:13px; }

@media (max-width:1450px) {
  body > .wrap { width:min(calc(100% - 44px),1540px) !important; }
  .home-header-shell header,.home-header-shell header.is-scrolled { grid-template-columns:minmax(520px,.84fr) minmax(680px,1.16fr) !important; }
  .home-header-shell .brand-plate { height:195px !important; }
  .home-header-shell nav { gap:8px !important; }
  .home-header-shell nav a,.home-header-shell header.is-scrolled nav a { min-height:57px !important; padding:10px 14px !important; font-size:12px !important; }
  .hero { grid-template-columns:minmax(520px,.86fr) minmax(630px,1.14fr) !important; gap:27px !important; }
  .hero h1 { font-size:clamp(65px,5.8vw,94px) !important; }
  .hero .btn { padding-inline:19px !important; }
  .hero .btn.primary,.hero .btn.book,.hero .btn.secondary { min-width:0; }
  .hero-result-plaque strong { font-size:17px; }
  .benefit { padding-inline:18px; }
}

@media (max-width:1060px) {
  body > .wrap { width:min(calc(100% - 34px),880px) !important; }
  .home-header-shell header,.home-header-shell header.is-scrolled { height:240px !important; }
  .home-header-shell .brand-plate,.home-header-shell header.is-scrolled .brand-plate { width:min(100%,590px) !important; height:150px !important; }
  .home-header-shell .brand-plate::before { background-size:contain !important; }
  .home-header-shell nav a,.home-header-shell header.is-scrolled nav a { min-height:47px !important; }
  .hero { grid-template-columns:1fr !important; max-width:880px; gap:34px !important; padding-top:45px !important; }
  .hero-copy { max-width:790px !important; }
  .hero h1 { font-size:clamp(70px,10vw,92px) !important; }
  .hero-card { min-height:520px !important; aspect-ratio:1.5; }
}

@media (max-width:700px) {
  body > .wrap { width:calc(100% - 28px) !important; }
  .home-header-shell::before { opacity:.58; }
  .home-header-shell header,.home-header-shell header.is-scrolled { height:202px !important; }
  .home-header-shell .brand-plate,.home-header-shell header.is-scrolled .brand-plate { width:min(100%,445px) !important; height:121px !important; }
  .home-header-shell nav a,.home-header-shell header.is-scrolled nav a { min-height:43px !important; padding:7px 11px !important; font-size:10.5px !important; }
  .home-header-shell nav svg { width:19px; height:19px; }
  .hero { gap:29px !important; padding-top:31px !important; }
  .hero h1 { font-size:clamp(43px,12.4vw,61px) !important; line-height:.93 !important; letter-spacing:-.06em !important; }
  .hero h1 .solid { white-space:nowrap; }
  .hero em { font-size:1em !important; }
  .hero em::after { bottom:-11px; height:10px; }
  .lede { margin-top:36px !important; font-size:16px !important; }
  .actions { grid-template-columns:1fr 1fr !important; }
  .hero .btn.primary { grid-column:1 / -1; min-height:68px !important; }
  .hero .btn { min-height:58px !important; font-size:11.5px !important; }
  .hero-card { min-height:365px !important; aspect-ratio:1.16; border-radius:24px !important; }
  .compare-master-image { object-position:52% center; }
  .compare-label { top:14px; min-width:112px; }
  .compare-label-before { left:13px; }
  .compare-label-after { right:13px; }
  .hero-result-plaque { left:11px; right:11px; bottom:10px; }
  .benefit { gap:9px; padding:9px 11px; }
  .benefit-icon { width:43px; height:42px; }
  .benefit-icon svg { width:39px; height:38px; }
}

@media (max-width:430px) {
  .hero h1 { font-size:clamp(41px,12.2vw,52px) !important; }
  .actions { grid-template-columns:1fr !important; }
  .hero .btn.primary { grid-column:auto; }
  .hero-card { min-height:348px !important; }
}

/* V138 — precise sticky-header anchor landings and responsive control. */
:root {
  --home-sticky-header-height:176px;
  --home-anchor-gap:20px;
}

/* Fragment positioning is owned by the visible section starts below. */
html { scroll-padding-top:0 !important; }
html .home-anchor[id] {
  scroll-margin-top:calc(var(--home-sticky-header-height) + var(--home-anchor-gap)) !important;
}

/* A single, premium line system for all three hero CTA icons. */
.hero .btn {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:11px !important;
  line-height:1 !important;
}
.hero .btn .cta-icon {
  flex:0 0 29px;
  width:29px !important;
  height:29px !important;
  overflow:visible;
  fill:none;
  stroke:#f2fbff;
  stroke-width:1.75 !important;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 5px rgba(119,222,255,.44));
}
.hero .btn .cta-icon .accent {
  stroke:#43cbff;
  filter:drop-shadow(0 0 3px rgba(24,176,255,.52));
}
.hero .btn.primary .cta-icon,
.hero .btn.book .cta-icon { stroke:#fff; }
.hero .btn.secondary .cta-icon { stroke:#dff7ff; }

/* Keep the 1366–1450 desktop hero cinematic without clipping the headline. */
@media (min-width:1061px) and (max-width:1450px) {
  .home-header-shell nav { gap:7px !important; }
  .home-header-shell nav a,
  .home-header-shell header.is-scrolled nav a {
    min-height:55px !important;
    padding:9px 12px !important;
    font-size:11.5px !important;
  }
  .home-header-shell nav svg { width:23px; height:23px; }
  .hero {
    grid-template-columns:minmax(610px,.98fr) minmax(600px,1.02fr) !important;
  }
  .hero h1 { font-size:clamp(64px,5.35vw,86px) !important; }
  .hero-card { min-height:520px !important; aspect-ratio:1.37; }
}

/* Tablet: one deliberate navigation row, one-column hero, tighter section rhythm. */
@media (min-width:701px) and (max-width:1060px) {
  :root { --home-sticky-header-height:240px; }
  .home-header-shell nav,
  .home-header-shell header.is-scrolled nav {
    display:grid !important;
    grid-template-columns:repeat(5,max-content) !important;
    justify-content:center !important;
    align-items:center !important;
    width:min(calc(100vw - 24px),1000px) !important;
    max-width:none !important;
    gap:7px !important;
    overflow:visible !important;
    padding:0 0 6px !important;
  }
  .home-header-shell nav a,
  .home-header-shell header.is-scrolled nav a {
    min-width:0 !important;
    min-height:45px !important;
    padding:7px 10px !important;
    font-size:10.5px !important;
    gap:7px !important;
  }
  .home-header-shell nav svg { width:19px; height:19px; }
  .hero { padding-top:38px !important; }
  .hero h1 { max-width:100%; font-size:clamp(68px,9.4vw,90px) !important; }
  .section { padding:78px 0 !important; }
  .section.advanced { padding:72px 30px !important; }
}

/* Phone: a balanced two-row nav prevents cropped labels and horizontal scrolling. */
@media (max-width:700px) {
  :root { --home-sticky-header-height:230px; }
  .home-header-shell header,
  .home-header-shell header.is-scrolled {
    height:230px !important;
    gap:4px !important;
    padding:3px 0 7px !important;
  }
  .home-header-shell .brand-plate,
  .home-header-shell header.is-scrolled .brand-plate {
    width:min(100%,430px) !important;
    height:112px !important;
  }
  .home-header-shell nav,
  .home-header-shell header.is-scrolled nav {
    display:grid !important;
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
    width:calc(100vw - 18px) !important;
    max-width:430px !important;
    gap:6px !important;
    overflow:visible !important;
    padding:0 0 4px !important;
  }
  .home-header-shell nav a,
  .home-header-shell header.is-scrolled nav a {
    min-width:0 !important;
    min-height:39px !important;
    padding:6px 7px !important;
    gap:5px !important;
    font-size:9.4px !important;
  }
  .home-header-shell nav a:nth-child(1) { grid-column:span 4; }
  .home-header-shell nav a:nth-child(2) { grid-column:span 2; }
  .home-header-shell nav a:nth-child(n+3) { grid-column:span 2; }
  .home-header-shell nav svg { width:17px; height:17px; }
  .hero { padding-top:27px !important; }
  .hero h1 {
    max-width:100%;
    font-size:clamp(40px,11.8vw,51px) !important;
    letter-spacing:-.057em !important;
  }
  .hero .btn .cta-icon { flex-basis:27px; width:27px !important; height:27px !important; }
  .section { padding:58px 0 !important; }
  .section.advanced { padding:56px 20px !important; }
}

@media (max-width:430px) {
  :root { --home-sticky-header-height:230px; }
  .home-header-shell nav a,
  .home-header-shell header.is-scrolled nav a { font-size:9px !important; padding-inline:5px !important; }
  .hero h1 { font-size:clamp(39px,11.55vw,49px) !important; }
  .hero .btn { min-height:59px !important; }
  .section { padding:52px 0 !important; }
}

/* V139 — desktop hero containment. Both tracks are genuinely shrinkable and
   the headline scales from the left track, not from the viewport. */
@media (min-width:1061px) {
  .hero {
    grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr) !important;
    column-gap:32px !important;
  }
  .hero > *,
  .hero-copy,
  .hero-card {
    min-width:0 !important;
    width:100% !important;
    max-width:100% !important;
  }
  .hero-copy {
    container-type:inline-size;
    overflow:visible;
  }
  .hero h1 {
    width:100% !important;
    max-width:100% !important;
    font-size:clamp(56px,12cqi,94px) !important;
  }
  .hero h1 > span,
  .hero h1 .solid,
  .hero .outline-wrap {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
  }
  .hero em {
    max-width:calc(100% - 12px) !important;
  }
  .hero-card {
    justify-self:stretch !important;
    overflow:hidden !important;
  }
  .lede,
  .actions { max-width:100% !important; }
}

/* V140 — responsive content containment and section grid repair.
   Decorative layers never participate in content layout. */
.advanced > .advanced-bg {
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
}
.advanced > .advanced-copy {
  grid-column:1;
  grid-row:1;
  min-width:0;
  max-width:100%;
}
.advanced > .features {
  grid-column:2;
  grid-row:1;
  min-width:0;
  max-width:100%;
}
.advanced .feature {
  grid-template-columns:54px minmax(0,1fr) !important;
}

/* Result titles are intentionally two lines; never force them beyond a card. */
.results-grid-v2 {
  grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr) !important;
}
.results-grid-v2 > *,
.result-showcase,
.result-secondary,
.showcase-intro,
.showcase-intro > div,
.compare-grid,
.compare-card,
.section-head,
.section-head > * {
  min-width:0 !important;
  max-width:100% !important;
}
.results-eyebrow + h2,
.results-eyebrow + h3 {
  width:100% !important;
  max-width:100% !important;
  white-space:normal !important;
  overflow-wrap:normal;
}
.results-eyebrow + h2 span,
.results-eyebrow + h3 span {
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  white-space:normal !important;
}
.compare-grid.two-up {
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
.process-grid {
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
.process-grid > *,
.feature > * {
  min-width:0;
}

@media (max-width:1060px) {
  .advanced {
    grid-template-columns:minmax(0,1fr) !important;
  }
  .advanced > .advanced-copy,
  .advanced > .features {
    grid-column:1;
    grid-row:auto;
  }
  .section-head h2,
  .section-head h2 span {
    max-width:100% !important;
    white-space:normal !important;
  }
}

@media (max-width:980px) {
  .results-grid-v2,
  .compare-grid.two-up {
    grid-template-columns:minmax(0,1fr) !important;
  }
  .process-grid {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width:700px) {
  .advanced .feature {
    grid-template-columns:34px minmax(0,1fr) !important;
  }
  .hero-result-plaque {
    flex-direction:column !important;
    align-items:center !important;
    gap:5px !important;
    padding:12px 14px !important;
    text-align:center;
  }
  .hero-result-plaque strong,
  .hero-result-plaque span {
    max-width:100% !important;
    white-space:normal !important;
    text-align:center;
  }
}

@media (max-width:560px) {
  .process-grid {
    grid-template-columns:minmax(0,1fr) !important;
  }
}

/* V168 source 9: home-v141-nav.css */
/* V141 — premium illuminated navigation system. */
:root{--nav-anchor-offset:190px}
html{scroll-padding-top:var(--nav-anchor-offset)!important}
.home-anchor,#text-photo{scroll-margin-top:var(--nav-anchor-offset)!important}

.home-header-shell header{
  grid-template-columns:minmax(380px,.70fr) minmax(0,1.30fr)!important;
  gap:18px!important;
}
.home-header-shell nav,
.home-header-shell header.is-scrolled nav{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  gap:9px!important;
  width:100%!important;
  min-width:0!important;
  overflow:visible!important;
}
.home-header-shell nav a,
.home-header-shell nav a:first-child,
.home-header-shell header.is-scrolled nav a{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  min-width:0!important;
  min-height:84px!important;
  padding:8px 6px!important;
  overflow:hidden!important;
  white-space:normal!important;
  text-align:center!important;
  border:1px solid rgba(73,173,232,.42)!important;
  border-radius:18px!important;
  background:
    linear-gradient(180deg,rgba(10,28,46,.88),rgba(2,11,21,.94)),
    radial-gradient(circle at 50% 0,rgba(42,186,255,.10),transparent 60%)!important;
  color:#d8edfa!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 9px 22px rgba(0,0,0,.25)!important;
  transition:transform .20s ease,border-color .20s ease,background .20s ease,box-shadow .20s ease,color .20s ease!important;
}
.home-header-shell nav a::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.38;
  background:linear-gradient(118deg,rgba(255,255,255,.08),transparent 28%,transparent 70%,rgba(54,194,255,.05));
  transition:opacity .20s ease;
}
.home-header-shell nav a::after{display:block!important;content:""!important;position:absolute;left:16%;right:16%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#28c7ff,transparent);opacity:.25;box-shadow:0 0 8px rgba(32,190,255,.42);transition:opacity .20s ease,box-shadow .20s ease}
.home-header-shell nav .nav-icon{
  position:relative;
  z-index:1;
  display:block;
  width:40px;
  height:40px;
  flex:0 0 40px;
  object-fit:contain;
  opacity:.78;
  filter:saturate(.88) brightness(.82) drop-shadow(0 0 4px rgba(23,160,235,.28));
  transition:filter .20s ease,opacity .20s ease,transform .20s ease;
}
.home-header-shell nav .nav-label{
  position:relative;
  z-index:1;
  display:block;
  min-width:0;
  max-width:100%;
  font-size:11.5px;
  font-weight:850;
  line-height:1.08;
  letter-spacing:.005em;
  text-wrap:balance;
}
.home-header-shell nav a:hover,
.home-header-shell nav a:focus-visible,
.home-header-shell nav a.is-active{
  transform:translateY(-1px)!important;
  color:#f6fcff!important;
  border-color:rgba(78,216,255,.90)!important;
  background:linear-gradient(180deg,rgba(12,60,95,.94),rgba(3,21,39,.96))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 0 0 1px rgba(18,137,255,.26),0 0 21px rgba(0,173,255,.30),0 11px 24px rgba(0,0,0,.30)!important;
  outline:none!important;
}
.home-header-shell nav a:hover::before,
.home-header-shell nav a:focus-visible::before,
.home-header-shell nav a.is-active::before{opacity:.82}
.home-header-shell nav a:hover::after,
.home-header-shell nav a:focus-visible::after,
.home-header-shell nav a.is-active::after{opacity:.92;box-shadow:0 0 12px rgba(40,203,255,.88)}
.home-header-shell nav a:hover .nav-icon,
.home-header-shell nav a:focus-visible .nav-icon,
.home-header-shell nav a.is-active .nav-icon{
  opacity:1;
  transform:translateY(-1px) scale(1.035);
  filter:saturate(1.22) brightness(1.28) drop-shadow(0 0 5px rgba(93,224,255,.88)) drop-shadow(0 0 13px rgba(0,135,255,.56));
}
.home-header-shell header.is-scrolled nav a{min-height:70px!important}
.home-header-shell header.is-scrolled nav .nav-icon{width:32px;height:32px;flex-basis:32px}
.home-header-shell header.is-scrolled nav .nav-label{font-size:10.5px}

@media (min-width:1061px) and (max-width:1450px){
  .home-header-shell header{grid-template-columns:minmax(410px,.66fr) minmax(0,1.34fr)!important;gap:14px!important}
  .home-header-shell .brand-plate{width:100%!important;max-width:520px!important}
  .home-header-shell nav,.home-header-shell header.is-scrolled nav{gap:7px!important}
  .home-header-shell nav a,.home-header-shell nav a:first-child,.home-header-shell header.is-scrolled nav a{padding:7px 4px!important}
  .home-header-shell nav .nav-icon{width:36px;height:36px;flex-basis:36px}
  .home-header-shell nav .nav-label{font-size:10.5px}
}

@media (min-width:701px) and (max-width:1060px){
  :root{--nav-anchor-offset:270px}
  .home-header-shell header,.home-header-shell header.is-scrolled{height:250px!important;padding:4px 0 8px!important;gap:2px!important}
  .home-header-shell .brand-plate,.home-header-shell header.is-scrolled .brand-plate{height:132px!important;width:min(100%,560px)!important}
  .home-header-shell nav,.home-header-shell header.is-scrolled nav{grid-template-columns:repeat(5,minmax(0,1fr))!important;width:min(calc(100vw - 24px),1000px)!important;gap:7px!important;padding:0!important}
  .home-header-shell nav a,.home-header-shell nav a:first-child,.home-header-shell header.is-scrolled nav a{min-height:76px!important;padding:7px 4px!important;border-radius:16px!important}
  .home-header-shell nav .nav-icon,.home-header-shell header.is-scrolled nav .nav-icon{width:32px;height:32px;flex-basis:32px}
  .home-header-shell nav .nav-label,.home-header-shell header.is-scrolled nav .nav-label{font-size:10px;line-height:1.04}
}

@media (max-width:700px){
  :root{--nav-anchor-offset:270px}
  .home-header-shell header,.home-header-shell header.is-scrolled{height:250px!important;padding:2px 0 7px!important;gap:1px!important}
  .home-header-shell .brand-plate,.home-header-shell header.is-scrolled .brand-plate{height:103px!important;width:min(100%,420px)!important}
  .home-header-shell nav,.home-header-shell header.is-scrolled nav{grid-template-columns:repeat(6,minmax(0,1fr))!important;width:calc(100vw - 18px)!important;max-width:430px!important;gap:6px!important;padding:0!important}
  .home-header-shell nav a,.home-header-shell nav a:first-child,.home-header-shell header.is-scrolled nav a{min-height:62px!important;padding:5px 3px!important;gap:2px!important;border-radius:14px!important}
  .home-header-shell nav a:nth-child(1){grid-column:span 4}
  .home-header-shell nav a:nth-child(2){grid-column:span 2}
  .home-header-shell nav a:nth-child(n+3){grid-column:span 2}
  .home-header-shell nav .nav-icon,.home-header-shell header.is-scrolled nav .nav-icon{width:25px;height:25px;flex-basis:25px}
  .home-header-shell nav .nav-label,.home-header-shell header.is-scrolled nav .nav-label{font-size:9.2px;line-height:1.02;letter-spacing:0}
  .home-header-shell nav a::after{left:22%;right:22%}
}

@media (max-width:380px){
  .home-header-shell nav,.home-header-shell header.is-scrolled nav{width:calc(100vw - 12px)!important;gap:4px!important}
  .home-header-shell nav a,.home-header-shell nav a:first-child,.home-header-shell header.is-scrolled nav a{padding-inline:2px!important}
  .home-header-shell nav .nav-label,.home-header-shell header.is-scrolled nav .nav-label{font-size:8.6px}
  .home-header-shell nav .nav-icon,.home-header-shell header.is-scrolled nav .nav-icon{width:23px;height:23px;flex-basis:23px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .home-header-shell nav a,.home-header-shell nav a::before,.home-header-shell nav a::after,.home-header-shell nav .nav-icon{transition:none!important}
}

/* V208 — homepage-only restoration card calibration. */
.home-header-shell nav a:first-child{
  transform:none!important;
  color:#eef9ff!important;
  border-color:rgba(88,173,229,.58)!important;
  background:
    linear-gradient(180deg,rgba(5,21,37,.92),rgba(1,10,20,.96)),
    radial-gradient(circle at 50% 0,rgba(23,167,255,.10),transparent 62%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.32)!important;
}
.home-header-shell nav a:first-child::before{opacity:.42!important}
.home-header-shell nav a:first-child::after{opacity:.44!important;box-shadow:0 0 9px rgba(30,192,255,.55)!important}
.home-header-shell nav a:first-child .nav-icon,
.home-header-shell header.is-scrolled nav a:first-child .nav-icon{
  transform:scale(1.15)!important;
  opacity:.72!important;
  filter:saturate(.82) brightness(.76) drop-shadow(0 0 4px rgba(18,146,230,.35))!important;
}
.home-header-shell nav a:first-child:hover,
.home-header-shell nav a:first-child:focus-visible{
  transform:translateY(-1px)!important;
  color:#fff!important;
  border-color:#58d9ff!important;
  background:linear-gradient(180deg,rgba(9,50,82,.95),rgba(2,18,34,.97))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 0 0 1px rgba(14,130,255,.28),0 0 22px rgba(0,176,255,.34),0 12px 26px rgba(0,0,0,.34)!important;
}
.home-header-shell nav a:first-child:hover::before,
.home-header-shell nav a:first-child:focus-visible::before{opacity:.88!important}
.home-header-shell nav a:first-child:hover .nav-icon,
.home-header-shell nav a:first-child:focus-visible .nav-icon{
  transform:translateY(-1px) scale(1.18)!important;
  opacity:1!important;
  filter:saturate(1.12) brightness(1.14) drop-shadow(0 0 7px rgba(90,224,255,.88)) drop-shadow(0 0 15px rgba(0,127,255,.52))!important;
}

/* V168 source 10: home-v142-qc.css */
/* V142 — supplied illuminated icon cards, hard header containment, and desktop section QC. */
:root{
  --home-sticky-header-height:154px;
  --home-anchor-gap:20px;
}

/* One anchor offset only. Padding plus margin doubled the landing clearance. */
html{scroll-padding-top:0!important}
html .home-anchor[id],
html #text-photo{
  scroll-margin-top:calc(var(--home-sticky-header-height) + var(--home-anchor-gap))!important;
}

.home-header-inner{
  width:min(calc(100% - 32px),1640px)!important;
  max-width:1640px!important;
  min-width:0!important;
}

.home-header-shell header,
.home-header-shell header.is-scrolled{
  display:grid!important;
  grid-template-columns:clamp(470px,31vw,520px) minmax(0,1fr)!important;
  align-items:center!important;
  gap:18px!important;
  min-width:0!important;
  width:100%!important;
  padding:7px 0!important;
}
.home-header-shell header{height:206px!important}
.home-header-shell header.is-scrolled{height:154px!important}

.home-header-shell .brand-plate,
.home-header-shell header.is-scrolled .brand-plate{
  grid-column:1!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  overflow:hidden!important;
}
.home-header-shell .brand-plate{height:192px!important}
.home-header-shell header.is-scrolled .brand-plate{height:140px!important}
.home-header-shell .brand-plate::before,
.home-header-shell header.is-scrolled .brand-plate::before{
  inset:4px 0!important;
  background-position:left center!important;
  background-size:contain!important;
}

.home-header-shell nav,
.home-header-shell header.is-scrolled nav{
  grid-column:2!important;
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,140px))!important;
  align-items:stretch!important;
  justify-content:end!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  padding:0!important;
  overflow:visible!important;
}

.home-header-shell nav a,
.home-header-shell nav a:first-child,
.home-header-shell header.is-scrolled nav a,
.home-header-shell header.is-scrolled nav a:first-child{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  width:100%!important;
  padding:10px 7px!important;
  gap:3px!important;
  overflow:hidden!important;
  white-space:normal!important;
  text-align:center!important;
  border:1px solid rgba(88,173,229,.58)!important;
  border-radius:18px!important;
  background:
    linear-gradient(180deg,rgba(5,21,37,.92),rgba(1,10,20,.96)),
    radial-gradient(circle at 50% 0,rgba(23,167,255,.10),transparent 62%)!important;
  color:#eef9ff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.32)!important;
  transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease,color .2s ease!important;
}
.home-header-shell nav a{min-height:150px!important}
.home-header-shell header.is-scrolled nav a{min-height:118px!important}

.home-header-shell nav a::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  opacity:.42!important;
  background:linear-gradient(118deg,rgba(255,255,255,.08),transparent 25%,transparent 72%,rgba(31,185,255,.07))!important;
  transition:opacity .2s ease!important;
}
.home-header-shell nav a::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:14%!important;
  right:14%!important;
  bottom:0!important;
  height:1px!important;
  opacity:.44!important;
  background:linear-gradient(90deg,transparent,#31caff,transparent)!important;
  box-shadow:0 0 9px rgba(30,192,255,.55)!important;
}

.home-header-shell nav .nav-icon,
.home-header-shell header.is-scrolled nav .nav-icon{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  object-fit:contain!important;
  flex:none!important;
  max-width:100%!important;
  opacity:.72!important;
  filter:saturate(.82) brightness(.76) drop-shadow(0 0 4px rgba(18,146,230,.35))!important;
  transition:opacity .2s ease,filter .2s ease,transform .2s ease!important;
}
.home-header-shell nav .nav-icon{width:82px!important;height:82px!important}
.home-header-shell header.is-scrolled nav .nav-icon{width:57px!important;height:57px!important}

.home-header-shell nav .nav-label,
.home-header-shell header.is-scrolled nav .nav-label{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  color:inherit!important;
  font-weight:880!important;
  line-height:1.08!important;
  letter-spacing:0!important;
  text-wrap:balance!important;
  overflow-wrap:normal!important;
}
.home-header-shell nav .nav-label{font-size:13px!important}
.home-header-shell header.is-scrolled nav .nav-label{font-size:11.5px!important}

.home-header-shell nav a:hover,
.home-header-shell nav a:focus-visible,
.home-header-shell nav a.is-active,
.home-header-shell nav a:first-child.is-active{
  transform:translateY(-1px)!important;
  color:#fff!important;
  border-color:#58d9ff!important;
  background:linear-gradient(180deg,rgba(9,50,82,.95),rgba(2,18,34,.97))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 0 0 1px rgba(14,130,255,.28),0 0 22px rgba(0,176,255,.34),0 12px 26px rgba(0,0,0,.34)!important;
  outline:none!important;
}
.home-header-shell nav a:hover::before,
.home-header-shell nav a:focus-visible::before,
.home-header-shell nav a.is-active::before{opacity:.88!important}
.home-header-shell nav a:hover .nav-icon,
.home-header-shell nav a:focus-visible .nav-icon,
.home-header-shell nav a.is-active .nav-icon{
  opacity:1!important;
  transform:translateY(-1px) scale(1.025)!important;
  filter:saturate(1.12) brightness(1.14) drop-shadow(0 0 7px rgba(90,224,255,.88)) drop-shadow(0 0 15px rgba(0,127,255,.52))!important;
}

/* Desktop hero and section content must stay inside their own layout tracks. */
@media (min-width:1061px){
  .hero{
    grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr)!important;
    column-gap:34px!important;
  }
  .hero>*,.hero-copy,.hero-card,.section-head>*,.advanced>*,.service>*{
    min-width:0!important;
    max-width:100%!important;
  }
  .hero-copy{container-type:inline-size!important}
  .hero h1{font-size:clamp(56px,12cqi,94px)!important;max-width:100%!important}
  .hero-card{overflow:hidden!important}

  #text-photo{
    min-height:560px!important;
  }
  #text-photo .final-content{
    min-height:560px!important;
    padding:64px clamp(46px,5vw,82px)!important;
    align-items:center!important;
  }
  #text-photo .final-copy{
    align-self:auto!important;
    min-width:0!important;
    padding:10px 0 16px!important;
  }
  #text-photo h2{
    max-width:100%!important;
    margin:0!important;
    padding:.08em 0 .06em!important;
    font-size:clamp(46px,4.8vw,74px)!important;
    line-height:1.02!important;
    overflow:visible!important;
    text-wrap:balance!important;
  }
}

@media (min-width:1061px) and (max-width:1450px){
  .home-header-inner{width:calc(100% - 24px)!important}
  .home-header-shell header,
  .home-header-shell header.is-scrolled{
    grid-template-columns:470px minmax(0,1fr)!important;
    gap:12px!important;
  }
  .home-header-shell nav,
  .home-header-shell header.is-scrolled nav{
    grid-template-columns:repeat(6,minmax(0,131px))!important;
    gap:6px!important;
  }
  .home-header-shell nav a{min-height:144px!important;padding-inline:5px!important}
  .home-header-shell nav .nav-icon{width:76px!important;height:76px!important}
  .home-header-shell nav .nav-label{font-size:11.5px!important}
  .home-header-shell header.is-scrolled nav a{min-height:114px!important}
  .home-header-shell header.is-scrolled nav .nav-icon{width:53px!important;height:53px!important}
  .home-header-shell header.is-scrolled nav .nav-label{font-size:10.25px!important}
}

/* Tablet: one intentionally scaled card row below the logo. */
@media (min-width:701px) and (max-width:1060px){
  :root{--home-sticky-header-height:230px}
  .home-header-inner{width:calc(100% - 20px)!important}
  .home-header-shell header,
  .home-header-shell header.is-scrolled{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:108px 112px!important;
    height:230px!important;
    gap:5px!important;
    padding:4px 0 5px!important;
  }
  .home-header-shell .brand-plate,
  .home-header-shell header.is-scrolled .brand-plate{
    grid-column:1!important;
    grid-row:1!important;
    justify-self:center!important;
    width:min(100%,560px)!important;
    height:108px!important;
  }
  .home-header-shell nav,
  .home-header-shell header.is-scrolled nav{
    grid-column:1!important;
    grid-row:2!important;
    grid-template-columns:repeat(6,minmax(0,136px))!important;
    gap:6px!important;
    width:100%!important;
    max-width:846px!important;
    justify-self:center!important;
  }
  .home-header-shell nav a,
  .home-header-shell nav a:first-child,
  .home-header-shell header.is-scrolled nav a,
  .home-header-shell header.is-scrolled nav a:first-child{
    min-height:98px!important;
    padding:6px 4px!important;
    border-radius:15px!important;
  }
  .home-header-shell nav .nav-icon,
  .home-header-shell header.is-scrolled nav .nav-icon{
    width:53px!important;
    height:53px!important;
  }
  .home-header-shell nav .nav-label,
  .home-header-shell header.is-scrolled nav .nav-label{
    font-size:10.5px!important;
  }
  #text-photo h2{line-height:1.02!important;padding-top:.07em!important;overflow:visible!important}
}

/* Phone: two balanced rows with the same card language at a touch-safe scale. */
@media (max-width:700px){
  :root{--home-sticky-header-height:244px}
  .home-header-inner{width:calc(100% - 14px)!important}
  .home-header-shell header,
  .home-header-shell header.is-scrolled{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:100px 134px!important;
    height:244px!important;
    gap:4px!important;
    padding:3px 0!important;
  }
  .home-header-shell .brand-plate,
  .home-header-shell header.is-scrolled .brand-plate{
    grid-column:1!important;
    grid-row:1!important;
    justify-self:center!important;
    width:min(100%,430px)!important;
    height:100px!important;
  }
  .home-header-shell nav,
  .home-header-shell header.is-scrolled nav{
    grid-column:1!important;
    grid-row:2!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:5px!important;
    width:100%!important;
    max-width:365px!important;
    justify-self:center!important;
  }
  .home-header-shell nav a,
  .home-header-shell nav a:first-child,
  .home-header-shell header.is-scrolled nav a,
  .home-header-shell header.is-scrolled nav a:first-child{
    min-height:59px!important;
    padding:4px 3px!important;
    gap:1px!important;
    border-radius:13px!important;
  }
  .home-header-shell nav a{grid-column:span 2!important}
  .home-header-shell nav .nav-icon,
  .home-header-shell header.is-scrolled nav .nav-icon{
    width:33px!important;
    height:33px!important;
  }
  .home-header-shell nav .nav-label,
  .home-header-shell header.is-scrolled nav .nav-label{
    font-size:9.5px!important;
    line-height:1.02!important;
  }
  #text-photo h2{line-height:1.03!important;padding-top:.08em!important;overflow:visible!important}
}

@media (max-width:380px){
  .home-header-shell nav,
  .home-header-shell header.is-scrolled nav{gap:4px!important}
  .home-header-shell nav .nav-label,
  .home-header-shell header.is-scrolled nav .nav-label{font-size:8.8px!important}
  .home-header-shell nav .nav-icon,
  .home-header-shell header.is-scrolled nav .nav-icon{width:37px!important;height:37px!important}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .home-header-shell header,
  .home-header-shell nav a,
  .home-header-shell nav a::before,
  .home-header-shell nav .nav-icon{transition:none!important}
}

/* V168 source 11: home-v147-cta.css */
/* V147 — supplied illuminated CTA artwork, retained as accessible links. */
.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

.hero .actions{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:center!important;
  gap:clamp(8px,1vw,14px)!important;
  width:100%!important;
  max-width:760px!important;
}

.art-cta,
.hero .art-cta,
#text-photo .art-cta{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  aspect-ratio:3 / 1!important;
  padding:0!important;
  border:0!important;
  border-radius:15px!important;
  overflow:visible!important;
  color:transparent!important;
  background:transparent!important;
  box-shadow:none!important;
  isolation:isolate;
  transition:transform 190ms ease,filter 190ms ease!important;
}

.art-cta img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:contain!important;
  pointer-events:none!important;
  user-select:none!important;
}

.art-cta:hover{
  transform:translateY(-2px)!important;
  filter:brightness(1.1) saturate(1.06) drop-shadow(0 0 8px rgba(28,184,255,.28))!important;
}
.art-cta:active{
  transform:translateY(0) scale(.985)!important;
  filter:brightness(1.14) saturate(1.08)!important;
}
.art-cta:focus-visible{
  outline:2px solid #9eeaff!important;
  outline-offset:3px!important;
  filter:brightness(1.12) saturate(1.08) drop-shadow(0 0 9px rgba(28,184,255,.38))!important;
}

#text-photo .final-art-cta{
  flex:0 1 390px!important;
  width:min(100%,390px)!important;
}

@media (min-width:1061px) and (max-width:1450px){
  .hero .actions{max-width:690px!important;gap:8px!important}
}

@media (min-width:701px) and (max-width:1060px){
  .hero .actions{
    width:min(100%,780px)!important;
    margin-inline:auto!important;
  }
}

@media (max-width:700px){
  .hero .actions{
    grid-template-columns:minmax(0,1fr)!important;
    width:min(100%,350px)!important;
    max-width:350px!important;
    gap:2px!important;
    margin-inline:auto!important;
  }
  .hero .art-cta{
    grid-column:1!important;
    min-height:0!important;
  }
  #text-photo .final-art-cta{
    width:min(100%,350px)!important;
    margin-inline:auto!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .art-cta{transition:none!important}
}

/* V168 source 12: home-v148-polish.css */
/* V148 — responsive hero typography, clean CTA layers, stable plaque and supplied benefits. */

/* Remove the legacy CSS button faces beneath the supplied transparent artwork. */
.hero .actions .btn.art-cta.primary,
.hero .actions .btn.art-cta.book,
.hero .actions .btn.art-cta.secondary,
#text-photo .btn.art-cta.primary{
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Keep the italic headline crisp without overlapping stroke/letter seams. */
.hero .outline-wrap{
  overflow:visible!important;
  white-space:nowrap!important;
}
.hero .outline-wrap em{
  width:max-content!important;
  max-width:100%!important;
  letter-spacing:-.032em!important;
  word-spacing:.03em!important;
  font-kerning:normal!important;
  font-feature-settings:"kern" 1!important;
  text-rendering:geometricPrecision;
  -webkit-font-smoothing:antialiased;
  -webkit-text-stroke:.38px rgba(205,248,255,.78)!important;
  filter:drop-shadow(0 4px 0 rgba(0,69,171,.28)) drop-shadow(0 0 14px rgba(0,174,255,.30))!important;
}

/* One deliberate two-line plaque at every breakpoint. */
.hero-result-plaque{
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  padding:10px 20px!important;
  text-align:center!important;
}
.hero-result-plaque strong{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  line-height:1.08!important;
}
.hero-result-plaque strong::before,
.hero-result-plaque strong::after{display:none!important}
.hero-result-plaque strong .plaque-line{
  display:block!important;
  max-width:100%!important;
  color:#8adfff!important;
  font-size:inherit!important;
  line-height:inherit!important;
  letter-spacing:inherit!important;
  white-space:nowrap!important;
}
.hero-result-plaque > .plaque-subtitle{
  display:block!important;
  max-width:100%!important;
  color:#e6edf5!important;
  font-size:10px!important;
  line-height:1.2!important;
  letter-spacing:.18em!important;
  white-space:nowrap!important;
}

/* Supplied benefit artwork; wording remains responsive HTML except the complete Google badge. */
.benefit-icon img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  filter:drop-shadow(0 0 8px rgba(0,159,255,.28));
}
.benefit-bar .benefit:not(.benefit-google) .benefit-icon{
  flex:0 0 70px!important;
  width:70px!important;
  height:64px!important;
}
.benefit-bar .benefit-google{
  padding-inline:12px!important;
}
.benefit-bar .benefit-google .benefit-icon{
  width:min(100%,218px)!important;
  height:92px!important;
}

@media (max-width:1060px){
  .hero .outline-wrap em{
    font-size:.95em!important;
    letter-spacing:-.018em!important;
    word-spacing:.045em!important;
    transform:skewX(-4deg)!important;
    -webkit-text-stroke:.32px rgba(205,248,255,.76)!important;
  }
  .hero .outline-wrap em::before{display:none!important}
  .hero-result-plaque strong{font-size:16px!important;letter-spacing:.13em!important}
  .hero-result-plaque > .plaque-subtitle{font-size:9px!important;letter-spacing:.14em!important}
  .benefit-bar .benefit:not(.benefit-google) .benefit-icon{
    flex-basis:58px!important;
    width:58px!important;
    height:54px!important;
  }
  .benefit-bar .benefit-google .benefit-icon{height:78px!important}
}

@media (max-width:700px){
  .hero .outline-wrap em{
    font-size:.92em!important;
    letter-spacing:-.012em!important;
    word-spacing:.05em!important;
    transform:skewX(-3deg)!important;
    filter:drop-shadow(0 3px 0 rgba(0,69,171,.24)) drop-shadow(0 0 11px rgba(0,174,255,.27))!important;
  }
  .hero-result-plaque{
    min-height:74px!important;
    padding:9px 12px!important;
  }
  .hero-result-plaque strong{font-size:14px!important;letter-spacing:.105em!important}
  .hero-result-plaque > .plaque-subtitle{font-size:8px!important;letter-spacing:.105em!important}
  .benefit-bar .benefit:not(.benefit-google) .benefit-icon{
    flex-basis:48px!important;
    width:48px!important;
    height:45px!important;
  }
  .benefit-bar .benefit-google .benefit-icon{height:68px!important}
}

@media (max-width:430px){
  .hero .outline-wrap em{
    font-size:.89em!important;
    letter-spacing:-.006em!important;
    word-spacing:.055em!important;
  }
  .hero-result-plaque strong{font-size:13px!important;letter-spacing:.08em!important}
  .hero-result-plaque > .plaque-subtitle{font-size:7.5px!important;letter-spacing:.075em!important}
  .benefit-bar .benefit:not(.benefit-google) .benefit-icon{
    flex-basis:43px!important;
    width:43px!important;
    height:41px!important;
  }
  .benefit-bar .benefit-google .benefit-icon{height:60px!important}
}

@media (prefers-reduced-motion:reduce){
  .hero .outline-wrap em{transform:none!important}
}

/* V168 source 13: home-v149-sizing.css */
/* V149 — equal visible CTA heights and benefit artwork enlarged exactly 20%. */
.benefit-bar .benefit:not(.benefit-google) .benefit-icon{
  flex-basis:84px!important;
  width:84px!important;
  height:77px!important;
}
.benefit-bar .benefit-google .benefit-icon{
  width:min(100%,262px)!important;
  height:110px!important;
}

@media (max-width:1060px){
  .benefit-bar .benefit:not(.benefit-google) .benefit-icon{
    flex-basis:70px!important;
    width:70px!important;
    height:65px!important;
  }
  .benefit-bar .benefit-google .benefit-icon{height:94px!important}
}

@media (max-width:700px){
  .benefit-bar .benefit:not(.benefit-google) .benefit-icon{
    flex-basis:58px!important;
    width:58px!important;
    height:54px!important;
  }
  .benefit-bar .benefit-google .benefit-icon{height:82px!important}
}

@media (max-width:430px){
  .benefit-bar .benefit:not(.benefit-google) .benefit-icon{
    flex-basis:52px!important;
    width:52px!important;
    height:49px!important;
  }
  .benefit-bar .benefit-google .benefit-icon{height:72px!important}
}

/* V168 source 14: home-v150-consistency.css */
/* V150 — single-line Results titles and restored responsive header compaction. */

/* Size each repeated title from its own available width, not the viewport. */
.section-head > div,
.showcase-intro > div{
  min-width:0!important;
  max-width:100%!important;
  container-type:inline-size;
}
.results-eyebrow + h2,
.results-eyebrow + h3{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin-inline:0!important;
  font-size:clamp(20px,7cqi,58px)!important;
  line-height:.98!important;
  letter-spacing:-.042em!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-wrap:nowrap!important;
}
.results-eyebrow + h2 span,
.results-eyebrow + h3 span{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0!important;
  white-space:nowrap!important;
}

/* Tablet opens with a larger logo, then settles into the proven compact size. */
@media (min-width:701px) and (max-width:1060px){
  .home-header-shell header{
    grid-template-rows:145px 112px!important;
    height:271px!important;
  }
  .home-header-shell header.is-scrolled{
    grid-template-rows:104px 112px!important;
    height:230px!important;
  }
  .home-header-shell header .brand-plate{
    width:min(calc(100% + 28px),620px)!important;
    height:145px!important;
  }
  .home-header-shell header.is-scrolled .brand-plate{
    width:min(100%,560px)!important;
    height:104px!important;
  }
}

/* Phone uses the same expanded-to-compact behavior without changing the nav. */
@media (max-width:700px){
  .home-header-shell header{
    grid-template-rows:130px 134px!important;
    height:274px!important;
  }
  .home-header-shell header.is-scrolled{
    grid-template-rows:100px 134px!important;
    height:244px!important;
  }
  .home-header-shell header .brand-plate{
    width:min(calc(100% + 18px),460px)!important;
    height:130px!important;
  }
  .home-header-shell header.is-scrolled .brand-plate{
    width:min(100%,430px)!important;
    height:100px!important;
  }
}

.home-header-shell header,
.home-header-shell .brand-plate{
  transition:height .2s ease,grid-template-rows .2s ease,width .2s ease!important;
}

@media (prefers-reduced-motion:reduce){
  .home-header-shell header,
  .home-header-shell .brand-plate{transition:none!important}
}

/* V168 source 15: home-v151-results.css */
/* V151 — consistent Results heading scale and matching one-line eyebrows. */

/* Undo the intrinsic-size containment that collapsed the left title blocks. */
.section-head > div,
.showcase-intro > div{
  container-type:normal!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
}
.section-head > div{flex:1 1 auto!important}
.showcase-intro.has-copy > div{flex:1 1 auto!important}

/* The repeated Results title uses one shared scale at each viewport width. */
.results-eyebrow + h2,
.results-eyebrow + h3{
  width:100%!important;
  max-width:100%!important;
  font-size:clamp(23px,7vw,42px)!important;
  line-height:.98!important;
  letter-spacing:-.042em!important;
  white-space:nowrap!important;
}

/* Match the section-eyebrow treatment used elsewhere on the homepage. */
.results-eyebrow{
  display:inline-flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  gap:10px!important;
  font-size:clamp(9px,.75vw,12px)!important;
  line-height:1!important;
  letter-spacing:.16em!important;
  white-space:nowrap!important;
  overflow-wrap:normal!important;
}
.results-eyebrow::before{
  display:block!important;
  flex:0 0 28px!important;
  width:28px!important;
  height:1px!important;
  background:var(--blue)!important;
  box-shadow:0 0 9px var(--blue)!important;
}
.section-head .results-eyebrow{margin:0 0 14px!important}
.showcase-intro .results-eyebrow{margin:0!important}

@media (max-width:430px){
  .results-eyebrow{gap:8px!important;font-size:9px!important}
  .results-eyebrow::before{flex-basis:24px!important;width:24px!important}
}

/* V209 — keep the repeated Results title and supporting copy separated at
   intermediate desktop widths, while preserving the approved wide layout. */
@media (min-width:981px) and (max-width:1180px){
  .showcase-intro.has-copy{display:block!important}
  .showcase-intro .intro-copy{max-width:none!important;margin-top:12px!important}
  .results-eyebrow + h2,
  .results-eyebrow + h3{font-size:clamp(22px,3.25vw,38px)!important}
}

/* V209 — supplied Text a Photo artwork with responsive, accessible hotspots. */
.final.final-visual{
  min-height:0;
  aspect-ratio:1672/941;
  margin-bottom:64px;
  background:#04111f;
}
.final-visual-media{display:block;width:100%;height:100%;object-fit:cover}
.final.final-visual::after{display:none}
.final-hotspot{position:absolute;z-index:3;top:73.3%;height:10.8%;border-radius:14px}
.final-hotspot-text{left:4.5%;width:20.7%}
.final-hotspot-book{left:25.7%;width:21.5%}
.final-hotspot:focus-visible{outline:3px solid #b8f4ff;outline-offset:4px;box-shadow:0 0 22px rgba(37,200,255,.72)}
@media(max-width:560px){
  .final.final-visual{margin-bottom:42px;border-radius:18px}
  .final-hotspot{border-radius:7px}
}

/* V168 source 16: home-v152-mobile-icon.css */
/* V152 — increase only the visible Mobile Service van artwork by 20%. */
.benefit-bar .benefit-mobile-service .benefit-icon{
  overflow:visible!important;
}
.benefit-bar .benefit-mobile-service .benefit-icon img{
  transform:scale(1.2)!important;
  transform-origin:center!important;
}

/* V168 source 17: home-v153-polish.css */
/* V153 — tablet Google-badge alignment and a softly blended logo edge only. */
.home-header-shell .brand-plate::before,
.home-header-shell header.is-scrolled .brand-plate::before{
  -webkit-mask-image:radial-gradient(ellipse 100% 96% at 48% 50%,#000 0 78%,rgba(0,0,0,.96) 83%,rgba(0,0,0,.72) 89%,rgba(0,0,0,.26) 96%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse 100% 96% at 48% 50%,#000 0 78%,rgba(0,0,0,.96) 83%,rgba(0,0,0,.72) 89%,rgba(0,0,0,.26) 96%,transparent 100%)!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-repeat:no-repeat!important;
}

@media (min-width:701px) and (max-width:1060px){
  .benefit-bar .benefit-google .benefit-icon{
    transform:translateY(-8px)!important;
  }
}

/* V168 source 18: home-v154-tablet-google.css */
/* V154 — optical centering correction for the Google badge on tablet only. */
@media (min-width:701px) and (max-width:1060px){
  .benefit-bar .benefit-google .benefit-icon{
    transform:translateY(-24px)!important;
  }
}

/* V168 source 19: home-v155-logo.css */
/* V155 — use the logo's native transparency and increase its visible size 4%. */
.home-header-shell .brand-plate::before,
.home-header-shell header.is-scrolled .brand-plate::before{
  filter:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  background-size:auto 104%!important;
  background-position:left center!important;
}

/* V168 source 20: home-v157-final-cta.css */
/* V157 — keep the final CTA below the phone's readable message area. */
#text-photo .final-art-cta{
  align-self:flex-end!important;
  margin-bottom:0!important;
}

@media (min-width:701px){
  #text-photo .final-content{
    align-items:flex-end!important;
  }
}

@media (max-width:700px){
  #text-photo .final-art-cta{
    align-self:flex-end!important;
    margin:0 auto!important;
  }
}

/* V173 — carry the Booking page's low-key black-headlight treatment here. */
.hero-card{background:#020b14!important;box-shadow:inset 0 0 0 1px rgba(88,202,255,.05),0 28px 90px rgba(0,0,0,.5),0 0 34px rgba(15,145,215,.08)!important}
.hero-photo{opacity:.7!important;filter:saturate(1.1) contrast(1.18) brightness(.74);object-position:60% center;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.56) 0,#000 27%,#000 100%);mask-image:linear-gradient(90deg,rgba(0,0,0,.56) 0,#000 27%,#000 100%)}
.hero-overlay{background:linear-gradient(90deg,rgba(2,10,18,.84) 0%,rgba(2,10,18,.46) 34%,rgba(2,10,18,.08) 75%),linear-gradient(180deg,rgba(2,10,18,.08),rgba(2,10,18,.28))!important}

/* V208 final override — neutral homepage Restoration card, 15% larger icon. */
.home-header-shell nav a:first-child{
  transform:none!important;
  color:#eef9ff!important;
  border-color:rgba(88,173,229,.58)!important;
  background:linear-gradient(180deg,rgba(5,21,37,.92),rgba(1,10,20,.96)),radial-gradient(circle at 50% 0,rgba(23,167,255,.10),transparent 62%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.32)!important;
}
.home-header-shell nav a:first-child::before{opacity:.42!important}
.home-header-shell nav a:first-child::after{opacity:.44!important;box-shadow:0 0 9px rgba(30,192,255,.55)!important}
.home-header-shell nav a:first-child .nav-icon,
.home-header-shell header.is-scrolled nav a:first-child .nav-icon{
  transform:scale(1.15)!important;
  opacity:.72!important;
  filter:saturate(.82) brightness(.76) drop-shadow(0 0 4px rgba(18,146,230,.35))!important;
}
.home-header-shell nav a:first-child:hover,
.home-header-shell nav a:first-child:focus-visible{
  transform:translateY(-1px)!important;
  color:#fff!important;
  border-color:#58d9ff!important;
  background:linear-gradient(180deg,rgba(9,50,82,.95),rgba(2,18,34,.97))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 0 0 1px rgba(14,130,255,.28),0 0 22px rgba(0,176,255,.34),0 12px 26px rgba(0,0,0,.34)!important;
}
.home-header-shell nav a:first-child:hover::before,
.home-header-shell nav a:first-child:focus-visible::before{opacity:.88!important}
.home-header-shell nav a:first-child:hover .nav-icon,
.home-header-shell nav a:first-child:focus-visible .nav-icon{
  transform:translateY(-1px) scale(1.18)!important;
  opacity:1!important;
  filter:saturate(1.12) brightness(1.14) drop-shadow(0 0 7px rgba(90,224,255,.88)) drop-shadow(0 0 15px rgba(0,127,255,.52))!important;
}
