:root{--blue:#001e7f;--blue-bright:#0b42e8;--graphite:#39393a;--ink:#111216;--muted:#656773;--paper:#f3f4f6;--white:#fff;--line:rgba(17,18,22,.13);--display:"Barlow Condensed","Arial Narrow",sans-serif;--body:"Inter",Arial,sans-serif;--shell:min(1180px,calc(100% - 48px))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:999;top:8px;left:8px;padding:12px 16px;background:white;color:var(--blue);transform:translateY(-140%)}.skip-link:focus{transform:translateY(0)}
.site-header{position:absolute;z-index:20;width:100%;top:0;left:0;color:white;border-bottom:1px solid rgba(255,255,255,.18)}.header-shell{width:var(--shell);height:98px;margin:auto;display:flex;align-items:center;gap:42px}.brand{width:190px;flex:0 0 auto}.brand img{width:100%}.main-nav{display:flex;align-items:center;gap:30px;margin-left:auto}.main-nav a{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;position:relative}.main-nav a::after{content:"";position:absolute;height:2px;left:0;right:100%;bottom:-8px;background:white;transition:right .25s ease}.main-nav a:hover::after,.main-nav a:focus-visible::after{right:0}.header-cta{display:inline-flex;align-items:center;gap:10px;background:white;color:var(--blue);padding:14px 18px;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.header-cta svg{width:18px;fill:currentColor}.menu-toggle{display:none}
.hero{min-height:780px;height:94vh;position:relative;overflow:hidden;display:flex;align-items:center;color:white;background:#09102b}.hero-media{position:absolute;inset:0;background:url("assets/hero-workshop.webp") center/cover no-repeat;transform:scale(1.02)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,30,.97) 0%,rgba(0,15,69,.88) 34%,rgba(0,20,83,.42) 64%,rgba(0,0,0,.2) 100%)}.hero-grid{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to right,black,transparent 65%)}.hero-content{position:relative;z-index:2;width:var(--shell);margin:65px auto 0}.eyebrow,.kicker{display:flex;align-items:center;gap:12px;color:var(--blue);font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;font-weight:800}.eyebrow{color:white}.eyebrow span{width:34px;height:2px;background:#5e82ff}.hero h1{margin:20px 0 24px;max-width:790px;font:800 clamp(4.6rem,7vw,7.4rem)/.83 var(--display);letter-spacing:-.025em;text-transform:uppercase}.hero h1 em{color:#88a0ff;font-style:normal;display:block}.hero-copy{max-width:640px;margin:0 0 34px;color:rgba(255,255,255,.77);font-size:1.06rem;line-height:1.65}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:54px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;gap:14px;font-size:.78rem;font-weight:800;letter-spacing:.055em;text-transform:uppercase;transition:transform .2s ease,background .2s ease,color .2s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--blue-bright);color:white}.button-ghost{border:1px solid rgba(255,255,255,.45);color:white}.button-ghost:hover{background:white;color:var(--blue)}.trust-list{list-style:none;padding:0;margin:52px 0 0;display:flex;gap:0}.trust-list li{min-width:160px;padding:0 30px;border-left:1px solid rgba(255,255,255,.22)}.trust-list li:first-child{padding-left:0;border-left:0}.trust-list strong{display:block;font:700 1.55rem var(--display);text-transform:uppercase}.trust-list span{display:block;color:rgba(255,255,255,.58);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}.scroll-cue{position:absolute;z-index:3;right:48px;bottom:42px;display:flex;align-items:center;gap:12px;font-size:.66rem;text-transform:uppercase;letter-spacing:.18em;writing-mode:vertical-rl}.scroll-cue span{width:1px;height:48px;background:linear-gradient(white,transparent)}
.section{width:var(--shell);margin:0 auto;padding:120px 0}.section-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:end;margin-bottom:58px}.section-heading h2,.structure h2,.about h2,.contact h2{margin:12px 0 0;font:800 clamp(3.3rem,5.4vw,5.8rem)/.93 var(--display);letter-spacing:-.025em;text-transform:uppercase}.section-heading>p{color:var(--muted);line-height:1.7;max-width:440px;margin:0 0 8px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);background:var(--line);gap:1px;border:1px solid var(--line)}.service-card{min-height:330px;padding:32px;background:white;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:background .25s ease,color .25s ease}.service-card:not(.service-card-featured):hover{background:var(--blue);color:white}.service-number{font:600 .75rem var(--body);color:#9698a1;letter-spacing:.1em}.service-icon{width:48px;height:48px;margin:auto 0 34px;fill:none;stroke:var(--blue);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.service-card:hover .service-icon{stroke:white}.service-card h3{font:700 1.65rem/1 var(--display);text-transform:uppercase;margin:0 0 14px}.service-card p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.65}.service-card:not(.service-card-featured):hover p{color:rgba(255,255,255,.7)}.service-card-featured{grid-column:span 2;grid-row:span 2;padding:0;min-height:661px;background:var(--blue);color:white}.service-photo{min-height:355px;flex:1;background:url("assets/tachograph-service.webp") center/cover no-repeat}.service-card-content{padding:32px;display:grid;grid-template-columns:44px 1fr;gap:0 8px}.service-card-content h3{font-size:2rem}.service-card-content p{color:rgba(255,255,255,.7);max-width:520px}.service-card-content a{grid-column:2;margin-top:24px;display:flex;justify-content:space-between;padding-top:18px;border-top:1px solid rgba(255,255,255,.22);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.real-media{padding-top:40px}.real-media-grid{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(300px,.58fr);gap:18px;align-items:start}.workshop-film,.real-photo,.facility-tile{position:relative;overflow:hidden;margin:0;background:#071446;color:white}.workshop-film{align-self:start}.workshop-film video{display:block;width:100%;aspect-ratio:1032/480;object-fit:cover;background:#071446}.workshop-film figcaption{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px}.workshop-film figcaption span,.real-photo figcaption span,.facility-tile figcaption span{color:#9fb0ff;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.workshop-film figcaption strong,.real-photo figcaption strong,.facility-tile figcaption strong{max-width:540px;font:600 1.02rem/1.35 var(--display);text-align:right;text-transform:uppercase}.real-photo-stack{display:grid;gap:18px}.real-photo{aspect-ratio:16/9}.real-photo img,.facility-tile img,.facility-tile video{display:block;width:100%;height:100%;object-fit:cover}.real-photo figcaption,.facility-tile figcaption{position:absolute;left:0;right:0;bottom:0;padding:42px 20px 18px;background:linear-gradient(180deg,transparent,rgba(3,12,49,.94));pointer-events:none}.real-photo figcaption strong,.facility-tile figcaption strong{display:block;margin-top:6px;text-align:left;font-size:.92rem}.facility-gallery{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.facility-tile{aspect-ratio:4/3}.facility-video video{background:#071446}.facility-video figcaption{padding-bottom:52px}
.structure{position:relative;overflow:hidden;color:white;background:var(--blue)}.structure::after{content:"";position:absolute;width:520px;height:520px;right:-170px;top:-260px;border:100px solid rgba(255,255,255,.04);transform:rotate(45deg)}.structure-pattern{position:absolute;inset:0;background:repeating-linear-gradient(125deg,transparent 0 70px,rgba(255,255,255,.025) 70px 71px)}.structure-inner{position:relative;z-index:1;width:var(--shell);margin:auto;padding:112px 0;display:grid;grid-template-columns:1fr 1fr;gap:120px}.kicker-light{color:#9fb0ff}.structure-copy>p:not(.kicker){max-width:520px;color:rgba(255,255,255,.7);line-height:1.75}.text-link{display:inline-flex;gap:48px;margin-top:28px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.35);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.structure-points{border-top:1px solid rgba(255,255,255,.2)}.structure-points>div{display:grid;grid-template-columns:50px 1fr;padding:26px 0;border-bottom:1px solid rgba(255,255,255,.2)}.structure-points span{color:#89a2ff;font-size:.7rem}.structure-points strong{font:700 1.35rem var(--display);text-transform:uppercase}.structure-points p{grid-column:2;margin:7px 0 0;color:rgba(255,255,255,.6);font-size:.83rem;line-height:1.5}
.about{position:relative;display:grid;grid-template-columns:.75fr 1fr;gap:80px;overflow:hidden}.about-mark{position:absolute;right:-18px;top:25px;font:800 15rem/.8 var(--display);color:rgba(0,30,127,.045);letter-spacing:-.12em}.about-copy,.about-text{position:relative;z-index:1}.about-text{padding-top:42px}.about-text>p{margin:0;color:var(--muted);font-size:1.03rem;line-height:1.8}.regions{margin-top:44px;display:grid;grid-template-columns:140px 1fr;padding-top:25px;border-top:1px solid var(--line)}.regions>span{color:var(--blue);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.regions ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}.regions li{font:600 1.05rem var(--display);text-transform:uppercase}.regions li::before{content:"—";color:var(--blue);margin-right:10px}
.contact{background:var(--graphite);color:white;display:grid;grid-template-columns:1.1fr .9fr}.contact-card,.contact-details{padding:86px max(48px,calc((100vw - 1180px)/2))}.contact-card{padding-right:70px;background:var(--blue)}.contact-card h2{max-width:620px}.contact-card>p:not(.kicker){max-width:560px;color:rgba(255,255,255,.72);line-height:1.7}.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button-white{background:white;color:var(--blue)}.button-outline{border:1px solid rgba(255,255,255,.4)}.contact-details{padding-left:70px;display:grid;align-content:center;gap:28px}.contact-details>div{padding-bottom:25px;border-bottom:1px solid rgba(255,255,255,.16)}.contact-details>div:last-child{border-bottom:0}.detail-label{color:#9da0a7;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.contact-details p{margin:8px 0;color:rgba(255,255,255,.8);font-size:.9rem;line-height:1.6}.contact-details a{color:white;font-size:.78rem;font-weight:700}
.site-footer{background:#121317;color:white;padding:48px max(24px,calc((100vw - 1180px)/2))}.site-footer>img{width:170px;margin-bottom:22px}.site-footer>p{color:rgba(255,255,255,.48);margin-bottom:45px}.site-footer>div{display:flex;justify-content:space-between;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.48);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.floating-whatsapp{position:fixed;z-index:30;right:24px;bottom:24px;width:56px;height:56px;border-radius:50%;background:#25d366;color:white;display:grid;place-items:center;box-shadow:0 12px 30px rgba(0,0,0,.25);transition:transform .2s ease}.floating-whatsapp:hover{transform:translateY(-3px) scale(1.03)}.floating-whatsapp svg{width:29px;fill:currentColor}.reveal{opacity:0;transform:translateY(26px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:980px){:root{--shell:min(100% - 32px,760px)}.header-shell{height:82px}.brand{width:155px}.header-cta{display:none}.menu-toggle{display:grid;gap:5px;margin-left:auto;background:transparent;border:0;padding:10px;color:white}.menu-toggle span:not(.sr-only){display:block;width:25px;height:2px;background:currentColor;transition:transform .2s,opacity .2s}.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.main-nav{position:absolute;display:none;top:82px;left:0;right:0;background:#071446;padding:20px 24px 28px;flex-direction:column;align-items:flex-start;gap:0}.main-nav.is-open{display:flex}.main-nav a{width:100%;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.15)}.hero{min-height:740px;height:auto;padding:125px 0 45px}.hero h1{font-size:clamp(4rem,11vw,6.5rem)}.scroll-cue{display:none}.section-heading{grid-template-columns:1fr;gap:20px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card-featured{min-height:620px}.real-media-grid{grid-template-columns:1fr}.real-photo-stack{grid-template-columns:1fr 1fr}.facility-gallery{grid-template-columns:repeat(3,1fr)}.structure-inner{grid-template-columns:1fr;gap:60px}.about{grid-template-columns:1fr;gap:12px}.about-text{padding-top:0}.contact{grid-template-columns:1fr}.contact-card,.contact-details{padding:70px max(32px,calc((100vw - 760px)/2))}.contact-details{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){:root{--shell:calc(100% - 34px)}.hero{min-height:760px}.hero-media{background-position:62% center}.hero-overlay{background:linear-gradient(90deg,rgba(2,8,30,.96),rgba(0,20,83,.68))}.hero h1{font-size:clamp(3.7rem,18vw,5.2rem);max-width:480px}.hero-copy{font-size:.96rem}.hero-actions,.contact-actions{flex-direction:column;align-items:stretch}.trust-list{gap:18px;margin-top:42px}.trust-list li{min-width:0;padding:0 0 0 14px;flex:1}.trust-list strong{font-size:1.15rem}.trust-list span{font-size:.56rem}.section{padding:86px 0}.section-heading h2,.structure h2,.about h2,.contact h2{font-size:clamp(3rem,14vw,4.4rem)}.service-grid{grid-template-columns:1fr}.service-card-featured{grid-column:auto;grid-row:auto;min-height:620px}.service-card{min-height:285px}.service-photo{min-height:300px}.real-media{padding-top:10px}.real-photo-stack,.facility-gallery{grid-template-columns:1fr}.workshop-film figcaption{display:block}.workshop-film figcaption strong{display:block;margin-top:8px;text-align:left;font-size:.9rem}.facility-tile{aspect-ratio:4/3}.structure-inner{padding:86px 0}.regions{grid-template-columns:1fr;gap:18px}.about-mark{font-size:10rem}.contact-card,.contact-details{padding:65px 24px}.contact-details{grid-template-columns:1fr}.site-footer>div{gap:22px;flex-direction:column}.floating-whatsapp{width:52px;height:52px;right:18px;bottom:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}