:root{
  --bg:#071019;
  --surface:#0d1823;
  --surface-2:#101f2d;
  --card:#f8fbff;
  --card-line:rgba(255,255,255,.11);
  --ink:#ecf4ff;
  --ink-dark:#0f1e2d;
  --muted:#a8bbd0;
  --muted-dark:#5d6f83;
  --teal:#1da8a1;
  --teal-2:#67d0b1;
  --gold:#e0bf69;
  --gold-2:#f5e0aa;
  --line:#203446;
  --shadow:0 24px 60px rgba(0,0,0,.28);
  --shadow-soft:0 18px 42px rgba(12,18,32,.12);
  --radius:28px;
  --radius-sm:18px;
  --container:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at top left, #14283a 0%, #08111a 38%, #050a10 100%);color:var(--ink);line-height:1.65}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block} h1,h2,h3,h4{margin:0 0 .8rem;line-height:1.08;letter-spacing:-.03em} p{margin:0 0 1rem} h1{font-size:clamp(2.55rem,5vw,5.2rem)} h2{font-size:clamp(1.9rem,3vw,3.4rem)} h3{font-size:1.28rem} small{display:block}
.container{width:min(var(--container), calc(100% - 2rem)); margin-inline:auto}
.topbar{background:rgba(7,16,25,.7);border-bottom:1px solid rgba(255,255,255,.06)}
.topbar-inner{display:flex;justify-content:space-between;gap:1rem;padding:.65rem 0;color:#d5e6fa;font-size:.9rem}
.topbar-links{display:flex;gap:1rem;flex-wrap:wrap}.topbar-links a{text-decoration:underline}
.navbar{position:sticky;top:0;z-index:50;background:rgba(5,10,16,.72);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0}
.brand{display:flex;align-items:center;gap:.8rem;min-width:0}.brand-mark{width:2.8rem;height:2.8rem;border-radius:18px;background:linear-gradient(135deg,var(--teal),var(--teal-2) 60%, var(--gold));display:grid;place-items:center;color:#06202a;font-weight:900;box-shadow:0 14px 34px rgba(29,168,161,.34)}
.brand-text strong{display:block;font-size:1.08rem;text-transform:lowercase}.brand-text small{font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.desktop-nav{display:flex;gap:.35rem;flex-wrap:wrap;justify-content:flex-end}.desktop-nav a{padding:.62rem .8rem;border-radius:999px;font-weight:700;color:#dbe9f6}.desktop-nav a:hover,.desktop-nav a.is-active{background:rgba(255,255,255,.08);color:#fff}
.nav-actions{display:flex;align-items:center;gap:.35rem}.lang-switch{padding:.35rem .45rem;border-radius:10px;font-weight:800;color:var(--muted)}.lang-switch.current{background:rgba(255,255,255,.09);color:#fff}.lang-sep{color:var(--muted)}
.menu-toggle{display:none;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;padding:.55rem .8rem;font-size:1rem}
.mobile-nav{display:none;background:#08111a;border-bottom:1px solid rgba(255,255,255,.08)}.mobile-nav-inner{display:grid;gap:.4rem;padding:.8rem 0 1rem}.mobile-nav a{background:rgba(255,255,255,.06);padding:.85rem 1rem;border-radius:16px;font-weight:700}.mobile-nav a.is-active{background:rgba(103,208,177,.16);color:#fff}
.site-header{position:relative;z-index:10}
.eyebrow{display:inline-flex;align-items:center;gap:.45rem;padding:.48rem .82rem;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);font-size:.77rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#dff9ef}
.hero{padding:4.5rem 0 3.25rem;position:relative;overflow:hidden}.hero::before,.hero::after{content:"";position:absolute;inset:auto;border-radius:999px;filter:blur(10px);pointer-events:none}.hero::before{width:30rem;height:30rem;left:-8rem;top:-6rem;background:radial-gradient(circle, rgba(29,168,161,.32) 0%, rgba(29,168,161,0) 70%)}.hero::after{width:28rem;height:28rem;right:-10rem;top:0;background:radial-gradient(circle, rgba(224,191,105,.26) 0%, rgba(224,191,105,0) 72%)}
.hero-grid-premium{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:2rem;align-items:center}
.hero-copy .lead{font-size:1.18rem;color:#d3e5f7;max-width:62ch}.hero-copy p{color:#bfd3e6}.hero-actions,.button-row,.cta-actions,.center-actions{display:flex;gap:.8rem;flex-wrap:wrap}.hero-actions{margin-top:1.5rem}.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:1.6rem;max-width:44rem}.hero-metrics div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:1rem 1rem 1.05rem}.hero-metrics strong{display:block;font-size:2rem;line-height:1}.hero-metrics span{display:block;margin-top:.35rem;color:var(--muted);font-size:.95rem}
.showcase-card{background:linear-gradient(180deg, rgba(255,255,255,.1), rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.12);border-radius:28px;box-shadow:var(--shadow);overflow:hidden;position:absolute}.hero-showcase{position:relative;min-height:540px}.card-a{left:0;top:2rem;width:68%}.card-b{right:0;top:0;width:54%}.card-c{right:4%;bottom:1rem;width:52%}.showcase-card img{width:100%;height:auto}.showcase-float{position:absolute;left:10%;bottom:2rem;background:rgba(9,17,25,.92);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(18px);border-radius:22px;padding:1rem 1.1rem;box-shadow:var(--shadow)}.showcase-float span{display:block;color:#b8cde3;font-size:.85rem}.showcase-float strong{display:block;font-size:1rem}
.button{display:inline-flex;align-items:center;justify-content:center;padding:.95rem 1.25rem;border-radius:16px;border:1px solid transparent;font-weight:800;transition:transform .16s ease, box-shadow .16s ease, background .16s ease}.button:hover{transform:translateY(-1px)}.button-primary{background:linear-gradient(135deg,var(--teal),var(--teal-2) 60%, #6ae0c0);color:#08202b;box-shadow:0 18px 44px rgba(29,168,161,.28)}.button-secondary{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:#fff}.button-ghost{background:rgba(224,191,105,.12);border-color:rgba(224,191,105,.28);color:#ffedbf}
.section{padding:4rem 0}.surface-alt{background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));border-block:1px solid rgba(255,255,255,.06)}
.trust-strip{padding:1.35rem 0;background:rgba(255,255,255,.04);border-block:1px solid rgba(255,255,255,.06)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.trust-grid div{background:rgba(255,255,255,.04);padding:.95rem 1rem;border-radius:18px;border:1px solid rgba(255,255,255,.08);text-align:center;color:#dcf0ff;font-weight:700}
.split-head{display:flex;align-items:end;justify-content:space-between;gap:1.2rem;flex-wrap:wrap}.split-head p{max-width:56ch;color:var(--muted)}.section-head{margin-bottom:1.6rem}
.feature-grid,.doc-grid,.product-grid,.detail-grid{display:grid;gap:1rem}.feature-grid{grid-template-columns:repeat(3,1fr)}.doc-grid{grid-template-columns:repeat(4,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}.home-grid{margin-top:1.5rem}.detail-grid{grid-template-columns:repeat(2,1fr)}
.feature-card,.doc-card,.product-card,.detail-card,.info-card,.contact-card,.form-shell,.status-box,.cta-band,.info-panel,.diagram-panel{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:1.25rem 1.25rem 1.3rem;box-shadow:var(--shadow)}
.feature-card p,.doc-card p,.product-card p,.detail-card p,.info-card p,.contact-card p,.form-note{color:var(--muted)}
.doc-card .doc-icon{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg, var(--gold), var(--gold-2));display:grid;place-items:center;color:#2b2108;font-weight:900;margin-bottom:1rem}.doc-type,.product-type{font-size:.86rem;text-transform:uppercase;letter-spacing:.1em;color:#b9d1e8;font-weight:800;margin-bottom:.45rem}
.product-card{position:relative;overflow:hidden}.product-visual-wrap{display:block;margin:-1.25rem -1.25rem 1rem}.product-visual{width:100%;aspect-ratio:4/3;object-fit:cover;background:#0c1522}.product-topline{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin-bottom:.7rem}.product-topline.large{margin-bottom:.9rem}.product-cat{padding:.35rem .7rem;border-radius:999px;background:rgba(255,255,255,.08);font-size:.78rem;font-weight:800;color:#d9e9f8}.status-badge{padding:.38rem .72rem;border-radius:999px;font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.status-badge.commercial{background:rgba(94,255,192,.14);border:1px solid rgba(94,255,192,.24);color:#baffdf}.status-badge.prototype{background:rgba(255,198,84,.14);border:1px solid rgba(255,198,84,.26);color:#ffdf9b}
.chip-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.chip-row span{padding:.38rem .72rem;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);font-size:.82rem;color:#deebf9;font-weight:700}.text-link{display:inline-flex;align-items:center;gap:.35rem;margin-top:1rem;color:#8ef2cd;font-weight:800}
.dual-band,.two-col-form,.product-hero-grid,.hero-grid, .split{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:center}.ecosystem-band{align-items:start}.stack-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.diagram-panel img{width:100%}
.page-hero{padding:3rem 0 1rem}.page-hero.compact{padding:3rem 0 1rem}.page-hero h1,.product-hero h1{font-size:clamp(2.3rem,4vw,4rem)}
.product-hero{padding:3.4rem 0 2rem}.detail-visual img{width:100%;border-radius:26px;box-shadow:var(--shadow)}
.bullet-list{padding-left:1.15rem;margin:.5rem 0 0}.bullet-list li{margin:.42rem 0;color:#d8e6f2}
.cta-band{display:flex;align-items:center;justify-content:space-between;gap:1rem}.premium-cta{background:linear-gradient(135deg, rgba(24,96,75,.35), rgba(20,40,58,.6) 52%, rgba(140,110,28,.34));}
.info-panel h2{max-width:14ch}
.filter-shell{display:grid;gap:1rem;margin-bottom:1.2rem}.search-wrap input, .inquiry-form input, .inquiry-form textarea, .inquiry-form select{width:100%;background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:.95rem 1rem;font:inherit}.search-wrap input::placeholder,.inquiry-form textarea::placeholder{color:#90a8bf}.filter-row{display:flex;flex-wrap:wrap;gap:.6rem}.filter-btn{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#fff;border-radius:999px;padding:.72rem 1rem;font-weight:800;cursor:pointer}.filter-btn.active{background:linear-gradient(135deg,var(--teal),var(--teal-2));color:#05212a;border-color:transparent}
.inquiry-form{display:grid;gap:1rem}.inquiry-form label{display:grid;gap:.45rem;font-weight:700;color:#f1f6fb}.form-row.two{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-note{font-size:.9rem}.honeypot{position:absolute;left:-9999px;opacity:0;pointer-events:none;height:0}
.contact-stack{display:grid;gap:1rem}.contact-card h3{margin-bottom:.25rem}.status-box{display:none}.status-box.is-visible{display:block}.status-box.success{background:rgba(94,255,192,.12);border-color:rgba(94,255,192,.26);color:#dffced}.status-box.error{background:rgba(255,146,122,.12);border-color:rgba(255,146,122,.26);color:#ffe2db}
.number-steps{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:1rem}.number-steps li{background:rgba(255,255,255,.05);padding:1rem;border-radius:20px;border:1px solid rgba(255,255,255,.08)}.number-steps strong{display:block;margin-bottom:.35rem}.number-steps span{color:var(--muted)}
.center-block{max-width:42rem;margin:0 auto;text-align:center}.center-block p{color:var(--muted)}
.site-footer{padding:2rem 0 1rem;border-top:1px solid rgba(255,255,255,.08);background:rgba(2,6,10,.46);margin-top:2rem}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:1rem}.footer-brand{display:flex;gap:.8rem;align-items:flex-start;margin-bottom:.8rem}.footer-brand .brand-mark{flex:none}.footer-links{list-style:none;padding:0;margin:0;display:grid;gap:.55rem}.footer-links a{color:#dce9f8}.footer-disclaimer{color:var(--muted);max-width:60ch}.footer-bottom{padding-top:1rem;margin-top:1rem;border-top:1px solid rgba(255,255,255,.06);color:#98abc0;font-size:.92rem}
@media (max-width: 1080px){.hero-grid-premium,.dual-band,.two-col-form,.product-hero-grid,.footer-grid,.detail-grid,.feature-grid,.doc-grid,.product-grid,.stack-cards{grid-template-columns:1fr 1fr}.doc-grid{grid-template-columns:repeat(2,1fr)}.hero-showcase{min-height:460px}}
@media (max-width: 860px){.desktop-nav{display:none}.menu-toggle{display:block}.trust-grid,.feature-grid,.doc-grid,.product-grid,.detail-grid,.footer-grid,.hero-grid-premium,.dual-band,.two-col-form,.product-hero-grid,.stack-cards,.form-row.two,.hero-metrics{grid-template-columns:1fr}.hero-showcase{min-height:auto}.showcase-card{position:relative;width:100%!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;margin-bottom:1rem}.showcase-float{position:relative;left:auto;bottom:auto;margin-top:.5rem}.cta-band{flex-direction:column;align-items:flex-start}.trust-grid div{text-align:left}.mobile-nav.is-open{display:block}}