@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;600;700;800&display=swap');
:root{--ink:#05080d;--panel:#0b1119;--blue:#0877d8;--blue2:#0d93f4;--line:rgba(255,255,255,.12);--muted:#9eafc1}
body{background:var(--ink);color:#fff;font-family:Inter,Arial,sans-serif;overflow-x:hidden}
.landing-header{height:82px;padding-left:max(24px,calc((100vw - 1240px)/2));padding-right:max(24px,calc((100vw - 1240px)/2));background:rgba(4,8,13,.88);border:0;border-bottom:1px solid var(--line);box-shadow:none;backdrop-filter:blur(18px)}
.landing-header:after{content:"";position:absolute;left:0;bottom:-3px;width:34%;height:3px;background:linear-gradient(90deg,var(--blue2),transparent)}
.landing-brand{color:#fff}.landing-brand img{width:50px;height:50px;filter:drop-shadow(0 9px 18px rgba(0,119,216,.32))}.landing-brand b{font:900 22px/1 Barlow Condensed,Arial,sans-serif;letter-spacing:.08em}.landing-brand small{color:#7590aa;letter-spacing:.12em;text-transform:uppercase}
.landing-header nav a{position:relative;color:#b5c2cf;font:700 14px/1 Barlow Condensed,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}.landing-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-12px;height:2px;background:var(--blue2);transition:right .25s}.landing-header nav a:hover{color:#fff}.landing-header nav a:hover:after{right:0}
.landing-start,.hero-primary,.public-section button,.final-cta button{border-radius:2px;background:linear-gradient(135deg,var(--blue2),#075aa7);box-shadow:0 15px 40px rgba(0,119,216,.28);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);text-transform:uppercase;letter-spacing:.07em}
.hero{min-height:calc(100vh - 82px);grid-template-columns:minmax(0,1.05fr) minmax(330px,.62fr);gap:70px;background:#060a10 url("actros-splash-v1.png") 70% center/cover no-repeat}
.hero-shade{background:linear-gradient(90deg,#03070c 0,rgba(3,7,12,.94) 38%,rgba(3,7,12,.58) 67%,rgba(3,7,12,.25)),linear-gradient(0deg,#05080d 0,transparent 22%)}
.hero:before{content:"";position:absolute;z-index:1;left:-8%;bottom:-88px;width:70%;height:170px;background:linear-gradient(135deg,#0877d8,#05477e);transform:skewY(7deg);opacity:.78}
.hero:after{content:"";position:absolute;z-index:1;right:-6%;bottom:-92px;width:58%;height:150px;background:#05080d;transform:skewY(-6deg)}
.hero-kicker,.section-label{color:var(--blue2);font:800 14px/1 Barlow Condensed,Arial,sans-serif;letter-spacing:.24em}
.hero h1,.intro h2,.split-copy h2,.account-copy h2,.details-section h2,.public-section h2,.final-cta h2{font-family:Barlow Condensed,Arial,sans-serif;text-transform:uppercase}
.hero h1{max-width:780px;margin:22px 0 25px;font-size:clamp(58px,7.6vw,104px);line-height:.82;letter-spacing:-.025em;text-shadow:0 12px 45px rgba(0,0,0,.55)}.hero h1 em{color:#fff;-webkit-text-stroke:1px var(--blue2);text-shadow:0 0 32px rgba(13,147,244,.34)}
.hero-content>p{max-width:660px;color:#b6c4d1;font-size:16px;line-height:1.8}.hero-actions{margin-top:38px}.hero-primary{padding:18px 27px}.hero-actions a{color:#b6c4d1;text-transform:uppercase;font:700 14px Barlow Condensed,Arial,sans-serif;letter-spacing:.1em}
.hero-badges span{border-radius:2px;border-color:rgba(13,147,244,.3);background:rgba(4,17,29,.68);color:#c8d7e5;clip-path:polygon(6px 0,100% 0,100% 100%,0 100%,0 6px)}
.hero-panel{border-radius:3px;border:1px solid rgba(13,147,244,.38);background:linear-gradient(145deg,rgba(4,13,22,.94),rgba(8,31,51,.88));box-shadow:22px 22px 0 rgba(4,112,201,.13),0 35px 90px rgba(0,0,0,.5);clip-path:polygon(28px 0,100% 0,100% calc(100% - 28px),calc(100% - 28px) 100%,0 100%,0 28px)}
.route-point b{border-radius:3px;background:var(--blue)}.route-point.finish b{background:#0d93f4}.preview-stats div{border-radius:2px;border-left:2px solid var(--blue2);background:rgba(255,255,255,.055)}.preview-stats strong{color:var(--blue2);font-family:Barlow Condensed,Arial,sans-serif}
.intro,.feature-grid,.split-section,.account-section,.details-section{width:min(1240px,calc(100% - 44px))}
.intro{padding-top:150px}.intro h2,.split-copy h2,.account-copy h2,.details-section h2,.public-section h2,.final-cta h2{font-size:clamp(42px,5vw,67px);letter-spacing:-.015em}.intro p,.split-copy>p{color:var(--muted)}
.feature-grid{gap:18px;padding-bottom:130px}.feature-card{min-height:330px;border:1px solid var(--line);border-radius:2px;background:linear-gradient(145deg,#101721,#090e15);box-shadow:18px 18px 0 rgba(8,119,216,.055),0 28px 60px rgba(0,0,0,.2);clip-path:polygon(25px 0,100% 0,100% calc(100% - 25px),calc(100% - 25px) 100%,0 100%,0 25px)}
.feature-card.featured{background:linear-gradient(150deg,#0877d8,#073e70 80%);border-color:rgba(255,255,255,.18)}.feature-card>span{color:rgba(255,255,255,.22);font:900 42px/1 Barlow Condensed,Arial,sans-serif}.feature-icon{border-radius:2px;background:rgba(13,147,244,.15);color:#5bb8ff;box-shadow:none;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}.featured .feature-icon{background:#05080d;color:#fff}.feature-card h3{font:800 28px/1 Barlow Condensed,Arial,sans-serif;text-transform:uppercase}.feature-card p,.featured p{color:#9eafc1}.featured p,.featured ul{color:#e3edf6}
.split-section{position:relative;padding:140px 0}.split-section:before{content:"";position:absolute;z-index:-1;top:40px;bottom:40px;left:calc(50% - 50vw);right:calc(50% - 50vw);background:linear-gradient(115deg,#07111c 0,#07111c 48%,#0877d8 48.2%,#053761 100%);clip-path:polygon(0 8%,100% 0,100% 92%,0 100%)}
.step-list>div{border-radius:2px;border-color:rgba(255,255,255,.1);background:rgba(4,9,15,.74);box-shadow:0 12px 28px rgba(0,0,0,.18)}.step-list b{border-radius:2px;background:var(--blue)}.step-list small{color:#8497aa}
.route-visual{border-radius:2px;background:#17283a;box-shadow:24px 24px 0 rgba(0,0,0,.22);clip-path:polygon(35px 0,100% 0,100% calc(100% - 35px),calc(100% - 35px) 100%,0 100%,0 35px)}.visual-map{filter:saturate(.55) contrast(1.1)}.visual-card{border-radius:2px;background:#090e15;color:#fff;border-top:3px solid var(--blue2)}.visual-card p{color:#9eafc1}
.public-section{position:relative;padding-top:95px;padding-bottom:95px;background:linear-gradient(105deg,#0877d8,#043a68);clip-path:polygon(0 13%,100% 0,100% 87%,0 100%)}.public-section p{color:#dbeeff}
.account-section:before{inset:15px calc(50% - 50vw);background:linear-gradient(90deg,rgba(3,7,12,.97),rgba(3,7,12,.72)),url("actros-splash-v1.png") 74% center/cover no-repeat;box-shadow:none;clip-path:polygon(0 8%,100% 0,100% 92%,0 100%)}.account-section{padding:150px 0}.account-copy p{color:#a7b7c5}.account-cards article{border-radius:2px;border-color:rgba(255,255,255,.12);background:rgba(8,15,23,.9);box-shadow:15px 15px 0 rgba(8,119,216,.12);clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)}.account-cards b{color:var(--blue2);font:900 48px/1 Barlow Condensed,Arial,sans-serif}.account-cards h3{font:800 25px Barlow Condensed,Arial,sans-serif;text-transform:uppercase}.account-section .account-cards p{color:#9eafc1}
.details-section{padding-top:130px}.details-grid{gap:2px;border:0;border-radius:0;background:#0877d8;box-shadow:24px 24px 0 rgba(8,119,216,.12)}.details-grid div{background:#0b1119;color:#fff}.details-grid div:hover{background:#101e2c}.details-grid strong{font:800 23px Barlow Condensed,Arial,sans-serif;text-transform:uppercase}.details-grid p{color:#91a4b6}
.final-cta{position:relative;padding:150px 20px;background:linear-gradient(90deg,rgba(3,7,12,.96),rgba(3,7,12,.7)),url("actros-splash-v1.png") center 56%/cover no-repeat;clip-path:polygon(0 12%,100% 0,100% 100%,0 100%)}.final-cta h2{max-width:850px;margin-left:auto;margin-right:auto}.final-cta p{color:#a8b8c6}
footer{background:#0877d8;color:#fff;border-top:1px solid rgba(255,255,255,.2)}footer p{color:#dceeff}
.site-language-switch{border-radius:2px;background:#0b1119;border-color:rgba(255,255,255,.16);box-shadow:none}.site-language-switch button{border-radius:1px;color:#91a4b6}.site-language-switch button.is-active{background:var(--blue);box-shadow:none}
@media(max-width:900px){.hero{background-position:63% center}.split-section:before{background:linear-gradient(160deg,#07111c 0,#07111c 62%,#075a9f 62.2%,#04345d 100%)}}
@media(max-width:600px){.landing-header{height:68px}.landing-brand b{font-size:18px}.hero{padding-top:80px;background-position:61% center}.hero-shade{background:linear-gradient(90deg,rgba(3,7,12,.96),rgba(3,7,12,.68)),linear-gradient(0deg,#05080d,transparent 38%)}.hero h1{font-size:56px;line-height:.86}.hero-panel{box-shadow:12px 12px 0 rgba(4,112,201,.13)}.intro{padding-top:110px}.feature-grid{padding-bottom:90px}.split-section,.account-section{padding:105px 0}.public-section{clip-path:polygon(0 5%,100% 0,100% 95%,0 100%)}.details-section{padding-top:95px}.final-cta{padding-top:110px;clip-path:polygon(0 5%,100% 0,100% 100%,0 100%)}}
