
/* Shared type, spacing and surfaces for the site and administration. */
:root{--gold:#dfbd78;--muted:#b3b5ad;--surface-edge:#ffffff16;--heading-font:'Barlow Condensed','Arial Narrow',Arial,sans-serif}
body{font-family:Barlow,'Segoe UI',Arial,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--heading-font);text-wrap:balance;line-height:1.12;letter-spacing:-.025em}
h2{font-size:clamp(34px,3.5vw,50px)}h3{font-size:28px}.eyebrow{font-size:12px;letter-spacing:.16em;line-height:1.5}
button,input,select,textarea{font-family:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
body:not(.admin-design) .section{max-width:1320px;padding-block:clamp(52px,6vw,88px)}
body:not(.admin-design) .section-title{gap:32px;margin-bottom:32px}.section-title>p{font-size:14px;line-height:1.75;max-width:32ch}.section .eyebrow{margin-bottom:14px}.section h2{max-width:20ch}
body:not(.admin-design) .strip{gap:20px;padding-block:23px}.strip span,.step-number{color:var(--gold)}
body:not(.admin-design) .vehicle-tab.active{border-color:#dfbd7880;background:linear-gradient(125deg,#dfbd781c,#27251e);color:#f4dfb1}.vehicle-tab:not(.active){color:#c6c9c3}
body:not(.admin-design) .option:not(.holiday-campaign-option):has(input:checked){border-color:#dfbd78;background:linear-gradient(135deg,#332e22,#22221e)}body:not(.admin-design) .option:not(.holiday-campaign-option) input{--choice-color:#dfbd78}
body:not(.admin-design) .section-visual{position:relative;overflow:hidden;border-radius:22px;border:1px solid #ffffff10;background:#101415;margin-top:28px}.section-visual img{display:block;width:100%;aspect-ratio:3/2;height:auto;object-fit:cover;filter:contrast(1.025) saturate(.88);mask-image:linear-gradient(#000 65%,#000b 85%,transparent)}.section-visual figcaption{position:relative;margin-top:-35px;padding:16px 20px;font-size:12px;color:#c6c4b8;background:linear-gradient(transparent,#101415)}
.review-carousel .customer-car-photo{filter:saturate(.9) contrast(1.025);object-position:center}.contact-visual{background:linear-gradient(135deg,#24251e,#14191a);border-color:#dfbd7825}.contact-visual p{font-size:14px;line-height:1.8}
.hero h1{font-family:var(--heading-font);font-weight:700;line-height:1.02;letter-spacing:-.035em}.hero .hero-copy>p:not(.eyebrow){line-height:1.75}.hero .hero-holiday .holiday-discount{font-family:var(--heading-font);font-weight:700;letter-spacing:-.025em}
.hero-season-scene .holiday-world{filter:drop-shadow(5px 18px 14px #0007)}.hero-season-scene .holiday-halo{opacity:.18;filter:blur(25px)}.hero-season-scene .holiday-floor{opacity:.45;filter:blur(6px)}.hero-season-scene .holiday-object{filter:saturate(.82)}.hero-season-scene .holiday-snowman{filter:drop-shadow(-3px 0 5px #c6eced20)}.hero-season-scene .holiday-pumpkin{filter:drop-shadow(0 4px 10px #e88a3020)}.hero-season-particles{mask-image:linear-gradient(transparent,#000 15%,#000 80%,transparent)}
@media(max-width:580px){body:not(.admin-design) .section{padding-inline:5%}.section h2{font-size:35px;line-height:1.15}.section-title{gap:16px}.section-title>p{margin-top:18px}.hero h1{font-size:52px}.hero-copy .eyebrow{font-size:10px}.about{gap:28px}.section-visual figcaption{padding-inline:16px}body:not(.admin-design) .strip{gap:15px;padding:20px}.footer-main{gap:36px}}
/* Administration: readable controls and consistent grouping, preserving status colours. */
.admin-design{background:radial-gradient(ellipse at 85% 0,#b0934810,transparent 50%),#101314;color:#e9ece5}.admin-design header{background:#191d1d;border:1px solid #ffffff12;border-radius:20px;margin-top:16px}.admin-design .admin-wrap{max-width:1320px;padding-top:42px}.admin-design h1{font-size:clamp(34px,4vw,48px);text-transform:none;max-width:24ch}.admin-design h2{font-size:28px}.admin-design h3{font-size:22px}.admin-design p{line-height:1.7}.admin-design .admin-card,.admin-design .operations-hub,.admin-design .coupon-admin{border:1px solid #ffffff17;border-radius:18px;background:linear-gradient(140deg,#222626,#191d1e);box-shadow:0 8px 26px #0002;padding:24px;margin-block:20px}.admin-design .admin-fields{gap:18px;align-items:end}.admin-design label{font-size:13px;color:#dedfd4}.admin-design input:not([type=checkbox]):not([type=radio]),.admin-design select,.admin-design textarea{border:1px solid #ffffff25;border-radius:10px;background:#131819;color:#f1f2e9;padding:12px;min-height:44px;max-width:100%;box-sizing:border-box}.admin-design input:focus-visible,.admin-design select:focus-visible,.admin-design textarea:focus-visible{outline:2px solid #dfbd78;outline-offset:2px}.admin-design input[type=checkbox],.admin-design input[type=radio]{accent-color:#dfbd78}.admin-design button{border-radius:10px;min-height:40px;font-family:inherit}.admin-design button:not(.button){border:1px solid #dfbd7840;background:#292b25;color:#edd6a3;padding:9px 14px}.admin-design button:disabled{opacity:.45;cursor:not-allowed}.admin-design .button{background:linear-gradient(115deg,#e6c584,#c8a15e);color:#211b10}.admin-design .button:hover:not(:disabled){background:#efd49d}.admin-design .notice{border-radius:0 12px 12px 0;background:#d9b3660c;border-color:#dfbd78;font-size:13px}.admin-design .holiday-campaign-row{border:1px solid #ffffff1b;border-radius:16px;padding:20px;background:#11161755}.admin-design .holiday-campaign-row legend{font-size:17px;color:#dfbd78}.admin-design .holiday-targets label{min-height:44px;border-radius:10px}.admin-design .login-box{margin-top:24px;padding:28px;border:1px solid #dfbd7835;border-radius:18px;background:#1d2222}.admin-design .status{font-size:14px}.admin-design table{font-size:13px;border-collapse:collapse}.admin-design th{color:#e2c68e;font-weight:600;text-align:left}.admin-design td,.admin-design th{padding:12px 10px;border-bottom:1px solid #ffffff12}
@media(max-width:650px){.admin-design header{margin:10px 4% 0;padding:16px;gap:15px}.admin-design header>a:last-child{font-size:12px}.admin-design .admin-wrap{padding:30px 4%}.admin-design .admin-card,.admin-design .operations-hub,.admin-design .coupon-admin{padding:17px}.admin-design .admin-fields{grid-template-columns:minmax(0,1fr)}.admin-design .holiday-campaign-row{padding:16px}.admin-design .login-box{padding:20px}.admin-design h1{font-size:34px}}

/* Blend the photograph's own upper edge into the seasonal light. */
.hero .drift-scene{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 22%);mask-image:linear-gradient(to bottom,transparent,#000 22%)}

/* Continuous page background: no separator strokes or local rectangular glows. */
body:not(.admin-design) main>.section{border:0;background:transparent}
body:not(.admin-design) main>.section::before,body:not(.admin-design) main>.section::after{content:none}
body:not(.admin-design) #revtech-guide{box-shadow:none}
.hero .drift-scene{-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 18%,#000 96%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 22%,#000 85%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 18%,#000 96%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 22%,#000 85%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}
@media(max-width:900px){.hero .drift-scene{-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 22%,#000 85%,transparent);mask-image:linear-gradient(to right,transparent,#000 8%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 22%,#000 85%,transparent)}}

/* One continuous light field, rather than separate bright rectangles per section. */
body:not(.admin-design){background-color:#0d1010;background-image:radial-gradient(ellipse 85% 1100px at 100% 550px,#34221838,transparent 100%);background-repeat:no-repeat;background-size:100% 1650px}
body:not(.admin-design) main>.section::before{content:''}
body:not(.admin-design) main>.section::after{content:none}
.hero{--hero-edge-fade:linear-gradient(to bottom,transparent 0%,#00000010 3%,#00000040 7%,#000000a0 12%,#000 20%,#000 72%,#000000b0 82%,#00000050 90%,#00000012 96%,transparent 100%)}
.hero .drift-scene{-webkit-mask-image:linear-gradient(to right,transparent,#00000010 3%,#00000050 8%,#000000b0 14%,#000 23%,#000 94%,transparent),linear-gradient(to bottom,transparent,#00000025 8%,#00000090 17%,#000 28%,#000 74%,#00000090 87%,transparent);mask-image:linear-gradient(to right,transparent,#00000010 3%,#00000050 8%,#000000b0 14%,#000 23%,#000 94%,transparent),linear-gradient(to bottom,transparent,#00000025 8%,#00000090 17%,#000 28%,#000 74%,#00000090 87%,transparent)}
