
/* ══ TOKENS ══════════════════════════════════════════════ */
:root {
  --bg:#080C14; --bg1:#0D1220; --bg2:#111828; --bg3:#162032;
  --b1:rgba(99,130,180,0.11); --b2:rgba(99,130,180,0.22);
  --em:#10B981; --em-d:rgba(16,185,129,0.10); --em-d2:rgba(16,185,129,0.18); --em2:#34D399;
  --sap:#3B82F6; --sap-d:rgba(59,130,246,0.10);
  --cta:#6366F1; --cta-g:rgba(99,102,241,0.32);
  --warn:#F59E0B; --err:#EF4444;
  --hi:#E8EEFA; --mid:#8FA4C0; --lo:#4A5E7A; --wh:#FFFFFF;
  --disp:'Bebas Neue','Arial Black',sans-serif;
  --body:'DM Sans',system-ui,sans-serif;
  --mono:'DM Mono','Courier New',monospace;
  --g-em:linear-gradient(135deg,#10B981,#3B82F6);
  --g-cta:linear-gradient(135deg,#6366F1,#3B82F6);
  --r:12px; --r2:6px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--body);background:var(--bg);color:var(--mid);overflow-x:hidden;line-height:1.65;-webkit-font-smoothing:antialiased;transition:background .35s,color .35s}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
button{font-family:inherit;cursor:pointer;border:none;background:none}

/* ══ INCORPORATION BANNER ════════════════════════════════ */
.inc-banner {
  position:fixed;top:0;left:0;right:0;z-index:1000;
  background:linear-gradient(90deg,rgba(245,158,11,.12),rgba(99,102,241,.10),rgba(245,158,11,.12));
  border-bottom:1px solid rgba(245,158,11,.25);
  padding:.4rem 5%;display:flex;align-items:center;justify-content:center;gap:12px;
}
.inc-banner-text{font-family:var(--mono);font-size:.56rem;letter-spacing:.14em;color:var(--warn);text-transform:uppercase}
.inc-banner-dot{width:5px;height:5px;border-radius:50%;background:var(--warn);box-shadow:0 0 6px var(--warn);animation:blink 1.4s step-end infinite;flex-shrink:0}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}

/* ══ NAV ══════════════════════════════════════════════════ */
.nav{position:fixed;top:28px;left:0;right:0;z-index:900;display:flex;align-items:center;justify-content:space-between;padding-block:1rem;padding-inline:max(5%,calc((100% - 1200px)/2));border-bottom:1px solid transparent;transition:background .35s,border-color .35s,top .35s}
.nav.scrolled{background:rgba(8,12,20,.96);backdrop-filter:blur(22px);border-color:var(--b1)}
.nav-logo{display:flex;align-items:center;gap:10px;font-family:var(--disp);font-size:1.25rem;letter-spacing:.08em;color:var(--wh)}
.nav-logo svg{width:30px;height:30px}
.nav-em{color:var(--em)}
.nav-links{display:flex;align-items:center;gap:.05rem}
.nav-links a{font-size:.75rem;font-weight:400;letter-spacing:.05em;color:var(--mid);padding:.4rem .8rem;border-radius:var(--r2);transition:color .2s,background .2s}
.nav-links a:hover{color:var(--hi);background:var(--b1)}
.nav-cta{display:inline-flex;align-items:center;gap:7px;background:var(--g-cta);color:var(--wh)!important;font-size:.75rem;font-weight:500;letter-spacing:.05em;padding:.45rem 1.1rem!important;border-radius:var(--r2);margin-left:.6rem;transition:opacity .2s,transform .2s,box-shadow .2s}
.nav-cta:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 18px var(--cta-g)}
.lang-sw{display:inline-flex;align-items:center;gap:2px;margin-left:.5rem;background:var(--bg2);border:1px solid var(--b2);border-radius:var(--r2);overflow:hidden}
.lang-btn{font-family:var(--mono);font-size:.6rem;letter-spacing:.06em;font-weight:500;padding:.28rem .55rem;cursor:pointer;color:var(--mid);background:transparent;border:none;transition:color .2s,background .2s}
.lang-btn:hover{color:var(--hi);background:var(--b1)}
.lang-btn.active{color:var(--em);background:var(--em-d)}
.theme-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--r2);background:transparent;border:1px solid var(--b2);color:var(--mid);font-size:.85rem;cursor:pointer;margin-left:.4rem;transition:color .2s,border-color .2s,background .2s}
.theme-btn:hover{color:var(--hi);border-color:var(--em);background:var(--em-d)}

