/*
Theme Name: Boss Auto Rentals — Own The Road
Theme URI: https://bossauto.rentals
Author: Boss Auto Rentals
Description: Custom cinematic theme for Boss Auto Rentals. Dallas skyline video hero with alpha Tesla drive-away layer, scroll launch, cursor depth parallax, EN/ES toggle.
Version: 2.1.2
Requires at least: 6.0
Requires PHP: 7.4
License: GPL v2 or later
Text Domain: bossauto-road
*/


:root{
  --red:#AD1F23;--darkred:#851618;--navy:#16254D;--blue:#3373B9;--ink:#08080A;--ink2:#0E0E12;--white:#fff;
  --muted:rgba(255,255,255,.6);
  --wide:'Michroma',sans-serif;--punch:'Archivo',sans-serif;--body:'Inter',sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{overscroll-behavior:none}
body{background:var(--ink);color:#fff;font-family:var(--body);overflow-x:hidden;cursor:none}
a,button{cursor:none}
::selection{background:var(--red)}
@media(hover:none){body,a,button{cursor:auto}}

/* carbon */
.carbon{background-color:#0b0b0d;background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.05) 1px,transparent 1.7px),radial-gradient(circle at 50% 50%,rgba(255,255,255,.033) 1px,transparent 1.7px);background-size:8px 8px,8px 8px;background-position:0 0,4px 4px}

/* grain + progress + cursor */
#grain{position:fixed;inset:-100px;z-index:97;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .45s steps(2) infinite}
@keyframes grain{50%{transform:translate(14px,-10px)}}
#prog{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--darkred),var(--red));width:0;z-index:99}
#cur,#curring{position:fixed;top:0;left:0;pointer-events:none;z-index:98;border-radius:50%;transform:translate(-50%,-50%)}
#cur{width:8px;height:8px;background:var(--red)}
#curring{width:38px;height:38px;border:1px solid rgba(255,255,255,.35);transition:width .25s,height .25s,border-color .25s}
#curring.hot{width:64px;height:64px;border-color:var(--red)}
@media(hover:none){#cur,#curring{display:none}}

/* preloader */
#pre{position:fixed;inset:0;background:var(--ink);z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;transition:opacity .7s,visibility .7s}
#pre.done{opacity:0;visibility:hidden}
.blogo{display:flex;flex-direction:column;align-items:center;gap:8px}
.blogo .bword{font-family:var(--punch);font-weight:900;font-style:italic;font-size:64px;letter-spacing:.02em;line-height:1;transform:skewX(-8deg)}
.bstripes{display:flex;gap:8px;width:150px}
.bstripes i{height:7px;flex:1;transform:skewX(-30deg)}
.bstripes i:nth-child(1){background:var(--darkred)}.bstripes i:nth-child(2){background:#fff}.bstripes i:nth-child(3){background:var(--navy)}
.blogo .bsub{font-family:var(--wide);font-size:10px;letter-spacing:.85em;color:rgba(255,255,255,.85);margin-left:.85em}
#pre .pbar{width:min(340px,62vw);height:2px;background:rgba(255,255,255,.1);overflow:hidden}
#pre .pbar i{display:block;height:100%;width:0%;background:var(--red)}
#pre .pct{font-family:var(--wide);font-size:12px;letter-spacing:.34em;color:var(--muted)}

/* nav */
nav{position:fixed;top:0;left:0;right:0;z-index:90;display:flex;align-items:center;justify-content:space-between;padding:16px clamp(18px,4vw,48px);transition:background .4s,backdrop-filter .4s}
nav.scrolled{background:rgba(8,8,10,.8);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06)}
.nlogo{display:flex;flex-direction:column;gap:3px;text-decoration:none;color:#fff}
.nlogo .bword{font-family:var(--punch);font-weight:900;font-style:italic;font-size:22px;line-height:1;transform:skewX(-8deg)}
.nlogo .bstripes{width:56px}.nlogo .bstripes i{height:3px;gap:3px}
.nlogo .bsub{font-family:var(--wide);font-size:5.5px;letter-spacing:.62em;color:rgba(255,255,255,.8)}
.nav-links{display:flex;gap:clamp(14px,2.2vw,32px);list-style:none}
.nav-links a{color:var(--muted);text-decoration:none;font-size:11px;letter-spacing:.24em;text-transform:uppercase;font-weight:500;transition:color .25s}
.nav-links a:hover{color:#fff}
.lang{display:flex;border:1px solid rgba(255,255,255,.22);font-family:var(--wide);font-size:10px;user-select:none}
.lang span{padding:7px 10px;color:var(--muted)}
.lang span.on{background:var(--red);color:#fff}
.btn{display:inline-block;font-family:var(--wide);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#fff;text-decoration:none;padding:15px 28px;background:var(--red);border:none;position:relative;overflow:hidden;transition:transform .3s}
.btn span{position:relative;z-index:1}
.btn::after{content:"";position:absolute;inset:0;background:#fff;transform:translateX(-101%) skewX(-14deg);transition:transform .38s cubic-bezier(.6,0,.2,1)}
.btn:hover::after{transform:translateX(0) skewX(0)}
.btn:hover span{color:var(--ink)}
.btn:hover{transform:translateY(-2px)}
.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.32)}
nav .btn{padding:11px 20px}

/* hero */
#heroWrap{position:relative}
header{position:relative;height:100svh;overflow:hidden;display:flex;align-items:center;padding:0 clamp(18px,4vw,48px)}
#c3d{position:absolute;right:-6vw;bottom:-4svh;width:72vw;height:88svh;z-index:2}
#c3dGlow{position:absolute;right:2vw;bottom:6svh;width:60vw;height:40svh;background:radial-gradient(ellipse at center,rgba(173,31,35,.28),transparent 65%);filter:blur(30px);z-index:1;pointer-events:none}
.hero-left{position:relative;z-index:3;max-width:860px;pointer-events:none}
.hero-left a{pointer-events:auto}
.eyebrow{font-family:var(--wide);font-size:clamp(10px,1.1vw,13px);letter-spacing:.5em;text-transform:uppercase;color:var(--muted);margin-bottom:24px}
.eyebrow em{font-style:normal;color:var(--blue)}
.hero-h{font-family:var(--punch);font-weight:900;text-transform:uppercase;line-height:.85;font-size:clamp(58px,11.8vw,175px);letter-spacing:-.01em}
.hero-h .l2{color:transparent;-webkit-text-stroke:1.6px rgba(255,255,255,.9);display:block}
.hero-h .l3{font-style:italic;color:var(--red);display:inline-block;transform:skewX(-7deg)}
.hero-sub{max-width:480px;margin-top:26px;color:var(--muted);font-weight:300;font-size:clamp(14px,1.3vw,17px);line-height:1.65}
.hero-sub strong{color:#fff;font-weight:600}
.hero-cta{display:flex;gap:16px;margin-top:36px;flex-wrap:wrap}
.hero-stats{display:flex;gap:clamp(22px,3.6vw,60px);margin-top:54px}
.stat .n{font-family:var(--wide);font-size:clamp(19px,2.4vw,30px)}
.stat .n b{color:var(--red)}
.stat .l{font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);margin-top:8px}
.drag-hint{position:absolute;right:clamp(20px,6vw,90px);bottom:26px;z-index:4;font-family:var(--wide);font-size:9px;letter-spacing:.4em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:12px}
.drag-hint svg{width:30px;opacity:.7;animation:swipe 2.2s ease-in-out infinite}
@keyframes swipe{0%,100%{transform:translateX(-6px)}50%{transform:translateX(6px)}}
.scroll-cue{position:absolute;bottom:22px;left:clamp(18px,4vw,48px);z-index:4;display:flex;align-items:center;gap:12px;color:var(--muted);font-size:9px;letter-spacing:.4em;text-transform:uppercase}
.scroll-cue i{width:44px;height:1px;background:linear-gradient(90deg,var(--red),transparent);display:block;animation:slide 1.6s ease-in-out infinite}
@keyframes slide{0%{transform:scaleX(0);transform-origin:left}55%{transform:scaleX(1);transform-origin:left}56%{transform-origin:right}100%{transform:scaleX(0);transform-origin:right}}
.speed{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);width:32vw;opacity:0;z-index:1}


/* ---- hero video background ---- */
#videobg{position:absolute;inset:0;z-index:1;overflow:hidden;display:none}
#videobg video{width:100%;height:100%;object-fit:cover;transform-origin:50% 62%;will-change:transform}
#videobg #herovid{scale:1.07}
#videobg video#teslaov{position:absolute;left:auto;top:0;right:0;bottom:0;width:80%;height:100%;object-fit:contain;object-position:100% 100%;z-index:2;pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 12%,#000 26%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 12%,#000 26%)}
@media(max-width:760px){#videobg video#teslaov{width:100%;-webkit-mask-image:none;mask-image:none}}
#videobg .vidshade{z-index:3;position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,10,.9) 8%,rgba(8,8,10,.4) 40%,rgba(8,8,10,.12) 62%,rgba(8,8,10,.35) 100%),linear-gradient(180deg,rgba(8,8,10,.45) 0%,transparent 28%,transparent 68%,#08080A 100%)}

/* ---- Dallas cyberpunk skyline ---- */
#sky{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
#sky .skybg{position:absolute;left:0;right:0;top:0;bottom:36svh;background:linear-gradient(180deg,#04050c 0%,#081026 48%,#12204e 86%,#1a2c66 100%)}
#sky .vig{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,10,.92) 8%,rgba(8,8,10,.25) 38%,transparent 55%)}
#sky .sunset{position:absolute;left:0;right:0;bottom:34svh;height:16svh;background:radial-gradient(ellipse 55% 100% at 72% 100%,rgba(255,140,60,.30),transparent 68%),radial-gradient(ellipse 40% 80% at 20% 100%,rgba(255,100,80,.14),transparent 65%)}
#sky .haze{position:absolute;bottom:30svh;left:0;right:0;height:30svh;background:radial-gradient(ellipse 75% 100% at 62% 100%,rgba(173,31,35,.20),transparent 62%),radial-gradient(ellipse 55% 90% at 25% 100%,rgba(51,115,185,.14),transparent 60%)}
#skyFar,#skyMid{position:absolute;left:0;width:100%;will-change:transform}
#skyFar{bottom:38svh;height:24svh;opacity:.85}
#skyMid{bottom:35svh;height:38svh}
.avl{animation:avlB 3.2s infinite}
@keyframes avlB{0%,90%{opacity:.12}93%,100%{opacity:1}}
.tw{animation:twk 4.5s ease-in-out infinite}
@keyframes twk{0%,100%{opacity:.35}50%{opacity:.85}}
.ledwall{animation:ledp 5s ease-in-out infinite}
@keyframes ledp{0%,100%{opacity:.5}50%{opacity:.95}}

/* ticker */
.ticker{border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);overflow:hidden;background:var(--ink2);padding:18px 0;position:relative;z-index:5}
.ticker .track{display:flex;width:max-content}
.ticker span{font-family:var(--wide);font-size:13px;letter-spacing:.32em;text-transform:uppercase;white-space:nowrap;padding:0 26px;color:rgba(255,255,255,.85)}
.ticker span b{color:var(--red)}

/* sections */
section{padding:clamp(84px,10vw,150px) clamp(18px,4vw,48px);position:relative}
.kicker{font-family:var(--wide);font-size:11px;letter-spacing:.5em;text-transform:uppercase;color:var(--red);margin-bottom:18px;display:flex;align-items:center;gap:14px}
.kicker::before{content:"";width:34px;height:1px;background:var(--red)}
.sec-head{margin-bottom:clamp(40px,6vw,72px)}
.sec-head h2{font-family:var(--punch);font-weight:900;text-transform:uppercase;font-size:clamp(35px,6vw,74px);line-height:.95}
.sec-head h2 .thin{font-family:var(--wide);font-weight:400;font-size:.5em;letter-spacing:.18em;display:block;margin-bottom:12px;color:rgba(255,255,255,.85)}
.sec-head p{color:var(--muted);max-width:560px;margin-top:20px;line-height:1.7;font-weight:300}

/* fleet */
.fleet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;perspective:1400px}
.car{background:var(--ink2);border:1px solid rgba(255,255,255,.07);position:relative;overflow:hidden;transform-style:preserve-3d;transition:border-color .4s}
.car:hover{border-color:rgba(173,31,35,.65)}
.car .shine{position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.09) 48%,transparent 56%);transform:translateX(-120%);z-index:3;pointer-events:none}
.car:hover .shine{animation:sweep .9s ease}
@keyframes sweep{to{transform:translateX(120%)}}
.car .ph{aspect-ratio:16/10;position:relative;overflow:hidden}
.car .ph img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.06);transition:transform .8s cubic-bezier(.2,.6,.2,1);filter:saturate(.92) contrast(1.06)}
.car:hover .ph img{transform:scale(1.14)}
.car .ph .fb{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:linear-gradient(160deg,#1c1c22,#0d0d10)}
.car .ph .fb svg{width:70%}
.car .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(8,8,10,.85))}
.car .tag{position:absolute;top:14px;left:14px;z-index:2;font-family:var(--wide);font-size:9px;letter-spacing:.26em;padding:8px 13px;background:rgba(8,8,10,.72);border:1px solid rgba(255,255,255,.16);text-transform:uppercase;backdrop-filter:blur(6px)}
.car .tag.hot{background:var(--red);border-color:var(--red)}
.car .body{padding:22px;position:relative;z-index:2}
.car h3{font-family:var(--punch);font-weight:900;text-transform:uppercase;font-size:23px}
.car .meta{display:flex;gap:15px;margin-top:10px;color:var(--muted);font-size:12px;flex-wrap:wrap}
.car .foot2{display:flex;align-items:center;justify-content:space-between;margin-top:20px}
.car .price{font-family:var(--wide);font-size:12px}
.car .price b{color:var(--red);font-size:17px}
.car .price small{color:var(--muted);font-size:9px;letter-spacing:.14em}
.car .book{font-family:var(--wide);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#fff;text-decoration:none;padding:11px 17px;border:1px solid rgba(255,255,255,.3);transition:all .3s}
.car .book:hover{background:var(--red);border-color:var(--red)}
.wheelbase-note{margin-top:34px;padding:18px 22px;border:1px dashed rgba(51,115,185,.5);color:var(--muted);font-size:13px;line-height:1.6;max-width:740px}
.wheelbase-note b{color:var(--blue)}

/* cinematic band */
.band{position:relative;height:72vh;overflow:hidden;padding:0}
.band .bimg{position:absolute;inset:-18% 0;background-color:#0d0d12;background-image:radial-gradient(ellipse at 30% 70%,rgba(133,22,24,.5),transparent 60%),radial-gradient(ellipse at 75% 30%,rgba(22,37,77,.55),transparent 60%);background-size:cover;background-position:center;filter:brightness(.6) saturate(.95)}
.band .btxt{position:absolute;top:50%;left:0;transform:translateY(-50%);white-space:nowrap;font-family:var(--punch);font-weight:900;font-style:italic;text-transform:uppercase;font-size:clamp(64px,11vw,170px);color:transparent;-webkit-text-stroke:1.6px rgba(255,255,255,.92);will-change:transform}
.band .btxt em{font-style:italic;color:var(--red);-webkit-text-stroke:0}

/* why */
.why{background:var(--navy);overflow:hidden}
.why .kicker{color:var(--blue)}.why .kicker::before{background:var(--blue)}
.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2px;background:rgba(255,255,255,.09)}
.why-card{background:var(--navy);padding:clamp(28px,3vw,46px);position:relative;overflow:hidden}
.why-card .num{font-family:var(--wide);font-size:12px;color:var(--blue);letter-spacing:.3em;margin-bottom:22px}
.why-card h3{font-family:var(--punch);font-weight:900;text-transform:uppercase;font-size:21px;line-height:1.12;margin-bottom:14px}
.why-card p{color:rgba(255,255,255,.66);font-weight:300;line-height:1.7;font-size:14px}
.why-card .bigghost{position:absolute;right:-14px;bottom:-30px;font-family:var(--punch);font-weight:900;font-style:italic;font-size:130px;color:rgba(255,255,255,.05);pointer-events:none}

/* steps */
.steps .line{position:absolute;left:clamp(18px,4vw,48px);right:clamp(18px,4vw,48px);height:2px;background:rgba(255,255,255,.08);top:0}
.steps .line i{display:block;height:100%;width:0;background:var(--red)}
.step-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:26px;position:relative;padding-top:44px}
.step .sn{font-family:var(--wide);font-size:38px;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.5)}
.step.lit .sn{color:var(--red);-webkit-text-stroke:0}
.step h3{font-family:var(--punch);font-weight:900;text-transform:uppercase;font-size:20px;margin:16px 0 12px}
.step p{color:var(--muted);font-weight:300;font-size:14px;line-height:1.7}

