:root{
  --bg:#050505;
  --panel:#0a0a0c;
  --panel-2:#0d0d10;
  --text:#f4f3f6;
  --muted:#a5a2aa;
  --line:#29262d;
  --accent:#7c23c7;
  --accent-2:#a32bff;
  --max:1540px;
  --radius:2px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;max-width:100%;overflow-x:clip}
body{
  margin:0;background:var(--bg);color:var(--text);
  font-family:Arial,Helvetica,sans-serif;line-height:1.45;
  overflow-x:clip;
  max-width:100%;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.container{width:min(calc(100% - 56px),var(--max));max-width:100%;margin:0 auto;min-width:0}
header{
  border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;
  background:rgba(5,5,5,.96);backdrop-filter:blur(10px)
}
.nav{height:90px;display:flex;align-items:center;gap:28px;min-width:0}
.logo{width:132px;flex:0 0 auto}
.navlinks{display:flex;align-items:center;gap:28px;margin-left:auto;min-width:0}
.navlinks a{font-size:15px;white-space:nowrap;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#f2f0f4}
.navlinks a.active{color:var(--accent-2);position:relative}
.navlinks a.active:after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:2px;background:var(--accent-2)}
.lang{display:flex;gap:9px;font-weight:700;font-size:14px;text-transform:uppercase}
.lang .active{color:var(--accent-2)}
.cta{
  border:1px solid var(--accent-2);padding:14px 18px;font-size:13px;font-weight:800;
  text-transform:uppercase;display:inline-flex;align-items:center;gap:8px
}
.menu-btn{display:none;border:1px solid var(--line);background:none;color:#fff;padding:10px}
.hero{padding:62px 0 48px}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}
.kicker{font-size:14px;font-weight:800;color:var(--accent-2);text-transform:uppercase;letter-spacing:.12em}
h1{font-size:clamp(42px,5vw,76px);line-height:.98;margin:0 0 22px;font-weight:900;letter-spacing:-.035em;text-transform:uppercase}
h1 .accent{color:var(--accent-2)}
h2{font-size:clamp(28px,3.1vw,44px);line-height:1.02;text-transform:uppercase;margin:0 0 18px;letter-spacing:-.02em}
h2 .accent{color:var(--accent-2)}
h3{font-size:21px;line-height:1.15;text-transform:uppercase;margin:0 0 10px}
.lead{font-size:19px;color:#d4d0d8;max-width:800px}
.hero-copy .actions{display:flex;gap:14px;margin:28px 0}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 20px;border:1px solid var(--line);font-weight:800;text-transform:uppercase;font-size:13px}
.btn.primary{background:var(--accent-2);border-color:var(--accent-2);color:#fff}
.btn.ghost{background:transparent}
.hero-image{min-height:520px;background:
 linear-gradient(90deg,rgba(5,5,5,.97) 0%,rgba(5,5,5,.75) 12%,rgba(5,5,5,.18) 46%,rgba(5,5,5,0) 100%),
 url('/images/hero.jpg') center/cover no-repeat}
.quick-links{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:8px}
.quick{display:flex;align-items:center;gap:12px}
.quick .icon{
  width:42px;height:42px;border:1px solid var(--accent-2);border-radius:50%;
  display:grid;place-items:center;color:var(--accent-2);font-weight:900
}
.quick span{font-size:14px;font-weight:800;text-transform:uppercase;line-height:1.15}
.band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;margin-top:20px}
.band-grid{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:0}.band-item{min-width:0}
.band-item{padding:0 22px;border-left:1px solid var(--line)}
.band-item:first-child{border-left:0;padding-left:0}
.band-item strong{display:block;font-size:18px;text-transform:uppercase;margin-bottom:8px}
.band-item p{color:var(--muted);margin:0;font-size:14px}
.band-item:first-child strong{font-size:24px}
.band-item:first-child strong span{color:var(--accent-2)}
.page{padding:54px 0 60px}
.page-intro{max-width:920px;margin-bottom:28px}
.page-intro h1{font-size:clamp(40px,4.7vw,66px)}
.page-intro p{font-size:17px;color:#d0ccd4;margin:0;max-width:900px}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}.split>*{min-width:0}
.media{background:#09090b;border:1px solid var(--line)}
.media img{width:100%;height:auto}
.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.card{min-width:0}
.card{border:1px solid var(--line);background:var(--panel)}
.card .photo{aspect-ratio:1.95;object-fit:cover;width:100%}
.card-body{padding:20px}
.num{display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid var(--accent-2);border-radius:50%;color:var(--accent-2);font-weight:800;margin-bottom:18px}
.card h3{font-size:18px}
.card p{font-size:14px;color:var(--muted);min-height:48px}
.card ul{margin:18px 0 22px;padding:0;list-style:none;color:#efebf2}
.card li{margin:8px 0;font-size:14px}
.card li:before{content:"•";color:var(--accent-2);margin-right:8px}
.section-title{margin-bottom:20px}
.panel{border:1px solid var(--line);padding:28px;background:var(--panel)}
.panel + .panel{margin-top:18px}
.panel h3{font-size:17px}
.panel .accent-label{color:var(--accent-2);font-size:13px;font-weight:800;text-transform:uppercase}
.panel-list{display:grid;gap:22px}
.row{display:grid;grid-template-columns:42px 1fr;gap:14px}
.check{width:38px;height:38px;border:1px solid var(--accent-2);border-radius:50%;display:grid;place-items:center;color:var(--accent-2);font-weight:900}
.row strong{display:block;text-transform:uppercase;font-size:15px}
.row p{margin:4px 0 0;color:var(--muted);font-size:14px}
.step-grid{display:grid;gap:18px}
.step{border:1px solid var(--line);padding:24px;position:relative}
.step .num{margin:0 0 10px}
.step:not(:last-child):after{content:"↓";position:absolute;left:50%;bottom:-20px;transform:translateX(-50%);color:var(--accent-2);font-size:25px}
.profile{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:30px;align-items:stretch}.profile>*{min-width:0}
.profile .photo{width:100%;height:100%;object-fit:cover;border:1px solid var(--line)}
.profile-card{border:1px solid var(--line);padding:28px;background:var(--panel)}
.profile-checks{display:grid;gap:9px;margin-top:18px}
.profile-check{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);padding:9px 12px;font-size:13px;text-transform:uppercase}
.dot-ok{color:#92ff28}
.footer{border-top:1px solid var(--line);padding:26px 0 40px;margin-top:30px}
.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center;color:var(--muted);font-size:13px}
.footer-tag{font-weight:800;color:#fff;text-transform:uppercase}
.timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.timeline>*{min-width:0}
.timeline .step{min-height:210px}
.two-brands{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.two-brands>*{min-width:0}
.brand-card{border:1px solid var(--line);padding:28px}
.brand-card.training{background:linear-gradient(145deg,#0d0812,#08080a)}
.brand-card.energy{background:linear-gradient(145deg,#0f0c06,#08080a)}
.brand-card .brand-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.brand-card .badge{color:var(--accent-2);font-size:13px;font-weight:800}
.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px;align-items:start}.contact-grid>*{min-width:0}
.contact-media{background:url('/images/contact.jpg') center/cover no-repeat;min-height:500px;border:1px solid var(--line)}
.contact-card{border:1px solid var(--line);padding:30px;background:var(--panel)}
.contact-row{margin:0 0 28px}.contact-row span{display:block;color:var(--accent-2);font-size:12px;font-weight:800;text-transform:uppercase;margin-bottom:7px}
.contact-row a,.contact-row strong{font-size:20px}
.form{display:grid;gap:14px;margin-top:24px}
.form input,.form textarea{width:100%;background:#07070a;border:1px solid var(--line);color:#fff;padding:13px 14px;font:inherit}
.form textarea{min-height:140px;resize:vertical}
.notice{font-size:12px;color:var(--muted)}
.mobile-nav{display:none}
@media(max-width:1100px){
  .navlinks{gap:18px}
  .navlinks a{font-size:13px}
  .cta{padding:12px 13px}
  .hero-grid,.split,.contact-grid,.profile,.two-brands{grid-template-columns:1fr}
  .hero-image{min-height:380px}
  .card-grid{grid-template-columns:repeat(2,1fr)}
  .timeline{grid-template-columns:repeat(2,1fr)}
  .band-grid{grid-template-columns:1fr 1fr}
  .band-item:nth-child(3),.band-item:nth-child(4){margin-top:20px}
}
@media(max-width:760px){
  .container{width:min(calc(100% - 28px),var(--max))}
  .nav{height:72px}
  .logo{width:110px}
  .navlinks,.lang,.nav .cta{display:none}
  .menu-btn{display:block;margin-left:auto}
  .mobile-nav{display:none;border-top:1px solid var(--line);padding:14px 0 18px}
  .mobile-nav.open{display:block}
  .mobile-nav a{display:block;padding:12px 0;font-weight:800;text-transform:uppercase;border-bottom:1px solid #17151a}
  .mobile-nav a:last-child{border-bottom:0}
  .hero{padding:34px 0 30px}
  h1{font-size:40px}
  .hero-grid{gap:22px}
  .hero-image{min-height:300px;order:2}
  .hero-copy{order:1}
  .lead{font-size:16px}
  .quick-links{grid-template-columns:1fr 1fr;gap:12px}
  .quick span{font-size:12px}
  .band-grid{grid-template-columns:1fr}
  .band-item{border-left:0;border-top:1px solid var(--line);padding:16px 0 0;margin-top:16px}
  .band-item:first-child{border-top:0;margin-top:0;padding-top:0}
  .card-grid,.timeline{grid-template-columns:1fr}
  .page{padding:36px 0 42px}
  .page-intro h1{font-size:38px}
  .panel{padding:22px}
  .footer-inner{flex-direction:column;align-items:flex-start}
}

/* ABOUT / GROUP PAGE */
/* Scoped premium 2-column composition for /o-nas/ and /en/about/. */
/* FINAL V3 — scoped redesign for /o-nas/ and /en/about/ only */
.about-page{overflow-x:clip;max-width:100%;min-width:0}.about-page .container{min-width:0}.about-page .about-brands-v3>*{min-width:0}
.about-page .about-hero{padding-top:58px;padding-bottom:58px}
.about-page .about-intro-v3{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:46px;align-items:end;margin-bottom:22px}
.about-page .about-eyebrow{margin:0 0 10px;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.about-page .about-intro-v3 h1{margin:0;font-size:clamp(46px,5.2vw,80px);line-height:.94}
.about-page .about-lead-v3{margin:0 0 4px;color:#d7d3da;font-size:18px;line-height:1.5;max-width:520px}
.about-page .about-bridge{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin:0 0 22px}
.about-page .about-bridge span{height:1px;background:var(--line)}
.about-page .about-bridge strong{font-size:12px;letter-spacing:.18em;color:#8f8a95;text-transform:uppercase;white-space:nowrap}
.about-page .about-brands-v3{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;align-items:stretch}
.about-page .about-brand-v3{min-width:0;border:1px solid var(--line);background:#08080a;display:flex;flex-direction:column;overflow:hidden}
.about-page .about-brand-v3.training{box-shadow:inset 0 2px 0 var(--accent-2)}
.about-page .about-brand-v3.energy{box-shadow:inset 0 2px 0 #f6a400}
.about-page .about-brand-top{padding:24px 24px 18px}
.about-page .about-logo-row{display:grid;grid-template-columns:minmax(24px,1fr) auto minmax(24px,1fr);align-items:center;gap:16px}
.about-page .about-logo-row>span{height:1px;background:var(--accent-2)}
.about-page .about-brand-v3.energy .about-logo-row>span{background:#f6a400}
.about-page .about-logo-row img{display:block;max-width:100%;height:92px;object-fit:contain}
.about-page .about-brand-v3.training .about-logo-row img{width:240px}
.about-page .about-brand-v3.energy .about-logo-row img{width:280px}
.about-page .about-brand-title{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.about-page .about-brand-title strong{display:block;font-size:18px;line-height:1.2;text-transform:uppercase}
.about-page .about-brand-title p{margin:6px 0 0;color:#d0ccd4;font-size:14px;line-height:1.4}
.about-page .about-brand-v3.training .about-brand-title strong{color:#fff}
.about-page .about-brand-v3.energy .about-brand-title strong{color:#fff}
.about-page .about-main-image{display:block;width:100%;height:270px;object-fit:cover;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.about-page .about-feature-list{display:grid;grid-template-columns:1fr 1fr;flex:1}
.about-page .about-feature-list>div{padding:18px 20px 20px;border-bottom:1px solid var(--line)}
.about-page .about-feature-list>div:nth-child(odd){border-right:1px solid var(--line)}
.about-page .about-feature-list>div:nth-last-child(-n+2){border-bottom:0}
.about-page .about-feature-list strong{display:block;color:var(--accent-2);font-size:12px;line-height:1.3;text-transform:uppercase;letter-spacing:.02em}
.about-page .about-brand-v3.energy .about-feature-list strong{color:#f6a400}
.about-page .about-feature-list p{margin:7px 0 0;color:#c4c0c7;font-size:13px;line-height:1.45}
.about-page .about-claim{margin:16px;border:1px solid var(--accent-2);padding:13px 14px;text-align:center;font-size:13px;font-weight:900;letter-spacing:.02em;line-height:1.3;text-transform:uppercase}
.about-page .about-claim.energy-claim{border-color:#f6a400}
.about-page .about-values-v3{margin-top:26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.about-page .values-head-v3{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}
.about-page .values-head-v3 span{color:#77737c;font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.about-page .values-head-v3 strong{font-size:16px;text-transform:uppercase}
.about-page .values-grid-v3{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));min-width:0}.about-page .values-grid-v3>*{min-width:0}
.about-page .values-grid-v3>div{padding:18px 16px 20px;border-left:1px solid var(--line);min-width:0}
.about-page .values-grid-v3>div:first-child{border-left:0}
.about-page .values-grid-v3 b{display:block;font-size:12px;line-height:1.25;text-transform:uppercase}
.about-page .values-grid-v3 p{margin:7px 0 0;color:#8f8a95;font-size:11px;line-height:1.45}

@media(max-width:1100px){
  .about-page .about-intro-v3{grid-template-columns:1fr;gap:18px}
  .about-page .about-brands-v3{grid-template-columns:1fr 1fr;gap:18px}
  .about-page .about-main-image{height:240px}
  .about-page .about-feature-list{grid-template-columns:1fr}
  .about-page .about-feature-list>div{border-right:0!important;border-bottom:1px solid var(--line)!important}
  .about-page .about-feature-list>div:last-child{border-bottom:0!important}
  .about-page .values-grid-v3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .about-page .values-grid-v3>div:nth-child(4){border-left:0;border-top:1px solid var(--line)}
  .about-page .values-grid-v3>div:nth-child(5),.about-page .values-grid-v3>div:nth-child(6){border-top:1px solid var(--line)}
}
@media(max-width:760px){
  .about-page .about-hero{padding-top:36px;padding-bottom:42px}
  .about-page .about-intro-v3 h1{font-size:42px}
  .about-page .about-lead-v3{font-size:16px}
  .about-page .about-bridge{gap:10px;margin-bottom:16px}
  .about-page .about-bridge strong{font-size:10px;letter-spacing:.12em}
  .about-page .about-brands-v3{grid-template-columns:1fr;gap:18px}
  .about-page .about-logo-row{grid-template-columns:1fr;justify-items:center}
  .about-page .about-logo-row>span{width:100%}
  .about-page .about-brand-v3.training .about-logo-row img{width:220px}
  .about-page .about-brand-v3.energy .about-logo-row img{width:260px}
  .about-page .about-main-image{height:230px}
  .about-page .values-head-v3{align-items:flex-start;flex-direction:column;gap:8px}
  .about-page .values-grid-v3{grid-template-columns:1fr 1fr}
  .about-page .values-grid-v3>div{border-left:0;border-top:1px solid var(--line)}
  .about-page .values-grid-v3>div:nth-child(-n+2){border-top:0}
}




/* FINAL V5 SYSTEM HARDENING — one consistent layout system */
html, body { width:100%; max-width:100%; min-width:0; }
html { overflow-x:clip; }
body { overflow-x:clip; }
main, section, header, footer, nav, div, article { min-width:0; }
img, svg, video, canvas { max-width:100%; height:auto; }
h1, h2, h3, p { min-width:0; overflow-wrap:normal; word-break:normal; hyphens:none; }
.nav { width:100%; min-width:0; }
.navlinks { flex:1 1 auto; min-width:0; justify-content:flex-end; }
.navlinks a { flex:0 1 auto; min-width:0; }
.cta { flex:0 0 auto; white-space:nowrap; }
.hero-grid > *, .split > *, .contact-grid > *, .profile > *, .card-grid > *, .timeline > *, .about-page .about-brands-v3 > * { min-width:0; max-width:100%; }
.container { width:min(calc(100% - 56px), var(--max)); max-width:100%; margin-inline:auto; min-width:0; }
.hero h1 .no-break { white-space:nowrap; }
.mobile-lang { display:none; }

@media (max-width:1300px) and (min-width:1051px) {
  .nav { gap:16px; }
  .navlinks { gap:16px; }
  .navlinks a { font-size:12px; }
  .cta { padding:12px 13px; font-size:11px; }
}

@media (max-width:1050px) and (min-width:761px) {
  .navlinks, .lang, .nav .cta { display:none; }
  .menu-btn { display:block; margin-left:auto; }
  .mobile-nav a { white-space:normal; }
  .about-page .about-intro-v3 { grid-template-columns:1fr; gap:18px; }
  .about-page .about-brands-v3 { grid-template-columns:1fr 1fr; gap:18px; }
  .about-page .about-main-image { height:230px; }
  .about-page .about-feature-list { grid-template-columns:1fr; }
  .about-page .about-feature-list > div { border-right:0 !important; border-bottom:1px solid var(--line) !important; }
  .about-page .about-feature-list > div:last-child { border-bottom:0 !important; }
  .about-page .values-grid-v3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
}

@media (max-width:760px) {
  .container { width:min(calc(100% - 28px), var(--max)); }
  .nav { height:72px; }
  .logo { width:110px; }
  .navlinks, .lang, .nav .cta { display:none; }
  .menu-btn { display:block; margin-left:auto; }
  .mobile-nav { display:none; border-top:1px solid var(--line); padding:14px 0 18px; }
  .mobile-nav.open { display:block; }
  .mobile-nav a { display:block; padding:12px 0; font-weight:800; text-transform:uppercase; border-bottom:1px solid #17151a; }
  .mobile-nav .mobile-lang { display:flex; align-items:center; gap:10px; padding:14px 0 4px; border-bottom:0; }
  .mobile-lang a { display:inline-block; padding:4px 0; border-bottom:0; }
  .mobile-lang .active { color:var(--accent-2); }
  .hero { padding:34px 0 30px; }
  .hero-grid { gap:22px; }
  h1 { font-size:40px; }
  .hero h1 .no-break { white-space:nowrap; }
  .page-intro h1, .about-page .about-intro-v3 h1 { max-width:100%; }
  .lead { font-size:16px; }
  .quick-links { grid-template-columns:1fr 1fr; gap:12px; }
  .quick span { font-size:12px; }
  .band-grid { grid-template-columns:1fr; }
  .band-item { border-left:0; border-top:1px solid var(--line); padding:16px 0 0; margin-top:16px; }
  .band-item:first-child { border-top:0; margin-top:0; padding-top:0; }
  .card-grid, .timeline { grid-template-columns:1fr; }
  .page { padding:36px 0 42px; }
  .page-intro h1 { font-size:38px; }
  .panel { padding:22px; }
  .footer-inner { flex-direction:column; align-items:flex-start; }
  .about-page .about-brands-v3 { grid-template-columns:1fr; gap:18px; }
  .about-page .about-intro-v3 { grid-template-columns:1fr; gap:18px; }
  .about-page .about-logo-row { grid-template-columns:1fr; justify-items:center; }
  .about-page .about-logo-row > span { width:100%; }
  .about-page .about-brand-v3.training .about-logo-row img { width:220px; }
  .about-page .about-brand-v3.energy .about-logo-row img { width:260px; }
  .about-page .about-main-image { height:230px; }
  .about-page .about-feature-list { grid-template-columns:1fr; }
  .about-page .about-feature-list > div { border-right:0 !important; border-bottom:1px solid var(--line) !important; }
  .about-page .about-feature-list > div:last-child { border-bottom:0 !important; }
  .about-page .values-grid-v3 { grid-template-columns:1fr 1fr; }
  .about-page .values-grid-v3 > div { border-left:0; border-top:1px solid var(--line); }
  .about-page .values-grid-v3 > div:nth-child(-n+2) { border-top:0; }
  .hero-copy .actions { flex-wrap:wrap; }
}

@media (max-width:380px) {
  h1 { font-size:36px; }
  .hero h1 .no-break { white-space:nowrap; }
  .about-page .about-intro-v3 h1 { font-size:38px; }
}