/* ===== KonnectAI shared design system ===== */
:root{
  --ink:#140D0A; --ink-2:#1C1310; --ink-3:#241813;
  --ember:#C4501E; --flame:#FF6B2B; --flame-soft:#FF8A52;
  --paper:#FAF6F1; --paper-2:#F1E9DF; --stone:#8A7D70; --stone-light:#B8A99E;
  --line:rgba(255,255,255,.09); --line-dark:rgba(20,13,10,.10);
  --maxw:1160px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;background:var(--ink);color:var(--paper);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}
::selection{background:var(--flame);color:var(--ink)}
a{text-decoration:none}

.cursor-glow{position:fixed;width:520px;height:520px;border-radius:50%;pointer-events:none;z-index:1;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,107,43,.10) 0%,rgba(255,107,43,0) 62%);transition:opacity .4s;opacity:0;mix-blend-mode:screen}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:20px clamp(20px,5vw,56px);transition:.4s;border-bottom:1px solid transparent}
nav.scrolled{background:rgba(20,13,10,.72);backdrop-filter:blur(16px) saturate(140%);padding:14px clamp(20px,5vw,56px);border-bottom:1px solid var(--line)}
.brand{font-size:21px;font-weight:600;letter-spacing:-.02em;color:var(--paper)}
.brand span{color:var(--flame)}
.nav-links{display:flex;align-items:center;gap:32px}
.nav-links a.nl{color:var(--stone-light);font-size:14.5px;font-weight:500;letter-spacing:-.01em;transition:color .25s;position:relative}
.nav-links a.nl:hover{color:var(--paper)}
.nav-links a.nl::after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:1.5px;background:var(--flame);transition:width .3s}
.nav-links a.nl:hover::after,.nav-links a.nl.active::after{width:100%}
.nav-links a.nl.active{color:var(--paper)}
.lang{display:flex;gap:2px;align-items:center;border:1px solid var(--line);border-radius:100px;padding:5px 4px}
.lang button{background:none;border:none;color:var(--stone);font:inherit;cursor:pointer;padding:3px 10px;border-radius:100px;transition:.25s;font-size:13px}
.lang button.active{background:var(--flame);color:var(--ink);font-weight:600}
.nav-wa{display:inline-flex;align-items:center;gap:7px;background:var(--flame);color:var(--ink);padding:9px 17px;border-radius:100px;font-weight:600;font-size:14px;transition:.25s;box-shadow:0 4px 20px rgba(255,107,43,.28)}
.nav-wa:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(255,107,43,.42)}
.menu-btn{display:none;background:none;border:none;color:var(--paper);font-size:26px;cursor:pointer}

/* buttons */
.btn-primary{display:inline-flex;align-items:center;gap:9px;background:var(--flame);color:var(--ink);padding:15px 28px;border-radius:100px;font-weight:600;font-size:15.5px;letter-spacing:-.01em;transition:.3s;box-shadow:0 8px 30px rgba(255,107,43,.30);border:none;cursor:pointer;font-family:inherit}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 14px 40px rgba(255,107,43,.46)}
.btn-ghost{display:inline-flex;align-items:center;gap:9px;color:var(--paper);padding:15px 6px;font-weight:500;font-size:15.5px;transition:.3s}
.btn-ghost:hover{gap:15px;color:var(--flame-soft)}
.btn-outline{display:inline-flex;align-items:center;gap:9px;color:var(--paper);padding:14px 26px;border:1px solid var(--line);border-radius:100px;font-weight:500;font-size:15px;transition:.3s}
.btn-outline:hover{border-color:var(--flame);color:var(--flame-soft);transform:translateY(-2px)}
.see-more{display:inline-flex;align-items:center;gap:10px;margin-top:40px;color:var(--flame);font-weight:600;font-size:16px;padding:13px 26px;border:1.5px solid rgba(255,138,82,.35);border-radius:100px;transition:.3s}
.see-more:hover{background:var(--flame);color:var(--ink);gap:16px;border-color:var(--flame)}
.light .see-more{color:var(--ember);border-color:rgba(196,80,30,.3)}
.light .see-more:hover{background:var(--ember);color:var(--paper);border-color:var(--ember)}