/* host */
.host{background:linear-gradient(135deg,#110f18 0%,var(--ink) 62%);overflow:hidden}
.host .bigred{position:absolute;top:6%;left:0;white-space:nowrap;font-family:var(--punch);font-weight:900;font-style:italic;text-transform:uppercase;font-size:clamp(100px,17vw,230px);color:transparent;-webkit-text-stroke:1px rgba(173,31,35,.4);pointer-events:none;will-change:transform}
.host-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,6vw,80px);align-items:center;position:relative;z-index:2}
@media(max-width:880px){.host-wrap{grid-template-columns:1fr}}
.host h2{font-family:var(--punch);font-weight:900;text-transform:uppercase;font-size:clamp(36px,5.5vw,66px);line-height:.94}
.host h2 .it{color:var(--red);font-style:italic}
.host ul{list-style:none;margin-top:28px;display:flex;flex-direction:column;gap:16px}
.host li{display:flex;gap:14px;color:var(--muted);font-weight:300;line-height:1.6;font-size:15px}
.host li b{color:#fff;font-weight:600}
.host li::before{content:"";width:9px;height:9px;background:var(--red);flex-shrink:0;margin-top:6px;transform:rotate(45deg)}
.club-card{border:1px solid rgba(255,255,255,.12);padding:clamp(28px,3vw,44px);background:rgba(255,255,255,.025);backdrop-filter:blur(8px);position:relative;overflow:hidden}
.club-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--darkred),#fff 50%,var(--navy))}
.club-card .cc-k{font-family:var(--wide);letter-spacing:.4em;font-size:10px;color:var(--blue);text-transform:uppercase}
.club-card h3{font-family:var(--punch);font-weight:900;text-transform:uppercase;font-size:clamp(26px,3vw,38px);line-height:1;margin:16px 0}
.club-card p{color:var(--muted);font-weight:300;font-size:14px;line-height:1.7;margin-bottom:24px}