/* ══ HERO ══════════════════════════════════════════════════ */
.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:9rem 5% 6rem;position:relative;overflow:hidden}
.hero-bg{position:absolute;inset:0;pointer-events:none}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(var(--b1) 1px,transparent 1px),linear-gradient(90deg,var(--b1) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 85% 65% at 50% 40%,black 10%,transparent 75%);animation:grid-drift 30s linear infinite}
@keyframes grid-drift{to{background-position:0 56px,56px 0}}
.orb{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none}
.orb-1{width:700px;height:700px;background:rgba(16,185,129,.065);top:-200px;left:-150px;animation:ob1 18s ease-in-out infinite}
.orb-2{width:600px;height:600px;background:rgba(59,130,246,.07);bottom:-180px;right:-120px;animation:ob2 22s ease-in-out infinite}
.orb-3{width:350px;height:350px;background:rgba(99,102,241,.045);top:38%;left:44%;animation:ob1 28s ease-in-out infinite reverse}
@keyframes ob1{0%,100%{transform:translate(0,0)}50%{transform:translate(50px,32px)}}
@keyframes ob2{0%,100%{transform:translate(0,0)}50%{transform:translate(-40px,-50px)}}
.hero::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--g-em);z-index:2}
.hero-inner{position:relative;z-index:1;max-width:1200px;margin:0 auto;width:100%}
.hero-pill{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:.6rem;letter-spacing:.2em;color:var(--em);text-transform:uppercase;border:1px solid rgba(16,185,129,.22);background:rgba(16,185,129,.06);padding:5px 14px;border-radius:100px;margin-bottom:2.2rem}
.pip{width:6px;height:6px;border-radius:50%;background:var(--em);box-shadow:0 0 7px var(--em);animation:blink 1.4s step-end infinite}
.hero-title{font-family:var(--disp);font-size:clamp(2.8rem,6.7vw,7.2rem);line-height:.92;letter-spacing:.01em;color:var(--wh);margin-bottom:2rem;display:flex;flex-direction:column}
.hero-title span,.hero-title .stroke,.hero-title .grad{display:block!important}
.hero-title .stroke{-webkit-text-stroke:1.5px rgba(99,130,180,.28);color:transparent;display:block}
.hero-title .grad{background:var(--g-em);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero-cols{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:end}
.hero-sub{font-size:1rem;line-height:1.82;color:var(--mid);font-weight:400;max-width:440px;margin-bottom:2.2rem}
.hero-actions{display:flex;gap:.9rem;flex-wrap:wrap}
.btn-p{display:inline-flex;align-items:center;gap:9px;background:var(--g-cta);color:var(--wh);font-size:.84rem;font-weight:500;padding:.85rem 1.9rem;border-radius:var(--r2);transition:transform .2s,box-shadow .3s;white-space:nowrap}
.btn-p:hover{transform:translateY(-2px);box-shadow:0 10px 28px var(--cta-g)}
.btn-s{display:inline-flex;align-items:center;gap:9px;background:transparent;color:var(--hi);font-size:.84rem;font-weight:400;padding:.85rem 1.9rem;border-radius:var(--r2);border:1px solid var(--b2);transition:border-color .2s,background .2s,color .2s;white-space:nowrap}
.btn-s:hover{border-color:var(--em);background:var(--em-d);color:var(--em2)}
.hero-right{display:flex;flex-direction:column;gap:1rem}
.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--b1);border:1px solid var(--b1);border-radius:var(--r);overflow:hidden;margin-bottom:.5rem}
.h-stat{background:var(--bg2);padding:1rem;text-align:center}
.h-stat-n{display:block;font-family:var(--disp);font-size:1.8rem;color:var(--wh);line-height:1}
.h-stat-l{display:block;font-family:var(--mono);font-size:.5rem;letter-spacing:.14em;color:var(--lo);text-transform:uppercase;margin-top:4px}
.monitor{background:var(--bg2);border:1px solid var(--b1);border-radius:var(--r);overflow:hidden}
.monitor-bar{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;background:var(--bg1);border-bottom:1px solid var(--b1)}
.mdots{display:flex;gap:5px}
.md{width:8px;height:8px;border-radius:50%}
.md-r{background:#FF5F57}.md-y{background:#FFBD2E}.md-g{background:#28CA41}
.monitor-label{font-family:var(--mono);font-size:.54rem;letter-spacing:.1em;color:var(--mid)}
.monitor-live{display:flex;align-items:center;gap:5px;font-family:var(--mono);font-size:.52rem;color:var(--em);letter-spacing:.1em}
.monitor-live::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--em);box-shadow:0 0 5px var(--em);animation:blink 1s infinite}
.monitor-rows{padding:.2rem 0}
.m-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;font-family:var(--mono);font-size:.62rem;border-bottom:1px solid var(--b1)}
.m-row:last-child{border:none}
.m-k{color:var(--mid)}.m-ok{color:var(--em)}.m-wn{color:var(--warn)}.m-er{color:var(--err)}
.sparkbar{display:flex;align-items:flex-end;gap:3px;height:28px;padding:.4rem 1rem .5rem}
.sparkbar span{flex:1;border-radius:2px;animation:spk 2s ease-in-out infinite}
.sparkbar span:nth-child(odd){background:var(--em);opacity:.55}
.sparkbar span:nth-child(even){background:var(--sap);opacity:.45}
.sparkbar span:nth-child(2){animation-delay:.15s}.sparkbar span:nth-child(3){animation-delay:.3s}
.sparkbar span:nth-child(4){animation-delay:.08s}.sparkbar span:nth-child(5){animation-delay:.45s}
.sparkbar span:nth-child(6){animation-delay:.22s}.sparkbar span:nth-child(7){animation-delay:.12s}
.sparkbar span:nth-child(8){animation-delay:.38s;opacity:.9}
@keyframes spk{0%,100%{transform:scaleY(.2)}50%{transform:scaleY(1)}}

