/* Czeczó Security – design system (dark, high-contrast, enterprise-security look) */
:root{
  /* NetSPI / Silent Signal / Gammaorg közös vizuális nyelve: tengerészkék + narancs, váltakozó világos szakaszok */
  --bg:#07142a; --bg2:#0a1a35; --panel:#0e2242; --panel2:#132a50; --line:#1e365c; --line2:#2b4a75;
  --fg:#ffffff; --fg2:#c7d3e3; --muted:#8fa3bd;
  --accent:#f56a00; --accent2:#ef4923; --onaccent:#ffffff;
  --crit:#e5383b; --high:#f56a00; --med:#f2b705; --low:#3a86ff;
  --grad:linear-gradient(90deg,#ff8a2b 0%,#f56a00 45%,#ef4923 100%);
  --radius:8px; --maxw:1240px;
  --sans:"Ubuntu",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --mono:"Ubuntu Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  color-scheme:dark;
}
/* világos szakasz-téma: ugyanazok a komponensek, más tokenek */
.light,.sec.alt{
  --bg:#ffffff; --bg2:#f3f5f8; --panel:#ffffff; --panel2:#f3f1e6; --line:#dde3ea; --line2:#c6d0dc;
  --fg:#07142a; --fg2:#345367; --muted:#71808d; color-scheme:light;
}
.sec.alt{--bg:#e9ecef;--panel:#ffffff}
.sec.cream{--bg:#f3f1e6;--panel:#ffffff;--fg:#07142a;--fg2:#345367;--muted:#71808d;--line:#ddd8c4;--line2:#cfc8ae;--bg2:#ebe8da;color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
img{max-width:100%}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}
.eyebrow{font:700 13px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);display:inline-flex;gap:8px;align-items:center}
.eyebrow::before{content:"";width:18px;height:2px;background:var(--grad);display:inline-block}
h1,h2,h3,h4{line-height:1.12;margin:0;letter-spacing:-.01em;color:var(--fg)}
h1{font-size:clamp(36px,5.6vw,68px);font-weight:800}
h2{font-size:clamp(28px,3.6vw,44px);font-weight:800}
h3{font-size:20px;font-weight:700}
.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:clamp(17px,1.6vw,20px);color:var(--fg2);max-width:760px}
.muted{color:var(--muted)}

