
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap');
:root{
  --bg:#07131f;--bg2:#0b1c2b;--panel:#0e2233;--panel2:#10293d;
  --line:rgba(255,255,255,.14);--white:#f7f8fa;--muted:#b9c5cf;
  --gold:#d79a43;--gold2:#efb35d;--max:1260px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--white);font-family:"Space Grotesk",Arial,sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}
.wrap{width:min(var(--max),92%);margin:auto}
header{position:sticky;top:0;z-index:50;background:rgba(7,19,31,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
nav{height:88px;display:flex;align-items:center;gap:28px}
.brand{width:198px;display:flex;align-items:center}
.rilke-logo-svg{display:block;width:100%;height:auto}
.navlinks{display:flex;gap:24px;margin-left:auto;align-items:center;font-size:13px;font-weight:600}
.navlinks a:hover{color:var(--gold2)}
.language-switcher{display:flex;border:1px solid var(--line);border-radius:5px;overflow:hidden}
.language-switcher button{border:0;background:transparent;color:#d3dce4;padding:8px 9px;cursor:pointer;font:inherit;font-size:11px;font-weight:700}
.language-switcher button.active{background:var(--gold);color:#101419}
.quote-btn{border:1px solid var(--gold);padding:11px 15px;border-radius:4px;font-size:12px;font-weight:800;white-space:nowrap}
.menu-toggle{display:none;border:1px solid var(--line);background:transparent;color:#fff;border-radius:4px;padding:7px 10px;font-size:20px}
.hero{min-height:590px;display:flex;align-items:center;background:radial-gradient(circle at 82% 26%,rgba(215,154,67,.14),transparent 27%),linear-gradient(135deg,#0b2031,#07131f);border-bottom:1px solid var(--line)}
.hero-inner{padding:80px 0;max-width:800px}
.hero-logo{width:min(490px,80%);margin-bottom:36px}
.eyebrow{color:var(--gold2);text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:700}
h1{font-size:clamp(50px,7vw,86px);line-height:.98;letter-spacing:-.045em;margin:18px 0 24px}
.hero p,.lede{font-size:18px;color:var(--muted);max-width:720px;line-height:1.7}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:4px;border:1px solid var(--line);font-weight:700;font-size:13px}
.btn.primary{background:var(--gold);border-color:var(--gold);color:#101419}
.section{padding:92px 0;scroll-margin-top:88px}
.section.alt{background:#091725}
.section-head{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:end;margin-bottom:40px}
.section-head h2{font-size:clamp(38px,5vw,58px);line-height:1.04;letter-spacing:-.035em;margin:8px 0 0}
.section-head p{color:var(--muted);font-size:16px;line-height:1.7;max-width:580px;justify-self:end}
.product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.product-card{background:linear-gradient(180deg,#102536,#0b1b29);border:1px solid var(--line);border-radius:8px;overflow:hidden;transition:.2s}
.product-card:hover{transform:translateY(-3px);border-color:rgba(215,154,67,.75)}
.product-image{height:205px;background:#06121e;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid var(--line)}
.product-image img{width:100%;height:100%;object-fit:cover;object-position:center}
.product-body{padding:20px 20px 23px}
.product-body h3{font-size:18px;line-height:1.22;margin:0 0 9px}
.product-body p{font-size:13px;color:var(--muted);line-height:1.6;margin:0 0 15px;min-height:63px}
.product-body a{font-size:12px;color:var(--gold2);font-weight:700}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.feature{padding:30px;border:1px solid var(--line);background:#0d2131;border-radius:8px}
.feature h3{font-size:25px;margin:8px 0 10px}
.feature p{color:var(--muted);line-height:1.65}
.rescue{background:linear-gradient(135deg,#0b1f2e,#07131f)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}
.step{border-left:2px solid var(--gold);padding-left:16px}
.step b{display:block;margin-bottom:5px}.step span{color:var(--muted);font-size:13px}
.rfq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}
.rfq-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;border:1px solid var(--line);padding:28px;background:#0b1b29;border-radius:8px}
.field{display:grid;gap:7px}.field.full,.rfq-actions.full,.form-status.full{grid-column:1/-1}
.field label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#9caab6}
.field input,.field select,.field textarea{width:100%;background:#07131f;color:#fff;border:1px solid #35495a;border-radius:4px;padding:13px;font:inherit}
.field textarea{min-height:125px;resize:vertical}
.form-status{font-size:12px;color:var(--gold2);min-height:18px}
footer{padding:42px 0;background:#050e16;border-top:1px solid var(--line);color:var(--muted)}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:50px}
.footer-logo{width:185px;margin-bottom:16px}
.footer-grid h4{color:#fff;font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin:0 0 12px}
.footer-grid a{display:block;font-size:13px;margin:7px 0}
.legal{margin-top:30px;padding-top:18px;border-top:1px solid var(--line);font-size:11px}
.product-hero{padding:80px 0;background:linear-gradient(135deg,#0a1d2c,#07131f);border-bottom:1px solid var(--line)}
.product-hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:60px;align-items:center}
.product-hero-image{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#07131f}
.product-hero-image img{display:block;width:100%;height:auto}
.product-hero h1{font-size:clamp(42px,5.6vw,68px)}
.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:20px}
.breadcrumb a{color:var(--gold2)}
.gallery-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:15px;margin-top:34px}
.gallery-main,.photo-slot{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#0b1b29;min-height:220px}
.gallery-main img{width:100%;height:100%;object-fit:cover;display:block}
.photo-slot{display:grid;place-items:center;text-align:center;padding:20px;color:#8393a1;border-style:dashed}
.photo-slot strong{display:block;color:#b7c3cd;margin-bottom:6px}
.spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:32px}
.spec{padding:22px;border-top:2px solid var(--gold);background:#0d2131}
.spec b{display:block;font-size:13px}.spec span{display:block;color:var(--muted);font-size:12px;margin-top:5px}
@media(max-width:1180px){.product-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:980px){
 .navlinks{display:none;position:absolute;left:0;right:0;top:82px;padding:18px 4%;background:#07131f;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}
 .navlinks.open{display:flex}.menu-toggle{display:block}nav{height:82px}
 .section-head,.rfq-layout,.product-hero-grid{grid-template-columns:1fr}
 .section-head p{justify-self:start}.product-grid{grid-template-columns:repeat(2,1fr)}
 .steps,.spec-grid{grid-template-columns:repeat(2,1fr)}
 .gallery-grid{grid-template-columns:1fr 1fr}.gallery-main{grid-column:1/-1}
}
@media(max-width:650px){
 .brand{width:145px}.quote-btn{display:none}.language-switcher{margin-left:auto}
 .hero{min-height:auto}.hero-inner{padding:64px 0}.hero-logo{width:90%}
 .section{padding:70px 0}.product-grid,.two-col,.steps,.spec-grid,.rfq-form,.gallery-grid{grid-template-columns:1fr}
 .product-image{height:245px}.field.full,.rfq-actions.full,.form-status.full{grid-column:auto}
 .gallery-main{grid-column:auto}.footer-grid{grid-template-columns:1fr}
}