/* ══ TICKER ════════════════════════════════════════════════ */
.ticker{overflow:hidden;background:var(--g-em);padding:.55rem 0}
.ticker-track{display:flex;width:max-content;animation:tick 32s linear infinite}
@keyframes tick{to{transform:translateX(-50%)}}
.t-item{font-family:var(--mono);font-size:.57rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.84);white-space:nowrap;padding:0 2.2rem;display:inline-flex;align-items:center;gap:2.2rem}
.t-item::after{content:'·';opacity:.4;font-size:1rem}

/* ══ SECTION UTILITIES ════════════════════════════════════ */
.sec{padding:7rem 5%}
.sec-alt{background:var(--bg1)}
.sec-mid{background:var(--bg2)}
.wrap{max-width:1200px;margin:0 auto}
.sec-label{font-family:var(--mono);font-size:.58rem;letter-spacing:.28em;color:var(--em);text-transform:uppercase;display:flex;align-items:center;gap:10px;margin-bottom:.9rem}
.sec-label::before{content:'';width:16px;height:1.5px;background:var(--g-em);flex-shrink:0}
.sec-title{font-family:var(--disp);font-size:clamp(2.4rem,5vw,4.2rem);color:var(--hi);line-height:.94;margin-bottom:1.2rem;overflow-wrap:break-word}
.sec-title .lo{color:var(--lo)}
.sec-sub{font-size:.88rem;line-height:1.85;color:var(--mid);font-weight:400;max-width:520px}
.split-head{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:3.5rem;flex-wrap:wrap}

/* ══ AXES ════════════════════════════════════════════════ */
.axes-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:4rem}
.axe-card{border-radius:var(--r);padding:2.5rem;position:relative;overflow:hidden;border:1px solid var(--b1)}
.axe-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px}
.axe-em::before{background:var(--g-em)}
.axe-sap::before{background:linear-gradient(135deg,#3B82F6,#6366F1)}
.axe-em{background:linear-gradient(135deg,rgba(16,185,129,.06),rgba(59,130,246,.03)),var(--bg2)}
.axe-sap{background:linear-gradient(135deg,rgba(59,130,246,.06),rgba(99,102,241,.03)),var(--bg2)}
.axe-ico{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:1.2rem;border:1px solid}
.axe-em .axe-ico{background:var(--em-d);border-color:var(--em-d2);color:var(--em)}
.axe-sap .axe-ico{background:var(--sap-d);border-color:rgba(59,130,246,.2);color:var(--sap)}
.axe-title{font-family:var(--disp);font-size:1.8rem;color:var(--hi);margin-bottom:.8rem;line-height:1}
.axe-list{list-style:none;display:flex;flex-direction:column;gap:7px}
.axe-list li{font-size:.8rem;color:var(--mid);font-weight:400;display:flex;align-items:flex-start;gap:9px;line-height:1.6}
.axe-em .axe-list li::before{content:'→';color:var(--em);flex-shrink:0;font-family:var(--mono);font-size:.7rem;margin-top:2px}
.axe-sap .axe-list li::before{content:'→';color:var(--sap);flex-shrink:0;font-family:var(--mono);font-size:.7rem;margin-top:2px}

/* ══ PRODUCTS ════════════════════════════════════════════ */
.prod-feat{background:linear-gradient(135deg,rgba(16,185,129,.06),rgba(59,130,246,.04)),var(--bg2);border:1px solid var(--b2);border-radius:var(--r);padding:3rem;display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:start;position:relative;overflow:hidden;margin-bottom:1.5rem;transition:border-color .3s}
.prod-feat::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--g-em)}
.prod-feat:hover{border-color:rgba(16,185,129,.32)}
.prod-num{font-family:var(--mono);font-size:.55rem;letter-spacing:.2em;color:var(--em);margin-bottom:1.4rem;display:flex;align-items:center;gap:1rem}
.prod-num::after{content:'';flex:1;height:1px;background:var(--b2);max-width:50px}
.prod-name{font-family:var(--disp);font-size:clamp(3rem,5vw,5.5rem);color:var(--wh);line-height:.9;margin-bottom:1rem}
.prod-desc{font-size:.87rem;line-height:1.82;color:var(--mid);font-weight:400;margin-bottom:1.5rem}
.prod-feats{display:flex;flex-direction:column;gap:7px;margin-bottom:1.5rem}
.prod-feat-item{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:.63rem;color:var(--mid);padding:7px 10px;background:var(--bg);border-radius:5px;border:1px solid var(--b1)}
.prod-feat-item i{color:var(--em);width:14px;text-align:center}
.prod-tags{display:flex;flex-wrap:wrap;gap:6px}
.prod-tag{font-family:var(--mono);font-size:.53rem;letter-spacing:.1em;color:var(--mid);border:1px solid var(--b2);padding:3px 9px;border-radius:4px}
.prod-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;background:var(--b1);border:1px solid var(--b1);border-radius:var(--r);overflow:hidden}
.p-card{background:var(--bg2);padding:2rem;position:relative;overflow:hidden;transition:background .2s;min-width:0}
.p-card:hover{background:var(--bg3)}
.p-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--g-em);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.p-card:hover::before{transform:scaleX(1)}
.p-card.lab{background:rgba(59,130,246,.04)}
.p-num{font-family:var(--mono);font-size:.54rem;letter-spacing:.2em;color:var(--em);margin-bottom:.9rem;display:block}
.p-card.lab .p-num{color:var(--sap)}
.p-name{font-family:var(--disp);font-size:1.8rem;color:var(--hi);line-height:1;margin-bottom:.7rem;overflow-wrap:break-word}
.p-card.lab .p-name{color:var(--sap)}
.p-txt{font-size:.77rem;line-height:1.75;color:var(--mid);font-weight:400;margin-bottom:.9rem}
.p-tag{font-family:var(--mono);font-size:.52rem;letter-spacing:.1em;color:var(--mid)}
.p-card.lab .p-tag{color:rgba(59,130,246,.8)}

