/* HaulSites PREMIUM tema (2026-10-28). Ucitava se posle style.css i gasi cyber pravac.
   Pravac: tamni grafit, topli bijeli tekst, jedan akcent (brass zlato), Manrope, mekani radijusi. */
:root{
  --void:#06120e; --deep:#081712; --panel:#0c1d17; --panel2:#10241d;
  --edge:rgba(255,255,255,.10); --edge2:rgba(255,255,255,.07);
  --txt:#f2eee7; --mut:#aaa49a; --dim:#8e887e;
  --gold:#d4a24c; --gold2:#e6bb6a; --ink:#17130b;
  --cyan:var(--gold); --mag:var(--gold); --acid:var(--gold); --warn:#e6bb6a;
  --blue:var(--gold); --blue2:var(--gold2);
  --glow:none; --glow-m:none;
}
html.premium body, html.premium body *{font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif!important;
  text-shadow:none!important;clip-path:none!important}
html.premium body{background:var(--void);color:var(--txt);cursor:auto!important}
html.premium ::selection{background:var(--gold);color:var(--ink)}

/* ugasi cyber slojeve */
.premium .hud,.premium .scan,.premium .bg-grid,.premium #bgGrid,.premium .cross,.premium .floor{display:none!important}
.premium .glitch::before,.premium .glitch::after{display:none!important;content:none!important}
.premium .prog{background:var(--gold)!important;box-shadow:none!important}
.premium body::before,.premium body::after{opacity:.25}

/* pozadinske slike: tihe, bez boje */
.premium .sec-bg{opacity:.12!important;filter:grayscale(1) contrast(1.05)}
.premium .bg-hero{opacity:.22!important}
.premium section{border-top:1px solid var(--edge2)}

