@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#111214;--fg:#f6f4ef;--muted:#a5a5a7;--red:#f0543e;--line:#ffffff26;--pad:6vw}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--fg);background:var(--bg);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--red);outline-offset:6px}::selection{color:#111;background:var(--red)}.skip{position:fixed;left:15px;top:-100px;z-index:30;padding:14px;background:var(--red);color:#111}.skip:focus{top:15px}.red{color:var(--red)}.serif{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:-.065em}h1,h2,h3,p{margin:0}h1,h2{font-family:Manrope,Arial,sans-serif;font-weight:500;letter-spacing:-.065em;line-height:1.04}h2{font-size:clamp(46px,4.5vw,76px)}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:600;display:flex;align-items:center;gap:13px}.red-line{height:2px;width:26px;background:var(--red)}.header{position:absolute;left:0;top:0;right:0;height:100px;margin:0 var(--pad);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);z-index:5}.brand{display:flex;gap:9px;align-items:center;font-family:Manrope,sans-serif;letter-spacing:3px;font-weight:800;font-size:25px}.brand sup{font-size:10px;align-self:flex-start;margin-top:3px;letter-spacing:0}.brand-symbol{font-family:Arial,sans-serif;font-size:39px;font-weight:900;line-height:1;color:var(--red);transform:scaleX(1.25);margin-right:4px}.header nav{display:flex;gap:34px;font-size:13px}.header nav a{position:relative}.header nav a:after{content:'';position:absolute;bottom:-6px;height:1px;left:0;width:0;background:var(--red);transition:width .25s}.header nav a:hover:after{width:100%}.button{border:0;background:var(--red);color:#151515;display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:18px 23px;font-size:14px;font-weight:600;border-radius:2px;transition:background .2s,transform .2s}.button:hover{background:#ff745f;transform:translateY(-2px)}.button span{font-size:20px}.button.small{font-size:12px;padding:12px 18px;gap:26px}.button.small span{font-size:18px}#world{position:fixed;inset:0;z-index:0;pointer-events:none;background:#111214;transition:opacity .6s}#world canvas{position:absolute;inset:0;width:100%;height:100%}.world-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 65% 60%,#44352c50,transparent 65%)}.screen-noise{pointer-events:none;position:fixed;inset:0;z-index:4;opacity:.027;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}main{position:relative;z-index:1}.scene-section{min-height:110svh;position:relative;padding:140px var(--pad) 90px;display:flex;align-items:center}.hero{height:100svh;min-height:800px;padding:150px var(--pad) 55px;align-items:flex-start;flex-direction:column}.hero-heading{position:relative;z-index:2}.hero h1{font-size:clamp(68px,7.8vw,126px);margin:28px 0 27px;letter-spacing:-.07em;line-height:1.02}.hero .serif{letter-spacing:-.07em}.hero-copy p{font-size:14px;color:#c0bfc1;line-height:1.7}.text-link{display:inline-flex;align-items:center;gap:18px;background:none;border:0;padding:0;font-size:13px;font-weight:500;text-align:left}.text-link:hover{color:var(--red)}.hero-copy .text-link{margin-top:23px}.circle-arrow{display:grid;place-items:center;border:1px solid #ffffff45;border-radius:50%;height:36px;width:36px;font-size:16px}.hero-vertical{position:absolute;right:28px;top:35%;writing-mode:vertical-rl;font-size:9px;letter-spacing:2px;color:#939397}.vehicle-label{position:absolute;right:9%;bottom:20%;display:flex;gap:14px;align-items:center;font-size:9px;letter-spacing:1.5px;color:#d2d2d4}.cross{color:var(--red);font-size:25px;font-weight:300}.vehicle-label small{display:block;color:#777b80;font-size:8px;margin-top:9px;letter-spacing:1px}.hero-footer{position:absolute;bottom:30px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:22px;font-size:9px;letter-spacing:1.1px;color:#97979b}.hero-footer a{color:#eee}.hero-footer a span{margin-left:17px}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--red);margin-right:8px;vertical-align:2px}.section-copy{width:43%;max-width:570px;position:relative;z-index:2}.section-copy .eyebrow{color:var(--red)}.section-copy h2{margin:27px 0 28px}.section-copy>p{font-size:16px;color:#aaaab0;line-height:1.85;max-width:420px}.detail-row{display:flex;gap:25px;border-top:1px solid var(--line);padding:23px 0;max-width:420px}.detail-row:first-of-type{margin-top:30px}.detail-row>span{color:var(--red);font-size:10px;padding-top:4px}.detail-row h3{font-weight:500;font-size:15px;margin-bottom:7px}.detail-row p{font-size:12px;line-height:1.6;color:#8f9096}.section-copy>.text-link{margin-top:32px}.scene-caption{position:absolute;left:var(--pad);right:var(--pad);bottom:45px;border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:center;gap:15px;font-size:9px;letter-spacing:1.4px;color:#929297}.scene-caption>span:last-child{margin-left:auto;font-size:8px}.telemetry{position:absolute;right:var(--pad);top:23%;width:185px;border-left:1px solid #ee59476b;padding-left:18px;color:#b1aeb0;font:10px monospace;letter-spacing:1px}.telemetry>div:first-child{font-size:9px;color:var(--red);margin-bottom:18px}.telemetry i{display:inline-block;width:4px;height:4px;background:var(--red);margin-right:5px}.telemetry>span{display:flex;justify-content:space-between;font-size:8px;margin:10px 0}.telemetry b{font-weight:400;color:#dfdddf;font-size:8px}.telemetry small{font-size:7px;color:#686a71}.scan-meter{height:3px;background:linear-gradient(90deg,var(--red) 65%,#ffffff1a 65%);margin:16px 0 9px}.brakes{justify-content:flex-end;min-height:125svh}.brakes .section-copy{width:42%}.service-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:27px}.service-tags span{border:1px solid #ffffff2a;padding:9px 12px;font-size:11px;color:#b5b3b8}.engineering-note{display:flex;align-items:center;gap:20px;margin-top:60px}.engineering-note>span{font-size:32px;color:var(--red)}.engineering-note p{font-size:12px;color:#85858d;line-height:1.7}.engineering-note strong{font-weight:400;color:#c7c6cb}.care .button{margin-top:35px}.care-promise{margin-top:28px;font-size:12px;color:#a2a3a9}.care-promise span{margin-right:8px;color:var(--red)}.services{background:#17181b;display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:115px var(--pad) 100px;position:relative;border-top:1px solid var(--line)}.services-intro .eyebrow{color:var(--red)}.services h2{font-size:clamp(42px,4vw,65px);margin:25px 0}.services-intro>p{font-size:14px;line-height:1.8;color:#a5a5ab}.service-list details{border-top:1px solid #ffffff25}.service-list details:last-child{border-bottom:1px solid #ffffff25}.service-list summary{cursor:pointer;display:flex;align-items:center;gap:20px;list-style:none;padding:27px 0;font-size:22px;letter-spacing:-.5px}.service-list summary::-webkit-details-marker{display:none}.service-number{font-size:10px;color:#72747c;letter-spacing:1px}.plus{margin-left:auto;font-size:25px;font-weight:400;color:var(--red);transition:transform .2s}details[open] .plus{transform:rotate(45deg)}.service-content{padding:0 24px 27px 35px}.service-content p{font-size:14px;line-height:1.8;color:#a5a5ab;margin-bottom:20px}.service-content .text-link{color:var(--red);font-size:12px}.approach{background:#17181b;padding:0 var(--pad) 100px}.approach>.eyebrow{border-top:1px solid var(--line);padding-top:30px;font-size:10px;color:#9b9ba2}.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7%;margin-top:45px}.approach article>span{color:var(--red);font-size:10px;letter-spacing:1.3px}.approach h3{font-family:Manrope,sans-serif;font-weight:500;font-size:23px;letter-spacing:-.7px;margin:17px 0 12px}.approach p{color:#92939a;font-size:13px;line-height:1.8;max-width:300px}.contact{background:#eeece5;color:#232323;padding:95px var(--pad) 45px}.contact-top{display:flex;align-items:center;justify-content:space-between;gap:30px}.contact .eyebrow{font-size:10px;color:#686760}.contact h2{font-size:clamp(60px,7vw,112px);margin-top:30px}.contact-cta{border:1px solid #b8b6b0;background:transparent;color:#222;border-radius:50%;width:140px;height:140px;font-size:70px;font-weight:300;transition:background .3s,transform .3s}.contact-cta:hover{background:var(--red);border-color:var(--red);transform:rotate(45deg)}.contact-bottom{border-top:1px solid #26262630;padding-top:28px;margin-top:65px;display:flex;align-items:center;justify-content:space-between;gap:24px}.contact-bottom>p{font-size:16px;line-height:1.5}.contact-bottom>div span{font-size:8px;letter-spacing:1.2px;color:#74736e;display:block;margin-bottom:10px}.contact-bottom strong{font-size:12px;font-weight:500}.contact-bottom .text-link{font-size:12px;border-bottom:1px solid #333;padding-bottom:7px}footer{background:#111214;padding:45px var(--pad) 25px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-bottom:35px}.footer-top p{font-size:9px;color:#96969e;line-height:1.7;letter-spacing:1.6px}.footer-top>a:last-child{font-size:11px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid var(--line);font-size:8px;letter-spacing:.8px;color:#74757e}.journey-progress{position:fixed;right:24px;bottom:115px;display:flex;flex-direction:column;gap:12px;align-items:center;font-size:9px;color:#7d7e86;z-index:5;transition:opacity .3s}.journey-progress>div{width:1px;height:75px;background:#ffffff20}.journey-progress i{display:block;width:1px;height:0;background:var(--red)}.journey-progress>span:first-child{color:#ddd}.motion{position:fixed;bottom:15px;right:20px;z-index:6;font-size:10px;border:1px solid #ffffff30;background:#19191bcc;border-radius:20px;padding:8px 11px;backdrop-filter:blur(10px)}.motion span{margin-left:6px}#load-status{position:fixed;bottom:16px;left:var(--pad);z-index:5;background:#19191b;border:1px solid #ffffff20;padding:11px 15px;font-size:8px;letter-spacing:1.5px}#load-status>span{color:var(--red);margin-left:20px}#load-status.loaded{opacity:0;pointer-events:none;transition:opacity .5s}.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .8s,transform .8s}.js .reveal.visible{opacity:1;transform:none}.fallback #world:after{content:'NARTNIK';font-family:Manrope,sans-serif;font-size:24vw;color:#ffffff05;position:absolute;right:0;top:40%;font-weight:800}.fallback .telemetry{display:none}dialog{border:1px solid #ffffff2b;background:#1a1b1f;color:var(--fg);padding:45px;max-width:600px;width:calc(100% - 32px);max-height:90svh;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#08090bc9;backdrop-filter:blur(12px)}dialog .close{position:absolute;right:15px;top:12px;font-size:26px;background:none;border:0;color:#aaa;width:36px;height:36px}dialog .eyebrow{color:var(--red);font-size:9px;margin-bottom:20px}dialog h2{font-size:43px}dialog .demo-notice{font-size:12px;color:#a5a5af;line-height:1.6;border-left:2px solid var(--red);padding-left:12px;margin:22px 0}form label{display:block;font-size:12px;line-height:1.6;margin-bottom:17px}form label>span{color:#888891}input,select,textarea{width:100%;margin-top:7px;border:1px solid #ffffff28;background:#222329;color:#eee;padding:12px;min-width:0;border-radius:0;font-size:14px;color-scheme:dark}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}form .button{width:100%;margin-top:3px}.result-icon{color:var(--red);font-size:40px;margin-bottom:15px}#booking-result h3{font-size:23px;font-weight:500;margin-bottom:18px}#booking-result p{font-size:14px;line-height:1.8;white-space:pre-line;margin-bottom:22px;color:#aaaab1}#booking-result .text-link{margin:20px}#result-summary{color:#eee!important}
@media(min-width:1650px){.hero{padding-top:175px}.hero h1{margin-top:40px}.hero-copy{margin-top:38px}}@media(max-width:1000px){:root{--pad:5vw}.header nav{gap:20px}.hero h1{font-size:8.8vw}.section-copy,.brakes .section-copy{width:47%}h2{font-size:5.4vw}.telemetry{right:5%;width:155px}.services{gap:5%}.service-list summary{font-size:19px}.contact-bottom{flex-wrap:wrap}.contact-bottom>p{width:100%}.hero-vertical{right:16px}.journey-progress{right:14px}}@media(max-width:650px){:root{--pad:7vw}.header{height:82px}.brand{font-size:21px;gap:5px;letter-spacing:2px}.brand-symbol{font-size:31px}.header nav{display:none}.button.small{font-size:10px;padding:10px 11px;gap:15px}.hero{padding-top:118px;min-height:850px;height:110svh}.hero .eyebrow{font-size:8px;letter-spacing:1.1px}.hero h1{font-size:clamp(55px,13.7vw,86px);margin:24px 0 20px}.hero-copy p{font-size:12px}.hero-copy .text-link{font-size:11px;margin-top:17px}.circle-arrow{width:30px;height:30px}.hero-vertical{display:none}.vehicle-label{bottom:115px;right:7%;font-size:7px;letter-spacing:.7px}.vehicle-label small{font-size:6px}.hero-footer{bottom:30px;flex-wrap:wrap;gap:15px;font-size:7px;padding-top:18px;letter-spacing:.7px}.hero-footer>span:first-child{width:100%}.hero-footer .demo-label{font-size:6px}.scene-section:not(.hero){min-height:1100px;padding-top:85px;padding-bottom:550px;align-items:flex-start}.section-copy,.brakes .section-copy{width:100%;max-width:450px}.section-copy h2{font-size:clamp(42px,10.5vw,64px);margin:23px 0}.section-copy>p{font-size:14px;max-width:370px;line-height:1.8}.eyebrow{font-size:9px;letter-spacing:1.4px}.detail-row{padding:18px 0}.detail-row h3{font-size:14px}.detail-row p{font-size:11px}.section-copy>.text-link{margin-top:24px;font-size:12px}.telemetry{top:auto;bottom:135px;right:7%;width:145px}.scene-caption{bottom:32px;font-size:7px;letter-spacing:.7px;gap:9px}.scene-caption>span:last-child{font-size:6px}.brakes{min-height:1080px!important}.engineering-note{margin-top:30px}.engineering-note p{font-size:11px}.care{min-height:1000px!important}.care-promise{font-size:10px;line-height:1.6}.service-tags span{font-size:10px}.services{padding-top:70px;padding-bottom:55px;grid-template-columns:1fr;gap:45px}.services h2{font-size:43px}.services-intro>p{font-size:13px}.service-list summary{font-size:21px;padding:23px 0}.service-content p{font-size:13px}.approach{padding-bottom:65px}.approach-grid{grid-template-columns:1fr;gap:35px;margin-top:35px}.approach>.eyebrow{font-size:8px;line-height:1.7}.approach h3{font-size:23px;margin:12px 0 9px}.approach p{font-size:13px;max-width:100%}.contact{padding-top:65px}.contact h2{font-size:clamp(42px,10.4vw,66px)}.contact .eyebrow{font-size:8px;line-height:1.7}.contact-top{position:relative}.contact-cta{width:55px;height:55px;font-size:29px;position:absolute;right:0;bottom:-75px}.contact-bottom{margin-top:40px;gap:30px}.contact-bottom>p{font-size:14px;padding-right:60px}.contact-bottom>div{width:100%}.contact-bottom strong{font-size:13px}.contact-bottom>div span{font-size:9px}.contact-bottom>.text-link{font-size:14px}footer{padding-bottom:60px}.footer-top{flex-wrap:wrap}.footer-top p{order:3;width:100%;font-size:8px}.footer-bottom{flex-direction:column;font-size:7px;line-height:1.8}.footer-bottom>span:last-child{display:none}.journey-progress{right:9px;font-size:8px;bottom:90px}.journey-progress>div{height:55px}.motion{right:10px;font-size:9px}.motion span{margin-left:3px}dialog{padding:34px 24px}dialog h2{font-size:34px}.form-row{grid-template-columns:1fr;gap:0}#load-status{font-size:7px;max-width:70%;line-height:1.5}.screen-noise{opacity:.02}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none;transition:none}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}}
.vehicle-label{bottom:16%}@media(max-width:650px){.vehicle-label{bottom:115px}.section-copy{background:linear-gradient(90deg,#111214d9,#11121480 85%,transparent);padding:12px 0;}.hero-heading{background:linear-gradient(90deg,#111214aa,transparent);}}

/* ═══════════ NARTNIK — nadgradnja ═══════════ */
.header{position:fixed;transition:background .4s,height .4s,backdrop-filter .4s}
body.scrolled .header{background:#111214d9;backdrop-filter:blur(14px);height:74px;margin:0;padding:0 var(--pad);border-bottom-color:#ffffff14}
.intro-curtain{position:fixed;inset:0;z-index:50;background:#111214;display:grid;place-items:center;pointer-events:none;transition:opacity .9s .25s,visibility 0s 1.2s}
.intro-curtain span{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:.5em;font-size:clamp(20px,3vw,34px);color:#f6f4ef;opacity:.9;animation:curtainText 1.4s ease-in-out infinite alternate}
.intro-curtain span:after{content:"";display:block;height:2px;background:var(--red);margin-top:18px;transform-origin:left;animation:curtainLine 1.6s ease-in-out infinite}
body.scene-ready .intro-curtain,body.fallback .intro-curtain{opacity:0;visibility:hidden}
@keyframes curtainText{from{opacity:.35}to{opacity:1}}
@keyframes curtainLine{0%{transform:scaleX(0)}50%{transform:scaleX(1)}100%{transform:scaleX(0);transform-origin:right}}
/* besede, ki priletijo */
[data-split] .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}
[data-split] .wi{display:inline-block;transform:translateY(110%);transition:transform .9s cubic-bezier(.2,.8,.2,1)}
[data-split].visible .wi{transform:none}
.hero-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap;margin-top:26px}
.hero-actions .text-link{margin-top:0!important}
.magnet{transition:transform .25s cubic-bezier(.2,.8,.2,1),background .2s}
/* telemetrija */
.telemetry em{font-style:normal;color:#fff}
.telemetry .scan-meter{position:relative;overflow:hidden;background:#ffffff1a}
.telemetry .scan-meter:after{content:"";position:absolute;inset:0;width:40%;background:var(--red);animation:scan 1.8s ease-in-out infinite}
@keyframes scan{0%{transform:translateX(-100%)}100%{transform:translateX(260%)}}
/* motor scena */
.engine{justify-content:flex-end;min-height:125svh}
.engine .section-copy{width:42%}
.check-list{list-style:none;padding:0;margin:26px 0 0;max-width:430px}
.check-list li{border-top:1px solid var(--line);padding:13px 0 13px 28px;font-size:14px;color:#c9c8cc;position:relative}
.check-list li:before{content:"";position:absolute;left:2px;top:18px;width:10px;height:6px;border-left:2px solid var(--red);border-bottom:2px solid var(--red);transform:rotate(-45deg)}
.engine .section-copy>.text-link{margin-top:26px}
/* cene */
.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin-top:28px;max-width:520px;border:1px solid var(--line)}
.price-grid div{background:#141518;padding:16px 14px}
.price-grid b{display:block;font-family:Manrope,sans-serif;font-weight:600;font-size:20px;letter-spacing:-.5px;color:#fff}
.price-grid span{font-size:11px;color:#8f9096}
/* številke */
.stats{background:#141518;border-top:1px solid var(--line);padding:70px var(--pad);position:relative;z-index:1}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}
.stat{border-left:1px solid var(--line);padding-left:22px}
.stat b{display:block;font-family:Manrope,sans-serif;font-weight:500;font-size:clamp(40px,4.4vw,70px);letter-spacing:-.06em;line-height:1;color:#f6f4ef}
.stat>span{display:block;margin-top:14px;font-size:13px;line-height:1.6;color:#9c9ca3;max-width:230px}
.stat:nth-child(2){transition-delay:.1s}.stat:nth-child(3){transition-delay:.2s}.stat:nth-child(4){transition-delay:.3s}
/* tekoči trak */
.marquee{background:var(--red);color:#151515;overflow:hidden;white-space:nowrap;padding:18px 0;position:relative;z-index:2;transform:rotate(-1.2deg);margin:22px -2vw;box-shadow:0 20px 60px #0007}
.marquee-track{display:inline-flex;gap:34px;align-items:center;animation:marquee 32s linear infinite;font-family:Manrope,sans-serif;font-weight:700;font-size:clamp(20px,2.2vw,32px);letter-spacing:-.03em;text-transform:uppercase}
.marquee-track i{font-style:normal;font-size:.7em}
@keyframes marquee{to{transform:translateX(-50%)}}
/* velik napis v ozadju */
.services,.history{overflow:hidden}
.big-word{position:absolute;top:30px;left:0;font-family:Manrope,sans-serif;font-weight:800;font-size:clamp(110px,17vw,300px);letter-spacing:-.06em;line-height:1;color:transparent;-webkit-text-stroke:1px #ffffff14;white-space:nowrap;pointer-events:none;will-change:transform;z-index:0}
.services>*:not(.big-word),.history>*:not(.big-word){position:relative;z-index:1}
.services{z-index:1}
.services-intro .button{margin-top:30px}
.service-list summary{transition:padding .3s,color .3s}
.service-list summary:hover{padding-left:10px;color:#fff}
.service-list details[open] summary{color:var(--red)}
/* menjalnik */
.gearbox{background:#17181b;padding:40px var(--pad) 110px;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start;position:relative;z-index:1}
.gearbox .eyebrow{color:var(--red)}
.gearbox h2{font-size:clamp(40px,4vw,64px);margin:25px 0}
.gearbox-copy>p{font-size:15px;line-height:1.85;color:#a5a5ab;max-width:480px}
.bars{padding-top:40px}
.bar-row{margin-bottom:34px}
.bar-label{display:flex;justify-content:space-between;gap:20px;font-size:13px;color:#a5a5ab;margin-bottom:12px}
.bar-label b{font-weight:500;color:#f6f4ef;text-align:right}
.bar{height:14px;background:#ffffff0d;position:relative;overflow:hidden}
.bar i{position:absolute;top:0;bottom:0;left:0;width:var(--w);background:#5a5d64;transform:scaleX(0);transform-origin:left;transition:transform 1.6s cubic-bezier(.2,.8,.2,1)}
.bar-row.accent .bar i{background:var(--red);transition-delay:.35s}
.bar-row.fill .bar i{transform:scaleX(1)}
.eckart{border:1px solid var(--line);padding:28px;margin-top:48px}
.eckart .eyebrow{font-size:10px}
.eckart ol{list-style:none;padding:0;margin:20px 0}
.eckart li{display:flex;gap:18px;padding:12px 0;border-top:1px solid var(--line);font-size:15px}
.eckart li span{color:var(--red);font-size:11px;padding-top:3px}
.eckart p{font-size:13px;color:#8f9096;line-height:1.7}
/* časovnica */
.history{background:#111214;padding:110px var(--pad);position:relative;z-index:1;border-top:1px solid var(--line)}
.history .eyebrow{color:var(--red)}
.history h2{margin:25px 0 70px;font-size:clamp(44px,4.6vw,76px)}
.timeline{position:relative;max-width:900px;margin-left:8%}
.tl-line{position:absolute;left:92px;top:8px;bottom:8px;width:1px;background:#ffffff1c}
.tl-fill{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--red);transform:scaleY(0);transform-origin:top;display:block}
.tl-item{display:grid;grid-template-columns:92px 1fr;gap:44px;padding:0 0 54px;position:relative;opacity:.35;transform:translateX(-10px);transition:opacity .6s,transform .6s}
.tl-item.on{opacity:1;transform:none}
.tl-item:before{content:"";position:absolute;left:87px;top:10px;width:11px;height:11px;border-radius:50%;background:#111214;border:1px solid #ffffff55;transition:background .4s,border-color .4s,box-shadow .4s}
.tl-item.on:before{background:var(--red);border-color:var(--red);box-shadow:0 0 0 6px #f0543e26}
.tl-year{font-family:Manrope,sans-serif;font-weight:600;font-size:20px;letter-spacing:-.5px;color:#f6f4ef;padding-top:2px}
.tl-item h3{font-family:Manrope,sans-serif;font-weight:500;font-size:24px;letter-spacing:-.6px;margin-bottom:10px}
.tl-item p{font-size:14px;line-height:1.8;color:#9c9ca3;max-width:560px}
/* strokovnost */
.expertise{background:#17181b;padding:100px var(--pad);position:relative;z-index:1}
.expertise-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:7%}
.expertise .eyebrow{color:var(--red)}
.expertise h2{margin-top:25px;font-size:clamp(42px,4.2vw,68px)}
.expertise-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.card{border:1px solid var(--line);padding:30px 26px;background:radial-gradient(circle at var(--mx,50%) var(--my,0%),#f0543e14,transparent 60%),#141518;transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .3s,opacity .8s}
.card:hover{border-color:#f0543e66}
.card>span{color:var(--red);font-size:11px;letter-spacing:1px}
.card h3{font-family:Manrope,sans-serif;font-weight:500;font-size:21px;letter-spacing:-.5px;margin:18px 0 10px}
.card p{font-size:13px;line-height:1.75;color:#9c9ca3}
/* postopek */
.approach{position:relative;z-index:1;padding-top:10px}
.approach-4{grid-template-columns:repeat(4,1fr);gap:5%}
.approach-4 article{border-top:2px solid transparent;padding-top:20px;transition:border-color .4s,opacity .8s,transform .8s}
.approach-4 article:hover{border-color:var(--red)}
/* kontakt */
.contact{position:relative;z-index:1}
.contact-bottom a{border-bottom:1px solid #26262640}
.map{margin-top:50px;border:1px solid #26262625;height:340px;filter:grayscale(1) contrast(1.05)}
.map iframe{width:100%;height:100%;border:0;display:block}
footer{position:relative;z-index:1}
.fallback #world:after{content:"NARTNIK"}
/* kurzor */
.cursor-ring{position:fixed;left:-18px;top:-18px;width:36px;height:36px;border:1px solid #f0543e99;border-radius:50%;pointer-events:none;z-index:60;transition:width .25s,height .25s,left .25s,top .25s,background .25s}
.cursor-ring.big{width:64px;height:64px;left:-32px;top:-32px;background:#f0543e1f}
.hero h1{font-size:clamp(58px,6.3vw,104px)}
@media(max-width:1000px){.hero h1{font-size:7.6vw}.approach-4{grid-template-columns:repeat(2,1fr);row-gap:40px}.stats-grid{grid-template-columns:repeat(2,1fr)}.gearbox,.expertise-grid{grid-template-columns:1fr;gap:50px}.engine .section-copy{width:47%}}
@media(max-width:650px){
 .hero h1{font-size:clamp(46px,12vw,72px)}.hero .eyebrow{max-width:85%;line-height:1.6}
 .hero-actions{gap:18px}.hero-actions .button{font-size:12px;padding:14px 16px;gap:20px}
 body.scrolled .header{height:66px}
 .approach-4,.stats-grid,.expertise-cards{grid-template-columns:1fr}
 .price-grid{grid-template-columns:repeat(2,1fr)}
 .engine{min-height:1080px!important}.engine .section-copy{width:100%}.check-list li{font-size:13px}
 .stats{padding:55px var(--pad)}.stat b{font-size:48px}.marquee{padding:13px 0}
 .history,.expertise{padding:75px var(--pad)}.timeline{margin-left:0}.tl-line{left:62px}.tl-item{grid-template-columns:62px 1fr;gap:26px}.tl-item:before{left:57px}.tl-year{font-size:15px}.tl-item h3{font-size:20px}
 .gearbox{padding-bottom:75px}.bars{padding-top:0}.bar-label{flex-direction:column;gap:4px}.bar-label b{text-align:left}.map{height:260px}
 .telemetry>span:nth-of-type(n+3){display:none}
}
@media(prefers-reduced-motion:reduce){[data-split] .wi{transform:none}.marquee-track{animation:none}.intro-curtain{display:none}}

html,body{overflow-x:clip}
.marquee{margin:-26px -2vw}
.stats{padding-bottom:96px}
.services{padding-top:140px}

/* ═══════════ PODSTRANI IN PREHODI ═══════════ */
.header{z-index:45}
.header nav a.active{color:#fff}.header nav a.active:after{width:100%}
.view[hidden]{display:none!important}
/* rdeča zavesa med podstranmi */
.page-curtain{position:fixed;inset:0;z-index:70;pointer-events:none;visibility:hidden}
.page-curtain.in{visibility:visible;pointer-events:all}
.pc-panel{position:absolute;inset:0;background:var(--red);transform:translateY(100%);transition:transform .7s cubic-bezier(.77,0,.18,1)}
.page-curtain:before{content:"";position:absolute;inset:0;background:#111214;transform:translateY(100%);transition:transform .7s .08s cubic-bezier(.77,0,.18,1);z-index:1}
.page-curtain.in .pc-panel{transform:translateY(0)}
.page-curtain.out .pc-panel{transform:translateY(-100%)}
.page-curtain.out:before{transform:translateY(-100%);transition-delay:0s}
.pc-label{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:18px;color:#151515;font-family:Manrope,sans-serif;font-weight:800;font-size:clamp(26px,5vw,64px);letter-spacing:-.04em;opacity:0;transform:translateY(40px);transition:opacity .35s .3s,transform .6s .3s cubic-bezier(.2,.8,.2,1)}
.pc-label .brand-symbol{color:#151515;font-size:1.3em}
.page-curtain.in .pc-label{opacity:1;transform:none}
.page-curtain.out .pc-label{opacity:0;transform:translateY(-40px);transition-delay:0s}
.page-curtain.reset *,.page-curtain.reset:before{transition:none!important}
/* uvod podstrani */
.page-hero{min-height:80svh;display:flex;flex-direction:column;justify-content:flex-end;padding:170px var(--pad) 70px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 82% 18%,#f0543e24,transparent 55%),radial-gradient(ellipse at 10% 100%,#44352c55,transparent 60%),#111214;border-bottom:1px solid var(--line);z-index:1}
.page-hero:after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--red),transparent);animation:heroScan 6s linear infinite;opacity:.7}
@keyframes heroScan{0%{top:0}100%{top:100%}}
.page-hero-inner{position:relative;z-index:1}
.page-hero .eyebrow{color:#9c9ca3;gap:10px}.page-hero .eyebrow a{color:var(--red)}.page-hero .eyebrow span{color:#555}
.page-hero h1{font-size:clamp(56px,7.4vw,124px);margin:26px 0 30px;letter-spacing:-.07em;line-height:1.02}
.page-hero p{max-width:580px;font-size:16px;line-height:1.8;color:#a5a5ab}
.page-hero .big-word{top:auto;bottom:-30px;left:auto;right:0}
.page-num{position:absolute;right:var(--pad);top:150px;font-family:Manrope,sans-serif;font-size:clamp(90px,12vw,210px);font-weight:800;color:transparent;-webkit-text-stroke:1px #f0543e66;line-height:1;z-index:1;animation:numFloat 6s ease-in-out infinite}
@keyframes numFloat{50%{transform:translateY(14px)}}
/* motor podstran */
.engine-page{background:#17181b;padding:100px var(--pad);position:relative;z-index:1}
.engine-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}
.engine-page .eyebrow{color:var(--red)}.engine-page h2{margin:25px 0;font-size:clamp(42px,4.2vw,68px)}.engine-page p{font-size:15px;line-height:1.85;color:#a5a5ab;max-width:480px}
.check-list.big{max-width:none;margin:0}.check-list.big li{font-size:17px;padding:19px 0 19px 36px;opacity:0;transform:translateX(24px);transition:opacity .6s,transform .6s,color .3s}
.check-list.big li:before{top:26px}
.check-list.big.visible li{opacity:1;transform:none}.check-list.big li:hover{color:#fff}
.check-list.big li:nth-child(2){transition-delay:.07s}.check-list.big li:nth-child(3){transition-delay:.14s}.check-list.big li:nth-child(4){transition-delay:.21s}.check-list.big li:nth-child(5){transition-delay:.28s}.check-list.big li:nth-child(6){transition-delay:.35s}.check-list.big li:nth-child(7){transition-delay:.42s}
.view .gearbox{padding-top:100px}
/* raziščite (domača stran) */
.explore{background:#141518;padding:120px var(--pad) 110px;position:relative;z-index:1}
.explore-head .eyebrow{color:var(--red)}.explore-head h2{margin-top:25px}
.explore-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:55px}
.explore-card{position:relative;display:flex;flex-direction:column;min-height:340px;padding:30px 26px;border:1px solid var(--line);background:radial-gradient(circle at var(--mx,50%) var(--my,0%),#f0543e24,transparent 60%),#17181b;overflow:hidden;transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .3s,opacity .8s}
.explore-card:before{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.explore-card:hover{border-color:#f0543e66}.explore-card:hover:before{transform:scaleX(1)}
.ec-num{color:var(--red);font-size:11px;letter-spacing:1px}
.explore-card h3{font-family:Manrope,sans-serif;font-weight:500;font-size:28px;letter-spacing:-.8px;margin:auto 0 12px}
.explore-card p{font-size:13px;line-height:1.7;color:#9c9ca3}
.ec-go{margin-top:24px;font-size:12px;font-weight:600;display:flex;gap:10px;align-items:center}.ec-go i{font-style:normal;color:var(--red);transition:transform .3s}.explore-card:hover .ec-go i{transform:translateX(8px)}
.explore-grid .explore-card:nth-child(2){transition-delay:.08s}.explore-grid .explore-card:nth-child(3){transition-delay:.16s}.explore-grid .explore-card:nth-child(4){transition-delay:.24s}
/* rdeč poziv */
.cta-band{background:var(--red);color:#151515;padding:90px var(--pad);display:flex;justify-content:space-between;align-items:flex-end;gap:40px;flex-wrap:wrap;position:relative;z-index:1;overflow:hidden}
.cta-band .eyebrow{color:#151515b3}.cta-band h2{margin-top:22px;font-size:clamp(50px,6vw,104px)}
.cta-band .button{background:#151515;color:#fff}.cta-band .button:hover{background:#000}
.cta-band-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.cta-band .text-link:hover{color:#fff}
/* kontakt podstran */
.contact-page{padding-top:170px;min-height:100svh}
/* noga */
.footer-nav{display:flex;gap:34px;flex-wrap:wrap;padding-bottom:32px;margin-bottom:34px;border-bottom:1px solid var(--line);font-family:Manrope,sans-serif;font-size:clamp(22px,2.6vw,40px);letter-spacing:-.04em}
.footer-nav a{transition:color .25s}.footer-nav a:hover{color:var(--red)}
footer .text-link{font-size:11px}
/* mobilni meni */
.menu-btn{display:none;width:44px;height:44px;border:1px solid #ffffff30;background:#19191bcc;border-radius:50%;position:relative;flex:none}
.menu-btn i{position:absolute;left:13px;right:13px;height:1.5px;background:#fff;transition:transform .3s}
.menu-btn i:first-child{top:17px}.menu-btn i:last-child{top:25px}
.menu-open .menu-btn i:first-child{transform:translateY(4px) rotate(45deg)}.menu-open .menu-btn i:last-child{transform:translateY(-4px) rotate(-45deg)}
.mobile-menu{position:fixed;inset:0;z-index:40;background:#111214f7;backdrop-filter:blur(16px);display:flex;flex-direction:column;justify-content:center;padding:0 var(--pad);gap:4px}
.mobile-menu a{font-family:Manrope,sans-serif;font-size:38px;letter-spacing:-.05em;padding:12px 0;border-bottom:1px solid var(--line);animation:mmIn .55s both cubic-bezier(.2,.8,.2,1)}
.mobile-menu a:nth-child(2){animation-delay:.05s}.mobile-menu a:nth-child(3){animation-delay:.1s}.mobile-menu a:nth-child(4){animation-delay:.15s}.mobile-menu a:nth-child(5){animation-delay:.2s}.mobile-menu a:nth-child(6){animation-delay:.25s}
.mobile-menu .mm-tel{color:var(--red);border-bottom:0}
@keyframes mmIn{from{opacity:0;transform:translateY(24px)}}
@media(max-width:1000px){.explore-grid{grid-template-columns:repeat(2,1fr)}.engine-grid{grid-template-columns:1fr;gap:40px}}
@media(max-width:650px){
 .menu-btn{display:block}.header .button.small{display:none}
 .explore{padding:75px var(--pad)}.explore-grid{grid-template-columns:1fr}.explore-card{min-height:230px}
 .page-hero{min-height:88svh;padding:130px var(--pad) 50px}.page-hero h1{font-size:clamp(46px,12vw,72px)}.page-hero p{font-size:14px}.page-num{top:110px;font-size:80px}
 .engine-page{padding:70px var(--pad)}.check-list.big li{font-size:15px}
 .cta-band{padding:65px var(--pad)}.cta-band h2{font-size:48px}
 .contact-page{padding-top:120px}.footer-nav{gap:18px;font-size:22px}
}
@media(prefers-reduced-motion:reduce){.page-hero:after,.page-num{animation:none}.check-list.big li{opacity:1;transform:none}}
.mobile-menu[hidden]{display:none}

/* ── gumb Nazaj ── */
.back-link{display:inline-flex;align-items:center;gap:14px;margin-bottom:34px;padding:12px 22px 12px 14px;border:1px solid #ffffff38;border-radius:40px;background:#19191bcc;backdrop-filter:blur(8px);font-size:14px;font-weight:600;transition:background .25s,border-color .25s,transform .25s}
.back-link:hover{background:var(--red);border-color:var(--red);color:#151515;transform:translateX(-4px)}
.bl-arrow{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--red);color:#151515;font-size:16px;transition:transform .3s}
.back-link:hover .bl-arrow{background:#151515;color:#fff;transform:translateX(-3px)}
.back-float{position:fixed;left:var(--pad);bottom:18px;z-index:46;display:inline-flex;align-items:center;gap:12px;padding:10px 20px 10px 10px;border-radius:40px;background:var(--red);color:#151515;font-size:14px;font-weight:700;box-shadow:0 12px 40px #0009,0 0 0 1px #ffffff1f;opacity:0;pointer-events:none;transform:translateY(20px);transition:opacity .4s,transform .4s,background .2s}
.back-float .bl-arrow{background:#151515;color:#fff}
.back-float:hover{background:#ff745f}
body.on-sub .back-float{opacity:1;pointer-events:auto;transform:none}
body.on-sub #load-status{display:none}
@media(max-width:650px){.back-float{bottom:14px;font-size:13px;padding:8px 16px 8px 8px}.back-link{margin-bottom:26px}}
.back-link.dark{border-color:#23232340;background:#ffffff80;color:#232323}.back-link.dark:hover{background:var(--red);color:#151515}
.scene-caption,.telemetry,.vehicle-label,.hero-footer,.hero-heading,.hero-vertical{z-index:2}

/* ═══════════ VEČ ODTENKOV — LAŽJA ORIENTACIJA MED POMIKANJEM ═══════════ */

/* scene na 3D poti: vsaka dobi svojo barvno luč v ozadju, da je jasno, kje si */
.scene-tint{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.9;transition:opacity .4s}
.scene-section{isolation:isolate}
.tint-diagnostic{background:radial-gradient(ellipse 60% 55% at 78% 30%,#ee4a3324,transparent 70%)}
.tint-brakes{background:radial-gradient(ellipse 55% 60% at 15% 70%,#ffb02418,transparent 70%)}
.tint-engine{background:radial-gradient(ellipse 60% 55% at 12% 40%,#ff5a3c2c,transparent 70%)}
.tint-care{background:radial-gradient(ellipse 60% 60% at 70% 60%,#3ecf8f16,transparent 70%)}

/* jasneje stopnjevano ozadje med sekcijami + barvna cta na vrhu vsake za orientacijo */
.stats{background:#0d0e10}
.services{background:#1a1c20}
.gearbox{background:#141518}
.history{background:#0d0e10}
.expertise{background:#1a1c20}
.contact{background:#141518}
.explore{background:#1a1c20}
.engine-page{background:#1a1c20}
.page-hero{background:radial-gradient(ellipse at 82% 18%,#f0543e2c,transparent 55%),radial-gradient(ellipse at 10% 100%,#44352c66,transparent 60%),#0d0e10}

.stats,.services,.gearbox,.history,.expertise,.contact,.explore,.engine-page,.approach,.cta-band{position:relative}
.stats:before,.services:before,.gearbox:before,.history:before,.expertise:before,.contact:before,.explore:before,.engine-page:before{
 content:"";position:absolute;left:0;right:0;top:0;height:2px;z-index:2;opacity:.55}
.stats:before{background:linear-gradient(90deg,transparent,#3ecf8f,transparent)}
.services:before{background:linear-gradient(90deg,transparent,var(--red),transparent)}
.gearbox:before{background:linear-gradient(90deg,transparent,#ffb024,transparent)}
.history:before{background:linear-gradient(90deg,transparent,#8a7cff,transparent)}
.expertise:before{background:linear-gradient(90deg,transparent,#4dc3ff,transparent)}
.explore:before{background:linear-gradient(90deg,transparent,var(--red),transparent)}
.contact:before{background:linear-gradient(90deg,transparent,#ffb024,transparent)}
.engine-page:before{background:linear-gradient(90deg,transparent,#ff5a3c,transparent)}

/* eyebrow kot majhna "znacka poglavja", da izstopi tudi na temnem ozadju */
.eyebrow{background:#ffffff0f;border:1px solid #ffffff1c;padding:7px 14px 7px 10px;border-radius:20px;width:fit-content}
.section-copy .eyebrow,.services-intro .eyebrow,.gearbox-copy .eyebrow,.history-intro .eyebrow,.expertise>.reveal .eyebrow,.explore-head .eyebrow,.engine-page .eyebrow,.stats .eyebrow{margin-bottom:4px}
.page-hero .eyebrow{background:transparent;border:0;padding:0}
.contact .eyebrow,.cta-band .eyebrow{background:#00000012;border-color:#00000018}
.hero-heading .eyebrow,.scene-caption,.telemetry,.demo-label{background:none;border:0;padding:0;border-radius:0}

/* rahlo drugacen ton kart/vrstic znotraj sekcij, da se locijo od podlage */
.price-grid div{background:#1c1e22}
.card{background:radial-gradient(circle at var(--mx,50%) var(--my,0%),#f0543e14,transparent 60%),#1c1e22}
.explore-card{background:radial-gradient(circle at var(--mx,50%) var(--my,0%),#f0543e24,transparent 60%),#202226}
.eckart{background:#00000022}
.service-list details{background:transparent}
.service-list details[open]{background:#ffffff05}

@media(max-width:650px){.scene-tint{opacity:.7}}
@media(prefers-reduced-motion:reduce){.scene-tint{transition:none}}