/* ══ SERVICES ════════════════════════════════════════════ */
.svc-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.svc-card{background:var(--bg2);border:1px solid var(--b1);border-radius:var(--r);padding:2.5rem;position:relative;overflow:hidden;transition:border-color .3s,background .2s}
[id^="service-"]{scroll-margin-top:8rem}
.svc-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--g-em)}
.svc-card:hover{border-color:var(--b2);background:var(--bg3)}
.svc-cat{font-family:var(--mono);font-size:.55rem;letter-spacing:.2em;color:var(--em);text-transform:uppercase;margin-bottom:1.2rem;display:flex;align-items:center;gap:8px}
.svc-ico{width:28px;height:28px;border-radius:6px;background:var(--em-d);border:1px solid var(--em-d2);display:flex;align-items:center;justify-content:center;color:var(--em);font-size:.75rem;flex-shrink:0}
.svc-sap .svc-ico{background:var(--sap-d);border-color:rgba(59,130,246,.2);color:var(--sap)}
.svc-sap .svc-cat{color:var(--sap)}
.svc-title{font-family:var(--disp);font-size:1.6rem;color:var(--hi);line-height:1;margin-bottom:1.2rem;overflow-wrap:break-word}
.svc-list{list-style:none;display:flex;flex-direction:column;gap:7px}
.svc-list li{font-size:.79rem;color:var(--mid);font-weight:400;display:flex;align-items:flex-start;gap:9px;line-height:1.6}
.svc-list li::before{content:'→';color:var(--em);flex-shrink:0;font-family:var(--mono);font-size:.7rem;margin-top:2px}
.svc-sap .svc-list li::before{color:var(--sap)}