/* layout */
section{position:relative;z-index:2}
.wrap{max-width:var(--maxw);margin:0 auto;padding:clamp(72px,10vw,120px) clamp(20px,5vw,56px)}
.sec-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--flame-soft);margin-bottom:20px}
.light .sec-eyebrow{color:var(--ember)}
.sec-head{font-size:clamp(30px,4.4vw,50px);font-weight:600;letter-spacing:-.03em;line-height:1.09;max-width:20ch;margin-bottom:22px}
.sec-lead{font-size:clamp(16px,1.8vw,18.5px);color:var(--stone-light);max-width:56ch;line-height:1.66}
.light{background:var(--paper);color:var(--ink)}
.light .sec-head{color:var(--ink)}
.light .sec-lead{color:#5F5750}

.reveal{opacity:0;transform:translateY(34px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
.reveal.d1{transition-delay:.08s}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}.reveal.d4{transition-delay:.32s}

/* page hero (inner pages) */
.page-hero{position:relative;padding:clamp(110px,13vw,150px) clamp(20px,5vw,56px) clamp(60px,8vw,96px);overflow:hidden}
.page-hero .ember-x{position:absolute;top:-10%;right:-8%;width:52vw;height:52vw;max-width:640px;max-height:640px;border-radius:50%;background:radial-gradient(circle,rgba(255,107,43,.24),rgba(196,80,30,.08) 42%,transparent 68%);filter:blur(8px);animation:drift1 16s ease-in-out infinite}
.page-hero-inner{max-width:var(--maxw);margin:0 auto;position:relative;z-index:2}
.breadcrumb{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--stone);margin-bottom:26px}
.breadcrumb a{color:var(--stone);transition:.25s}.breadcrumb a:hover{color:var(--flame-soft)}
.breadcrumb i{font-size:15px}
.page-hero h1{font-size:clamp(38px,6vw,72px);font-weight:600;letter-spacing:-.035em;line-height:1.04;max-width:16ch;margin-bottom:24px}
.grad{background:linear-gradient(100deg,var(--flame),var(--flame-soft) 55%,var(--ember));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.page-hero p.lead{font-size:clamp(16px,2vw,20px);color:var(--stone-light);max-width:56ch;line-height:1.65}
.grain{position:absolute;inset:0;opacity:.028;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
@keyframes drift1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-28px,24px) scale(1.06)}}

/* footer */
footer{background:var(--ink-2);border-top:1px solid var(--line)}
.foot-inner{max-width:var(--maxw);margin:0 auto;padding:62px clamp(20px,5vw,56px) 34px;display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:48px}
.foot-brand .brand{font-size:24px;margin-bottom:16px;display:inline-block}
.foot-brand p{color:var(--stone);font-size:14.5px;line-height:1.65;max-width:34ch}
.foot-loc{display:flex;align-items:center;gap:9px;color:var(--stone-light);font-size:14px;margin-top:18px}
.foot-loc i{color:var(--ember)}
.foot-col h5{font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--stone);margin-bottom:20px}
.foot-col a{display:block;color:var(--stone-light);font-size:14.5px;margin-bottom:13px;transition:.25s}
.foot-col a:hover{color:var(--flame-soft)}
.foot-bottom{max-width:var(--maxw);margin:0 auto;padding:22px clamp(20px,5vw,56px);border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px}
.foot-bottom p{color:var(--stone);font-size:13px}
.foot-social{display:flex;gap:10px}
.foot-social a{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--stone-light);transition:.3s}
.foot-social a:hover{border-color:var(--flame);color:var(--flame);transform:translateY(-2px)}

.wa-float{position:fixed;bottom:24px;right:24px;z-index:60;width:56px;height:56px;border-radius:50%;background:var(--flame);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 30px rgba(255,107,43,.44);transition:.3s;animation:pulse 2.6s infinite}
.wa-float i{font-size:27px;color:var(--ink)}
.wa-float:hover{transform:scale(1.1)}
@keyframes pulse{0%{box-shadow:0 8px 30px rgba(255,107,43,.44),0 0 0 0 rgba(255,107,43,.4)}70%{box-shadow:0 8px 30px rgba(255,107,43,.44),0 0 0 16px rgba(255,107,43,0)}100%{box-shadow:0 8px 30px rgba(255,107,43,.44),0 0 0 0 rgba(255,107,43,0)}}