/* ---------- header / mega menu ---------- */
.topbar{background:#050e1e;border-bottom:1px solid var(--line);font:12px var(--mono);color:var(--muted)}
.topbar .wrap{display:flex;justify-content:space-between;gap:12px;padding:7px 20px;flex-wrap:wrap}
.topbar a{color:var(--fg2)}
header.site{position:sticky;top:0;z-index:50;background:rgba(6,10,19,.86);backdrop-filter:saturate(140%) blur(12px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:68px;gap:16px}
.brand{display:flex;align-items:center;gap:10px;color:var(--fg);font-weight:800;font-size:19px;letter-spacing:-.02em}
.brand:hover{text-decoration:none}
.brand svg{width:30px;height:30px}
.brand small{display:block;font:500 10px var(--mono);color:var(--muted);letter-spacing:.12em;text-transform:uppercase}
.menu{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}
.menu>li{position:relative}
.menu>li>a,.menu>li>button{display:block;padding:10px 12px;color:var(--fg2);font:500 15px var(--sans);background:none;border:0;cursor:pointer;border-radius:8px}
.menu>li>a:hover,.menu>li>button:hover,.menu>li:focus-within>button{color:var(--fg);background:var(--panel);text-decoration:none}
.menu>li>button::after{content:"▾";margin-left:6px;font-size:11px;color:var(--muted)}
.mega{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);min-width:560px;display:none;grid-template-columns:1fr 1fr;gap:6px;padding:14px;background:var(--panel);border:1px solid var(--line2);border-radius:var(--radius);box-shadow:0 30px 80px rgba(0,0,0,.55)}
.menu>li:hover .mega,.menu>li:focus-within .mega{display:grid}
.mega::before{content:"";position:absolute;top:-10px;left:0;right:0;height:10px}
.mega a{display:block;padding:10px 12px;border-radius:10px;color:var(--fg)}
.mega a:hover{background:var(--panel2);text-decoration:none}
.mega a b{display:block;font-size:15px}.mega a span{display:block;font-size:13px;color:var(--muted)}
.mega .head{grid-column:1/-1;font:600 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:4px 12px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:10px;font-weight:700;font-size:15px;border:1px solid transparent;cursor:pointer;transition:transform .15s,box-shadow .15s}
.btn:hover{text-decoration:none;transform:translateY(-1px)}
.btn.primary{background:var(--accent);color:var(--onaccent);box-shadow:0 8px 24px rgba(245,106,0,.28)}.btn.primary:hover{background:#ff7a14}
.btn.ghost{background:transparent;color:var(--fg);border-color:var(--line2)}
.btn.ghost:hover{border-color:var(--accent)}
.btn.sm{padding:9px 14px;font-size:14px}
.burger{display:none}
@media (max-width:980px){
  .menu{display:none}
  .burger{display:block}
  .burger summary{list-style:none;cursor:pointer;padding:8px 12px;border:1px solid var(--line2);border-radius:8px;color:var(--fg)}
  .burger summary::-webkit-details-marker{display:none}
  .burger[open] .mobile{display:block}
  .mobile{display:none;position:absolute;left:0;right:0;top:68px;background:var(--panel);border-bottom:1px solid var(--line);padding:12px 20px 20px;max-height:80vh;overflow:auto}
  .mobile a{display:block;padding:10px 0;color:var(--fg);border-bottom:1px solid var(--line)}
  .mobile .head{font:600 11px var(--mono);letter-spacing:.14em;color:var(--muted);margin-top:14px;text-transform:uppercase}
  .nav .cta-head{display:none}
}

/* ---------- hero ---------- */
.hero{position:relative;overflow:hidden;padding:84px 0 72px;border-bottom:1px solid var(--line)}
.hero::before{content:"";position:absolute;inset:0;background:
  radial-gradient(60rem 30rem at 85% -10%,rgba(245,106,0,.20),transparent 60%),
  radial-gradient(50rem 30rem at 0% 110%,rgba(58,134,255,.14),transparent 60%);pointer-events:none}
.hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;opacity:.25;mask-image:radial-gradient(ellipse at 70% 30%,#000 30%,transparent 75%);pointer-events:none}
.hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.hero h1{margin:18px 0 18px}
.hero .cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.tag{font:500 13px var(--mono);padding:7px 12px;border:1px solid var(--line2);border-radius:999px;color:var(--fg2);background:rgba(14,22,40,.6)}
.tag b{color:var(--accent);font-weight:600}
@media (max-width:980px){.hero .wrap{grid-template-columns:1fr}.hero{padding:56px 0}}

/* portal mockup */
.mock{background:var(--panel);border:1px solid var(--line2);border-radius:16px;box-shadow:0 40px 120px rgba(0,0,0,.45);overflow:hidden}
.mock .bar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--bg2)}
.mock .bar i{width:10px;height:10px;border-radius:50%;background:var(--line2);display:block}
.mock .bar span{margin-left:10px;font:12px var(--mono);color:var(--muted)}
.mock .body{padding:16px}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}
.kpi{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:10px}
.kpi b{display:block;font-size:22px;font-weight:800}.kpi small{font:11px var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:9px 10px;border-radius:8px;font-size:13.5px}
.row+.row{border-top:1px solid var(--line)}
.sev{font:700 10.5px var(--mono);padding:3px 7px;border-radius:5px;letter-spacing:.05em;color:#08111f}
.s-crit{background:var(--crit);color:#fff}.s-high{background:var(--high)}.s-med{background:var(--med)}.s-low{background:var(--low)}
.st{font:11px var(--mono);color:var(--muted)}
.st.ok{color:#2bb673}

/* ---------- sections ---------- */
section.sec{padding:88px 0;background:var(--bg);color:var(--fg)}

.sec-head{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:40px}
.sec-head h2{margin-top:14px;max-width:760px}
.grid{display:grid;gap:18px}
.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
@media (max-width:980px){.g3,.g4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.g2,.g3,.g4{grid-template-columns:1fr}}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:26px;transition:border-color .2s,transform .2s;position:relative}
.card:hover{border-color:var(--line2);transform:translateY(-2px)}
.ico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(245,106,0,.10);border:1px solid var(--line2);margin-bottom:16px}
.ico svg{width:22px;height:22px;stroke:var(--accent);fill:none;stroke-width:1.8}
.card h3{margin-bottom:8px}
.card p{color:var(--fg2);margin:0 0 14px;font-size:15px}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{font:500 12px var(--mono);padding:5px 9px;border-radius:7px;background:var(--bg2);border:1px solid var(--line);color:var(--fg2)}
.card .more{display:inline-block;margin-top:16px;font-weight:600;font-size:14px}
.card.feature{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:24px;background:linear-gradient(135deg,var(--panel),var(--panel2))}
@media (max-width:980px){.card.feature{grid-column:auto;grid-template-columns:1fr}}

/* category tabs (Silent Signal-style grouping) */
.cats{display:grid;grid-template-columns:260px 1fr;gap:28px}
.cats nav{display:flex;flex-direction:column;gap:6px;position:sticky;top:96px;align-self:start}
.cats nav a{padding:12px 14px;border-radius:10px;border:1px solid var(--line);color:var(--fg2);font-weight:600}
.cats nav a:hover{border-color:var(--accent);color:var(--fg);text-decoration:none}
.cats nav a small{display:block;font:11px var(--mono);color:var(--muted);font-weight:400}
.svc{display:grid;grid-template-columns:1fr auto;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}
.svc h4{font-size:18px;margin-bottom:6px}.svc p{margin:0;color:var(--fg2);font-size:15px}
.svc .meta{font:12px var(--mono);color:var(--muted);text-align:right;white-space:nowrap}
.svc .code{font:700 12px var(--mono);color:var(--accent);margin-right:8px}
.catblock{margin-bottom:44px;scroll-margin-top:96px}.catblock>h3{font-size:24px;display:flex;gap:14px;align-items:center;margin-bottom:6px}.catblock>h3 .ico{margin:0;flex:none}
@media (max-width:980px){.cats{grid-template-columns:1fr}.cats nav{position:static;flex-direction:row;flex-wrap:wrap}.svc{grid-template-columns:1fr}.svc .meta{text-align:left}}

/* values band (Gammaorg-style) */
.sec.tight{padding:40px 0}.values{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.values div{padding:26px;border-right:1px solid var(--line);background:var(--panel)}
.values div:last-child{border-right:0}
.values b{display:block;font:800 13px var(--mono);letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px}
.values p{margin:0;color:var(--fg2);font-size:14.5px}
@media (max-width:980px){.values{grid-template-columns:1fr 1fr}.values div:nth-child(2){border-right:0}.values div{border-bottom:1px solid var(--line)}}

/* stats / commitments */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.stat{padding:22px;border-left:2px solid var(--accent);background:linear-gradient(90deg,rgba(245,106,0,.08),transparent)}
.stat b{display:block;font-size:34px;font-weight:800;letter-spacing:-.03em}
.stat span{color:var(--fg2);font-size:14.5px}
@media (max-width:980px){.stats{grid-template-columns:1fr 1fr}}

/* badges */
.badges{display:flex;flex-wrap:wrap;gap:10px}
.badge{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid var(--line2);border-radius:12px;background:var(--panel);font-weight:600;font-size:14px}
.badge small{display:block;font:11px var(--mono);color:var(--muted);font-weight:400}

/* process */
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;counter-reset:s}
.step{padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);counter-increment:s}
.step::before{content:"0" counter(s);font:700 28px var(--sans);color:var(--accent);display:block;margin-bottom:10px}
.step h4{font-size:16px;margin-bottom:6px}.step p{margin:0;font-size:14px;color:var(--fg2)}
@media (max-width:980px){.steps{grid-template-columns:1fr 1fr}}

