:root{
  --bg:#0b0f14; --bg2:#0f1720;
  --text:#e8edf3; --muted:#a7b2c0; --muted2:#7f8b9a;
  --copper:#d07a3a; --copper2:#ff9b57;
  --glass1:rgba(16,24,34,.62); --glass2:rgba(10,16,24,.38);
  --line:rgba(208,122,58,.22);
  --shadow:0 20px 60px rgba(0,0,0,.45);
  --r:18px; --r2:24px;
  --max:1180px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *{animation-duration:.001ms!important;transition-duration:.001ms!important}
}

body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(1200px 800px at 70% 20%, rgba(208,122,58,.14), transparent 55%),
    radial-gradient(1000px 700px at 10% 80%, rgba(80,140,255,.10), transparent 55%),
    linear-gradient(180deg,var(--bg),var(--bg2));
  min-height:100vh;
  overflow-x:hidden;
}

a{color:inherit;text-decoration:none}
a:hover{color:var(--copper2)}
.container{width:min(var(--max),calc(100% - 2rem));margin:0 auto}

.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{
  left:1rem;top:1rem;width:auto;height:auto;z-index:9999;
  background:rgba(0,0,0,.85);padding:.7rem 1rem;border-radius:12px;
  outline:2px solid var(--copper);
}