@media (max-width:900px){.nav-links{display:none}.menu-btn{display:block}.foot-inner{grid-template-columns:1fr 1fr;gap:32px}.foot-brand{grid-column:1/-1}}
@media (max-width:560px){.foot-inner{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}


/* ===== WhatsApp community + member perks ===== */
:root{--wa:#22C35E;--wa-ink:#04240F}
.nav-wa{background:var(--wa)!important;color:var(--wa-ink)!important;box-shadow:0 4px 20px rgba(34,195,94,.3)!important}
.nav-wa:hover{box-shadow:0 8px 28px rgba(34,195,94,.46)!important}
.wa-float{background:var(--wa)!important;box-shadow:0 8px 30px rgba(34,195,94,.5)!important}
.wa-float i{color:var(--wa-ink)!important}
@keyframes pulse{0%{box-shadow:0 8px 30px rgba(34,195,94,.5),0 0 0 0 rgba(34,195,94,.4)}70%{box-shadow:0 8px 30px rgba(34,195,94,.5),0 0 0 16px rgba(34,195,94,0)}100%{box-shadow:0 8px 30px rgba(34,195,94,.5),0 0 0 0 rgba(34,195,94,0)}}

.community-band{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--ink-3),var(--ink-2));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cb-glow{position:absolute;top:-34%;left:50%;transform:translateX(-50%);width:680px;height:680px;max-width:130vw;border-radius:50%;background:radial-gradient(circle,rgba(34,195,94,.16),transparent 62%);pointer-events:none;z-index:1}
.cb-inner{max-width:760px;margin:0 auto;padding:clamp(66px,9vw,108px) clamp(20px,5vw,56px);text-align:center;position:relative;z-index:2}
.cb-icon{width:68px;height:68px;border-radius:19px;background:rgba(34,195,94,.14);border:1px solid rgba(34,195,94,.32);display:flex;align-items:center;justify-content:center;margin:0 auto 24px}
.cb-icon i{font-size:35px;color:var(--wa)}
.cb-tag{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--wa);margin-bottom:20px;padding:6px 14px;border:1px solid rgba(34,195,94,.32);border-radius:100px}
.cb-tag i{font-size:15px}
.community-band h2{font-size:clamp(28px,4vw,46px);font-weight:600;letter-spacing:-.03em;line-height:1.1;max-width:18ch;margin:0 auto 20px}
.community-band p{color:var(--stone-light);font-size:clamp(15px,1.7vw,17.5px);line-height:1.68;max-width:54ch;margin:0 auto 30px}
.community-band p strong{color:var(--wa);font-weight:600}
.cb-short{display:none}
.cb-perks{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:36px}
.cb-perks span{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid var(--line);border-radius:100px;font-size:13.5px;color:var(--stone-light)}
.cb-perks span i{color:var(--wa);font-size:16px}
.btn-wa{display:inline-flex;align-items:center;gap:11px;background:var(--wa);color:var(--wa-ink);padding:17px 32px;border-radius:100px;font-weight:600;font-size:16.5px;letter-spacing:-.01em;transition:.3s;box-shadow:0 8px 30px rgba(34,195,94,.34)}
.btn-wa:hover{transform:translateY(-3px);box-shadow:0 14px 42px rgba(34,195,94,.52)}
.btn-wa i{font-size:21px}
.cb-note{display:block;margin-top:17px;font-size:13px;color:var(--stone)}

