/* MZ / SILVER EDITION — deliberately restrained classic-tech identity */
:root{
  --bg:#0A0C0F; --bg2:#101318; --surf:#171A1E; --surf2:#1D2126;
  --line:rgba(192,204,215,.18); --line2:rgba(209,221,230,.34);
  --text:#F6F8FA; --muted:#C4CDD5;
  --gold:#D4DEE6; --gold-l:#F1F5F7; --gold-d:#A7B5C0;
  --gold-grad:linear-gradient(128deg,#F8FBFD 0%,#D0D9E0 34%,#9AA9B5 60%,#F0F5F8 100%);
  --on-gold:#12161A;
  --shadow:0 13px 30px -17px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.035);
  --r:12px
}
html{background:#0A0C0F;scroll-padding-top:110px}
body{
  background:radial-gradient(ellipse 630px 430px at 84% 4%,rgba(111,139,161,.07),transparent 68%),linear-gradient(180deg,#090B0E,#101318 51%,#0B0D10);
  background-color:#0A0C0F;color:var(--text);line-height:1.85
}
body:before{display:none}
::selection{background:#D4DEE6;color:#11161B}
a{transition:color .2s,border-color .2s,background .2s,transform .2s}
:focus-visible{outline:2px solid #F2F6F9;outline-offset:3px}
.wrap{max-width:1250px;padding-inline:clamp(1.1rem,4vw,3rem)}
.top{background:rgba(10,12,15,.94)!important;border-bottom:1px solid rgba(183,196,207,.17)}
@supports(backdrop-filter:blur(12px)){.top{backdrop-filter:blur(14px);background:rgba(10,12,15,.82)!important}}
.top::after{display:none}
.bar{min-height:76px;gap:1rem}
.logo{gap:.48rem}
.logo picture{display:none}
.logo:before{content:"";display:block;background:url("brand/mz-mark.svg") center/contain no-repeat;width:78px;height:47px;flex:none}
.logo-sub{border-inline-start:1px solid rgba(202,214,223,.3);font-size:.86rem;color:#E0E6EB;padding-inline-start:.75rem}
.bar nav a{color:#D5DEE6;min-height:40px;font-weight:600;font-size:.89rem;padding:.5rem .78rem}
.bar nav a:hover,.bar nav a:focus-visible{background:rgba(188,205,218,.075);color:#FFF}
.bar nav a[aria-current]{color:#FFF;box-shadow:inset 0 -1px 0 #D7E0E7;background:rgba(194,208,218,.055)}
.bar nav a[href*="floot"]{border:1px solid rgba(184,201,214,.32);border-radius:8px}
.lang{border-radius:8px;border-color:rgba(184,201,214,.35);color:#E2EAF0}
.lang:hover{background:rgba(183,201,215,.08)}
.hero{
 isolation:isolate;overflow:hidden;min-height:590px;padding-block:clamp(3rem,5.8vw,5.6rem);
 border-bottom:1px solid var(--line);
 background:radial-gradient(ellipse 470px 360px at 27% 49%,rgba(114,142,164,.095),transparent 75%),linear-gradient(150deg,#0A0C0F 0%,#12161A 50%,#0B0D10 100%)
}
.hero::before{
 background-image:linear-gradient(90deg,rgba(176,198,215,.035) 1px,transparent 1px),linear-gradient(0deg,rgba(176,198,215,.035) 1px,transparent 1px);
 background-size:100px 100px;opacity:.3;
 mask-image:radial-gradient(ellipse at 35% 50%,#000 10%,transparent 70%)
}
.hero::after{display:none}
.hero-grid{grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);gap:clamp(1rem,4vw,4rem);align-items:center}
.eyebrow{font-size:.86rem;letter-spacing:.045em;color:#B7C8D7;font-weight:600;border-inline-start:2px solid #8B9DAE;padding-inline-start:14px;margin-bottom:1rem}
.hero h1{font-size:clamp(2.65rem,4.6vw,4.7rem);line-height:1.3;letter-spacing:-.02em;font-weight:700;margin-block:.2rem 1.25rem;text-wrap:balance;text-shadow:none}
.hero h1 em{color:#DEE7ED;background:linear-gradient(110deg,#F9FCFD,#C5D1DA 50%,#FFFFFF);background-clip:text;-webkit-background-clip:text}
.hero .lead{color:#C4CDD6;font-size:clamp(1rem,1.46vw,1.17rem);max-width:44ch;line-height:1.9}
.actions{gap:.75rem;margin-top:2rem}
.btn{min-height:50px;padding:.65rem 1.45rem;border-radius:9px}
.primary{color:#11161A!important;background:var(--gold-grad);border:1px solid #D9E3EA;box-shadow:0 6px 24px rgba(0,0,0,.15)}
.primary:hover{transform:translateY(-2px);filter:brightness(1.05)}
.ghost{color:#E8EEF3;border-color:rgba(201,214,223,.39);background:rgba(18,21,25,.5)}
.ghost:hover{background:rgba(213,226,236,.095);border-color:#D7E2EB;transform:translateY(-2px)}
.hero-art{
 display:block;position:relative;aspect-ratio:1;width:100%;max-width:475px;min-height:0;
 justify-self:center;background:url("brand/mz-royal.svg") center/contain no-repeat;filter:none
}
.hero-art .tile{display:none}
.hero-art::before{content:"";position:absolute;inset:18%;z-index:-1;background:radial-gradient(circle,rgba(172,192,207,.075),transparent 72%);filter:blur(34px);animation:none}
.hero-art::after{display:none}
.trust{background:#101317;border-bottom:1px solid var(--line)}
.trust-list{grid-template-columns:repeat(4,1fr);gap:1.3rem;padding-block:1.6rem}
.trust-list li{align-items:center}
.trust-list h2{color:#ECF1F5;font-size:1rem}
.trust-list p{font-size:.86rem;color:#BBC6D0}
.trust .ico{border-radius:10px;width:43px;height:43px;padding:10px;color:#E2EAF0;border:1px solid rgba(199,212,223,.24);background:rgba(199,212,223,.05)}
.section{padding-block:clamp(3.7rem,5.3vw,5.4rem);position:relative}
.section.alt{background:#0E1115;border-block:1px solid var(--line)}
.head{margin-bottom:2rem;gap:1rem;align-items:center}
.head h2{color:#F4F7F9}
.num{color:#B8C9D5;border:1px solid rgba(198,215,227,.25);border-radius:7px;padding:.15rem .5rem;font-size:.8rem}
.head::after{background:linear-gradient(90deg,#B6C7D5,rgba(182,199,213,.27),transparent)}
.head::before{background:#E5EDF2}
h2{font-size:clamp(1.6rem,2.9vw,2.4rem)}
.services{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.card,.prod,.proj,.steps li,.form,.ad-card{background:#161A1F;border:1px solid rgba(199,214,226,.15);border-radius:12px;box-shadow:var(--shadow)}
.card{min-height:198px;padding:1.35rem;transition:transform .2s,border-color .2s}
.card::before,.card::after{display:none}
.card:hover,.proj:hover,.prod:hover{transform:translateY(-2px);border-color:rgba(215,230,239,.48);box-shadow:0 17px 32px -20px #000}
.card .ico{color:#CDD9E2;stroke-width:1.4;width:29px;height:29px;margin-bottom:.8rem}
.card h3{font-size:1rem;color:#F0F3F6;margin-bottom:.4rem}
.card p,.prod p,.proj p{color:#C0CBD3;line-height:1.8;font-size:.92rem}
.after{margin-top:1.7rem}
.link{color:#E0E8EE;text-decoration:none;border-bottom:1px solid rgba(192,212,224,.38);padding-bottom:2px}
.link:hover{color:#FFF;border-color:#FFF}
.projects{grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%;gap:1.35rem}
.proj-img{background:#0D1115;border-color:var(--line)}
.proj-img img{transition:transform .5s;opacity:1}
.proj:hover .proj-img img{transform:scale(1.025)}
.proj-b{padding:1.5rem}
.proj-top h3{font-size:1.2rem;color:#F3F7FA}
.status.live{background:var(--gold-grad);color:#12161A}
.status.beta{color:#D8E2E9;border-color:rgba(202,216,226,.35)}
.about{background:#0D1013}
.about-grid{grid-template-columns:1fr 1.7fr auto;gap:2rem}
.about p{color:#C8D2DA}
.cta{position:relative;overflow:hidden;background:linear-gradient(130deg,#192027,#0C0F12);border-top:1px solid rgba(200,217,227,.25);border-bottom:1px solid rgba(200,217,227,.25);padding-block:4rem}
.cta::before{display:none}
.cta h2{font-size:clamp(1.75rem,3.2vw,2.7rem);color:#FFF;text-wrap:balance}
.cta p{color:#CCD7DF;font-size:1rem}
.btn.light{background:rgba(8,11,13,.4);color:#F2F6F9;border:1px solid rgba(217,230,238,.56)}
.btn.light:hover{background:rgba(208,221,231,.08)}
.foot{background:#090B0E;border-top:1px solid var(--line);color:#B7C3CD}
.foot picture{display:none}
.foot-grid>div:first-child::before{content:"";display:block;width:105px;height:61px;background:url("brand/mz-mark.svg") center/contain no-repeat}
.foot nav a{color:#C6D0D7}
.foot nav a:hover{color:#FFF}
.form{padding:1.6rem}
.form input,.form textarea,.form select,.ad-login input[type=password],.ad-msg,.mzc-f textarea{background:#0E1216!important;border:1px solid #65727D!important;color:#F0F4F7}
.form input:focus,.form textarea:focus,.form select:focus{border-color:#B6CBD9!important}
.form label{color:#F0F4F7}
.mzc-greet,.mzc-greet::after{background:#192028}
.mzc,.mzc-h{background:#14191E}
.mzc-fab{border:1px solid #ECF3F7;background:var(--gold-grad);color:#13191D}
.hero.page{min-height:unset;padding-block:clamp(2.7rem,5vw,4.6rem);background:linear-gradient(140deg,#111820,#0B0E12)}
.hero.page h1{font-size:clamp(2rem,4vw,3.45rem)}
.prose p,.subs li{color:#C8D2DB}
.ad-card,.form{box-shadow:var(--shadow)}
.mz-merge-panel{background:rgba(162,180,192,.055);border-color:rgba(184,201,214,.27)}
@media(max-width:1100px){
 .trust-list{grid-template-columns:repeat(2,1fr)}
 .services{grid-template-columns:repeat(3,minmax(0,1fr))}
 .hero-grid{grid-template-columns:1fr .85fr}
 .hero h1{font-size:clamp(2.35rem,4.4vw,3.8rem)}
 .about-grid{grid-template-columns:1fr 2fr}
 .about-grid>.link{grid-column:2}
}
@media(max-width:780px){
 .bar{min-height:66px;row-gap:0;padding-block:.3rem}
 .bar nav{order:4;width:100%;overflow-x:auto;margin:0;scrollbar-width:thin}
 .bar nav ul{width:max-content;flex-wrap:nowrap;gap:.08rem}
 .bar nav a{font-size:.84rem;padding:.45rem .65rem;white-space:nowrap}
 .logo:before{width:62px;height:40px}
 .logo-sub{font-size:.78rem}
 .lang{order:3;margin-inline-start:auto;min-height:35px}
 .hero{min-height:0;padding-block:2.7rem 3.1rem}
 .hero-grid{grid-template-columns:1fr;gap:.5rem}
 .hero-grid>div:first-child{max-width:670px}
 .hero h1{font-size:clamp(2.25rem,7vw,3.8rem)}
 .hero .lead{max-width:49ch}
 .hero-art{width:min(100%,410px);margin-top:1rem}
 .services{grid-template-columns:repeat(2,minmax(0,1fr))}
 .projects{grid-template-columns:1fr}
 .about-grid{grid-template-columns:1fr;gap:1.1rem}
 .about-grid>.link{grid-column:auto}
}
@media(max-width:520px){
 .wrap{padding-inline:1.1rem}
 .hero{padding-block:2.15rem 2.4rem}
 .hero h1{font-size:clamp(2.13rem,9vw,3rem);line-height:1.35}
 .hero .lead{font-size:1rem}
 .actions{gap:.62rem;margin-top:1.65rem}
 .hero .actions .btn{width:100%;justify-content:center;min-height:49px}
 .hero-art{width:min(94%,345px);margin-top:1rem}
 .trust-list{grid-template-columns:1fr 1fr;gap:1rem}
 .trust-list li{flex-direction:column;gap:.45rem;align-items:flex-start}
 .trust-list p{font-size:.8rem}.trust-list h2{font-size:.91rem}
 .services{grid-template-columns:1fr;gap:.85rem}
 .card{min-height:0;padding:1.2rem}
 .section{padding-block:3.2rem}
 .head{gap:.6rem}
 .proj-b{padding:1.2rem}
 .proj-top{flex-wrap:wrap}
 .cta{padding-block:3.2rem}
 .foot-grid{align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card,.proj,.btn,.proj-img img{transition:none}}