:root{color-scheme:dark;--ink:#080b0d;--panel:#13171b;--light:#e7e8e5;--sub:#a9acae;--muted:#71767b;--accent:#d7a76d;--rule:#2c3134;--font:'Manrope',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b0d0e;color:var(--light);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.wrap{max-width:1290px;margin:auto;padding-left:clamp(22px,5.2vw,75px);padding-right:clamp(22px,5.2vw,75px)}.preview-banner{background:#a77d4a;color:#10100f;text-align:center;padding:7px 8px;font-size:10px;font-weight:800;letter-spacing:1.35px}.top-nav{height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(22px,5.2vw,75px);position:absolute;top:27px;left:0;right:0;z-index:20;border-bottom:1px solid #ffffff24}.brand{font-weight:800;letter-spacing:-1px;font-size:23px;line-height:1;display:flex;align-items:center;gap:14px}.brand>span:nth-child(2){display:block}.brand-lite{font-weight:400}.brand small{display:block;font-size:8px;letter-spacing:2.8px;margin-top:7px;color:#bec3c3;font-weight:700}.brand-icon{width:40px;height:42px;color:#0c1013;background:var(--accent);display:grid;place-items:center;font-size:25px;position:relative;letter-spacing:-4px}.brand-icon span{font-size:12px;position:absolute;right:6px;top:1px}.top-nav nav{display:flex;gap:36px;color:#c8cbca;font-size:12px;font-weight:700;letter-spacing:.3px}.top-nav nav a:hover,.text-link:hover,.language:hover{color:var(--accent)}.nav-actions{display:flex;align-items:center;gap:20px}.language{border:0;background:none;color:#f0efea;font-weight:700;font-size:12px}.language span{color:var(--accent)}.nav-cta{font-size:12px;border:1px solid #7a7165;padding:12px 18px;font-weight:700}.nav-cta span{color:var(--accent);padding-left:10px}.nav-cta:hover{border-color:var(--accent)}.hero{min-height:795px;height:95vh;max-height:1040px;position:relative;background:#131d26;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.hero-photo{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(4,8,13,.9) 2%,rgba(4,9,14,.72) 36%,rgba(4,9,14,.18) 82%),linear-gradient(0deg,#070a0d 0%,transparent 37%,#03080b88 100%),url('/evro-logistik-hero.webp'),url('/hero-truck.svg');background-position:center,center,center 49%,center;background-size:cover;filter:saturate(.6)}.hero-grain{position:absolute;inset:0;background:repeating-linear-gradient(0deg,#fff1 0px,transparent 1px,transparent 5px);opacity:.1;pointer-events:none}.hero-content{position:relative;z-index:1;width:100%;padding-top:105px}.eyebrow,.micro{font-size:10px;letter-spacing:2.6px;font-weight:800;color:#d2d4d4}.eyebrow{display:flex;align-items:center;gap:14px}.eyebrow-line{display:inline-block;background:var(--accent);width:31px;height:2px}.hero h1{font-weight:700;font-size:clamp(58px,6.5vw,103px);line-height:1.08;letter-spacing:-5px;margin:30px 0 27px;max-width:900px}.hero h1 em,h2 em{font-weight:500;font-style:normal;color:#d4ad80}.hero-copy{font-size:17px;line-height:1.8;color:#d5d8d9;max-width:525px;margin:0}.hero-buttons{display:flex;align-items:center;gap:36px;margin-top:38px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:54px;padding:0 24px;border:0;font-size:12px;font-weight:800;letter-spacing:.1px;transition:.2s}.btn-accent{background:var(--accent);color:#111212}.btn-accent:hover{background:#e4be90;transform:translateY(-1px)}.btn span{font-size:17px}.text-link{font-size:12px;color:#ebebea;font-weight:700}.text-link span{padding-left:8px;color:var(--accent)}.hero-bottom{position:absolute;bottom:32px;left:0;right:0;z-index:1;display:flex;justify-content:space-between;color:#bcc0c0;font-size:9px;font-weight:700;letter-spacing:2px}.hero-scroll span{color:var(--accent);font-size:16px;margin-left:9px}.facts{background:#111518;display:grid;grid-template-columns:repeat(3,1fr);padding-top:45px;padding-bottom:45px;border-bottom:1px solid var(--rule)}.facts>div{padding-left:42px;border-left:1px solid #45494b}.facts>div:first-child{padding-left:0;border-left:0}.facts strong{display:block;font-size:41px;font-weight:600;letter-spacing:-2px;line-height:1.2}.facts strong span{font-size:27px}.facts span:not(.accent){font-size:10px;font-weight:700;letter-spacing:1px;color:#909698;text-transform:uppercase}.accent{color:var(--accent)}.section{display:grid;grid-template-columns:28% 72%;padding-top:150px;padding-bottom:145px}.section-label{font-size:10px;font-weight:800;letter-spacing:2px;color:#a7abad;display:flex;align-items:baseline;gap:18px}.section-label span:first-child{color:var(--accent);font-size:12px}.section-body h2,.coverage h2,.contact-section h2{font-size:clamp(42px,4.8vw,70px);font-weight:600;letter-spacing:-3px;line-height:1.15;margin:0 0 36px}.section-body>p,.coverage p,.contact-intro>p{max-width:590px;color:#b9bcbf;font-size:16px;line-height:1.95}.line-note{margin-top:50px;border-left:2px solid var(--accent);padding-left:22px;font-size:12px;color:#9a9fa2;line-height:1.8}.photo-break{height:490px;background-image:linear-gradient(90deg,#080d11e9,#10131855),url('https://images.unsplash.com/photo-1501700493788-fa1b62b6f949?auto=format&fit=crop&w=2000&q=85');background-size:cover;background-position:center;display:flex;align-items:end}.photo-break-inner{width:100%;padding-bottom:62px}.photo-break h2{font-size:clamp(45px,5.2vw,80px);letter-spacing:-3px;line-height:1.16;margin:18px 0 0;font-weight:600}.services{padding-top:155px}.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:66px}.service-card{background:#161a1d;border:1px solid #2b2f32;min-height:310px;padding:27px 22px;display:flex;flex-direction:column}.service-icon{font-size:34px;color:var(--accent);height:74px}.service-card .number{color:#8f9697;font-size:10px;letter-spacing:2px;font-weight:800}.service-card h3{font-size:18px;line-height:1.35;letter-spacing:-.5px;margin:13px 0}.service-card p{font-size:12px;line-height:1.85;color:#9fa4a7;margin:0}.coverage{background:#171b1e;padding-top:130px;padding-bottom:130px}.coverage-layout{display:grid;grid-template-columns:1fr .9fr;gap:60px;align-items:center}.coverage h2{margin:35px 0}.coverage p{font-size:14px;max-width:470px}.route-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.route-pills span{padding:10px 13px;border:1px solid #3e4446;color:#c9ccce;font-size:11px}.route-graphic{height:420px;position:relative;border:1px solid #313a3f;background:radial-gradient(ellipse at 70% 40%,#2e3539 0%,#11161a 65%);overflow:hidden}.route-grid{position:absolute;inset:-50px;background-image:linear-gradient(#ffffff10 1px,transparent 1px),linear-gradient(90deg,#ffffff10 1px,transparent 1px);background-size:44px 44px;transform:perspective(650px) rotateX(27deg) rotateZ(-13deg)}.route-line{position:absolute;width:75%;height:160px;border-top:2px dashed #bd996e;border-radius:50%;transform:rotate(-29deg);left:10%;top:41%}.route-two{left:9%;top:50%;opacity:.35;transform:rotate(-11deg);width:85%}.route-point{position:absolute;text-align:center}.route-point b{height:55px;width:55px;background:var(--accent);color:#151616;border-radius:50%;display:grid;place-items:center;font-size:13px;box-shadow:0 0 0 9px #d7a76d22}.route-point span{display:block;font-size:9px;color:#e0d4c4;font-weight:800;letter-spacing:2px;margin-top:20px}.origin{left:15%;bottom:16%}.dest{right:14%;top:19%}.dest b{background:#f0f1f0}.route-caption{position:absolute;bottom:16px;right:22px;color:#8f989d;font-size:8px;letter-spacing:2px}.contact-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;padding-top:150px;padding-bottom:170px}.contact-intro h2{margin:44px 0 20px}.contact-intro>p{font-size:14px}.contact-address{margin-top:70px;display:flex;flex-direction:column;gap:12px}.contact-address span{font-size:10px;color:var(--accent);letter-spacing:2px;font-weight:800}.contact-address strong{font-size:15px;font-weight:600}.contact-address a{font-size:14px;color:#b4b8ba}.contact-form-wrap{background:#171b1e;padding:40px;border:1px solid #303639}.form-heading{font-size:24px;font-weight:700;letter-spacing:-.6px;margin-bottom:37px}.contact-form-wrap label{display:block;margin-bottom:21px}.contact-form-wrap label>span{display:block;font-size:11px;font-weight:700;color:#c2c5c5;margin-bottom:11px}.contact-form-wrap input,.contact-form-wrap textarea,.contact-form-wrap select{width:100%;background:#0f1315;border:1px solid #3b4246;border-radius:0;padding:14px 13px;outline:0;color:#f1f1ef;font-size:12px;transition:border-color .2s}.contact-form-wrap input:focus,.contact-form-wrap textarea:focus,.contact-form-wrap select:focus{border-color:var(--accent)}.contact-form-wrap textarea{resize:vertical;min-height:125px}.contact-form-wrap .two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:20px}.form-footer p{font-size:10px;color:#899195;line-height:1.6;max-width:185px}.form-footer .btn{white-space:nowrap}.form-status{font-size:12px;line-height:1.6;padding-top:12px;min-height:28px}.form-status.error{color:#ffad9d}.form-status.success{color:#b7e4c2}.hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}footer{background:#171b1e;border-top:1px solid #303639}.footer-content{padding-top:35px;padding-bottom:35px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-content .brand{font-size:18px;display:block}.footer-content .brand small{font-size:7px}.footer-content>span,footer a{font-size:10px;color:#a2a7a9}footer a{letter-spacing:1px;font-weight:700}
@media(max-width:950px){.top-nav nav{gap:17px}.top-nav nav a{font-size:10px}.nav-cta{display:none}.hero{height:790px}.hero h1{letter-spacing:-3px}.section{grid-template-columns:1fr;gap:40px;padding-top:105px;padding-bottom:105px}.service-cards{margin-top:45px}.coverage-layout{gap:30px}.contact-section{gap:35px}.contact-form-wrap{padding:26px}}
@media(max-width:680px){.top-nav{height:75px;top:27px}.brand{font-size:18px;gap:9px}.brand-icon{width:31px;height:35px;font-size:20px}.brand small{font-size:6px;letter-spacing:2px}.top-nav nav{display:none}.hero{min-height:680px;height:85svh}.hero-photo{background-position:center,center,60% center}.hero-content{padding-top:120px}.eyebrow{font-size:9px;letter-spacing:1px}.hero h1{font-size:clamp(49px,10vw,70px);letter-spacing:-2.6px;margin:21px 0}.hero-copy{font-size:13px;max-width:320px}.hero-buttons{flex-direction:column;align-items:flex-start;gap:20px;margin-top:32px}.hero-bottom{bottom:22px}.hero-bottom span:last-child{display:none}.facts{padding-top:32px;padding-bottom:32px;gap:8px}.facts>div{padding-left:12px}.facts strong{font-size:27px}.facts span:not(.accent){font-size:8px;letter-spacing:0}.section-body h2,.coverage h2,.contact-section h2{font-size:43px;letter-spacing:-2px}.section-body>p{font-size:14px}.photo-break{height:350px}.photo-break h2{font-size:46px}.service-cards{grid-template-columns:1fr}.service-card{min-height:220px}.service-icon{height:42px}.coverage{padding-top:90px;padding-bottom:90px}.coverage-layout{grid-template-columns:1fr}.route-graphic{height:280px}.contact-section{grid-template-columns:1fr;padding-top:100px;padding-bottom:105px}.contact-address{margin-top:35px}.contact-form-wrap{padding:21px}.contact-form-wrap .two{grid-template-columns:1fr;gap:0}.form-footer{flex-direction:column;align-items:stretch}.form-footer p{max-width:100%}.footer-content{flex-direction:column;align-items:flex-start}.preview-banner{font-size:8px;letter-spacing:.4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}


/* EVROLOGISTIK_HEADER_LOGO_V1_START */
.top-nav a.brand.brand--custom-logo{display:flex;align-items:center;flex:0 0 315px;width:315px;min-width:0;gap:0;letter-spacing:normal}
.top-nav .brand-logo-image{display:block;width:100%;height:auto;max-height:72px;object-fit:contain;object-position:left center}
@media(max-width:950px){.top-nav a.brand.brand--custom-logo{flex-basis:235px;width:235px}}
@media(max-width:680px){.top-nav a.brand.brand--custom-logo{flex:0 1 215px;width:min(56vw,215px)}.top-nav .brand-logo-image{max-height:58px}}
/* EVROLOGISTIK_HEADER_LOGO_V1_END */

/* EVROLOGISTIK_MOBILE_UI_POLISH_V1_START */
/* Uniform service pictograms; preserve the existing spacing at all breakpoints. */
.service-card .service-icon{display:flex;align-items:flex-start;justify-content:flex-start;width:44px;color:var(--accent)}
.service-card .service-icon svg{display:block;flex:none;width:28px;height:28px}
/* Button text and arrow are separate nodes: translation never removes the SVG. */
.form-footer #submit-btn{display:flex;align-items:center;justify-content:space-between;gap:24px}
.form-footer #submit-btn .submit-label{font-size:inherit;line-height:1.3}
.form-footer #submit-btn .submit-icon{display:block;flex:none;width:20px;height:20px;color:currentColor}
/* EVROLOGISTIK_MOBILE_UI_POLISH_V1_END */

/* EVROLOGISTIK_ARROWS_AND_MOBILE_HERO_V2_START */
/* Use restrained outline SVGs, never platform-specific boxed arrow emoji. */
.top-nav .language{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.top-nav .language .language-label{color:inherit}
.top-nav .language .ui-arrow{display:block;width:16px;height:16px;flex:none;color:var(--accent)}
.top-nav .nav-cta{display:inline-flex;align-items:center;gap:10px}
.top-nav .nav-cta .nav-cta-label{color:inherit;padding:0}
.top-nav .nav-cta .ui-arrow{display:block;width:16px;height:16px;flex:none;color:var(--accent)}
.hero-buttons .hero-cta{max-width:100%;gap:22px}
.hero-buttons .hero-cta .btn-label{font-size:inherit;line-height:1.45;min-width:0}
.hero-buttons .hero-cta .ui-arrow{display:block;flex:none;width:20px;height:20px;color:inherit}
/* The hero image moves right within the phone viewport; desktop remains unchanged. */
@media (max-width:680px){
  .hero-photo{background-position:center,center,32% center,center}
}
/* EVROLOGISTIK_ARROWS_AND_MOBILE_HERO_V2_END */

/* EVROLOGISTIK_MOBILE_HEADER_LANGUAGE_V4_START */
/* A shorter mobile CTA keeps the original desktop label and button geometry. */
.top-nav .nav-cta .nav-cta-label--mobile{display:none}
@media (max-width:680px){
  .top-nav .nav-cta .nav-cta-label--desktop{display:none}
  .top-nav .nav-cta .nav-cta-label--mobile{display:inline}
}
/* EVROLOGISTIK_MOBILE_HEADER_LANGUAGE_V4_END */

/* Staging only: invisible when Turnstile is not configured. */
.turnstile-slot:not(:empty){margin-bottom:18px}

/* EVROLOGISTIK_PUBLIC_INFO_V1: no preview banner, mailto contact instead of form. */
.top-nav{top:0}
@media(max-width:680px){.top-nav{top:0}}
.contact-email-wrap{display:flex;flex-direction:column;justify-content:center;min-height:325px;gap:22px}
.contact-email-wrap .form-heading{margin-bottom:0}
.contact-email-note{font-size:14px;line-height:1.9;color:#bdc2c3;max-width:520px;margin:0}
.contact-email-link{align-self:flex-start;max-width:100%;gap:28px}
.contact-email-link span{font-size:14px;line-height:1.45}
.contact-email-link .ui-arrow{display:block;flex:none;width:20px;height:20px}
.contact-email-address{margin:0;color:#c5c9c9;font-size:13px;overflow-wrap:anywhere}
@media(max-width:680px){.contact-email-wrap{min-height:295px;gap:20px}.contact-email-link{width:100%}}