/* ══ ACADEMY ══════════════════════════════════════════════ */
.academy-feat{background:linear-gradient(135deg,rgba(16,185,129,.07),rgba(59,130,246,.04)),var(--bg2);border:1px solid var(--b2);border-radius:var(--r);padding:2.5rem;margin-bottom:1.5rem;display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:start;cursor:pointer;position:relative;overflow:hidden;transition:border-color .3s}
.academy-feat::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--g-em)}
.academy-feat:hover{border-color:rgba(16,185,129,.38)}
.ac-badge{background:var(--g-cta);color:#fff;font-family:var(--mono);font-size:.52rem;letter-spacing:.16em;padding:5px 12px;border-radius:100px;white-space:nowrap;animation:badge-glow 3s ease-in-out infinite}
@keyframes badge-glow{0%,100%{box-shadow:0 0 0 0 rgba(99,102,241,0)}50%{box-shadow:0 0 0 6px rgba(99,102,241,.12)}}
.ac-lbl{font-family:var(--mono);font-size:.58rem;letter-spacing:.2em;color:var(--em);text-transform:uppercase;margin-bottom:.8rem}
.ac-title{font-family:var(--disp);font-size:clamp(2rem,3.8vw,3.5rem);color:var(--wh);line-height:.94;margin-bottom:.9rem}
.ac-desc{font-size:.84rem;line-height:1.82;color:var(--mid);font-weight:400;max-width:500px}
.ac-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:1.1rem}
.ac-cta{margin-top:1.1rem;font-size:.77rem;color:var(--em);font-weight:500}
.courses-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--b1);border:1px solid var(--b1);border-radius:var(--r);overflow:hidden}
.c-card{background:var(--bg2);padding:2rem;transition:background .2s;min-width:0}
.c-card:hover{background:var(--bg3)}
.c-card.custom{background:rgba(59,130,246,.03)}
.c-lvl{display:inline-block;font-family:var(--mono);font-size:.52rem;letter-spacing:.14em;text-transform:uppercase;padding:3px 9px;border-radius:4px;margin-bottom:.9rem}
.lv-i{background:var(--b1);color:var(--mid);border:1px solid var(--b2)}
.lv-e{background:rgba(245,158,11,.09);color:var(--warn);border:1px solid rgba(245,158,11,.28)}
.lv-a{background:var(--em-d);color:var(--em);border:1px solid var(--em-d2)}
.lv-d{background:var(--sap-d);color:var(--sap);border:1px solid rgba(59,130,246,.28)}
.lv-z{background:rgba(245,158,11,.09);color:var(--warn);border:1px solid rgba(245,158,11,.28)}
.lv-c{background:var(--sap-d);color:var(--sap);border:1px solid rgba(59,130,246,.28)}
.c-name{font-family:var(--disp);font-size:1.3rem;color:var(--hi);line-height:1.1;margin-bottom:.65rem;overflow-wrap:break-word}
.c-name.blue{color:var(--sap)}
.c-txt{font-size:.76rem;line-height:1.78;color:var(--mid);font-weight:400}
.c-dom{font-family:var(--mono);font-size:.5rem;letter-spacing:.12em;color:var(--lo);text-transform:uppercase;margin-top:.9rem}

/* ══ ABOUT (solo entrepreneur) ════════════════════════════ */
.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start}
.about-quote{background:var(--em-d);border:1px solid var(--em-d2);border-left:3px solid var(--em);border-radius:var(--r2);padding:1.4rem 1.6rem;margin-bottom:2rem}
.about-quote p{font-family:var(--disp);font-size:1.25rem;color:var(--hi);line-height:1.2;margin-bottom:.6rem}
.about-quote span{font-family:var(--mono);font-size:.58rem;letter-spacing:.18em;color:var(--em);text-transform:uppercase}
.about-story{font-size:.87rem;line-height:1.9;color:var(--mid);font-weight:400;margin-bottom:1.2rem}
.about-pillars{display:flex;flex-direction:column;gap:1px;background:var(--b1);border:1px solid var(--b1);border-radius:var(--r);overflow:hidden;margin-bottom:1.5rem}
.about-pillar{background:var(--bg2);padding:1.1rem 1.3rem;display:flex;align-items:flex-start;gap:1rem;transition:background .2s}
.about-pillar:hover{background:var(--bg3)}
.ap-ico{width:32px;height:32px;border-radius:7px;flex-shrink:0;background:var(--em-d);border:1px solid var(--em-d2);display:flex;align-items:center;justify-content:center;color:var(--em);font-size:.78rem;margin-top:2px}
.ap-title{font-family:var(--mono);font-size:.6rem;letter-spacing:.16em;color:var(--em);text-transform:uppercase;margin-bottom:.3rem}
.ap-txt{font-size:.78rem;color:var(--mid);font-weight:400;line-height:1.65}
.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--b1);border:1px solid var(--b1);border-radius:var(--r);overflow:hidden}
.a-stat{background:var(--bg2);padding:1.2rem;text-align:center}
.a-n{display:block;font-family:var(--disp);font-size:2.2rem;color:var(--wh);line-height:1}
.a-l{display:block;font-family:var(--mono);font-size:.5rem;letter-spacing:.14em;color:var(--lo);text-transform:uppercase;margin-top:4px}

/* Profil solo card */
.solo-card{background:linear-gradient(135deg,rgba(16,185,129,.07),rgba(59,130,246,.04)),var(--bg2);border:1px solid rgba(16,185,129,.25);border-radius:var(--r);padding:2.5rem;display:flex;gap:2rem;align-items:flex-start;margin-bottom:2rem;position:relative;overflow:hidden}
.solo-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--g-em)}
.solo-avatar{width:80px;height:80px;border-radius:12px;flex-shrink:0;background:linear-gradient(135deg,var(--em-d2),var(--sap-d));border:1px solid rgba(16,185,129,.3);display:flex;align-items:center;justify-content:center;font-family:var(--disp);font-size:2rem;color:var(--em)}
.solo-role{font-family:var(--mono);font-size:.55rem;letter-spacing:.18em;color:var(--em);text-transform:uppercase;margin-bottom:.3rem}
.solo-name{font-family:var(--disp);font-size:1.6rem;color:var(--hi);margin-bottom:.5rem}
.solo-bio{font-size:.8rem;line-height:1.8;color:var(--mid);font-weight:400;margin-bottom:1rem}
.solo-certs{display:flex;gap:.5rem;flex-wrap:wrap}
.solo-cert{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:.52rem;letter-spacing:.1em;color:var(--warn);border:1px solid rgba(245,158,11,.25);padding:3px 9px;border-radius:4px}