/* background */
.bg{position:fixed;inset:0;z-index:-1}
.bg__grid{
  position:absolute;inset:-2px;
  background-image:
    linear-gradient(to right, rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size:48px 48px;
  opacity:.22;
  mask-image:radial-gradient(circle at 50% 40%, rgba(0,0,0,1), rgba(0,0,0,.25) 70%, rgba(0,0,0,0));
}
.bg__math{
  position:absolute;inset:0;opacity:.18;
  background-repeat:no-repeat;background-size:1200px auto;background-position:50% 30%;
  animation:drift 18s ease-in-out infinite alternate;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1400' height='900'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop stop-color='%23d07a3a' stop-opacity='.6'/%3E%3Cstop offset='1' stop-color='%23ffffff' stop-opacity='.08'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' stroke='url(%23g)' stroke-width='2'%3E%3Cpath d='M80 520 C220 340, 420 760, 620 520 S1020 280, 1320 520' opacity='.55'/%3E%3Cpath d='M120 250 L520 250 L520 650 L120 650 Z' opacity='.25'/%3E%3Cpath d='M140 620 L500 280' opacity='.22'/%3E%3Cpath d='M140 280 L500 620' opacity='.22'/%3E%3Cpath d='M720 250 C820 220, 980 260, 1100 240 S1300 200, 1320 240' opacity='.35'/%3E%3C/g%3E%3Cg font-family='Inter, Arial' font-size='18' fill='%23d07a3a' fill-opacity='.35'%3E%3Ctext x='90' y='210'%3E%CE%A3%20w_i%20x_i%20%E2%86%92%20y%3C/text%3E%3Ctext x='720' y='320'%3E%CF%83%28z%29%3D1%2F(1%2Be%5E(-z))%3C/text%3E%3Ctext x='90' y='705'%3E%5Cdot%7Bx%7D%3DAx%2BBu%3C/text%3E%3Ctext x='720' y='700'%3EKPI%3A%20OEE%2C%20Downtime%2C%20Scrap%3C/text%3E%3C/g%3E%3C/svg%3E");
}
.bg__glow{
  position:absolute;inset:0;
  background:
    radial-gradient(600px 320px at 70% 22%, rgba(208,122,58,.20), transparent 60%),
    radial-gradient(520px 280px at 20% 75%, rgba(208,122,58,.10), transparent 60%);
}
@keyframes drift{from{transform:translateY(-10px)}to{transform:translateY(18px)}}

/* header/nav */
.header{
  position:sticky;top:0;z-index:50;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  background:rgba(8,12,18,.55);
  border-bottom:1px solid rgba(208,122,58,.20);
}
.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 0}
.brand__logo{height:56px;display:block;filter:drop-shadow(0 10px 20px rgba(0,0,0,.35))}
.nav__toggle{
  display:none;background:transparent;border:1px solid rgba(208,122,58,.38);
  border-radius:14px;padding:.55rem .7rem;color:var(--text)
}
.nav__toggleLines{display:block;width:22px;height:12px;position:relative}
.nav__toggleLines:before,.nav__toggleLines:after{
  content:"";position:absolute;left:0;right:0;height:2px;border-radius:2px;
  background:linear-gradient(90deg, rgba(255,255,255,.92), rgba(208,122,58,.95));
}
.nav__toggleLines:before{top:1px}
.nav__toggleLines:after{bottom:1px}
.nav__menu{display:flex;align-items:center;gap:1rem}
.nav__links{display:flex;align-items:center;gap:.7rem;list-style:none;margin:0;padding:0}
.nav__link{
  display:inline-flex;padding:.55rem .75rem;border-radius:14px;
  color:rgba(232,237,243,.92);border:1px solid transparent;
  transition:transform .15s ease,border-color .15s ease,background .15s ease;
}
.nav__link:hover{border-color:rgba(208,122,58,.32);background:rgba(208,122,58,.08);transform:translateY(-1px)}
.nav__link--cta{border-color:rgba(208,122,58,.45);background:rgba(208,122,58,.10)}
.lang{
  display:flex;align-items:center;border:1px solid rgba(208,122,58,.38);
  background:rgba(16,24,34,.40);border-radius:999px;overflow:hidden
}
.lang__btn{padding:.45rem .75rem;background:transparent;border:0;color:rgba(232,237,243,.85);cursor:pointer}
.lang__btn.is-active{background:linear-gradient(180deg, rgba(208,122,58,.35), rgba(208,122,58,.15));color:#fff}

/* sections */
.section{padding:4.6rem 0}
.section__head{margin-bottom:2rem}
.section__title{font-size:clamp(1.6rem,3.2vw,2.3rem);margin:0 0 .6rem;letter-spacing:-.02em}
.section__sub{color:var(--muted);margin:0;max-width:70ch;line-height:1.6}

/* glass */
.glass{
  background:linear-gradient(180deg,var(--glass1),var(--glass2));
  border:1px solid rgba(208,122,58,.22);
  border-radius:var(--r2);
  box-shadow:var(--shadow);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}

/* grid utils */
.grid{display:grid;gap:1rem}
.grid--2{grid-template-columns:repeat(2,1fr)}
.grid--3{grid-template-columns:repeat(3,1fr)}
.grid--4{grid-template-columns:repeat(4,1fr)}

/* hero */
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:2.2rem;padding-top:3.2rem}
.badge{
  display:inline-flex;gap:.55rem;align-items:center;
  padding:.45rem .75rem;border-radius:999px;border:1px solid rgba(208,122,58,.22);
  background:rgba(16,24,34,.35);color:rgba(232,237,243,.88);font-weight:600;margin-bottom:1.2rem
}
.badge .dot{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--copper2),var(--copper));box-shadow:0 0 22px rgba(208,122,58,.45)}
.hero__title{font-size:clamp(2.1rem,4.2vw,3.2rem);margin:.2rem 0 1rem;letter-spacing:-.03em}
.hero__sub{margin:0 0 1.2rem;color:var(--muted);line-height:1.65;max-width:70ch}
.hero__bullets{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.hero__bullets li{display:flex;gap:.65rem;align-items:flex-start}
.icon{width:24px;height:24px;display:grid;place-items:center;border-radius:10px;background:rgba(208,122,58,.12);border:1px solid rgba(208,122,58,.22);flex:0 0 24px}
.hero__cta{margin-top:1.4rem;display:flex;gap:.8rem;flex-wrap:wrap}
.hero__trust{margin:1.1rem 0 0;color:rgba(167,178,192,.92)}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:.85rem 1.05rem;border-radius:16px;border:1px solid rgba(208,122,58,.32);
  cursor:pointer;font-weight:700;letter-spacing:.01em;
  transition:transform .15s ease,box-shadow .15s ease,background .15s ease;
}
.btn--primary{background:linear-gradient(180deg, rgba(208,122,58,.65), rgba(208,122,58,.26));color:#fff;box-shadow:0 18px 40px rgba(208,122,58,.12)}
.btn--primary:hover{transform:translateY(-1px);box-shadow:0 22px 60px rgba(208,122,58,.18)}
.btn--ghost{background:rgba(16,24,34,.35)}
.btn--small{padding:.55rem .9rem;font-size:.85rem;border-radius:999px}
.solutions-law__actions{margin-top:.85rem}
.btn--ghost:hover{transform:translateY(-1px);background:rgba(208,122,58,.10)}

.hero__visual{display:grid;gap:1rem;place-items:center;position:relative}
.hero__poster{width:min(520px,100%);overflow:hidden;position:relative}
.hero__poster img{width:100%;height:auto;display:block;opacity:.92}
.hero__posterOverlay{
  position:absolute;inset:0;
  background:radial-gradient(600px 240px at 55% 25%, rgba(208,122,58,.38), transparent 60%),
             linear-gradient(180deg, rgba(0,0,0,.25), rgba(0,0,0,.55));
}
.card{width:min(520px,100%);padding:1.1rem;position:relative;overflow:hidden}
.hero__hud{margin-top:-140px}

/* animated hud */
.card__top{display:flex;align-items:center;gap:.7rem;margin-bottom:1rem}
.pulse{width:10px;height:10px;border-radius:50%;background:var(--copper2);box-shadow:0 0 0 0 rgba(208,122,58,.45);animation:pulse 2.2s ease-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(208,122,58,.45)}70%{box-shadow:0 0 0 14px rgba(208,122,58,0)}100%{box-shadow:0 0 0 0 rgba(208,122,58,0)}}
.card__title{font-weight:700;color:rgba(232,237,243,.9)}
.wave{height:170px;border-radius:18px;border:1px solid rgba(208,122,58,.18);background:rgba(8,12,18,.35);overflow:hidden;position:relative}
.wave__line{position:absolute;left:-20%;right:-20%;top:50%;height:2px;background:linear-gradient(90deg,transparent, rgba(208,122,58,.95),transparent);filter:drop-shadow(0 0 18px rgba(208,122,58,.35));animation:wave 3.2s ease-in-out infinite}
.wave__line--2{top:36%;opacity:.55;animation-duration:4.2s}
.wave__line--3{top:64%;opacity:.35;animation-duration:5.2s}
@keyframes wave{0%{transform:translateX(-8%) rotate(-2deg)}50%{transform:translateX(8%) rotate(2deg)}100%{transform:translateX(-8%) rotate(-2deg)}}
.card__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:.9rem}
.stat{border-radius:16px;border:1px solid rgba(208,122,58,.32);background:radial-gradient(circle at 30% 0%,rgba(208,122,58,.22),rgba(8,12,18,.9));padding:.7rem .8rem}
.stat__k{color:var(--muted2);font-size:.85rem}
.stat__v{font-size:1.35rem;font-weight:800;margin-top:.25rem}