/* research feed */
.post{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.post .thumb{height:140px;color:#c7d3e3!important;border-bottom:3px solid var(--accent);background:
  linear-gradient(135deg,#0e2242 0%,#07142a 60%),var(--panel2);
  display:flex;align-items:end;padding:14px;font:600 12px var(--mono);color:var(--fg2);letter-spacing:.08em;text-transform:uppercase}
.post .in{padding:20px}.post h3{font-size:18px;margin-bottom:8px}.post p{margin:0;font-size:14.5px;color:var(--fg2)}
.post .by{margin-top:14px;font:12px var(--mono);color:var(--muted)}

/* CTA + form */
.cta-band{border:1px solid var(--line2);border-radius:20px;padding:44px;background:
  radial-gradient(40rem 20rem at 100% 0%,rgba(245,106,0,.18),transparent),var(--panel);
  display:grid;grid-template-columns:1fr 1fr;gap:40px}
@media (max-width:980px){.cta-band{grid-template-columns:1fr;padding:28px}}
form .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:640px){form .two{grid-template-columns:1fr}}
label{display:block;font:600 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:12px 0 6px}
input,select,textarea{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--line2);background:var(--bg2);color:var(--fg);font:15px var(--sans)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(245,106,0,.18)}
textarea{min-height:110px;resize:vertical}