/* ══ CONTACT ══════════════════════════════════════════════ */
.contact-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:5rem;align-items:start}
.c-items{display:flex;flex-direction:column;gap:1px;background:var(--b1);border:1px solid var(--b1);border-radius:var(--r);overflow:hidden;margin-bottom:1.5rem}
.c-item{background:var(--bg2);padding:1rem 1.2rem;display:flex;align-items:center;gap:1rem;transition:background .2s}
.c-item:hover{background:var(--bg3)}
.c-ico{width:36px;height:36px;border-radius:8px;flex-shrink:0;background:var(--em-d);border:1px solid var(--em-d2);display:flex;align-items:center;justify-content:center;color:var(--em);font-size:.82rem}
.c-lbl{font-family:var(--mono);font-size:.54rem;letter-spacing:.1em;color:var(--lo);margin-bottom:2px}
.c-val{font-size:.85rem;color:var(--hi);font-weight:500}
.office-locations{display:grid;gap:.3rem}
.office-locations span{display:block}
.office-locations strong{color:var(--em);font-family:var(--mono);font-size:.62rem;letter-spacing:.04em;text-transform:uppercase}
.c-offer{background:var(--em-d);border:1px solid var(--em-d2);border-left:3px solid var(--em);border-radius:var(--r2);padding:1.2rem 1.4rem;margin-bottom:1.5rem}
.c-offer-lbl{font-family:var(--mono);font-size:.54rem;letter-spacing:.18em;color:var(--em);text-transform:uppercase;margin-bottom:.4rem}
.c-offer-txt{font-size:.8rem;color:var(--mid);line-height:1.75;font-weight:400}
.form-panel{background:var(--bg2);border:1px solid var(--b2);border-radius:var(--r);padding:2.5rem;position:relative}
.form-panel::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--g-em);border-radius:var(--r) var(--r) 0 0}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}
.f-row.full{grid-template-columns:1fr}
.f-group{display:flex;flex-direction:column;gap:.4rem}
.f-group label{font-family:var(--mono);font-size:.56rem;letter-spacing:.14em;color:var(--mid);text-transform:uppercase}
.f-group input,.f-group select,.f-group textarea{background:var(--bg1);border:1px solid var(--b2);border-radius:var(--r2);padding:.72rem .9rem;color:var(--hi);font-family:var(--body);font-size:.85rem;width:100%;transition:border-color .2s,box-shadow .2s}
.f-group input:focus,.f-group select:focus,.f-group textarea:focus{outline:none;border-color:var(--em);box-shadow:0 0 0 3px var(--em-d)}
.f-group select option{background:var(--bg1)}
.f-group textarea{resize:vertical;min-height:120px;line-height:1.65}
.f-submit{width:100%;margin-top:.5rem;background:var(--g-cta);color:var(--wh);font-size:.85rem;font-weight:500;letter-spacing:.04em;padding:1rem;border-radius:var(--r2);display:flex;align-items:center;justify-content:center;gap:10px;transition:opacity .2s,transform .2s,box-shadow .3s;cursor:pointer;border:none;font-family:var(--body)}
.f-submit:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 8px 26px var(--cta-g)}

/* ══ FOOTER ════════════════════════════════════════════════ */
.footer{background:var(--bg);border-top:1px solid var(--b1);padding:4.5rem 5% 2rem}
.footer-inner{max-width:1200px;margin:0 auto}
.footer-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:3.5rem;padding-bottom:3rem;border-bottom:1px solid var(--b1);margin-bottom:2rem}
.f-brand{font-family:var(--disp);font-size:1.25rem;color:var(--wh);display:flex;align-items:center;gap:10px;margin-bottom:.9rem}
.f-brand svg{width:22px;height:22px}
.f-brand-em{color:var(--em)}
.f-tagline{font-size:.79rem;line-height:1.85;color:var(--mid);font-weight:400;margin-bottom:1.5rem}
.f-socials{display:flex;gap:7px}
.f-soc{width:33px;height:33px;border-radius:8px;border:1px solid var(--b2);display:flex;align-items:center;justify-content:center;color:var(--lo);font-size:.78rem;transition:border-color .2s,color .2s}
.f-soc:hover{border-color:var(--em);color:var(--em)}
.f-head{font-family:var(--mono);font-size:.54rem;letter-spacing:.24em;color:var(--lo);text-transform:uppercase;margin-bottom:1.2rem}
.f-list{list-style:none;display:flex;flex-direction:column;gap:8px}
.f-list a{font-size:.79rem;color:var(--mid);transition:color .2s;font-weight:400}
.f-list a:hover{color:var(--hi)}
.f-bot{display:flex;justify-content:space-between;font-family:var(--mono);font-size:.57rem;color:var(--mid);flex-wrap:wrap;gap:.5rem}
.f-inc-note{font-family:var(--mono);font-size:.55rem;color:var(--warn);opacity:.7}

