*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#03050d;--bg2:#050814;--panel:#0b1226;--white:#f7f9ff;--s1:#e8eefb;--s2:#cad5e9;--s3:#a8b8d3;--s4:#7f91ae;--blue:#75a6ff;--blue2:#3f73dc;--gold:#c3a36c;--green:#51c58b;--purple:#9b82ff;--border:rgba(183,202,237,.14);--soft:rgba(183,202,237,.08);--shadow:0 24px 72px rgba(0,0,0,.35);--max:1500px;--pad:clamp(18px,4vw,68px)}
html{scroll-behavior:smooth}body{min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 10% 0,rgba(63,115,220,.16),transparent 30%),radial-gradient(circle at 92% 18%,rgba(155,130,255,.09),transparent 28%),linear-gradient(180deg,var(--bg),var(--bg2) 42%,#040711);color:var(--s2);font-family:Inter,sans-serif;line-height:1.65}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}
a{color:inherit}.container{width:min(var(--max),calc(100% - var(--pad)*2));margin:auto}.skip{position:fixed;left:10px;top:10px;z-index:1000;transform:translateY(-160%);padding:10px 14px;background:#fff;color:#050814;border-radius:8px;font-weight:700}.skip:focus{transform:none}
header{position:fixed;inset:0 0 auto;z-index:100;border-bottom:1px solid var(--soft);background:rgba(3,5,13,.84);backdrop-filter:blur(20px)}
nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none}.brand img{width:44px;height:44px;border-radius:11px;border:1px solid rgba(117,166,255,.28);object-fit:cover}.brand-copy{display:grid}.brand-name{font:600 .76rem Cinzel,serif;letter-spacing:.14em;text-transform:uppercase;color:var(--s1)}.brand-sub{font-size:.62rem;letter-spacing:.17em;text-transform:uppercase;color:var(--s4)}
.navlinks{display:flex;gap:clamp(17px,1.8vw,31px);align-items:center;list-style:none}.navlinks a{position:relative;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--s3)}.navlinks a:hover,.navlinks a.active{color:#fff}.navlinks a.active:after{content:"";position:absolute;left:0;right:0;bottom:-11px;height:2px;background:linear-gradient(90deg,var(--blue),var(--purple));border-radius:2px}
.cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:10px;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:800;border:1px solid transparent}.cta.primary{background:linear-gradient(135deg,var(--blue2),#5b8df6);color:#fff;box-shadow:0 15px 38px rgba(63,115,220,.25)}.cta.secondary{border-color:var(--border);background:rgba(255,255,255,.025);color:var(--s1)}.navcta{min-height:38px;padding:0 15px;border-color:rgba(195,163,108,.35);color:#f0d49a;background:rgba(195,163,108,.07)}
.menu{display:none;width:42px;height:42px;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.03);color:#fff;font-size:1.2rem}
main{padding-top:76px}section{padding:clamp(82px,8vw,122px) 0}.hero{min-height:calc(100svh - 76px);display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);gap:clamp(46px,6vw,104px);align-items:center}.eyebrow,.kicker{color:var(--blue);font-size:.68rem;font-weight:800;letter-spacing:.23em;text-transform:uppercase}.eyebrow{margin-bottom:24px}
h1,h2,h3{color:var(--white);font-family:"Cormorant Garamond",serif}h1{max-width:900px;font-size:clamp(3.6rem,7vw,6.7rem);font-weight:500;letter-spacing:-.045em;line-height:1.02}h1 span{display:block;margin-top:7px;background:linear-gradient(100deg,var(--s1),var(--blue) 55%,var(--purple));background-clip:text;color:transparent}.lead{max-width:790px;margin-top:26px;color:var(--s3);font-size:clamp(1rem,1.5vw,1.16rem);font-weight:300;line-height:1.85}.actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:34px}
.hero-card,.panel{position:relative;overflow:hidden;padding:38px;border:1px solid var(--border);border-radius:28px;background:radial-gradient(circle at 70% 5%,rgba(117,166,255,.14),transparent 35%),linear-gradient(145deg,rgba(14,24,48,.95),rgba(6,10,22,.9));box-shadow:var(--shadow)}.hero-card{min-height:520px}.hero-card .mini{color:var(--gold);font-size:.66rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.hero-card h2{margin-top:20px;font-size:clamp(2.3rem,4vw,3.8rem);font-weight:500;line-height:1.04}.hero-card p,.panel p{margin-top:16px;color:var(--s3);font-size:.94rem;line-height:1.8}
.caplist{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}.cap{padding:18px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.025)}.cap strong{display:block;color:var(--s1);font-size:.79rem}.cap span{display:block;margin-top:4px;color:var(--s4);font-size:.72rem;line-height:1.5}
.rule{height:1px;border:0;background:linear-gradient(90deg,transparent,var(--border),transparent)}.head{display:flex;align-items:end;justify-content:space-between;gap:44px;margin-bottom:48px}.kicker{margin-bottom:13px}.title{max-width:900px;font-size:clamp(2.6rem,5vw,4.35rem);font-weight:500;letter-spacing:-.03em;line-height:1.04}.copy{max-width:760px;margin-top:18px;color:var(--s3);font-size:.98rem;font-weight:300;line-height:1.85}.head .copy{max-width:560px;margin-top:0}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.card{padding:30px;border:1px solid var(--border);border-radius:21px;background:rgba(9,15,32,.72)}.card .num{color:var(--blue);font:600 1.8rem "Cormorant Garamond",serif}.card h3{margin-top:18px;font-size:1.55rem}.card p{margin-top:10px;color:var(--s4);font-size:.86rem;line-height:1.75}
.band{background:linear-gradient(180deg,transparent,rgba(8,14,30,.64) 18%,rgba(8,14,30,.64) 84%,transparent)}
.product{display:flex;flex-direction:column;min-height:520px;padding:30px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(160deg,rgba(14,23,47,.94),rgba(6,10,23,.92));box-shadow:0 14px 42px rgba(0,0,0,.19);transition:.25s}.product:hover{transform:translateY(-5px);border-color:rgba(117,166,255,.35);box-shadow:var(--shadow)}.logo-box{width:76px;height:76px;padding:7px;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.035)}.logo-box img{width:100%;height:100%;object-fit:contain;border-radius:12px}.sector{margin-top:28px;color:var(--gold);font-size:.64rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.product h3{margin-top:9px;font:600 1.75rem Cinzel,serif;letter-spacing:.03em}.product p{margin-top:14px;color:var(--s3);font-size:.88rem;font-weight:300;line-height:1.78}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.tags span{padding:6px 9px;border:1px solid var(--border);border-radius:7px;color:var(--s3);font-size:.59rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.product-link{margin-top:auto;padding-top:26px;color:var(--blue);font-size:.7rem;font-weight:800;letter-spacing:.1em;text-decoration:none;text-transform:uppercase}.product-link:after{content:" ↗"}
.timeline{display:grid;gap:0;max-width:1000px}.step{display:grid;grid-template-columns:80px 1fr;gap:24px;padding:26px 0;border-bottom:1px solid var(--soft)}.step b{color:var(--blue);font:600 1.6rem "Cormorant Garamond",serif}.step h3{font-size:1.45rem}.step p{margin-top:7px;color:var(--s4);font-size:.88rem}
form{display:grid;gap:16px;margin-top:34px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}label{color:var(--s2);font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}input,select,textarea{width:100%;padding:13px 14px;border:1px solid rgba(183,202,237,.18);border-radius:12px;background:rgba(255,255,255,.045);color:var(--s1);font:inherit;font-size:.86rem;outline:none}select option{color:#071020}textarea{min-height:140px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:rgba(117,166,255,.55);box-shadow:0 0 0 3px rgba(117,166,255,.1)}
.result{display:none;margin-top:18px;padding:18px;border:1px solid rgba(81,197,139,.25);border-radius:15px;background:rgba(81,197,139,.06)}.result.show{display:block}.result.error{border-color:rgba(239,127,157,.34);background:rgba(239,127,157,.075)}
.contact-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px}.contact-detail{padding:20px;border:1px solid var(--border);border-radius:15px;background:rgba(255,255,255,.03)}.contact-detail small{display:block;color:var(--blue);font-size:.63rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.contact-detail strong{display:block;margin-top:6px;color:var(--s1);font-size:1rem;word-break:break-word}
footer{padding:34px 0 42px;border-top:1px solid var(--soft)}.foot{display:flex;align-items:center;justify-content:space-between;gap:24px}.footbrand{display:flex;align-items:center;gap:12px}.footbrand img{width:36px;height:36px;border-radius:9px}.footname{font:600 .68rem Cinzel,serif;letter-spacing:.11em;text-transform:uppercase;color:var(--s2)}.copyright{color:var(--s4);font-size:.7rem}.footlinks{display:flex;gap:18px;flex-wrap:wrap}.footlinks a{color:var(--s4);font-size:.7rem;font-weight:600;text-decoration:none}.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1120px){.hero-grid{grid-template-columns:1fr}.hero-card{max-width:850px}.grid4{grid-template-columns:repeat(2,1fr)}.grid3{grid-template-columns:1fr}.product{min-height:0}}
@media(max-width:900px){.navlinks,.navcta{display:none}.menu{display:block}.navlinks.open{position:absolute;display:grid;top:76px;left:16px;right:16px;gap:0;border:1px solid var(--border);border-radius:15px;background:rgba(5,8,20,.98);overflow:hidden}.navlinks.open a{display:block;padding:16px 18px}.navlinks a.active:after{display:none}.head{display:block}.head .copy{margin-top:18px}.grid2{grid-template-columns:1fr}}
@media(max-width:720px){:root{--pad:16px}section{padding:72px 0}.hero{min-height:auto;padding:92px 0}.hero-card{min-height:0;padding:26px}.caplist,.grid4,.formgrid,.contact-details{grid-template-columns:1fr}.foot{align-items:flex-start;flex-direction:column}.brand-sub{display:none}.step{grid-template-columns:50px 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}

/* Inner-page hero typography polish */
.inner-page .hero-grid{
  grid-template-columns:minmax(0,1.18fr) minmax(400px,.82fr);
  gap:clamp(40px,4.75vw,82px);
}
.inner-page .hero h1{
  max-width:880px;
  font-size:clamp(3.35rem,4.65vw,4.9rem);
  line-height:1.055;
  letter-spacing:-.04em;
  text-wrap:balance;
}
.inner-page .hero h1 span{
  margin-top:9px;
  line-height:1.08;
  padding-bottom:.06em;
  text-wrap:balance;
}
.inner-page .hero-card h2{
  font-size:clamp(2.1rem,2.7vw,3rem);
  line-height:1.09;
  letter-spacing:-.02em;
  text-wrap:balance;
}
.inner-page .hero-card p{
  max-width:54ch;
}
@media(max-width:1120px){
  .inner-page .hero-grid{grid-template-columns:1fr;gap:44px}
  .inner-page .hero h1{max-width:900px;font-size:clamp(3.35rem,7vw,5rem)}
}
@media(max-width:720px){
  .inner-page .hero h1{font-size:clamp(3rem,13vw,4.2rem);line-height:1.04}
  .inner-page .hero-card h2{font-size:clamp(2rem,9vw,2.65rem)}
}