.perks{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:22px;margin-top:52px}
.perk{padding:34px 30px;border-radius:18px;border:1px solid var(--line);background:var(--ink-2);transition:.4s;position:relative;overflow:hidden}
.perk:hover{transform:translateY(-6px);border-color:rgba(34,195,94,.32)}
.light .perk{background:var(--paper-2);border-color:var(--line-dark)}
.perk .pnum{position:absolute;top:20px;right:26px;font-family:'Fraunces',serif;font-size:38px;font-weight:500;color:rgba(255,138,82,.16);letter-spacing:-.02em}
.light .perk .pnum{color:rgba(196,80,30,.14)}
.perk .pic{width:54px;height:54px;border-radius:14px;background:rgba(34,195,94,.12);display:flex;align-items:center;justify-content:center;margin-bottom:22px}
.perk .pic i{font-size:25px;color:var(--wa)}
.perk h4{font-size:19px;font-weight:600;letter-spacing:-.015em;margin-bottom:10px}
.light .perk h4{color:var(--ink)}
.perk p{color:var(--stone-light);font-size:14.5px;line-height:1.62}
.light .perk p{color:#5F5750}


/* ===== Ambient hero canvas ===== */
.page-hero .hero-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 30%,#000 62%,#000 100%);
          mask-image:linear-gradient(90deg,transparent 0%,transparent 30%,#000 62%,#000 100%)}
@media (max-width:760px){.page-hero .hero-canvas{opacity:.5;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 55%);
          mask-image:linear-gradient(180deg,transparent 0%,#000 55%)}}


/* ===== Internal-page light hero ===== */
.page-hero{background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line-dark)}
.page-hero .ember-x{background:radial-gradient(circle,rgba(255,107,43,.18),rgba(196,80,30,.06) 42%,transparent 68%)}
.page-hero .grain{opacity:.04}
.page-hero h1{color:var(--ink)}
.page-hero p.lead,.page-hero .lead{color:#5F5750}
.page-hero .breadcrumb,.page-hero .breadcrumb span{color:#8A7D70}
.page-hero .breadcrumb a{color:#8A7D70}
.page-hero .breadcrumb a:hover{color:var(--ember)}
.page-hero .btn-outline{color:var(--ink);border-color:var(--line-dark)}
.page-hero .btn-outline:hover{color:var(--ember);border-color:var(--ember)}
.page-hero .demand{background:rgba(196,80,30,.08);border-color:rgba(196,80,30,.28);color:var(--ember)}

/* nav readable over the light hero (top state, before scroll) */
body.inner nav:not(.scrolled) .brand{color:var(--ink)}
body.inner nav:not(.scrolled) .nl{color:#6B6157}
body.inner nav:not(.scrolled) .nl:hover,body.inner nav:not(.scrolled) .nl.active{color:var(--ink)}
body.inner nav:not(.scrolled) .lang{border-color:var(--line-dark)}
body.inner nav:not(.scrolled) .lang button:not(.active){color:var(--stone)}
body.inner nav:not(.scrolled) .menu-btn{color:var(--ink)}


/* ============================================================
   Per-page hero identities
   ============================================================ */
body.inner .page-hero .hero-canvas{z-index:1}

/* accent tokens per page */
body.pg-automate{--acc:#FF6B2B;--acc-rgb:255,107,43}
body.pg-courses{--acc:#2E9E5B;--acc-rgb:46,158,91}
body.pg-education{--acc:#ED9A55;--acc-rgb:237,154,85}
body.pg-contact{--acc:#22C35E;--acc-rgb:34,195,94}

.hs-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--acc);padding:7px 15px;border:1px solid rgba(var(--acc-rgb),.32);border-radius:100px;margin-bottom:22px;background:rgba(var(--acc-rgb),.07)}
.hs-eyebrow i{font-size:16px}
.page-hero .btn-primary.acc{background:var(--acc);box-shadow:0 8px 26px rgba(var(--acc-rgb),.34)}
.page-hero .btn-primary.acc:hover{box-shadow:0 12px 36px rgba(var(--acc-rgb),.5)}

/* ---------- AUTOMATE · full-width ambient ---------- */
.pg-automate .page-hero{overflow:hidden}
.pg-automate .page-hero .hero-canvas{display:block;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,.15) 30%,rgba(0,0,0,.55) 60%,#000 100%);mask-image:linear-gradient(90deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,.15) 30%,rgba(0,0,0,.55) 60%,#000 100%);opacity:.95}
.pg-automate .page-hero .ember-x{background:radial-gradient(circle,rgba(255,107,43,.18),rgba(196,80,30,.06) 44%,transparent 68%);animation:autoGlowA 30s ease-in-out infinite;will-change:transform,opacity}
.pg-automate .page-hero .ember-x2{position:absolute;bottom:-16%;right:-8%;width:52vw;height:52vw;max-width:640px;max-height:640px;border-radius:50%;z-index:0;pointer-events:none;background:radial-gradient(circle,rgba(255,138,82,.14),rgba(196,80,30,.05) 46%,transparent 70%);animation:autoGlowB 38s ease-in-out infinite;will-change:transform,opacity}
.pg-automate .page-hero-inner{position:relative;z-index:2}
.pg-automate .hs-copy{max-width:min(720px,64%)}
@media (max-width:900px){.pg-automate .hs-copy{max-width:100%}}
@keyframes autoGlowA{0%{transform:translate(0,0) scale(1);opacity:.9}30%{transform:translate(20px,16px) scale(1.05);opacity:1}55%{transform:translate(-12px,26px) scale(.96);opacity:.8}80%{transform:translate(-22px,-10px) scale(1.03);opacity:.94}100%{transform:translate(0,0) scale(1);opacity:.9}}
@keyframes autoGlowB{0%{transform:translate(0,0) scale(1);opacity:.82}28%{transform:translate(-20px,-18px) scale(1.06);opacity:1}52%{transform:translate(16px,-26px) scale(.94);opacity:.76}82%{transform:translate(24px,12px) scale(1.02);opacity:.9}100%{transform:translate(0,0) scale(1);opacity:.82}}
@media (prefers-reduced-motion:reduce){.pg-automate .page-hero .ember-x,.pg-automate .page-hero .ember-x2{animation:none}}
.ha-flow{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:34px}
.ha-flow .step{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:10px;background:rgba(255,107,43,.09);border:1px solid rgba(255,138,82,.3);color:var(--ink);font-size:13px;font-weight:600;white-space:nowrap;transition:transform .3s,background .3s,box-shadow .3s}
.ha-flow .step:hover{transform:translateY(-3px);background:rgba(255,107,43,.16);box-shadow:0 8px 20px rgba(255,107,43,.22)}
.ha-flow .step i{color:var(--acc);font-size:15px}
.ha-flow .arw{color:rgba(255,138,82,.6);font-size:14px}
@media (max-width:560px){.ha-flow{gap:6px}.ha-flow .step{padding:8px 12px;font-size:12px}}

/* ---------- COURSES · centered ---------- */
.pg-courses .page-hero .hero-canvas{-webkit-mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.25) 34%,rgba(0,0,0,.25) 66%,#000 100%);mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.25) 34%,rgba(0,0,0,.25) 66%,#000 100%);opacity:.9}
.pg-courses .page-hero .ember-x{animation:glowdriftA 26s ease-in-out infinite;will-change:transform,opacity}
.page-hero .ember-x2{position:absolute;bottom:-14%;left:-9%;width:50vw;height:50vw;max-width:600px;max-height:600px;border-radius:50%;z-index:0;pointer-events:none;background:radial-gradient(circle,rgba(255,107,43,.15),rgba(196,80,30,.05) 44%,transparent 68%);animation:glowdriftB 34s ease-in-out infinite;will-change:transform,opacity}
@keyframes glowdriftA{0%{transform:translate(0,0) scale(1);opacity:.9}25%{transform:translate(-18px,14px) scale(1.05);opacity:1}50%{transform:translate(10px,24px) scale(.97);opacity:.82}75%{transform:translate(22px,-10px) scale(1.03);opacity:.95}100%{transform:translate(0,0) scale(1);opacity:.9}}
@keyframes glowdriftB{0%{transform:translate(0,0) scale(1);opacity:.85}30%{transform:translate(20px,-16px) scale(1.06);opacity:1}55%{transform:translate(-14px,-26px) scale(.95);opacity:.78}80%{transform:translate(-24px,12px) scale(1.02);opacity:.92}100%{transform:translate(0,0) scale(1);opacity:.85}}
@media (prefers-reduced-motion:reduce){.pg-courses .page-hero .ember-x,.page-hero .ember-x2{animation:none}}
.hero-center .page-hero-inner{max-width:920px;margin:0 auto;text-align:center}
.hero-center .breadcrumb{justify-content:center}
.hero-center .hs-eyebrow{margin-left:auto;margin-right:auto}
.hero-center h1{max-width:16ch;margin:0 auto}
.hero-center .lead{max-width:60ch;margin:20px auto 0}
.hero-center .hc-cta{margin-top:36px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.hc-modules{margin-top:48px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.hc-mod{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:14px;background:var(--paper-2);border:1px solid var(--line-dark);text-align:left;min-width:190px;transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s,box-shadow .35s,background .35s;cursor:default}
.hc-mod:hover{transform:translateY(-4px);border-color:rgba(var(--acc-rgb),.55);box-shadow:0 14px 32px rgba(var(--acc-rgb),.18)}
.hc-mod .mn{width:38px;height:38px;border-radius:10px;background:rgba(var(--acc-rgb),.13);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .35s,transform .35s}
.hc-mod:hover .mn{background:var(--acc);transform:scale(1.06)}
.hc-mod .mn i{color:var(--acc);font-size:19px;transition:color .35s}
.hc-mod:hover .mn i{color:#fff}
.hc-mod .mt{font-size:14px;font-weight:600;color:var(--ink);line-height:1.2}
.hc-mod .ms{font-size:11.5px;color:#8A7D70;margin-top:3px;display:block}
@media (max-width:560px){.hc-mod{min-width:0;width:100%}}

/* ---------- EDUCATION · image-first ---------- */
.pg-education .page-hero .hero-canvas{display:none}
.pg-education .page-hero .ember-x{background:radial-gradient(circle,rgba(var(--acc-rgb),.22),transparent 66%)}
.hero-image .hi-grid{display:grid;grid-template-columns:1fr 1.02fr;gap:clamp(32px,5vw,60px);align-items:center}
.hi-stats{display:flex;gap:26px;margin-top:34px;flex-wrap:wrap}
.hi-stat .n{font-family:'Fraunces',serif;font-size:30px;font-weight:500;color:var(--ink);letter-spacing:-.02em}
.hi-stat .l{font-size:12.5px;color:#8A7D70;margin-top:2px}
.hi-media{position:relative;height:clamp(360px,44vw,470px)}
.hi-photo{position:absolute;border-radius:18px;overflow:hidden;border:1px solid var(--line-dark);box-shadow:0 26px 60px rgba(40,20,10,.16)}
.hi-photo.big{inset:0 0 22% 24%;}
.hi-photo.small{width:46%;aspect-ratio:3/4;left:0;bottom:0;z-index:3;border:3px solid var(--paper)}
.hi-namecard{position:absolute;left:0;bottom:0;z-index:4;transform:translateY(38%);background:var(--paper);border:1px solid var(--line-dark);border-radius:12px;padding:10px 14px;box-shadow:0 12px 30px rgba(40,20,10,.14);width:46%}
.hi-langcard{display:none}
.hi-namecard .nm{font-size:13.5px;font-weight:600;color:var(--ink)}
.hi-namecard .rl{font-size:11.5px;color:#8A7D70;margin-top:1px}
.hi-badge{position:absolute;top:14px;right:0;z-index:5;display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:var(--paper);font-size:12.5px;font-weight:500;padding:9px 15px;border-radius:100px;box-shadow:0 14px 34px rgba(0,0,0,.24)}
.hi-badge i{color:var(--acc);font-size:16px}
@media (max-width:860px){.hero-image .hi-grid{grid-template-columns:1fr;gap:70px}.hi-media{height:clamp(320px,80vw,420px)}}

/* ---------- CONTACT · card-based minimal ---------- */
.breadcrumb.bc-mob{display:none}
.pg-contact .page-hero .hero-canvas{opacity:.7}
.hero-contact .hct-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(44px,6.5vw,80px);align-items:start}
.hct-avail{display:inline-flex;align-items:center;gap:9px;margin-top:34px;font-size:13.5px;color:#5F5750}
.hct-avail .pulse{width:9px;height:9px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 0 rgba(var(--acc-rgb),.5);animation:hpulse 2.4s infinite}
@keyframes hpulse{70%{box-shadow:0 0 0 9px rgba(var(--acc-rgb),0)}100%{box-shadow:0 0 0 0 rgba(var(--acc-rgb),0)}}
.hct-card{position:relative;z-index:3;background:var(--paper);border:1px solid var(--line-dark);border-radius:20px;padding:38px 34px;box-shadow:0 30px 70px rgba(40,20,10,.14)}
.hct-card h3{font-size:19px;font-weight:600;color:var(--ink);letter-spacing:-.015em;margin-bottom:7px}
.hct-card .sub{font-size:13.5px;color:#8A7D70;margin-bottom:30px}
.hct-quick{display:flex;flex-direction:column;gap:15px}
.hct-q{display:flex;align-items:center;gap:16px;padding:18px 18px;border-radius:13px;border:1px solid var(--line-dark);transition:.3s;background:var(--paper-2)}
.hct-q:hover{border-color:rgba(var(--acc-rgb),.5);transform:translateX(3px)}
.hct-q.pri{background:var(--acc);border-color:var(--acc)}
.hct-q .qic{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:rgba(var(--acc-rgb),.13)}
.hct-q .qic i{font-size:21px;color:var(--acc)}
.hct-q.pri .qic{background:rgba(255,255,255,.22)}
.hct-q.pri .qic i{color:#fff}
.hct-q .qt{display:block;font-size:11.5px;color:#8A7D70}
.hct-q .qv{display:block;font-size:15px;font-weight:600;color:var(--ink);margin-top:1px}
.hct-q.pri .qt{color:rgba(255,255,255,.85)}
.hct-q.pri .qv{color:#fff}
@media (max-width:860px){.hero-contact .hct-grid{grid-template-columns:1fr}}