:root{
  --bg:#061014;
  --bg-2:#09191d;
  --panel:#0c1b20;
  --text:#f3f6f1;
  --muted:#9aa9a5;
  --lime:#d9ff24;
  --lime-2:#a9d500;
  --line:rgba(255,255,255,.10);
  --max:1380px;
  --ease:cubic-bezier(.2,.8,.2,1);
  /* Space Grotesk has no Cyrillic — Russian falls back to Manrope */
  --display:"Space Grotesk",Manrope,Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}
body:has(.mobile-nav.open){overflow:hidden}
a{text-decoration:none;color:inherit}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
img{display:block;width:100%;object-fit:cover}
.container{width:min(calc(100% - 64px),var(--max));margin:auto}
.noise{position:fixed;inset:0;pointer-events:none;z-index:100;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%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.025'/%3E%3C/svg%3E")}
.cursor-glow{position:fixed;width:340px;height:340px;border-radius:50%;pointer-events:none;z-index:1;background:radial-gradient(circle,rgba(217,255,36,.08),transparent 68%);transform:translate(-50%,-50%);transition:opacity .3s}
.site-header{position:fixed;z-index:50;top:0;left:0;width:100%;transition:.35s var(--ease)}
.site-header.scrolled{background:rgba(4,12,15,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav{height:82px;display:flex;align-items:center;gap:38px}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--display);font-size:15px;font-weight:700;line-height:.9;letter-spacing:-.04em;white-space:nowrap}
.brand b{display:block;color:var(--lime);font-weight:600;margin-top:3px}
.brand-mark{width:32px;height:32px;position:relative;display:grid;place-items:center;transform:rotate(45deg)}
.brand-mark:before,.brand-mark:after{content:"";position:absolute;background:var(--lime)}
.brand-mark:before{width:100%;height:4px}.brand-mark:after{height:100%;width:4px}
.brand-mark span{position:absolute;width:7px;height:7px;border:2px solid var(--lime)}
.brand-mark span:nth-child(1){top:0}.brand-mark span:nth-child(2){right:0}.brand-mark span:nth-child(3){bottom:0}.brand-mark span:nth-child(4){left:0}
.desktop-nav{display:flex;align-items:center;justify-content:center;gap:28px;flex:1}
.desktop-nav a{font-size:12px;color:#c6cfcc;position:relative;padding:7px 0}
.desktop-nav a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--lime);transition:.3s}
.desktop-nav a:hover:after{width:100%}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:48px;padding:0 21px;border:1px solid transparent;font-size:12px;font-weight:800;transition:.3s var(--ease);white-space:nowrap}
.btn span{font-size:18px;line-height:0}
.btn-lime{background:var(--lime);color:#07100d}
.btn-lime:hover{transform:translateY(-3px);box-shadow:0 14px 40px rgba(217,255,36,.18)}
.btn-glass,.btn-outline{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.04);color:white}
.btn-glass:hover,.btn-outline:hover{border-color:var(--lime);color:var(--lime)}
.menu-toggle{display:none;background:none;border:0;width:42px;height:42px;position:relative}
.menu-toggle i{display:block;width:22px;height:1px;background:white;margin:6px auto;transition:.3s}
.mobile-nav{display:none}
.hero{height:100vh;min-height:720px;position:relative;overflow:hidden}
.hero-media{position:absolute;inset:0}
.hero-media img{height:100%;object-fit:cover;object-position:center}
.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,12,15,.96) 0%,rgba(3,12,15,.68) 40%,rgba(3,12,15,.10) 75%),linear-gradient(0deg,#061014 0%,transparent 28%,rgba(0,0,0,.15))}
.grid-overlay{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(217,255,36,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(217,255,36,.18) 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(90deg,#000,transparent 70%)}
.hero-content{height:100%;position:relative;z-index:2;padding-top:180px;display:flex;flex-direction:column;justify-content:flex-start}
.eyebrow,.kicker{font-size:10px;letter-spacing:.19em;color:var(--lime);font-weight:800}
.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow span{width:40px;height:1px;background:var(--lime)}
.hero h1{font-family:var(--display);font-size:clamp(52px,6.5vw,104px);line-height:.9;letter-spacing:-.065em;margin:30px 0 25px;max-width:900px}
.hero h1 em,.section h2 em,.company h2 em,.contact h2 em{font-style:normal;color:var(--lime)}
.hero-copy{max-width:480px;color:#d3d9d5;font-size:14px;line-height:1.7}
.hero-actions{display:flex;gap:12px;margin-top:32px}
.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;margin-top:auto;padding-bottom:42px}
.hero-stats{display:flex;gap:0}
.hero-stats>div{min-width:150px;padding:0 28px;border-left:1px solid rgba(255,255,255,.18)}
.hero-stats>div:first-child{padding-left:0;border-left:0}
.hero-stats strong{font-family:var(--display);font-size:28px;letter-spacing:-.05em}.hero-stats small{color:var(--lime);font-weight:800}.hero-stats span{display:block;color:#9da8a5;font-size:9px;margin-top:3px}
.play-link{font-size:11px;display:flex;align-items:center;gap:12px;color:#d5dbd8}
.play{width:42px;height:42px;border:1px solid rgba(255,255,255,.5);border-radius:50%;display:grid;place-items:center;font-size:10px;padding-left:2px}
.section{padding:120px 0}
.dark-section{background:var(--bg-2)}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:48px}
.section h2{font-family:var(--display);font-size:clamp(40px,5vw,72px);line-height:.92;letter-spacing:-.06em;margin-top:12px}
.section-intro{max-width:310px;color:var(--muted);font-size:13px;line-height:1.6}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.service-card{min-height:460px;background:#0a171b;border:1px solid var(--line);position:relative;overflow:hidden;transition:.45s var(--ease)}
.service-card:hover{transform:translateY(-8px);border-color:rgba(217,255,36,.4)}
.service-image{height:220px;overflow:hidden}
.service-image img{height:100%;filter:saturate(.75);transition:.7s var(--ease)}
.service-card:hover .service-image img{transform:scale(1.08);filter:saturate(1)}
.card-icon{position:absolute;top:198px;left:24px;width:46px;height:46px;background:var(--lime);color:#09110d;border-radius:50%;display:grid;place-items:center;font-size:21px;border:5px solid #0a171b}
.card-content{padding:40px 24px 25px}
.card-content>span{font-size:10px;color:#71807c}
.card-content h3{font-family:var(--display);font-size:21px;line-height:1.08;margin:9px 0 12px}
.card-content p{font-size:12px;color:var(--muted);line-height:1.6;min-height:58px}
.card-content a{display:flex;justify-content:space-between;align-items:center;margin-top:25px;font-size:11px;color:var(--lime);font-weight:800}.card-content a b{font-size:18px}
.text-link{font-size:11px;color:var(--lime);font-weight:800}.text-link span{font-size:17px;margin-left:8px}
.drone-showcase{min-height:620px;display:grid;grid-template-columns:38% 62%;background:radial-gradient(circle at 70% 50%,rgba(217,255,36,.07),transparent 33%),#08151a;border:1px solid var(--line);overflow:hidden}
.drone-copy{padding:75px 20px 60px 70px;display:flex;flex-direction:column;align-items:flex-start}
.model-number{font-size:10px;color:var(--lime);letter-spacing:.16em;margin-bottom:70px}
.drone-copy h3{font-family:var(--display);font-size:53px;line-height:.86;letter-spacing:-.07em}.drone-copy h3 strong{color:var(--lime)}
.drone-copy>p{font-size:13px;color:var(--muted);line-height:1.65;max-width:360px;margin:26px 0 35px}
.specs{display:flex;gap:30px;margin-bottom:38px}.specs strong{font-family:var(--display);font-size:22px}.specs span{display:block;color:#71807c;font-size:9px;margin-top:4px}
.drone-visual{position:relative;display:grid;place-items:center;overflow:hidden}
.drone-visual:before{content:"";position:absolute;width:70%;aspect-ratio:1;border:1px solid rgba(217,255,36,.12);border-radius:50%;box-shadow:0 0 80px rgba(217,255,36,.04)}
.drone-visual img{position:relative;width:72%;max-width:650px;filter:drop-shadow(0 30px 35px rgba(0,0,0,.5));z-index:2;animation:float 5s ease-in-out infinite}
.radar{position:absolute;width:42%;aspect-ratio:1;border:1px solid rgba(217,255,36,.17);border-radius:50%}.radar:before,.radar:after{content:"";position:absolute;inset:18%;border:1px solid rgba(217,255,36,.12);border-radius:50%}.radar:after{inset:40%}
.drone-glow{position:absolute;width:50%;height:25%;background:rgba(217,255,36,.13);filter:blur(70px);border-radius:50%}
.coordinate{position:absolute;right:30px;top:35px;font-family:var(--display);font-size:9px;line-height:1.6;color:#74827f;z-index:3}
.scan-line{position:absolute;top:10%;bottom:10%;width:1px;background:linear-gradient(transparent,var(--lime),transparent);opacity:.45;animation:scan 3.5s ease-in-out infinite}
.technology{background:#eef1eb;color:#07110f}.technology .kicker{color:#617600}.technology .lead,.technology .benefit p{color:#64716c}
.tech-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.tech-image{position:relative;height:650px}.tech-image img{height:100%;filter:saturate(.8)}.tech-tag{position:absolute;left:25px;bottom:25px;background:var(--lime);color:#07100d;padding:13px 16px;font-family:var(--display);font-size:10px;font-weight:800;line-height:1.1}.tech-number{position:absolute;right:-25px;top:-35px;font-family:var(--display);font-size:180px;line-height:1;color:rgba(7,17,15,.06)}
.tech-copy h2{font-family:var(--display);font-size:clamp(42px,5vw,68px);line-height:.9;letter-spacing:-.065em;margin:14px 0 25px}.tech-copy h2 em{color:#93b400}.tech-copy .lead{max-width:500px;font-size:16px;line-height:1.6}
.benefits{margin-top:42px;border-top:1px solid rgba(7,17,15,.15)}.benefit{display:grid;grid-template-columns:45px 1fr;gap:15px;padding:21px 0;border-bottom:1px solid rgba(7,17,15,.15)}.benefit>span{font-family:var(--display);font-size:11px;color:#819087}.benefit h4{font-family:var(--display);font-size:17px;margin-bottom:5px}.benefit p{font-size:11px;line-height:1.55}
.projects{background:#071317}.project-filter{display:flex;gap:20px}.project-filter button{background:none;border:0;color:#788581;font-size:10px;padding:8px 0}.project-filter button.active{color:var(--lime);border-bottom:1px solid var(--lime)}
.project-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-auto-rows:300px;gap:12px}.project-card{position:relative;overflow:hidden;background:#0c1b20}.project-card.tall{grid-row:span 2}.project-card img{height:100%;transition:.7s var(--ease);filter:saturate(.65)}.project-card:hover img{transform:scale(1.06);filter:saturate(1)}.project-overlay{position:absolute;inset:auto 0 0;padding:75px 24px 24px;background:linear-gradient(transparent,rgba(0,0,0,.9))}.project-overlay span{font-size:9px;color:var(--lime);letter-spacing:.16em}.project-overlay h3{font-family:var(--display);font-size:20px;margin:5px 0}.project-overlay p{font-size:10px;color:#b0bab6}
.company{background:#eef1eb;color:#07110f}.company-grid{display:grid;grid-template-columns:1fr 1fr;gap:120px;align-items:end}.company h2{font-family:var(--display);font-size:clamp(55px,6vw,90px);line-height:.86;letter-spacing:-.07em}.company h2 em{color:#9fbe00}.company-copy{padding-bottom:7px}.company-copy .large{font-family:var(--display);font-size:25px;line-height:1.25;letter-spacing:-.03em;max-width:580px}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(7,17,15,.18);margin-top:60px}.mini-stats div{padding:20px 15px 0 0}.mini-stats strong{font-family:var(--display);font-size:28px}.mini-stats span{display:block;color:#69746f;font-size:9px;margin-top:3px}
.contact{position:relative;padding:130px 0;overflow:hidden}.contact-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,13,16,.96),rgba(3,13,16,.84)),url("https://images.unsplash.com/photo-1500382017468-9049fed747ef?auto=format&fit=crop&w=2200&q=80") center/cover}.contact-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr 430px;gap:120px;align-items:start}.contact h2{font-family:var(--display);font-size:clamp(55px,6.5vw,94px);line-height:.85;letter-spacing:-.07em;margin:18px 0 25px}.contact>p{color:var(--muted)}.contact-inner>div>p:last-child{max-width:470px;color:#9aa6a2;font-size:13px;line-height:1.6}
.contact-form{display:flex;flex-direction:column;gap:18px;padding:28px;background:rgba(7,20,24,.7);border:1px solid var(--line);backdrop-filter:blur(12px)}.contact-form label{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#81908b}.contact-form input,.contact-form textarea,.contact-form select{width:100%;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.15);outline:0;color:white;padding:12px 0;font-size:13px;margin-top:3px;border-radius:0}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--lime)}.contact-form textarea{resize:vertical}.contact-form select{color:#dfe5e1}.contact-form option{background:#0b171b;color:white}.submit-btn{width:100%;margin-top:5px;border:0}.form-status{font-size:11px;text-align:center;min-height:16px;color:var(--lime)}
.footer{background:#040c0f;border-top:1px solid var(--line)}.footer-top{min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-top>p{font-size:10px;color:#687672}.footer-links{display:flex;gap:25px;font-size:10px;color:#aeb9b5}.footer-bottom{border-top:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;font-size:9px;color:#586662}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}.delay-4{transition-delay:.32s}
@keyframes float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-13px) rotate(1deg)}}@keyframes scan{0%,100%{transform:translateX(-160px);opacity:0}30%{opacity:.5}70%{opacity:.5}100%{transform:translateX(160px);opacity:0}}
@media(max-width:1050px){.desktop-nav{gap:16px}.nav{gap:20px}.service-grid{grid-template-columns:repeat(2,1fr)}.drone-showcase{grid-template-columns:1fr}.drone-copy{padding:55px}.drone-visual{min-height:430px}.tech-layout{gap:45px}.contact-inner{gap:50px}}
@media(max-width:760px){
  .container{width:min(calc(100% - 36px),var(--max))}.nav{height:70px}.desktop-nav,.nav-cta{display:none}.menu-toggle{display:block;margin-left:auto}.mobile-nav{position:fixed;top:70px;left:0;right:0;background:rgba(4,12,15,.97);backdrop-filter:blur(20px);padding:25px 20px 35px;display:flex;flex-direction:column;gap:3px;transform:translateY(-120%);transition:.45s var(--ease);border-bottom:1px solid var(--line)}.mobile-nav.open{transform:none}.mobile-nav a:not(.btn){padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}.mobile-nav .btn{margin-top:15px}
  .hero{min-height:760px}.hero-content{padding-top:130px}.hero h1{font-size:clamp(48px,14vw,76px)}.hero-copy{font-size:12px;max-width:360px}.hero-bottom{display:block;padding-bottom:25px}.hero-stats{display:grid;grid-template-columns:repeat(2,1fr);margin-bottom:25px}.hero-stats>div{min-width:0;padding:12px 12px!important;border-left:1px solid rgba(255,255,255,.18)}.hero-stats>div:nth-child(3){padding-left:0!important;border-left:0}.hero-stats strong{font-size:21px}.play-link{display:none}
  .section{padding:80px 0}.section-head{display:block;margin-bottom:32px}.section-intro{margin-top:18px}.service-grid{grid-template-columns:1fr}.service-card{min-height:430px}.service-image{height:200px}
  .drone-showcase{min-height:auto}.drone-copy{padding:40px 25px}.model-number{margin-bottom:45px}.drone-copy h3{font-size:46px}.specs{gap:18px}.drone-visual{min-height:330px}.drone-visual img{width:90%}
  .tech-layout,.company-grid,.contact-inner{grid-template-columns:1fr}.tech-layout{gap:45px}.tech-image{height:420px}.tech-number{font-size:100px;right:-10px}.company-grid{gap:45px}.company-copy .large{font-size:20px}.mini-stats{margin-top:40px}.contact-inner{gap:55px}.contact{padding:85px 0}.contact h2{font-size:clamp(50px,14vw,74px)}
  .project-filter{overflow:auto;gap:18px;margin-top:25px;padding-bottom:5px}.project-grid{grid-template-columns:1fr 1fr;grid-auto-rows:220px}.project-card.tall{grid-row:span 2}.project-overlay{padding:55px 14px 14px}.project-overlay h3{font-size:15px}.project-overlay p{font-size:9px}
  .footer-top,.footer-bottom{flex-direction:column;align-items:flex-start;padding:25px 0}.footer-top{gap:18px}.footer-links{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{transition:none}.drone-visual img,.scan-line{animation:none}.cursor-glow{display:none}}

/* ===== Brand / logo ===== */
.brand img{width:44px;height:32px;object-fit:contain}
.brand-name{font-family:var(--display);font-size:15px;font-weight:700;line-height:.9;letter-spacing:-.04em}
.brand-name b{display:block;color:var(--lime);font-weight:600;margin-top:3px}
.footer-logo img{width:120px;height:auto}

/* <i> used as translatable text wrapper — not italic */
i[data-i18n],.btn i{font-style:normal}

/* ===== Language switch ===== */
.lang-switch{display:flex;border:1px solid rgba(255,255,255,.18)}
.lang-switch button{background:none;border:0;color:#9aa9a5;font-size:11px;font-weight:800;padding:9px 10px;letter-spacing:.06em;transition:.25s}
.lang-switch button:hover{color:#fff}
.lang-switch button.active{background:var(--lime);color:#07100d}

/* ===== Contacts ===== */
.contact-list{list-style:none;margin-top:38px;display:grid;grid-template-columns:1fr 1fr;gap:18px 30px;max-width:520px}
.contact-list li{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--line);padding-top:14px}
.contact-list span{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#81908b}
.contact-list a,.contact-list b{font-size:15px;font-weight:600;color:#f3f6f1;word-break:break-word}
.contact-list a:hover{color:var(--lime)}

/* ===== Form ===== */
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.contact-form label i{display:block}
.submit-btn:disabled{opacity:.6;cursor:wait;transform:none}
.form-status.error{color:#ff8a7a}
.footer-links a:hover{color:var(--lime)}

@media(max-width:1180px){.desktop-nav{gap:18px}.nav{gap:22px}}
@media(max-width:1050px){.desktop-nav a{font-size:11px}.nav-cta{display:none}}
@media(max-width:900px){.desktop-nav{display:none}.menu-toggle{display:block}.lang-switch{margin-left:auto}
  .mobile-nav{display:flex;position:fixed;top:82px;left:0;right:0;background:rgba(4,12,15,.97);backdrop-filter:blur(20px);padding:25px 20px 35px;flex-direction:column;gap:3px;transform:translateY(-130%);transition:.45s var(--ease);border-bottom:1px solid var(--line)}
  .mobile-nav.open{transform:none}.mobile-nav a:not(.btn){padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}.mobile-nav .btn{margin-top:15px}}
@media(max-width:760px){
  .menu-toggle{margin-left:0}.mobile-nav{top:70px}
  .lang-switch button{padding:8px 8px;font-size:10px}
  .hero-actions{flex-wrap:wrap}.hero-actions .btn{flex:1 1 auto;gap:14px}
  .hero h1{font-size:clamp(40px,12.5vw,76px)}
  .contact-list{grid-template-columns:1fr}
  .brand-name{font-size:13px}
}
@media(max-width:380px){.brand-name{display:none}}

/* Cyrillic headings (Manrope fallback) need less negative tracking */
:lang(ru) h1,:lang(ru) h2,:lang(ru) h3{letter-spacing:-.045em}
.company-grid>*,.contact-inner>*,.tech-layout>*{min-width:0}
@media(max-width:760px){
  .hero h1{font-size:clamp(34px,10.5vw,76px)}
  .section h2,.tech-copy h2{font-size:clamp(34px,10vw,72px)}
  .company h2,.contact h2{font-size:clamp(38px,11vw,74px)}
  h1,h2{overflow-wrap:break-word;hyphens:auto}
  .hero-stats>div{padding:12px 12px 12px 18px!important;border-left:1px solid rgba(255,255,255,.18)!important}
  .hero-stats>div:nth-child(odd){padding-left:0!important;border-left:0!important}
}
.company .kicker{color:#617600}

/* Drone model tabs */
.model-tabs{display:flex;gap:6px;margin-bottom:28px;flex-wrap:wrap}
.model-tabs button{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.18);color:#c6cfcc;font-family:var(--display);font-weight:700;font-size:12px;padding:9px 14px;transition:.25s}
.model-tabs button:hover{border-color:var(--lime);color:var(--lime)}
.model-tabs button.active{background:var(--lime);border-color:var(--lime);color:#07100d}
.drone-copy .model-number{margin-bottom:40px}
.drone-copy.swap h3,.drone-copy.swap>p,.drone-copy.swap .specs{animation:swapIn .5s var(--ease)}
@keyframes swapIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.contact-list li[hidden]{display:none}

/* Real drone photos */
.drone-visual #droneImg{width:82%;max-width:720px;max-height:520px;object-fit:contain}
.drone-visual #droneImg.is-fallback{width:72%;max-width:650px}

/* Cyrillic: Й/Ё diacritics need more line spacing than Latin */
:lang(ru) .hero h1{line-height:1.04}
:lang(ru) .section h2,:lang(ru) .tech-copy h2,:lang(ru) .company h2,:lang(ru) .contact h2{line-height:1.02}

/* ===== Brand logo (original) =====
   Brand colors: green #006634, orange #F09001.
   Dark backgrounds -> orange + off-white version; light backgrounds -> original colors. */
:root{--brand-green:#006634;--brand-orange:#F09001}
.brand img{width:36px;height:40px;object-fit:contain}
.brand-name b{color:var(--brand-orange)}
.footer-logo img{width:110px;height:auto}
.company-logo{width:130px;height:auto;margin-bottom:34px}
.company .kicker{color:var(--brand-green)}
@media(max-width:760px){.brand img{width:32px;height:36px}.company-logo{width:100px}}
/* Light sections use the brand green instead of lime */
.company h2 em,.tech-copy h2 em{color:var(--brand-green)}
.technology .kicker{color:var(--brand-green)}

/* Hero photo: keep header controls readable over bright sky */
.lang-switch{background:rgba(4,12,15,.55);backdrop-filter:blur(8px)}
.hero-vignette{background:linear-gradient(90deg,rgba(3,12,15,.96) 0%,rgba(3,12,15,.68) 40%,rgba(3,12,15,.10) 75%),linear-gradient(180deg,rgba(3,12,15,.55) 0%,transparent 22%),linear-gradient(0deg,#061014 0%,transparent 28%,rgba(0,0,0,.15))}
@media(max-width:760px){
  .hero-media img{object-position:72% center}
  .hero-vignette{background:linear-gradient(180deg,rgba(3,12,15,.75) 0%,rgba(3,12,15,.55) 45%,rgba(3,12,15,.35) 65%,#061014 100%)}
}

/* Footer logo — smaller */
.footer-logo img{width:80px}
@media(max-width:760px){.footer-logo img{width:70px}}