/* footer */
footer.site{padding:64px 0 28px;background:#050e1e;border-top:3px solid var(--accent)}
.fcols{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:28px}
.fcols h5{font:600 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}
.fcols a{display:block;color:var(--fg2);padding:4px 0;font-size:14.5px}
.fcols p{color:var(--fg2);font-size:14.5px}
.legal{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--muted)}
.legal a{color:var(--muted)}
@media (max-width:980px){.fcols{grid-template-columns:1fr 1fr}}

/* prose pages */
.page-hero{padding:64px 0 40px;border-bottom:1px solid var(--line);background:radial-gradient(50rem 20rem at 90% 0%,rgba(245,106,0,.16),transparent),var(--bg)}
.page-hero h1{font-size:clamp(32px,4.4vw,52px);margin-top:14px}
.prose{max-width:820px;padding:48px 0 80px}
.prose h2{font-size:26px;margin:36px 0 12px}.prose p,.prose li{color:var(--fg2)}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:100;background:var(--accent);color:#fff;padding:8px 12px;border-radius:8px}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* NetSPI-szerű aláhúzott szakaszcím és narancs kiemelések */
.uline{display:inline-block;padding-bottom:6px;border-bottom:3px solid var(--accent)}
.sec h2 .hl{color:var(--accent)}
.light .card,.sec.alt .card,.sec.cream .card{box-shadow:0 1px 2px rgba(7,20,42,.06),0 8px 24px rgba(7,20,42,.06)}
.light .card:hover,.sec.alt .card:hover,.sec.cream .card:hover{border-color:var(--accent)}
.light .chip,.sec.alt .chip,.sec.cream .chip{background:#f3f5f8}
.light .tag,.sec.alt .tag{background:#fff}
.sec.alt .stat,.light .stat{background:linear-gradient(90deg,rgba(245,106,0,.10),transparent)}
.light .values div,.sec.alt .values div{background:#fff}
.uh h2{display:inline-block;padding-bottom:10px;background:linear-gradient(var(--accent),var(--accent)) left bottom/72px 4px no-repeat}
.privacy-wrap{background:#fff}
/* legénység (NetSPI „Meet the Agents”-mintára) */
.crew .avatar{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font:700 22px var(--mono);color:#fff;background:linear-gradient(135deg,#f56a00,#ef4923);margin-bottom:14px;box-shadow:0 0 0 4px rgba(245,106,0,.18)}
.crew h3{font-family:var(--mono);font-size:22px}
.crew .role{font:700 12px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:4px 0 10px}
.crew.join .avatar{background:transparent;border:2px dashed var(--accent);color:var(--accent);box-shadow:none}

/* ===================== VAD + ENTERPRISE réteg ===================== */
:root{--display:"Chakra Petch","Ubuntu",system-ui,sans-serif;--radius:3px}
body{background:#050e1e}
h1,h2,.wordmark,.eyebrow,.btn,.stat b,.kpi b,.values b,.step::before,.menu>li>button,.menu>li>a{font-family:var(--display)}
h1{text-transform:uppercase;font-weight:700;letter-spacing:-.01em;line-height:.98;font-size:clamp(40px,5.4vw,80px)}
h2{text-transform:uppercase;font-weight:700;letter-spacing:0;line-height:1.02}
.page-hero h1{font-size:clamp(36px,5vw,68px)}
.wordmark{font-weight:700;font-size:24px;letter-spacing:.06em;color:#fff}
.wordmark em{font-style:normal;color:var(--accent)}
.wordmark small{font:600 10px var(--mono);letter-spacing:.2em;color:var(--muted);margin-top:2px}
.brand svg{width:40px;height:40px;filter:drop-shadow(0 0 10px rgba(245,106,0,.35))}
.menu>li>a,.menu>li>button{text-transform:uppercase;letter-spacing:.06em;font-size:14px;font-weight:600}
.mega{border-radius:4px;border-top:3px solid var(--accent)}

/* gombok: levágott sarok, nagybetű */
.btn{border-radius:0;text-transform:uppercase;letter-spacing:.08em;font-weight:700;font-size:14px;padding:15px 26px;
  clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}
.btn.ghost{background:rgba(255,255,255,.04);border:0;box-shadow:inset 0 0 0 1.5px var(--line2)}
.btn.ghost:hover{box-shadow:inset 0 0 0 1.5px var(--accent)}
.btn.sm{padding:11px 18px;font-size:13px}

/* hero: drámaibb */
.hero{padding:110px 0 96px;background:linear-gradient(180deg,#050e1e 0%,#07142a 100%)}
.hero::before{background:
  radial-gradient(55rem 35rem at 88% 10%,rgba(245,106,0,.28),transparent 60%),
  radial-gradient(40rem 30rem at -5% 100%,rgba(239,73,35,.18),transparent 60%),
  linear-gradient(115deg,transparent 0 62%,rgba(245,106,0,.07) 62% 63%,transparent 63% 100%)}
.hero::after{opacity:.35;background-size:44px 44px}
.hero-mark{position:absolute;right:-6vw;top:50%;transform:translateY(-50%) rotate(-8deg);width:min(62vw,760px);opacity:.035;pointer-events:none;z-index:0}
.hero-mark svg{width:100%;height:auto}
.hero .eyebrow{color:#ff8a2b}
.hero .lead{font-size:clamp(17px,1.5vw,20px)}
.tag{border-radius:0;border-color:rgba(245,106,0,.35);background:rgba(245,106,0,.06)}

/* fenyegetés-szalag */
.ticker{background:#f56a00;color:#07142a;overflow:hidden;white-space:nowrap;border-top:1px solid #ff8a2b;border-bottom:1px solid #c94f00}
.ticker .track{display:inline-flex;gap:0;animation:tick 60s linear infinite}
.ticker span{font:700 14px var(--mono);letter-spacing:.08em;padding:12px 26px;position:relative}
.ticker span::after{content:"◆";position:absolute;right:-6px;opacity:.6}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.ticker .track{animation:none}}

/* kártyák: éles, narancs él */
.card{border-radius:2px}
.card::before{content:"";position:absolute;left:0;top:0;height:3px;width:0;background:var(--accent);transition:width .25s}
.card:hover::before{width:100%}
.card h3{text-transform:uppercase;letter-spacing:.02em;font-family:var(--display);font-size:19px}
.ico{border-radius:2px}
.chip{border-radius:0;text-transform:uppercase;letter-spacing:.06em;font-size:11px}
.mock{border-radius:4px;border-top:3px solid var(--accent)}
.kpi{border-radius:2px}
.values{border-radius:2px}
.values b{font-size:15px}
.stat b{font-size:44px;color:var(--fg)}
.stat{border-left-width:4px}
.step{border-radius:2px;border-top:3px solid var(--accent)}
.badge{border-radius:2px}
.post{border-radius:2px}
.post .thumb{font-family:var(--display);font-size:15px;letter-spacing:.14em}
.cta-band{border-radius:4px;border-top:4px solid var(--accent)}
.cats nav a{border-radius:2px;text-transform:uppercase;font-family:var(--display);letter-spacing:.04em}
.cats nav a:hover{background:rgba(245,106,0,.08)}
.svc h4{font-family:var(--display);text-transform:uppercase;letter-spacing:.02em}
.crew .avatar{border-radius:0;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);box-shadow:none}
.crew h3{text-transform:none;font-family:var(--mono)}
.uh h2{background-size:96px 5px}
input,select,textarea{border-radius:0}
.hero .wrap.solo{grid-template-columns:1fr;max-width:var(--maxw)}
.hero .wrap.solo>div{max-width:900px}
.badge{border-left:3px solid var(--accent)}
.navr{display:flex;align-items:center;gap:14px}
.lang{font:700 13px var(--display);letter-spacing:.12em;color:var(--fg2);padding:8px 10px;border:1px solid var(--line2)}
.lang:hover{color:#fff;border-color:var(--accent);text-decoration:none}
@media (max-width:980px){.navr .lang{display:none}.mobile .lang{display:inline-block;margin-top:12px;border:1px solid var(--line2);padding:6px 10px}}
.hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.fstat{padding:14px 16px;margin:0 0 16px;font-weight:600;border-left:4px solid}
.fstat.ok{background:rgba(43,182,115,.12);border-color:#2bb673;color:var(--fg)}
.fstat.err{background:rgba(229,56,59,.10);border-color:#e5383b;color:var(--fg)}