/* reviews marquee */
.revwrap{padding-left:0;padding-right:0}
.revwrap .sec-head{padding:0 clamp(18px,4vw,48px)}
.rev-track{display:flex;gap:22px;width:max-content;padding:0 22px;will-change:transform}
.rev{background:var(--ink2);border:1px solid rgba(255,255,255,.07);padding:28px;width:min(360px,80vw);flex-shrink:0}
.rev .stars{color:var(--red);letter-spacing:4px;font-size:14px;margin-bottom:16px}
.rev p{color:rgba(255,255,255,.78);font-weight:300;font-size:14px;line-height:1.7;font-style:italic}
.rev .who{margin-top:18px;font-family:var(--wide);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}

/* areas */
.areas{background:var(--ink2)}
.area-grid{display:flex;flex-wrap:wrap;gap:10px}
.area-grid a{font-family:var(--wide);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);text-decoration:none;border:1px solid rgba(255,255,255,.14);padding:13px 19px;transition:all .3s}
.area-grid a:hover{color:#fff;border-color:var(--red);background:rgba(173,31,35,.14);transform:translateY(-3px)}

/* final */
.final{text-align:center;overflow:hidden}
.final h2{font-family:var(--punch);font-weight:900;text-transform:uppercase;font-size:clamp(44px,9vw,130px);line-height:.88}
.final h2 .it{font-style:italic;color:var(--red);display:inline-block;transform:skewX(-7deg)}
.final p{color:var(--muted);margin:26px auto 42px;max-width:480px;font-weight:300;line-height:1.7}

/* footer */
footer{border-top:1px solid rgba(255,255,255,.08);padding:60px clamp(18px,4vw,48px) 40px;display:flex;flex-wrap:wrap;gap:44px;justify-content:space-between;color:var(--muted);font-size:12px}
footer .fl{font-family:var(--wide);letter-spacing:.3em;font-size:12px;color:#fff;text-transform:uppercase;margin-bottom:14px}
footer p{line-height:1.9;font-weight:300;max-width:330px}
footer a{color:var(--muted);text-decoration:none;display:block;line-height:2.2}
footer a:hover{color:#fff}
.legal{width:100%;border-top:1px solid rgba(255,255,255,.06);margin-top:40px;padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.35)}

.rv{opacity:0;transform:translateY(56px)}
.char{display:inline-block;transform:translateY(110%) rotate(4deg);opacity:0}
@media(max-width:760px){
  .nav-links{display:none}
  #c3d{right:-30vw;width:130vw;height:56svh;bottom:0;opacity:.85}
  .hero-left{max-width:100%}
  .hero-stats{gap:22px}
}

/* ===== interior pages ===== */
.pagehero{position:relative;padding:150px clamp(18px,4vw,48px) 70px;overflow:hidden}
.pagehero .ph-haze{position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 75% 20%,rgba(133,22,24,.25),transparent 60%),radial-gradient(ellipse 55% 55% at 15% 85%,rgba(22,37,77,.35),transparent 65%);pointer-events:none}
.ph-inner{position:relative;max-width:1100px}
.ph-title{font-family:var(--punch);font-weight:900;text-transform:uppercase;font-size:clamp(38px,6.5vw,84px);line-height:.92}
.ph-title em{font-style:italic;color:var(--red)}
.ph-sub{color:var(--muted);font-weight:300;max-width:640px;margin-top:22px;font-size:clamp(15px,1.3vw,18px);line-height:1.7}
.sec{padding:clamp(60px,7vw,100px) clamp(18px,4vw,48px);max-width:1240px}
.sec-title{font-family:var(--punch);font-weight:900;text-transform:uppercase;font-size:clamp(28px,4vw,52px);line-height:.95;margin-bottom:26px}
.sec p{color:var(--muted);font-weight:300;line-height:1.75;max-width:760px;margin-bottom:16px;font-size:15px}
.sec p strong{color:#fff;font-weight:600}
.cardgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:28px}
.pcard{background:var(--ink2);border:1px solid rgba(255,255,255,.08);padding:26px}
.pcard h3{font-family:var(--punch);font-weight:900;text-transform:uppercase;font-size:19px;margin-bottom:10px}
.pcard p{color:var(--muted);font-weight:300;font-size:14px;line-height:1.65;margin:0;max-width:none}
.pcard .num{font-family:var(--wide);color:var(--red);font-size:12px;letter-spacing:.3em;display:block;margin-bottom:12px}
.checklist{list-style:none;margin:22px 0;display:flex;flex-direction:column;gap:13px;max-width:720px}
.checklist li{display:flex;gap:13px;color:var(--muted);font-weight:300;line-height:1.6;font-size:15px}
.checklist li::before{content:"";width:8px;height:8px;background:var(--red);transform:rotate(45deg);flex-shrink:0;margin-top:7px}
.checklist b{color:#fff;font-weight:600}
.ctaband{background:linear-gradient(120deg,var(--darkred),var(--red));padding:clamp(50px,6vw,80px) clamp(18px,4vw,48px);text-align:center}
.ctaband h2{font-family:var(--punch);font-weight:900;text-transform:uppercase;font-size:clamp(26px,4vw,48px);margin-bottom:12px}
.ctaband p{color:rgba(255,255,255,.85);font-weight:300;max-width:560px;margin:0 auto 26px}
.ctaband .btn{background:#fff;color:var(--ink)}
.ctaband .btn span{color:var(--ink)}
.areachips{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.areachips a{font-family:var(--wide);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);text-decoration:none;border:1px solid rgba(255,255,255,.16);padding:12px 18px;transition:all .3s}
.areachips a:hover{color:#fff;border-color:var(--red);background:rgba(173,31,35,.14)}
.faq-item{border-top:1px solid rgba(255,255,255,.09);padding:26px 0;max-width:820px}
.faq-item h3{font-family:var(--punch);font-weight:800;font-size:19px;margin-bottom:10px}
.faq-item p{color:var(--muted);font-weight:300;line-height:1.7;font-size:15px;margin:0;max-width:none}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,60px);align-items:start}
@media(max-width:820px){.grid2{grid-template-columns:1fr}}
.micro{font-size:12px!important;letter-spacing:.06em;color:rgba(255,255,255,.4)!important}
body.interior nav{background:rgba(8,8,10,.85);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}
body.interior .lang{display:none}


/* real logo */
.nlogo-img{height:38px;width:auto;display:block}
.plogo-img{height:74px;width:auto;display:block}
.flogo-img{height:44px;width:auto;display:block}
@media(max-width:760px){.nlogo-img{height:30px}}