/* ══ LIGHT MODE ════════════════════════════════════════════ */
body.light{
  --bg:#F0F4FA;--bg1:#E5EBF7;--bg2:#FFFFFF;--bg3:#D8E0EF;
  --b1:rgba(80,110,160,0.18);--b2:rgba(80,110,160,0.30);
  --hi:#0D1520;--mid:#2E4060;--lo:#6A80A0;--wh:#0D1520;
}
body.light{background:#F0F4FA!important;color:#2E4060!important}
body.light .inc-banner{background:rgba(245,158,11,.08)!important;border-color:rgba(245,158,11,.2)!important}
body.light .nav{background:rgba(240,244,250,.97)!important;border-color:rgba(80,110,160,.2)!important}
body.light .nav-logo{color:#0D1520!important}
body.light .nav-links a{color:#2E4060!important}
body.light .nav-links a:hover{color:#0D1520!important}
body.light .hero-title,body.light .hero-title span:not(.stroke):not(.grad){color:#0D1520!important;-webkit-text-fill-color:#0D1520!important}
body.light .hero-title .stroke{color:transparent!important;-webkit-text-fill-color:transparent!important;-webkit-text-stroke:1.5px rgba(13,21,32,.4)!important}
body.light .hero-title .grad{color:transparent!important;background:var(--g-em)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}
body.light .hero-sub{color:#2E4060!important}
body.light .hero-grid{opacity:.2}
body.light .orb-1,body.light .orb-2,body.light .orb-3{opacity:.15}
body.light .h-stat{background:#fff!important}
body.light .h-stat-n{color:#0D1520!important}
body.light .h-stat-l{color:#6A80A0!important}
body.light .monitor{background:#fff!important;border-color:rgba(80,110,160,.2)!important}
body.light .monitor-bar{background:#F0F4FA!important;border-color:rgba(80,110,160,.2)!important}
body.light .monitor-label{color:#6A80A0!important}
body.light .m-k{color:#2E4060!important}
body.light .m-row{border-color:rgba(80,110,160,.15)!important}
body.light .sec{background:#F0F4FA!important}
body.light .sec-alt{background:#E5EBF7!important}
body.light .footer{background:#E5EBF7!important;border-color:rgba(80,110,160,.2)!important}
body.light .sec-title{color:#0D1520!important}
body.light .sec-title .lo{color:#8A9FBA!important}
body.light .sec-label{color:var(--em)!important}
body.light .sec-sub{color:#2E4060!important}
body.light .prod-feat,body.light .p-card,body.light .p-card.lab{background:#fff!important;border-color:rgba(80,110,160,.2)!important}
body.light .axe-card.axe-em{background:linear-gradient(135deg,rgba(16,185,129,.05),rgba(59,130,246,.02)),#fff!important}
body.light .axe-card.axe-sap{background:linear-gradient(135deg,rgba(59,130,246,.05),rgba(99,102,241,.02)),#fff!important}
body.light .svc-card,body.light .c-card{background:#fff!important;border-color:rgba(80,110,160,.2)!important}
body.light .c-items{background:rgba(80,110,160,.1)!important}
body.light .c-item{background:#fff!important}
body.light .academy-feat{background:linear-gradient(135deg,rgba(16,185,129,.05),rgba(59,130,246,.03)),#fff!important;border-color:rgba(80,110,160,.25)!important}
body.light .form-panel{background:#fff!important;border-color:rgba(80,110,160,.25)!important}
body.light .solo-card{background:linear-gradient(135deg,rgba(16,185,129,.05),rgba(59,130,246,.03)),#fff!important}
body.light .about-pillar{background:#fff!important}
body.light .about-pillar:hover{background:#F0F4FA!important}
body.light .a-stat{background:#fff!important}
body.light .a-n{color:#0D1520!important}
body.light .a-l{color:#6A80A0!important}
body.light .prod-name,body.light .p-name,body.light .axe-title,body.light .svc-title,
body.light .ac-title,body.light .c-name,body.light .c-val,
body.light .prod-num,body.light .p-num,body.light .solo-name{color:#0D1520!important}
body.light .p-card.lab .p-name{color:var(--sap)!important}
body.light .prod-desc,body.light .p-txt,body.light .axe-list li,body.light .svc-list li,
body.light .solo-bio,body.light .ac-desc,body.light .c-txt,body.light .c-offer-txt,
body.light .about-story{color:#2E4060!important}
body.light .prod-feat-item{background:#F0F4FA!important;border-color:rgba(80,110,160,.2)!important;color:#2E4060!important}
body.light .prod-tag,body.light .p-tag{color:#4A6080!important;border-color:rgba(80,110,160,.3)!important}
body.light .btn-p{color:#fff!important}
body.light .btn-s{color:#0D1520!important;border-color:rgba(80,110,160,.35)!important}
body.light .btn-s:hover{color:var(--em)!important;background:var(--em-d)!important}
body.light .f-group label{color:#6A80A0!important}
body.light .f-group input,body.light .f-group select,body.light .f-group textarea{background:#F0F4FA!important;color:#0D1520!important;border-color:rgba(80,110,160,.3)!important}
body.light .footer-grid{border-color:rgba(80,110,160,.15)!important}
body.light .f-brand{color:#0D1520!important}
body.light .f-tagline,body.light .f-list a,body.light .f-bot{color:#2E4060!important}
body.light .f-soc{color:#6A80A0!important;border-color:rgba(80,110,160,.3)!important}
body.light .nav-cta{color:#fff!important}

/* ══ DUAL COLUMN SERVICES ══════════════════════════════════ */
.dual-col{display:grid;grid-template-columns:1fr 1fr;gap:2rem 2rem;grid-template-rows:auto auto auto;align-items:stretch}
.dual-col-side{display:contents}
.dual-col .axe-card{align-self:stretch}
.dual-col .svc-card{align-self:stretch}

/* ══ RESPONSIVE ════════════════════════════════════════════ */
@media(max-width:1200px){.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:1024px){
  .hero-cols{grid-template-columns:1fr;gap:3rem}
  .axes-grid{grid-template-columns:1fr}
  .svc-grid{grid-template-columns:1fr}
  .prod-feat{grid-template-columns:1fr;gap:2rem}
  .contact-layout{grid-template-columns:1fr;gap:3rem}
  .courses-grid{grid-template-columns:1fr 1fr}
  .about-layout{grid-template-columns:1fr;gap:3rem}
  .dual-col{grid-template-columns:1fr}
}
@media(max-width:768px){
  .nav-links a:not(.nav-cta){display:none}
  .hero-title{font-size:clamp(3rem,14vw,6rem)}
  .hero-stats{grid-template-columns:repeat(2,1fr)}
  .courses-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr;gap:2rem}
  .sec{padding:5rem 5%}
}
@media(max-width:520px){
  .hero-actions{flex-direction:column}
  .btn-p,.btn-s{justify-content:center}
  .prod-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .f-row{grid-template-columns:1fr}
}


/* Navigation responsive */
.menu-toggle{display:none;align-items:center;gap:9px;padding:10px 14px;background:var(--bg);color:var(--wh);border:1px solid var(--b2);border-radius:8px;cursor:pointer;font:inherit;font-size:.8rem}
.menu-toggle:focus-visible,.nav-links a:focus-visible{outline:2px solid var(--em);outline-offset:4px}
.menu-icon{width:18px;height:14px;display:inline-flex;flex-direction:column;justify-content:space-between}
.menu-icon span{height:2px;width:100%;background:currentColor;transition:transform .2s,opacity .2s}
.menu-toggle[aria-expanded="true"] .menu-icon span:first-child{transform:translateY(6px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] .menu-icon span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] .menu-icon span:last-child{transform:translateY(-6px) rotate(-45deg)}
@media(max-width:1100px){
.nav{background:var(--bg);border-bottom:1px solid var(--b1)}
.nav > .nav-logo{order:1;margin-left:auto}
.nav > .menu-toggle{order:0;margin-right:16px;display:inline-flex!important;visibility:visible;opacity:1;flex-shrink:0;min-height:44px;position:relative;z-index:1}
.nav .nav-links{display:flex;position:absolute;top:100%;left:0;right:auto;width:min(320px,88vw);height:calc(100dvh - var(--mobile-nav-bottom,110px));flex-direction:column;align-items:stretch;gap:8px;padding:24px 20px;background:var(--bg);border-right:1px solid var(--b2);border-bottom:1px solid var(--b2);box-shadow:12px 18px 30px rgba(0,0,0,.2);overflow-y:auto;overscroll-behavior:contain;transform:translateX(-105%);visibility:hidden;transition:transform .25s ease,visibility .25s;pointer-events:none}
.nav.menu-open .nav-links{transform:translateX(0);visibility:visible;pointer-events:auto}
.nav.menu-open .nav-links>a{display:block!important;padding:12px 14px;font-size:.9rem;margin:0}
.nav .lang-sw{align-self:flex-start;margin-left:0}
.nav .theme-btn{margin-left:0;flex-shrink:0}
}
@media(prefers-reduced-motion:reduce){.nav .nav-links{transition:none}}
.f-office-head{margin-top:1.5rem}
.f-office-list{gap:5px}
.f-office-location{font-size:.72rem;line-height:1.5;color:var(--mid)}