/* panels/cards */
.panel{padding:1.2rem}
.panel h3{margin:.2rem 0 1rem}
.steps{margin:0;padding-left:1.2rem;color:var(--muted)}
.steps li{margin:.55rem 0;line-height:1.6}
.nda-line{margin-top:1rem;padding:.75rem .85rem;border-left:3px solid rgba(208,122,58,.65);background:rgba(208,122,58,.08);border-radius:14px}
.card-mini{padding:1rem}
.card-mini__icon{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:rgba(208,122,58,.12);border:1px solid rgba(208,122,58,.22);margin-bottom:.8rem}
.card-mini h4{margin:.1rem 0 .35rem}
.card-mini p{margin:0;color:var(--muted);line-height:1.6}
.feature{padding:1.1rem}
.feature__icon{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:rgba(208,122,58,.12);border:1px solid rgba(208,122,58,.22);margin-bottom:.85rem}
.feature h3{margin:.1rem 0 .4rem}
.feature p{margin:0;color:var(--muted);line-height:1.6}

/* legal solutions panel */
.solutions-law{margin-top:2.4rem;padding:1.2rem 1.15rem 1.3rem}
.solutions-law__label{font-size:.8rem;text-transform:uppercase;letter-spacing:.16em;color:rgba(232,237,243,.7);margin-bottom:.3rem}
.solutions-law__title{margin:.15rem 0 .6rem;font-size:1.05rem}
.solutions-law__desc{margin:0 0 .9rem;color:var(--muted);line-height:1.6}
.solutions-law__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}
.solutions-law__item{display:flex;gap:.7rem;align-items:flex-start;border-radius:16px;border:1px solid rgba(208,122,58,.16);background:rgba(8,12,18,.32);padding:.7rem .8rem}
.solutions-law__icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;
  background:radial-gradient(circle at 30% 0%,rgba(248,250,252,.15),transparent 55%),rgba(8,12,18,.9);
  border:1px solid rgba(208,122,58,.35);font-size:1.2rem}
