/* GABRIEL DETAILING — V1.0. No webfont requests -> no FOUT. */
:root{color-scheme:dark;--bg:#05090c;--surface:#0d161b;--surface2:#101e24;--edge:#263940;--ink:#ecf4f5;--muted:#a7bdc3;--accent:#50edee;--accent2:#a9ffff;--page:min(1180px,calc(100% - 44px));--shadow:0 25px 65px #0007}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.55}img,svg{max-width:100%;height:auto}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}::selection{background:#40dae7;color:#061015}.container{width:var(--page);margin-inline:auto}.skip{position:absolute;left:15px;top:-100px;padding:10px;background:var(--accent);color:#001;z-index:100}.skip:focus{top:12px}.topline{height:3px;background:linear-gradient(90deg,transparent,#48e9ef 35%,#9ff 65%,transparent)}.header{position:sticky;top:0;z-index:30;background:#061014ec;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff18}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:77px}.brand{display:flex;align-items:center;flex:0 1 222px;min-width:0}.brand img{display:block;width:218px}.links{display:flex;align-items:center;gap:clamp(10px,1.7vw,27px)}.links a:not(.nav-cta){font-weight:700;font-size:.8rem;letter-spacing:.05em;color:#d2dfe2;transition:color .2s}.links a:hover{color:var(--accent)}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:47px;padding:12px 20px;border:1px solid transparent;border-radius:9px;background:var(--accent);color:#041015;font-weight:900;letter-spacing:.035em;box-shadow:0 4px 30px #23e6ef1d;transition:transform .2s,background .2s}.btn:hover,.nav-cta:hover{transform:translateY(-2px);background:#adffff}.btn.ghost{background:#101f25;color:var(--ink);border-color:#486069;box-shadow:none}.btn.ghost:hover{background:#17343b}.menu-toggle{display:none;background:transparent;border:1px solid #39535b;color:var(--ink);border-radius:9px;width:45px;height:45px;font-size:24px}.hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(65px,8vw,118px) 0 82px;background:radial-gradient(ellipse at 78% 34%,#17495466,transparent 34%),radial-gradient(ellipse at 10% 5%,#12303855,transparent 42%),linear-gradient(145deg,#0c1519,#060a0e 67%)}.hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.25;background-image:linear-gradient(#4be7ec14 1px,transparent 1px),linear-gradient(90deg,#4be7ec14 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);align-items:center;gap:clamp(15px,4vw,55px)}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--accent);font-size:.74rem;letter-spacing:.21em;text-transform:uppercase;font-weight:900}.eyebrow:before{content:"";width:27px;height:2px;background:var(--accent)}h1,h2,h3,p{margin-top:0}.hero h1,.display{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-stretch:condensed;text-transform:uppercase;letter-spacing:.015em;line-height:.92;font-weight:900}.hero h1{font-size:clamp(3.45rem,7.2vw,7.4rem);margin:25px 0 23px;text-wrap:balance;max-width:700px}.shine{color:#b4ffff;text-shadow:1px 1px 0 #1e929e,2px 2px 0 #177682,3px 3px 0 #10515c,6px 9px 26px #1de9ef55}.hero .lead{font-size:clamp(1rem,1.65vw,1.22rem);color:#b5cad0;max-width:490px;margin-bottom:30px}.actions{display:flex;flex-wrap:wrap;gap:12px}.micro{display:flex;align-items:center;gap:10px;color:#95b0b8;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;margin-top:35px}.micro .dot{height:7px;width:7px;background:#48e4e8;border-radius:50%;box-shadow:0 0 16px #48e4e8}.visual{position:relative;min-width:0;aspect-ratio:1.15;display:grid;place-items:center}.visual:before{content:"";position:absolute;width:77%;aspect-ratio:1;border:1px solid #4ae0eb35;border-radius:50%;box-shadow:0 0 0 36px #28d7ec07,0 0 0 85px #28d7ec04}.orbit{position:absolute;inset:10%;border:1px dashed #2d6c79;border-radius:50%;animation:spin 45s linear infinite;opacity:.65}@keyframes spin{to{transform:rotate(360deg)}}.car-svg{width:108%;max-width:none;filter:drop-shadow(0 35px 27px #000a)}.visual-label{position:absolute;left:0;bottom:11%;padding:14px 16px;background:#09171ee8;border:1px solid #47e2eb55;box-shadow:var(--shadow);border-radius:12px;font-size:.7rem;letter-spacing:.14em;font-weight:900;color:#aefcff}.visual-label strong{display:block;font-size:1rem;letter-spacing:.045em;color:white}.hero-index{position:absolute;right:max(22px,calc((100vw - 1180px)/2));bottom:21px;font-size:.7rem;letter-spacing:.26em;color:#71949e}.stats{border-block:1px solid #273e45;background:#091318}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.stat{padding:23px 10px;text-align:center;border-right:1px solid #263940}.stat:last-child{border-right:0}.stat strong{display:block;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:1.55rem;letter-spacing:.06em;font-weight:900}.stat span{display:block;font-size:.72rem;color:#9db7bd;letter-spacing:.12em;text-transform:uppercase}.section{padding:clamp(75px,9vw,118px) 0}.section-alt{background:#0a1217}.head{max-width:750px;margin-bottom:38px}.display{font-size:clamp(2.6rem,5.6vw,5.5rem);margin:17px 0}.head p{color:#9eb7bf;max-width:610px}.services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.service{position:relative;min-width:0;padding:31px 26px;background:linear-gradient(145deg,#12232a,#0b1419);border:1px solid #294049;border-radius:16px;transition:transform .2s,border-color .2s;overflow:hidden}.service:before{content:"";position:absolute;width:100px;height:100px;right:-50px;top:-55px;background:#45efff0d;border-radius:50%;box-shadow:0 0 0 28px #45efff06}.service:hover{transform:translateY(-5px);border-color:#66ebf280}.service .num{font:900 .8rem Arial,sans-serif;color:#62dce6;letter-spacing:.18em}.service .symbol{font-size:2rem;display:block;margin:24px 0 14px}.service h3{font-size:1.24rem;margin-bottom:11px}.service p{color:#a3b8bf;font-size:.93rem;margin-bottom:0}.tiny{display:block;margin-top:24px;color:#69e4ea;font-size:.72rem;letter-spacing:.12em;font-weight:900;text-transform:uppercase}.compare-intro{display:flex;justify-content:space-between;gap:22px;align-items:end}.compare-intro .head{margin-bottom:0}.before-after{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:35px}.photo-slot{position:relative;min-height:290px;overflow:hidden;border:1px solid #39555b;border-radius:17px;background:radial-gradient(ellipse at 50% 50%,#1d3940 0,#0c191f 55%,#0a1116 100%);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:22px}.photo-slot.after{background:radial-gradient(ellipse at 50% 50%,#104652 0,#0c2229 55%,#0a1317 100%);border-color:#4b9ba3}.photo-slot:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.25;background:repeating-linear-gradient(135deg,transparent 0,transparent 17px,#ffffff10 18px,#ffffff10 19px)}.slot-tag{position:absolute;top:17px;left:17px;border:1px solid #69939a7a;background:#071317;padding:7px 13px;border-radius:100px;font-size:.7rem;font-weight:900;letter-spacing:.16em;color:#e1f6f6}.slot-tag.a{border-color:#61e6ea;color:#8af6f8}.slot-icon{width:66px;height:66px;margin-bottom:17px;display:grid;place-items:center;border:1px solid #4f8b97;border-radius:17px;font-size:2.1rem;background:#07161a7c}.slot-title{font-weight:900;font-size:1.2rem;letter-spacing:.04em}.slot-desc{font-size:.85rem;max-width:280px;color:#b1c5c9;margin:8px 0 0}.compare-control{padding:24px;background:#0e1b21;border:1px solid #2d484f;border-radius:15px;margin-top:18px}.compare-control .row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.compare-control strong{font-size:.93rem}.compare-control small{color:#9fbbc2}.range{display:block;width:100%;accent-color:#59e9ef;cursor:pointer}.meter{position:relative;margin-top:10px;height:7px;background:#203941;border-radius:40px;overflow:hidden}.meter span{display:block;height:100%;background:linear-gradient(90deg,#58d6e5,#b7ffff);width:50%;transition:width .1s}.compare-control .note{font-size:.77rem;color:#9bb9c0;margin:12px 0 0}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:25px}.gallery-card{min-height:185px;border:1px dashed #5b8c95;background:linear-gradient(145deg,#11232b,#0a151a);border-radius:13px;display:grid;place-content:center;text-align:center;padding:20px;color:#b5d5d8}.gallery-card span{font-size:1.8rem}.gallery-card strong{font-size:.83rem;letter-spacing:.08em;margin-top:12px}.gallery-card small{font-size:.76rem;color:#83a4ac;margin-top:5px}.process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:36px}.step{padding:23px;background:#0e1c22;border:1px solid #273b44;border-radius:13px;min-width:0}.step b{color:var(--accent);font:900 1.55rem Impact,'Arial Narrow',Arial,sans-serif}.step h3{margin:15px 0 8px;font-size:1rem}.step p{color:#a5bcc2;margin-bottom:0;font-size:.88rem}.cta{position:relative;overflow:hidden;padding:clamp(40px,6vw,75px);background:linear-gradient(115deg,#15414a 0%,#102127 60%,#09171c 100%);border:1px solid #34727b;border-radius:24px;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta:after{content:"";position:absolute;right:-130px;top:-150px;width:360px;height:360px;border:1px solid #6ce9ed44;border-radius:50%;box-shadow:0 0 0 48px #70f0f00c,0 0 0 100px #70f0f008;pointer-events:none}.cta .display{font-size:clamp(2.5rem,5vw,4.9rem)}.cta p{color:#b9d7dc;max-width:530px;margin-bottom:0}.cta-actions{display:flex;flex-direction:column;gap:11px;min-width:210px;z-index:1}.footer{border-top:1px solid #273940;padding:35px 0;background:#070e11}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:15px}.footer p{color:#92aab2;font-size:.79rem;margin:5px 0 0}.footer img{width:185px}.footer a{font-size:.83rem;color:#97d9dd}.reveal{opacity:0;transform:translateY(15px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
@media(max-width:950px){.menu-toggle{display:block}.links{display:none;position:absolute;left:0;right:0;top:100%;background:#071317;border-bottom:1px solid #33525b;padding:18px max(22px,calc((100vw - 1180px)/2));flex-direction:column;align-items:stretch;gap:0;box-shadow:0 20px 40px #0008}.links.open{display:flex}.links a{padding:13px 5px}.nav-cta{margin-top:8px}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}.hero h1{font-size:clamp(3.2rem,7.5vw,5.8rem)}.services{grid-template-columns:repeat(2,minmax(0,1fr))}.process{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){:root{--page:calc(100% - 34px)}.nav{min-height:70px}.brand img{width:191px}.hero{padding:56px 0 58px}.hero-grid{grid-template-columns:minmax(0,1fr);gap:16px}.hero h1{font-size:clamp(3.65rem,14vw,6.1rem);max-width:550px}.visual{width:min(100%,490px);margin-inline:auto;aspect-ratio:1.5}.visual:before{width:65%}.car-svg{width:98%}.visual-label{left:2%;bottom:2%}.hero-index{display:none}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{padding:20px 4px}.stat strong{font-size:1.25rem}.stat span{font-size:.6rem;letter-spacing:.06em}.section{padding:72px 0}.display{font-size:clamp(2.65rem,11vw,4.5rem)}.compare-intro{display:block}.before-after{grid-template-columns:minmax(0,1fr)}.photo-slot{min-height:265px}.gallery{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cta{flex-direction:column;align-items:stretch;padding:35px 23px}.cta-actions{flex-direction:row;flex-wrap:wrap;min-width:0}.cta-actions .btn{flex:1 1 185px}.footer-inner{flex-direction:column;text-align:center}}
@media(max-width:480px){.hero h1{font-size:clamp(3.25rem,15vw,4.9rem)}.actions .btn{flex:1 1 100%}.services,.process,.gallery{grid-template-columns:minmax(0,1fr)}.service{padding:25px 22px}.compare-control .row{flex-wrap:wrap;gap:5px}.stat strong{font-size:1.08rem}.stat span{font-size:.54rem}.gallery-card{min-height:155px}}
@media(max-width:340px){:root{--page:calc(100% - 24px)}.brand img{width:167px}.nav{gap:7px}.hero h1{font-size:clamp(2.7rem,14.8vw,3.25rem)}.display{font-size:clamp(2.2rem,11vw,2.8rem)}.eyebrow{font-size:.61rem;letter-spacing:.12em}.visual-label{font-size:.61rem;padding:9px}.stat span{letter-spacing:0}}


/* Touch: scroll-ul vertical are prioritate. Sliderul se modifică doar la un gest orizontal intenționat. */
.range-gesture{position:relative;min-width:0}
.range-gesture .range{touch-action:pan-y;min-width:0}
.range-touch-layer{display:none}
@media (pointer:coarse){
  .range-touch-layer{display:block;position:absolute;inset:-10px 0;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:ew-resize}
}

/* V1.2 — car-silhouette brand lockup */
.brand img{display:block;width:clamp(172px,21vw,235px);height:auto;max-width:100%;object-fit:contain}
@media(max-width:340px){.brand img{width:166px}}

/* V1.4: header logo dimensions only; footer preserved */
.brand > img{display:block;width:clamp(172px,21vw,235px);height:auto;max-width:100%;object-fit:contain;flex-shrink:1}
@media(max-width:340px){.brand > img{width:166px}}