/* nav */
.premium nav.on{background:rgba(6,18,14,.86)!important;border-bottom:1px solid var(--edge2);box-shadow:none}
.premium .nlinks a{color:var(--mut);letter-spacing:.08em;font-weight:600;font-size:12.5px}
.premium .nlinks a:hover{color:var(--txt)}
.premium .nlinks a i,.premium .mnav a i{color:var(--gold);font-style:normal}
.premium nav.on .hs svg{--hs-cut:#06120e}

/* hero */
.premium .tagline{color:var(--mut);letter-spacing:.16em;font-weight:600;font-size:11.5px}
.premium .pulse-dot{background:var(--gold);border-radius:50%;box-shadow:0 0 0 4px rgba(212,162,76,.18)}
.premium .hero-kick{color:var(--mut);font-weight:600;letter-spacing:.01em}
.premium .glitch{color:var(--txt);font-weight:800;letter-spacing:-.045em;font-size:clamp(44px,7.4vw,110px);line-height:.96}
.premium .glitch.out{-webkit-text-stroke:0!important;color:var(--gold)!important}
.premium .lede{color:#cbc5ba}
.premium .lede .hl{color:var(--gold2)}
.premium .hero-stats b{color:var(--txt)}
.premium .hero-stats span{color:var(--mut);letter-spacing:.12em;font-weight:600}
.premium .hero-stats > div{border-color:var(--edge2)!important}

/* ticker */
.premium .ticker{border-color:var(--edge2);background:var(--deep)}
.premium .ticker span{color:var(--mut);letter-spacing:.14em;font-weight:600}
.premium .ticker span.o{color:var(--gold)}
.premium .ticker b{color:var(--dim)}

/* naslovi sekcija: mala zlatna oznaka, veliki bijeli naslov */
.premium .shead{gap:14px;margin-bottom:18px}
.premium .sn{color:var(--gold);font-weight:700;letter-spacing:.14em}
.premium .shead h2{font-size:13px!important;letter-spacing:.22em;color:var(--mut);font-weight:700;line-height:1}
.premium .srule{background:var(--edge)!important;box-shadow:none!important}
.premium .sec-h{color:var(--txt);font-weight:800;letter-spacing:-.025em;line-height:1.08}
.premium .sec-h.sm{color:var(--txt);font-weight:700}
.premium .sub,.premium .sub.lead{color:#cbc5ba}
.premium .sub b{color:var(--txt)!important}
.premium .bld-sub{color:var(--gold);letter-spacing:.2em;font-weight:700}

/* dugmad */
.premium .btn{border-radius:10px;letter-spacing:.1em;font-weight:700;box-shadow:none!important}
.premium .btn.primary{background:var(--gold);color:var(--ink)}
.premium .btn.primary:hover{background:var(--gold2);color:var(--ink)}
.premium .btn.ghost{border:1px solid rgba(255,255,255,.18);color:var(--txt);background:transparent}
.premium .btn.ghost:hover{border-color:var(--gold);color:var(--gold2)}
.premium .cta-btn{border-radius:10px;border-color:rgba(212,162,76,.6)!important;color:var(--gold2)!important;box-shadow:none!important}

/* kartice */
.premium .mods{gap:16px;background:none;border:0}
.premium .mod{background:var(--panel);border:1px solid var(--edge2);border-radius:16px;box-shadow:none}
.premium .mod::after{display:none}
.premium .mod:hover{background:var(--panel2);border-color:rgba(212,162,76,.35)}
.premium .m-ic{border-radius:12px;border-color:rgba(212,162,76,.35)!important;color:var(--gold);background:rgba(212,162,76,.06)!important;box-shadow:none!important}
.premium .m-id{color:var(--gold);letter-spacing:.16em;font-weight:700}
.premium .mod h3{color:var(--txt);font-weight:700;letter-spacing:-.01em}
.premium .mod p{color:var(--mut)}
.premium .m-tags span{border-radius:999px;border-color:var(--edge)!important;color:var(--mut)!important;background:transparent!important}
.premium .outs .mod{border-top:1px solid var(--edge2)}
.premium .outs .mod .o-hook{color:var(--txt);font-size:17px;font-weight:700}
.premium .outs .mod .flag{border-radius:999px;border-color:rgba(230,187,106,.6);color:var(--gold2)}
.premium .o-edge{margin-top:2px;margin-bottom:24px!important;padding:14px 16px;border-radius:12px;
  background:rgba(212,162,76,.08);border:1px solid rgba(212,162,76,.35);color:#e9dfcd!important;font-size:13.5px;line-height:1.6;flex:0!important}
.premium .o-edge b{color:var(--gold2)}
.premium .outs .mod p.o-edge + .btn{margin-top:auto}

/* cijene */
.premium .pp{border:1px solid rgba(212,162,76,.28);background:linear-gradient(180deg,#0c1d17,#101012);border-radius:20px;overflow:hidden}
.premium .pp::before{background:linear-gradient(90deg,transparent,var(--gold),transparent);height:2px}
.premium .pp-l{color:var(--gold);letter-spacing:.2em;font-weight:700}
.premium .pp-head h3{color:var(--txt);font-weight:800;letter-spacing:-.02em}
.premium .pp-head p,.premium .pp-note{color:#cbc5ba}
.premium .tier{background:var(--panel2);border:1px solid var(--edge2);border-radius:16px;box-shadow:none}
.premium .tier.hot{border-color:rgba(212,162,76,.7);background:#12261f}
.premium .tier .flag{background:var(--gold);color:var(--ink);border-radius:0 0 0 10px;font-weight:700;letter-spacing:.14em}
.premium .t-id{color:var(--gold);letter-spacing:.18em;font-weight:700}
.premium .tier h3{color:var(--txt);letter-spacing:.04em}
.premium .tier .price b{color:var(--txt)}
.premium .tier .price span{color:var(--mut);letter-spacing:.12em;font-weight:600}
.premium .tier .t-d{color:var(--mut)}
.premium .tier li{color:#ddd7cc}
.premium .tier li .ic{color:var(--gold)}
.premium .cloud{border-radius:16px;border-color:rgba(212,162,76,.45)!important;background:rgba(212,162,76,.06)!important}
.premium .cloud h4 b,.premium .cloud .pp-l{color:var(--gold2)}
.premium .cloud p{color:#d6d0c5}

/* websites */
.premium .bld{border-radius:16px;overflow:hidden}
.premium .bdot.on{background:var(--gold)!important}
.premium .bpg{border-radius:10px}

/* about, faq, kontakt, footer */
.premium .who-ph{border-radius:18px;overflow:hidden}
.premium .faq details{border-radius:14px;border-color:var(--edge2)!important;background:var(--panel)}
.premium .faq summary{color:var(--txt);font-weight:600}
.premium .faq p{color:var(--mut)}
.premium .shout{color:var(--txt)!important;font-weight:800;letter-spacing:-.04em}
.premium .cc{border-radius:16px;background:var(--panel)!important;border-color:var(--edge2)!important}
.premium .cc:hover{border-color:rgba(212,162,76,.5)!important}
.premium .cc-l{color:var(--gold)!important}
.premium footer{border-top:1px solid var(--edge2)}
.premium .f-r .pulse-dot{background:var(--gold)}

/* chat */
.premium .hc-open,.premium .hc-panel{border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.5)!important}
.premium .hc-open{border-color:rgba(212,162,76,.5)!important}
.premium #builds .bld-sub{display:block;margin:0 0 18px;position:static}
.premium .b-ty{border-radius:999px;background:transparent!important;border:1px solid var(--edge)!important;color:var(--mut)!important}
/* r4: siri tekst, slike na karticama, cloud ilustracija, FAQ vise */
.premium .sec-h{max-width:none}
.premium .sub,.premium .sub.lead,.premium .pp-head,.premium .pp-head p,.premium .cloud p,.premium .faq{max-width:none}
.premium .faq details p{max-width:none}
.premium .outs .mod{overflow:hidden}
.premium .o-shot{margin:-32px -26px 24px;height:190px;overflow:hidden;position:relative;border-bottom:1px solid var(--edge2)}
.premium .o-shot img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block;
  filter:brightness(.42) saturate(.6) contrast(1.05);transition:filter .35s}
.premium .o-shot::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,29,23,0) 40%,rgba(12,29,23,.95))}
.premium .outs .mod:hover .o-shot img{filter:brightness(.62) saturate(.8)}
.premium .outs .mod .flag{z-index:3;background:rgba(6,18,14,.75)}
.premium .outs .mod .m-ic{position:relative;z-index:2;margin-top:-52px;background:#0c1d17!important}
.premium .cloud{align-items:center}
.premium .cloud .cl-t{flex:1}
.premium .cl-art{width:118px;height:118px;flex:none;color:var(--gold)}
@media(max-width:620px){.premium .cl-art{display:none}}
.premium .faq-more{border-bottom:0!important;background:transparent!important}
.premium .faq-more > summary{justify-content:center;gap:10px;margin-top:14px;padding:16px;border:1px solid rgba(212,162,76,.45);border-radius:12px;color:var(--gold2)!important;font-weight:700;letter-spacing:.08em}
.premium .faq-more > summary::after{color:var(--gold)}
.premium .faq-more[open] > summary{margin-bottom:10px}
.premium .faq-rest details{margin-top:10px}

/* r5: Archivo za naslove i cifre, Inter za tekst */
html.premium body :is(h1,h2,h3,h4,.glitch,.hero-kick,.sec-h,.shout,.price b,.hero-stats b,.pp-head h3,.cloud h4,.o-hook,.who-name,.logo,.hs-w b){font-family:'Archivo',system-ui,sans-serif!important}
.premium .glitch{font-weight:900;letter-spacing:-.03em}
.premium .sec-h,.premium .pp-head h3{font-weight:800;letter-spacing:-.02em}
.premium .mod h3{font-weight:700;letter-spacing:-.005em}
.premium .o-shot.dr img,.premium .o-shot img[src*="lb-driver"]{object-position:center top}
.premium .glitch{font-size:clamp(38px,5.2vw,84px)}
/* r6: hero naslov u jednoj liniji, siroko */
.premium .hero-h1{max-width:none!important;width:100%}
.premium .glitch{font-size:clamp(30px,5.4vw,78px)!important}
@media(min-width:760px){.premium .glitch{white-space:nowrap}}
.premium .lede{max-width:none}
/* r7: besplatan poziv */
.premium .call{margin-top:28px;display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:24px 26px;border-radius:16px;
  border:1px solid rgba(212,162,76,.55);background:rgba(212,162,76,.08)}
.premium .call-t{flex:1;min-width:240px}
.premium .call h4{font-family:'Archivo',system-ui,sans-serif!important;font-size:21px;font-weight:800;color:var(--txt);margin-bottom:6px}
.premium .call p{color:#d6d0c5;font-size:15px;line-height:1.55}
.premium .call .pp-l{margin-bottom:6px}
.premium .call .btn{padding:17px 26px}

/* r10 card bullet lists */
.premium .outs .mod .o-list{list-style:none;margin:2px 0 18px;padding:0;display:grid;gap:9px}
.premium .outs .mod .o-list li{display:flex;gap:10px;align-items:flex-start;color:#ddd7cc;font-size:14.5px;line-height:1.45}
.premium .outs .mod .o-list .ic{flex:0 0 16px;width:16px;height:16px;margin-top:3px;color:var(--gold)}

/* r11: ultra premium sloj */
:root{--gold-grad:linear-gradient(180deg,#f1d089 0%,#d4a24c 55%,#b8862f 100%)}
html.premium{scroll-behavior:smooth}
.premium .glitch .gd{font-style:normal;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}
/* tehnicke oznake van: kodovi, ID-jevi, // */
.premium .m-code,.premium .t-id,.premium .b-id{display:none!important}
.premium .ticker b{font-size:0;margin:0 26px}
.premium .ticker b::before{content:"";display:inline-block;width:5px;height:5px;background:var(--gold);opacity:.7;transform:rotate(45deg);vertical-align:middle}
.premium .ticker{background:linear-gradient(180deg,#0e0e10,#06120e);border-top:1px solid var(--edge2);border-bottom:1px solid var(--edge2)}
/* pozadine: toplije i malo vidljivije, sa vinjetom */
.premium .sec-bg{opacity:.2!important;filter:grayscale(.55) contrast(1.05) sepia(.25)}
.premium .bg-hero{opacity:.34!important;filter:grayscale(.4) sepia(.3)}
.premium .sec-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 50% 40%,rgba(6,18,14,0) 0%,rgba(6,18,14,.85) 100%)}
.premium section{border-top:0;padding-top:clamp(84px,10vw,140px);padding-bottom:clamp(60px,8vw,110px)}
/* naslovi */
.premium .shead h2{letter-spacing:.32em;color:var(--dim)}
.premium .sec-h{font-weight:700;letter-spacing:-.035em;font-size:clamp(30px,4vw,54px)}
.premium .sec-h.sm{font-size:clamp(22px,2.4vw,30px);margin-top:70px}
/* nav staklo */
.premium nav.on{background:rgba(6,18,14,.6)!important;backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3)}
/* dugmad */
.premium .btn{border-radius:12px;padding-top:16px;padding-bottom:16px;transition:transform .25s ease,background .25s ease,border-color .25s ease}
.premium .btn.primary{background:linear-gradient(180deg,#e9c474,#cf9d44);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 10px 30px -10px rgba(212,162,76,.55)!important}
.premium .btn.primary:hover{background:linear-gradient(180deg,#f1d089,#d9a94f);transform:translateY(-2px)}
.premium .btn.ghost{backdrop-filter:blur(6px)}
.premium .btn.ghost:hover{transform:translateY(-2px)}
/* kartice: staklo, tanak rub, topli sjaj odozgo */
.premium .mod,.premium .tier,.premium .bld,.premium .cc{
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0) 38%),var(--panel);
  border:1px solid rgba(255,255,255,.08);border-radius:20px;
  box-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 30px 60px -40px rgba(0,0,0,.9)!important;
  transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.premium .mod:hover,.premium .bld:hover{transform:translateY(-4px);border-color:rgba(212,162,76,.4);
  box-shadow:0 1px 0 rgba(255,255,255,.07) inset,0 40px 80px -40px rgba(212,162,76,.22)!important}
.premium .mods{gap:22px}
.premium .mod{padding:34px 30px}
.premium .m-ic{width:46px;height:46px}
.premium .mod h3{font-size:22px}
/* websites mreza: odvojene kartice umjesto spojenih ploca */
.premium .blds{gap:22px!important;background:none!important;border:0!important}
.premium .bld{padding:30px 28px}
.premium .bld p{color:var(--mut)}
.premium .bld h3{letter-spacing:.02em}
.premium .bld-sub{letter-spacing:.3em;color:var(--dim)}
/* cijene */
.premium .pp{border-radius:26px;padding:clamp(26px,3.4vw,46px);border:1px solid rgba(212,162,76,.22);
  background:radial-gradient(90% 60% at 50% -10%,rgba(212,162,76,.10),rgba(212,162,76,0) 60%),linear-gradient(180deg,#0c1d17,#081712)}
.premium .tier{border-radius:20px}
.premium .tier.hot{border-color:rgba(212,162,76,.6);background:radial-gradient(120% 70% at 50% 0%,rgba(212,162,76,.12),rgba(212,162,76,0) 70%),#17161a}
.premium .tier .price b{font-weight:800;letter-spacing:-.04em}
/* FAQ, kontakt */
.premium .faq details{border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0)),var(--panel)}
.premium .faq details[open]{border-color:rgba(212,162,76,.35)!important}
.premium .shout{font-size:clamp(48px,9vw,140px);background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}
/* tanki zlatni rub pod nav-om i footerom */
.premium footer{background:#050f0b}
/* pojavljivanje pri skrolu ako postoji .rv */
@media(prefers-reduced-motion:reduce){.premium *{transition:none!important}}
.premium section{padding-top:clamp(56px,6vw,84px)!important;padding-bottom:clamp(40px,5vw,70px)!important}

/* Laneboard mark: the same road-in-a-box as the app, so carriers recognise it on the board */
.premium .lb-lock{display:inline-flex;align-items:center;gap:12px;margin:0 0 22px;text-decoration:none;color:var(--txt)}
.premium .lb-mark{width:40px;height:40px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:square}
.premium .lb-mark .d{stroke:var(--gold);stroke-width:2.4}
.premium .lb-word{display:flex;flex-direction:column;font-family:'Archivo',system-ui,sans-serif!important;font-weight:800;font-size:19px;letter-spacing:.16em;line-height:1}
.premium .lb-word small{font-family:'Inter',system-ui,sans-serif!important;font-weight:500;font-size:11px;letter-spacing:.14em;color:var(--mut);margin-top:5px;text-transform:uppercase}
.premium .lb-lock:hover .lb-mark .d{stroke:var(--gold2)}
.premium .lb-lock:hover{color:#fff}
.premium .lb-mark-h{width:22px;height:22px;color:var(--mut);margin-right:-4px}
/* cards: text starts right under the title, the button sits at the bottom */
.premium .outs .mod p.o-hook{flex:0 0 auto;margin-bottom:14px}
.premium .outs .mod .o-list{margin-bottom:22px}
.premium .outs .mod > .btn{margin-top:auto}

/* Laneboard is product no. 1: bigger title, gold badge; websites and ads sit under "More for carriers" */
.premium .shead .lb-no1{background:var(--gold);color:var(--ink);padding:5px 10px 4px;border-radius:999px;font-weight:800;letter-spacing:.14em;font-size:12px}
.premium #laneboard .sec-h.lb-big{font-size:clamp(34px,4.6vw,62px)!important;line-height:1.04;letter-spacing:-.015em;max-width:20ch;margin-bottom:22px}
.premium #laneboard .sub.lead{font-size:clamp(17px,1.4vw,20px)}
.premium .more-band{position:relative;padding:56px 0 8px;background:linear-gradient(180deg,transparent,rgba(212,162,76,.05))}
.premium .more-in{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.premium .more-l{font-weight:700;font-size:12px;letter-spacing:.22em;color:var(--gold)}
.premium .more-t{color:var(--mut);font-size:15px}
.premium .more-rule{flex:1 1 120px;height:1px;background:var(--edge)}
.premium .other-sec .sec-h{font-size:clamp(24px,2.6vw,34px)!important}
.premium .other-sec .shead .sn{color:var(--gold)}

/* intro: trucks come and go for 2 seconds, in the site's green and gold */
.premium .boot{background:radial-gradient(90% 70% at 50% 40%,#0c1d17,var(--void));transition:opacity .2s ease-out,visibility .2s}
.premium .boot-road .ln{background:repeating-linear-gradient(to bottom,rgba(212,162,76,.16) 0 30px,transparent 30px 74px)}
.premium .boot-road .bt{--hs-cut:var(--void);animation-duration:1.7s!important}
.premium .boot-road .bt.m{color:var(--gold);filter:drop-shadow(0 0 8px rgba(212,162,76,.45))}
.premium .boot-road .bt.c{color:#f2eee7;filter:none;opacity:.85}
.premium .boot .boot-in{background:radial-gradient(closest-side,rgba(6,18,14,.97),rgba(6,18,14,.85) 62%,rgba(6,18,14,0));animation-duration:.4s}
.premium .boot .boot-logo .hs svg{animation-duration:2s}
.premium .boot-logo .hs-w b+b{color:var(--gold);text-shadow:none}
.premium .boot-tag{font-family:'Inter',system-ui,sans-serif!important;letter-spacing:.24em;color:var(--mut);opacity:1}
.premium .boot-skip{display:none}