:root{--cyan:#63e7ef;--blue:#657bff;--violet:#a96dff;--coral:#ff876e}
body{background-color:#0b1117;background-image:radial-gradient(ellipse at 8% 12%,rgba(21,112,150,.20),transparent 31%),radial-gradient(ellipse at 95% 26%,rgba(94,53,153,.16),transparent 34%),radial-gradient(ellipse at 38% 78%,rgba(36,106,96,.13),transparent 36%)}
.demo-strip{background:linear-gradient(100deg,#caff4f 0%,#85f4bd 49%,#69d9ef 100%)}
.site-header{background:rgba(8,14,19,.87);backdrop-filter:blur(18px)}
.hero{background:radial-gradient(ellipse at 80% 32%,rgba(24,108,145,.38),transparent 35%),radial-gradient(ellipse at 56% 80%,rgba(112,61,152,.22),transparent 32%),linear-gradient(130deg,#0a1117 24%,#121622 100%)}
.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 73% 16%,rgba(99,231,239,.56) 0 2px,transparent 3px),radial-gradient(circle at 48% 56%,rgba(169,109,255,.62) 0 2px,transparent 3px),radial-gradient(circle at 91% 75%,rgba(255,135,110,.56) 0 2px,transparent 3px);background-size:170px 170px,230px 230px,260px 260px;opacity:.33;mask-image:linear-gradient(90deg,transparent 25%,#000)}
.hero-copy,.hero-visual,.hero-bottom{z-index:2}.hero-image{box-shadow:18px 18px 0 rgba(99,231,239,.11),-16px -15px 0 rgba(169,109,255,.05)}
.orbit-one{border-color:rgba(99,231,239,.48)}.orbit-two{border-color:rgba(169,109,255,.32)}
.intro-band{background:linear-gradient(110deg,#d1ff58 0%,#9bf2aa 46%,#77e8d3 100%)}
.services-preview{background:radial-gradient(ellipse at 2% 35%,rgba(41,105,149,.16),transparent 28%),radial-gradient(ellipse at 97% 77%,rgba(122,62,152,.12),transparent 32%),#0d1318}
.service-card{background:linear-gradient(145deg,rgba(26,44,58,.94),rgba(15,20,29,.98) 65%);border-color:rgba(99,231,239,.17)}
.service-card:nth-child(2){background:linear-gradient(145deg,rgba(49,31,72,.7),rgba(15,20,29,.98) 66%)}.service-card:nth-child(3){background:linear-gradient(145deg,rgba(54,42,35,.64),rgba(15,20,29,.98) 66%)}
.filter-chip.active{background:linear-gradient(120deg,var(--cyan),#9effc7);border-color:transparent}
.review-band{background-color:#101821;background-image:linear-gradient(90deg,rgba(8,14,19,.96),rgba(8,14,19,.86) 58%,rgba(8,14,19,.68)),url('headlight-care.png');background-position:center,right center;background-size:cover}
.review-band:before{background:radial-gradient(ellipse at 35% 50%,rgba(99,231,239,.18),transparent 52%),radial-gradient(ellipse at 80% 10%,rgba(169,109,255,.2),transparent 34%)}
.feature-split.focus-lab{background:radial-gradient(ellipse at 75% 15%,rgba(80,75,169,.24),transparent 42%),linear-gradient(130deg,#111920,#17202b 72%,#171522)}
.focus-lab .feature-art{min-height:560px;background:radial-gradient(ellipse at 45% 50%,rgba(99,231,239,.26),transparent 60%),linear-gradient(135deg,#172b39,#171424)}
.focus-lab .feature-art:before{content:"";position:absolute;z-index:1;inset:0;background:repeating-linear-gradient(135deg,transparent 0 27px,rgba(255,255,255,.035) 28px 29px);pointer-events:none}
.focus-lab .feature-art img{filter:brightness(.78) saturate(1.12);transition:opacity .25s,transform .7s,filter .4s}.focus-lab .feature-art:hover img{filter:brightness(.94) saturate(1.2)}
.focus-lab .feature-art:after{background:linear-gradient(90deg,transparent 67%,#17202b 100%),linear-gradient(0deg,rgba(8,12,13,.56),transparent 45%)}
.focus-lab .feature-scribble{font-size:clamp(45px,6vw,84px);text-shadow:0 7px 30px rgba(0,0,0,.52)}
.focus-lab .feature-copy h2{font-size:clamp(66px,8.2vw,112px)}.focus-lab .feature-copy h2 em{color:var(--cyan)}
.focus-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:28px 0 22px}.focus-tab{appearance:none;cursor:pointer;border:1px solid rgba(236,242,239,.22);background:rgba(12,17,23,.4);color:#d2dbd7;padding:9px 12px;font-size:8px;font-weight:800;letter-spacing:.09em;transition:background .22s,border-color .22s,color .22s,transform .22s}.focus-tab:hover{transform:translateY(-2px);border-color:var(--cyan)}.focus-tab.active{color:#081216;background:linear-gradient(110deg,#caff4f,#63e7ef);border-color:transparent}.focus-note{margin-top:25px;border-top:1px solid rgba(236,242,239,.15);padding-top:12px;max-width:390px;font-size:7px;letter-spacing:.11em;color:#96a6a5;line-height:1.7}.focus-note span{color:var(--coral);font-size:12px;margin-right:6px}
.page-hero{background-color:#101822;background-image:radial-gradient(ellipse at 80% 48%,rgba(37,130,155,.29),transparent 48%),linear-gradient(90deg,rgba(8,13,18,.98),rgba(8,13,18,.84) 55%,rgba(8,13,18,.40));background-size:cover;background-position:center}
.services-page .page-hero{background-image:linear-gradient(90deg,rgba(8,13,18,.97),rgba(8,13,18,.75) 58%,rgba(8,13,18,.30)),url('interior-vacuum.png')}
.interior-page .page-hero{background-image:linear-gradient(90deg,rgba(8,13,18,.97),rgba(8,13,18,.74) 58%,rgba(8,13,18,.24)),url('interior-care.png')}
.paint-page .page-hero{background-image:linear-gradient(90deg,rgba(8,13,18,.97),rgba(8,13,18,.76) 56%,rgba(8,13,18,.25)),url('carnauba-polish.png')}
.headlight-page .page-hero{background-image:linear-gradient(90deg,rgba(8,13,18,.97),rgba(8,13,18,.76) 56%,rgba(8,13,18,.25)),url('headlight-care.png')}
.process-page .page-hero{background-image:linear-gradient(90deg,rgba(8,13,18,.97),rgba(8,13,18,.76) 57%,rgba(8,13,18,.28)),url('detail-hero.png')}
.about-page .page-hero{background-image:linear-gradient(90deg,rgba(8,13,18,.97),rgba(8,13,18,.76) 57%,rgba(8,13,18,.28)),url('interior-vacuum.png')}
.contact-page .page-hero{background-image:linear-gradient(90deg,rgba(8,13,18,.97),rgba(8,13,18,.73) 58%,rgba(8,13,18,.21)),url('carnauba-polish.png')}
.page-hero:after{border-color:rgba(99,231,239,.36);box-shadow:0 0 0 35px rgba(169,109,255,.07),0 0 0 75px rgba(99,231,239,.045)}
.page-content{background-image:radial-gradient(ellipse at 100% 35%,rgba(68,77,143,.10),transparent 34%)}
.detail-tile{background:linear-gradient(145deg,rgba(29,47,59,.9),rgba(16,22,27,.95));border-color:rgba(99,231,239,.2)}
.detail-tile:nth-child(2){background:linear-gradient(145deg,rgba(60,37,71,.55),rgba(16,22,27,.95))}.detail-tile:nth-child(3){background:linear-gradient(145deg,rgba(44,55,40,.64),rgba(16,22,27,.95))}.detail-tile:nth-child(4){background:linear-gradient(145deg,rgba(71,44,39,.52),rgba(16,22,27,.95))}
.image-text-row{background:linear-gradient(120deg,#162b34,#181725)}
.image-text-row img{filter:saturate(1.08)}
.process-peek{background:linear-gradient(118deg,#d2ff5a,#a2ef9d 45%,#72e9dc)}
.request-builder,.contact-card{background:linear-gradient(145deg,rgba(30,49,62,.88),rgba(17,22,29,.96));border-color:rgba(99,231,239,.2)}
.notice{background:linear-gradient(120deg,rgba(40,89,83,.23),rgba(87,54,107,.2));border-color:rgba(99,231,239,.32)}
.final-cta{background:radial-gradient(ellipse at 12% 40%,rgba(255,135,110,.34),transparent 35%),linear-gradient(110deg,#caff4f 0%,#a8f38b 46%,#69e2dc 100%)}
@media(max-width:900px){.focus-lab .feature-art{min-height:430px}.focus-lab .feature-copy{padding-left:8%}}
@media(max-width:650px){.focus-lab .feature-art{min-height:320px}.focus-lab .feature-copy{padding:25px var(--pad) 49px}.focus-lab .feature-copy h2{font-size:clamp(68px,15.5vw,100px)}.focus-tabs{margin:20px 0 18px}.focus-tab{padding:9px 10px;font-size:7px}.page-hero{background-position:center,right center}.page-hero:after{opacity:.55}}
@media(prefers-reduced-motion:reduce){.focus-tab{transition:none}}
.process-showcase{padding:clamp(64px,8vw,110px) var(--pad);display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(32px,6vw,90px);background:radial-gradient(ellipse at 13% 20%,rgba(49,126,157,.22),transparent 40%),radial-gradient(ellipse at 84% 80%,rgba(128,76,164,.18),transparent 43%),linear-gradient(130deg,#0e151c,#151725)}
.compare-column{align-self:start;position:sticky;top:25px}.compare-column h2,.workflow-heading h2{font:800 clamp(52px,7vw,89px)/.82 var(--display);letter-spacing:-.04em;margin:0 0 15px}.compare-column h2 em,.workflow-heading h2 em{font-style:normal;color:var(--cyan)}.compare-intro,.workflow-heading>p:not(.eyebrow){font-size:10px;line-height:1.85;color:#aebbb8;max-width:430px}.compare-frame{position:relative;aspect-ratio:1.42;overflow:hidden;border:1px solid rgba(99,231,239,.45);background:#121722;box-shadow:14px 14px 0 rgba(169,109,255,.12),-8px -8px 0 rgba(99,231,239,.07);margin-top:23px}.compare-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.compare-after{filter:saturate(1.15) contrast(1.04) brightness(1.02)}.compare-before{filter:grayscale(.86) saturate(.42) brightness(.59) contrast(.94);clip-path:inset(0 calc(100% - var(--compare)) 0 0)}.compare-tag{position:absolute;z-index:3;top:13px;padding:7px 9px;background:rgba(8,14,20,.75);font-size:7px;letter-spacing:.13em;font-weight:800}.compare-tag-before{left:12px;color:#e7efeb}.compare-tag-after{right:12px;color:var(--lime)}.compare-divider{position:absolute;z-index:4;top:0;bottom:0;left:var(--compare);width:2px;background:var(--lime);box-shadow:0 0 18px rgba(202,255,79,.8);transform:translateX(-50%);pointer-events:none}.compare-divider:after{content:"↔";position:absolute;left:50%;top:50%;width:42px;height:42px;transform:translate(-50%,-50%);border:1px solid var(--lime);border-radius:50%;background:#10151d;color:var(--lime);display:grid;place-items:center;font:700 18px var(--body)}.compare-control{display:flex;align-items:center;gap:13px;margin-top:18px;color:#aeb9b5;font-size:8px;letter-spacing:.07em}.compare-control input{flex:1;accent-color:var(--lime);cursor:ew-resize}.compare-disclaimer{font-size:8px;color:#93a19d;line-height:1.7;margin:12px 0 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.workflow-column{min-width:0}.workflow-heading{padding-bottom:21px;border-bottom:1px solid rgba(232,242,238,.17);margin-bottom:6px}.workflow-heading h2{font-size:clamp(49px,6vw,78px);margin-bottom:14px}.workflow-heading .eyebrow{margin-bottom:15px}.detail-accordion details{border-bottom:1px solid rgba(232,242,238,.15);transition:background .2s}.detail-accordion details[open]{background:linear-gradient(100deg,rgba(99,231,239,.08),rgba(169,109,255,.06))}.detail-accordion summary{display:grid;grid-template-columns:40px 1fr 24px;gap:12px;align-items:center;list-style:none;cursor:pointer;padding:16px 12px 16px 0}.detail-accordion summary::-webkit-details-marker{display:none}.detail-accordion summary>span{font:700 22px var(--display);color:var(--lime)}.detail-accordion summary>b{font:700 clamp(17px,2.3vw,24px)/1.05 var(--display);letter-spacing:.01em}.detail-accordion summary>i{font-style:normal;font-size:17px;color:var(--cyan);transition:transform .2s}.detail-accordion details[open] summary>i{transform:rotate(45deg)}.detail-accordion details>div{padding:0 38px 16px 52px}.detail-accordion details p{font-size:9px;line-height:1.85;color:#aebbb8;margin:0}.workflow-sources{font-size:7px;line-height:1.8;color:#899793;margin-top:17px}.workflow-sources a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.process-showcase{grid-template-columns:1fr;gap:50px}.compare-column{position:relative;top:auto}.compare-frame{aspect-ratio:1.8;max-width:760px}.workflow-column{max-width:860px}}
@media(max-width:650px){.process-showcase{padding:65px var(--pad);gap:42px}.compare-column h2{font-size:66px}.workflow-heading h2{font-size:60px}.compare-frame{aspect-ratio:1.32}.compare-tag{font-size:6px;letter-spacing:.09em}.compare-divider:after{width:36px;height:36px;font-size:16px}.detail-accordion summary{grid-template-columns:34px 1fr 18px;gap:9px;padding:14px 3px 14px 0}.detail-accordion summary>b{font-size:20px}.detail-accordion details>div{padding:0 20px 15px 43px}}