.solutions-law__item h4{margin:.1rem 0 .25rem;font-size:.95rem}
.solutions-law__item p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.55}

@media (max-width:900px){
  .solutions-law__grid{grid-template-columns:1fr}
}

/* timeline */
.timeline{margin-top:1.2rem;padding:1.1rem}
.timeline__title{margin:.1rem 0 1rem}
.timeline__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.85rem}
.tstep{border-radius:18px;border:1px solid rgba(208,122,58,.32);background:radial-gradient(circle at 30% 0%,rgba(208,122,58,.22),rgba(8,12,18,.9));padding:.9rem;display:flex;gap:.75rem}
.tstep__k{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:rgba(208,122,58,.16);border:1px solid rgba(208,122,58,.22);font-weight:800}
.tstep__t{font-weight:800}
.tstep__d{color:var(--muted);margin-top:.2rem;line-height:1.55}

/* achievements */
.metrics{margin-bottom:2rem}
.cases{margin-top:1rem}

.metric{padding:1rem}
.metric__k{font-weight:700}
.metric__v{font-size:1.8rem;font-weight:900;margin:.35rem 0}
.metric__d{color:var(--muted);line-height:1.55}
.case{padding:1.1rem}
.case__head{display:flex;align-items:center;gap:.7rem;margin-bottom:.2rem}
.case__icon{
  width:38px;height:38px;border-radius:14px;display:grid;place-items:center;
  background:rgba(208,122,58,.12);border:1px solid rgba(208,122,58,.22);
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.25));
}
.ai-spin{animation:spin 4.5s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.ai-pulse{animation:iconpulse 2.3s ease-in-out infinite}
@keyframes iconpulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
.ai-float{animation:float 2.8s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.case h3{margin:.1rem 0 .7rem}
.case p{margin:.35rem 0;color:var(--muted);line-height:1.6}
.case strong{color:rgba(232,237,243,.92)}

/* partners */
.partners{margin-top:1rem;padding:1.1rem}
.partners__label{font-weight:800}
.partners__logos{display:flex;flex-wrap:wrap;gap:.7rem;margin:.8rem 0 .6rem}
.partners__logos img{height:56px;width:auto;display:block;opacity:.9}
.partners__note{color:var(--muted)}

/* contact */
.map{margin-top:1rem;border-radius:18px;overflow:hidden;border:1px solid rgba(208,122,58,.18)}
.map iframe{width:100%;height:240px;border:0;display:block}
.security-note{margin-top:1rem;padding:.85rem;border-radius:16px;border:1px solid rgba(208,122,58,.18);background:rgba(8,12,18,.28);color:var(--muted);line-height:1.6}
.form{display:grid;gap:.9rem}
.form__row{display:grid;gap:.35rem}
.form label{color:rgba(232,237,243,.88);font-weight:700;font-size:.95rem}
.form input,.form textarea{
  width:100%;border-radius:16px;border:1px solid rgba(255,255,255,.10);
  /* slightly lighter inputs for better readability on dark UI */
  background:rgba(255,255,255,.06);color:var(--text);padding:.85rem .95rem;outline:none
}
.form input:focus,.form textarea:focus{border-color:rgba(208,122,58,.45);box-shadow:0 0 0 4px rgba(208,122,58,.12)}
.form__row--check{grid-template-columns:20px 1fr;align-items:flex-start;gap:.7rem}
.form__row--check input{margin-top:.2rem;width:20px;height:20px}
.form__micro{margin:0;color:var(--muted2);line-height:1.55;font-size:.92rem}
.form__actions{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}
.form__status{min-height:1.2em;font-weight:700}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* footer */
.footer{
  border-top:1px solid rgba(208,122,58,.22);
  background:rgba(8,12,18,.55);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  padding:2rem 0
}
.footer__grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem;align-items:stretch}
.footer__brand{font-weight:900;letter-spacing:.02em}
.footer__meta{margin-top:.6rem;color:var(--muted);line-height:1.65}
.footer__copy{margin-top:.6rem;color:var(--muted2)}
.footer__right{display:flex;flex-direction:column;align-items:flex-end;gap:.8rem;min-height:100%}
.footer__right .powered{margin-top:auto}
.link{background:transparent;border:0;color:rgba(232,237,243,.88);cursor:pointer;padding:0;border-bottom:1px dashed rgba(208,122,58,.35)}
.link:hover{color:var(--copper2)}
.powered{color:rgba(232,237,243,.55);letter-spacing:.08em}

/* modal */
.modal{position:fixed;inset:0;display:grid;place-items:center;z-index:100}
.modal[hidden]{display:none!important}
.modal__overlay{position:absolute;inset:0;background:rgba(0,0,0,.62)}
.modal__panel{
  position:relative;width:min(820px,calc(100% - 1.4rem));
  max-height:min(86vh,820px);overflow:auto;padding:1.2rem
}
.modal__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:.8rem;margin-bottom:.8rem}
.iconbtn{width:42px;height:42px;border-radius:16px;border:1px solid rgba(208,122,58,.22);background:rgba(8,12,18,.32);color:#fff;cursor:pointer}
.modal__desc{margin:.3rem 0 1rem;color:var(--muted);line-height:1.6}
.toggle{display:flex;justify-content:space-between;gap:1rem;border-radius:18px;border:1px solid rgba(255,255,255,.10);background:rgba(8,12,18,.28);padding:.9rem;margin:.7rem 0}
.toggle__title{font-weight:900}
.toggle__desc{color:var(--muted);line-height:1.55;margin-top:.25rem}
.toggle__ctrl input{width:22px;height:22px}
.modal__actions{display:flex;gap:.7rem;justify-content:flex-end;flex-wrap:wrap;margin-top:1rem;border-top:1px solid rgba(255,255,255,.08);padding-top:1rem}
.modal__hint{margin-top:.8rem;color:var(--muted2);font-size:.92rem;text-align:right}

/* reveal */
.reveal{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s ease}
.reveal.is-visible{opacity:1;transform:translateY(0)}

/* responsive */
@media (max-width:980px){
  .hero{grid-template-columns:1fr}
  .hero__hud{margin-top:1.5rem}
  .timeline__grid{grid-template-columns:1fr 1fr}
  .grid--4{grid-template-columns:1fr 1fr}
  .grid--3{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  .nav__toggle{display:inline-flex}
  .nav__menu{
    position:fixed;left:1rem;right:1rem;top:72px;
    padding:.9rem;border-radius:var(--r2);
    background:rgba(8,12,18,.72);border:1px solid rgba(208,122,58,.22);
    backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
    box-shadow:var(--shadow);display:none;flex-direction:column;align-items:stretch;gap:.9rem
  }
  .nav__menu.is-open{display:flex}
  .nav__links{flex-direction:column;align-items:stretch}
  .nav__link{justify-content:center}
  .footer__grid{grid-template-columns:1fr}
  .footer__right{align-items:flex-start}
  .grid--2,.grid--3,.timeline__grid{grid-template-columns:1fr}
  .partners__logos img{height:52px}
}