/* ── NAV WORDPRESS MENU FIX ── */
.nav-links{align-items:center !important;gap:32px !important;list-style:none !important;margin:0 !important;padding:0 !important}
.nav-links ul{align-items:center !important;gap:32px !important;list-style:none !important;margin:0 !important;padding:0 !important}
.nav-links li{list-style:none !important;margin:0 !important;padding:0 !important;position:static !important}
.nav-links li a,.nav-links a{font-size:16px !important;color:#F7F2E8 !important;text-decoration:none !important;font-family:'DM Sans',sans-serif !important;font-weight:400 !important;transition:color .18s !important;white-space:nowrap !important}
.nav-links li a:hover,.nav-links a:hover{color:#F7F2E8 !important}
.nav-links li.current-menu-item>a,.nav-links li.current_page_item>a{color:#E8903A !important}
/* Hide sub-menus */
.nav-links li ul{display:none !important}
/* Counter animation fix */
.stat-num,.hero-stat{opacity:1 !important}


/* ═══════════════════════════════════════════════════
   KORIX — Final Homepage v12
   Amber-Gold #E8903A · Warm dark #18160F
   Global · SEO/GEO/AEO optimised · High conversion
   ═══════════════════════════════════════════════════ */

/* ── TOKENS ── */
:root {
  --bg:#18160F; --bg2:#1F1C14; --bg3:#26231A; --bgc:#1C1A12;
  --bdr:rgba(255,248,224,.07); --bdr2:rgba(255,248,224,.13);
  --t1:#F7F2E8; --t2:rgba(247,242,232,.5); --t3:rgba(247,242,232,.28); --t4:rgba(247,242,232,.12);
  --a:#E8903A; --a2:#F0A050; --ag:rgba(232,144,58,.11); --ab:rgba(232,144,58,.22); --at:rgba(232,144,58,.9);
  --g:#22C55E; --gg:rgba(34,197,94,.1); --gb:rgba(34,197,94,.2);
  --r:#EF4444; --rg:rgba(239,68,68,.1); --rb:rgba(239,68,68,.2);
  --sw:#F59E0B;
}
[data-theme="light"] {
  --bg:#FFFFFF; --bg2:#F8F8F6; --bg3:#F0EFEA; --bgc:#FFFFFF;
  --bdr:rgba(0,0,0,.08); --bdr2:rgba(0,0,0,.13);
  --t1:#111110; --t2:rgba(17,17,16,.6); --t3:rgba(17,17,16,.4); --t4:rgba(17,17,16,.2);
  --a:#C75A08; --a2:#D96A18; --ag:rgba(199,90,8,.07); --ab:rgba(199,90,8,.2); --at:rgba(199,90,8,.88);
  --g:#166534; --gg:rgba(22,101,52,.08); --gb:rgba(22,101,52,.2);
  --r:#DC2626; --rg:rgba(220,38,38,.07); --rb:rgba(220,38,38,.18);
}
[data-theme="light"] .nav{background:rgba(255,255,255,.96) !important}
[data-theme="light"] .hero-wrap{background:#FAFAF8}
[data-theme="light"] .ann{background:rgba(199,90,8,.06) !important;border-bottom-color:rgba(199,90,8,.18) !important}
[data-theme="light"] .stats{background:#fff !important;border-color:rgba(0,0,0,.07) !important}
[data-theme="light"] .stat{border-right-color:rgba(0,0,0,.07) !important}
[data-theme="light"] .ww-card{background:#fff !important}
[data-theme="light"] .chapters{background:#F0EFEA !important}
[data-theme="light"] .ch-nav{border-right-color:rgba(0,0,0,.07) !important;background:#F0EFEA}
[data-theme="light"] .ch-content{background:#fff}
[data-theme="light"] .ch-panel{border-bottom-color:rgba(0,0,0,.07) !important}
[data-theme="light"] .card,.wc,.tc,.ic,.bc{background:#fff !important}
[data-theme="light"] .proc-card{background:#fff !important}
[data-theme="light"] .proc-grid{background:rgba(0,0,0,.07) !important;border-color:rgba(0,0,0,.07) !important}
[data-theme="light"] .tl-wrap{background:#fff !important;border-color:rgba(0,0,0,.07) !important}
[data-theme="light"] .faq-item{border-bottom-color:rgba(0,0,0,.07) !important}
[data-theme="light"] .faq-icon{background:#F0EFEA !important;border-color:rgba(0,0,0,.12) !important}
[data-theme="light"] .work-acc-header{background:#F8F8F6 !important}
[data-theme="light"] .work-acc.open .work-acc-header{background:#fff !important}
[data-theme="light"] .cta-sec{background:#0D0D0D !important}
[data-theme="light"] .cta-h{color:#fff !important}
[data-theme="light"] .cta-sub{color:rgba(255,255,255,.48) !important}
[data-theme="light"] .cta-note{color:rgba(255,255,255,.26) !important}
[data-theme="light"] .cta-board{color:rgba(255,255,255,.32) !important}
[data-theme="light"] .foot{background:#0F0F0D !important;border-top-color:rgba(255,255,255,.07) !important}
[data-theme="light"] .fdesc{color:rgba(255,255,255,.35) !important}
[data-theme="light"] .fch{color:rgba(255,255,255,.32) !important}
[data-theme="light"] .fl{color:rgba(255,255,255,.35) !important}
[data-theme="light"] .fl:hover{color:var(--a) !important}
[data-theme="light"] .fcp{color:rgba(255,255,255,.22) !important}
[data-theme="light"] .fleg a{color:rgba(255,255,255,.22) !important}
[data-theme="light"] .fbot{border-top-color:rgba(255,255,255,.07) !important}
[data-theme="light"] .fbadge{background:rgba(255,255,255,.06) !important;border-color:rgba(255,255,255,.1) !important;color:rgba(255,255,255,.35) !important}
[data-theme="light"] .fsoc{background:rgba(255,255,255,.07) !important;border-color:rgba(255,255,255,.1) !important}
[data-theme="light"] .fsoc svg{fill:rgba(255,255,255,.4)}
[data-theme="light"] #mmenu{background:#fff !important;border-bottom-color:rgba(0,0,0,.07) !important}
[data-theme="light"] #mmenu a{border-bottom-color:rgba(0,0,0,.05) !important;color:rgba(17,17,16,.5) !important}
[data-theme="light"] .tog{border-color:rgba(0,0,0,.14) !important;background:#F0EFEA !important}
[data-theme="light"] .bc-sm{background:#fff !important}
[data-theme="light"] .particle-sec{background:#F0EFEA !important}

/* ── RESET ── */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--t1);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip;transition:background .35s,color .35s}
::selection{background:rgba(232,144,58,.22);color:var(--t1)}
a{text-decoration:none;color:inherit}
button{cursor:pointer;font-family:'DM Sans',sans-serif}

/* ── CURSOR GLOW ── */
#cg{position:fixed;width:500px;height:500px;border-radius:50%;pointer-events:none;z-index:0;transform:translate(-50%,-50%);transition:opacity .3s}
[data-theme="dark"] #cg{background:radial-gradient(circle,rgba(232,144,58,.055),transparent 70%);mix-blend-mode:screen}
[data-theme="light"] #cg{background:radial-gradient(circle,rgba(199,90,8,.07),transparent 70%);mix-blend-mode:multiply}

/* ── SCROLL REVEAL ── */
.rv{opacity:0;transform:translateY(20px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
.rv.on{opacity:1;transform:none}
.rvl{opacity:1;transform:none;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
.rvl.on,.rvr.on{opacity:1;transform:none}
.rvr{opacity:1;transform:none;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}
.d4{transition-delay:.4s}.d5{transition-delay:.5s}.d6{transition-delay:.6s}

/* ── SEPARATOR — ultra minimal ── */
.sep{height:1px;position:relative;overflow:hidden;background:linear-gradient(90deg,transparent,var(--bdr) 20%,var(--bdr) 80%,transparent)}
.sep::before{content:'';position:absolute;top:0;left:-8%;height:100%;width:8%;background:linear-gradient(90deg,transparent,rgba(232,144,58,.65),transparent);animation:tv 4.5s ease-in-out infinite}
@keyframes tv{0%{left:-8%}100%{left:108%}}

/* ── NAV ── */
.nav{display:flex;align-items:center;justify-content:space-between;padding:0 72px;height:64px;border-bottom:1px solid var(--bdr);position:fixed;top:0;left:0;right:0;z-index:200;backdrop-filter:blur(20px) saturate(180%);background:rgba(24,22,15,.88);transition:background .35s}
[data-theme="light"] .nav{background:rgba(255,255,255,.94)}
.nav-logo{display:flex;align-items:center;cursor:pointer}
.nav-links{gap:32px}
.nav-link{font-size:15px;color:#F7F2E8;transition:color .18s}
.nav-link:hover{color:var(--t1)}
.nav-r{display:flex;align-items:center;gap:12px}
.nav-cta{font-size:13px;font-weight:600;background:var(--a);color:#fff;padding:9px 20px;border-radius:8px;border:none;transition:box-shadow .2s,opacity .2s}
.nav-cta:hover{opacity:.9;box-shadow:0 4px 24px rgba(232,144,58,.32)}
.tog{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid var(--bdr2);background:var(--bg3);transition:border-color .2s,transform .15s;flex-shrink:0;position:relative;background:none}
.tog:hover{border-color:var(--ab);transform:scale(1.07)}
.i-sun,.i-moon{position:absolute;transition:opacity .25s,transform .3s cubic-bezier(.34,1.56,.64,1)}
.i-sun{opacity:1;transform:scale(1)}.i-moon{opacity:0;transform:rotate(-80deg) scale(.6)}
[data-theme="dark"] .i-sun{opacity:0;transform:rotate(80deg) scale(.6)}
[data-theme="dark"] .i-moon{opacity:1;transform:scale(1)}
#ham{display:none;background:none;border:1px solid var(--bdr2);border-radius:7px;padding:7px 10px;flex-direction:column;gap:4px;align-items:center;justify-content:center}
.hbl{display:block;width:18px;height:1.5px;background:var(--t1);transition:all .25s}
#mmenu{display:none;position:fixed;top:64px;left:0;right:0;background:var(--bg2);border-bottom:1px solid var(--bdr);z-index:199;padding:12px 20px;flex-direction:column}
#mmenu a{padding:14px 0;border-bottom:1px solid var(--bdr);font-size:15px;color:var(--t2);display:block}
#mmenu a:last-child{border-bottom:none}

/* ── ANNOUNCE ── */
.ann{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 72px;cursor:pointer;border-bottom:1px solid var(--ab);background:var(--ag);margin-top:64px;transition:opacity .2s;flex-wrap:wrap}
.ann:hover{opacity:.88}
.ann-pill{font-size:10px;font-weight:700;letter-spacing:.06em;background:var(--a);color:#fff;padding:3px 10px;border-radius:20px;flex-shrink:0}

/* ── LAYOUT ── */
.wrap{max-width:1280px;margin:0 auto;padding:0 72px}
.sec{padding:96px 0}
.ey{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--a);margin-bottom:16px}
h2.sh{font-family:'Instrument Serif',serif;font-size:54px;font-weight:400;line-height:1.06;letter-spacing:-1.8px;color:var(--t1);margin-bottom:18px}
h2.sh em{font-style:italic;color:var(--t3)}
h3.ch{font-size:16px;font-weight:600;color:var(--t1);margin-bottom:7px}
.bl{font-size:19px;color:var(--t2);line-height:1.65;margin-bottom:32px}
.bs{font-size:14px;color:var(--t3);line-height:1.65}
.two{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}
.three{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}

/* ── BUTTONS ── */
.ba{font-size:15px;font-weight:600;background:var(--a);color:#fff;padding:13px 26px;border-radius:9px;border:none;transition:box-shadow .2s,opacity .2s;white-space:nowrap;box-shadow:0 4px 28px rgba(232,144,58,.22)}
.ba:hover{opacity:.92;box-shadow:0 6px 36px rgba(232,144,58,.35)}
.bw{font-size:15px;font-weight:600;background:var(--t1);color:var(--bg);padding:13px 26px;border-radius:9px;border:none;transition:opacity .2s;white-space:nowrap}
.bw:hover{opacity:.88}
.bg_{font-size:15px;color:var(--t2);cursor:pointer;transition:color .18s;white-space:nowrap;background:none;border:none}
.bg_:hover{color:var(--t2)}
.bdg{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--g);border:0.5px solid var(--gb);padding:6px 14px;border-radius:20px;background:var(--gg)}

/* ── HERO ── */
.hero-wrap{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;overflow:visible;padding:24px 72px 60px}
.hero-bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 60% 60% at 68% 50%,rgba(232,144,58,.07),transparent 70%)}
.hero-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--bdr) 1px,transparent 1px),linear-gradient(90deg,var(--bdr) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 20%,transparent 100%)}
[data-theme="light"] .hero-grid{background-image:linear-gradient(rgba(212,98,10,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(212,98,10,.05) 1px,transparent 1px)}
.hero-inner{position:relative;z-index:2;max-width:1280px;margin:0 auto;width:100%;display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center;overflow:visible}
.hero-badge{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--at);border:0.5px solid var(--ab);padding:7px 16px;border-radius:20px;background:var(--ag);margin-bottom:28px}
.ldot{width:7px;height:7px;border-radius:50%;background:var(--g);flex-shrink:0;animation:lp 2s ease-in-out infinite}
@keyframes lp{0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,.5)}50%{box-shadow:0 0 0 6px rgba(34,197,94,0)}}
h1.hh{font-family:'Instrument Serif',serif;font-size:78px;font-weight:400;line-height:1.03;letter-spacing:-2.8px;color:var(--t1);margin-bottom:22px}
h1.hh em{font-style:italic;color:var(--a)}
.hsub{font-size:19px;color:var(--t2);line-height:1.65;margin-bottom:10px;max-width:520px}
.htrust-note{font-size:14px;color:var(--t3);margin-bottom:34px;max-width:520px}
.btns{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.hero-trust{display:flex;gap:20px;align-items:center;margin-top:24px;flex-wrap:wrap}
.htag{font-size:12px;color:var(--t4);display:flex;align-items:center;gap:5px}
.htag::before{content:'';width:4px;height:4px;border-radius:50%;background:var(--a);flex-shrink:0}
#hcanvas{width:100%;aspect-ratio:1/.9;display:block}

/* ── LOGOS ── */
.logos-lbl{font-size:11px;color:var(--t4);text-transform:uppercase;letter-spacing:.14em;margin-bottom:24px;text-align:center}
.logos-row{display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap}
.lgn{font-size:13px;font-weight:600;color:var(--t4)}

/* ── STATS ── */
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-radius:14px;overflow:hidden;border:1px solid var(--bdr);background:var(--bg2)}
[data-theme="light"] .stats{box-shadow:0 1px 3px rgba(0,0,0,.06);border:none}
.stat{padding:36px 28px;text-align:center;border-right:1px solid var(--bdr)}
.stat:last-child{border-right:none}
.stn{font-family:'Instrument Serif',serif;font-size:52px;font-weight:400;letter-spacing:-2px;line-height:1;margin-bottom:8px;color:var(--a)}
.stl{font-size:14px;color:var(--t2)}

/* ── CARDS ── */
.card-grid{display:grid;gap:1px;background:var(--bdr);border:1px solid var(--bdr);border-radius:14px;overflow:hidden}
.cg2{grid-template-columns:1fr 1fr}
.cg3{grid-template-columns:1fr 1fr 1fr}
.cg4{grid-template-columns:repeat(4,1fr)}
.card{background:var(--bg);padding:28px 26px;transition:background .18s}
.card:hover{background:var(--bg2)}
[data-theme="light"] .card{background:#fff}
[data-theme="light"] .card:hover{background:#f7f7f7}
.ci{width:40px;height:40px;border-radius:10px;background:var(--ag);border:0.5px solid var(--ab);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.ci svg{width:18px;height:18px;stroke:var(--a);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.sn{font-family:'Instrument Serif',serif;font-size:36px;font-weight:400;color:var(--t4);letter-spacing:-1px;margin-bottom:12px;line-height:1}

/* ── WHO WE WORK WITH ── */
.ww-card{border:1px solid var(--bdr);border-radius:14px;padding:28px 24px;background:var(--bg2);transition:border-color .2s}
.ww-card:hover{border-color:var(--ab)}
[data-theme="light"] .ww-card{background:#fff}

/* ── PARTICLE CANVAS ── */
.particle-sec{position:relative;background:var(--bg2);border-top:1px solid var(--bdr);border-bottom:1px solid var(--bdr)}
[data-theme="light"] .particle-sec{background:#f7f7f7}
#pcanvas{width:100%;height:520px;display:block}
.particle-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:2;pointer-events:none;width:100%;max-width:520px}

/* ── PAIN POINTS ── */
.pain-item{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:var(--t2);padding:12px 16px;border:1px solid var(--rb);border-radius:8px;background:var(--rg);margin-bottom:8px}
.pain-dot{width:6px;height:6px;border-radius:50%;background:var(--r);flex-shrink:0;margin-top:4px}
.solve-item{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:var(--t2);margin-bottom:8px}
.solve-dot{width:6px;height:6px;border-radius:50%;background:var(--g);flex-shrink:0;margin-top:4px}

/* ── SCROLL-LOCKED CHAPTERS ── */
.chapters{display:grid;grid-template-columns:360px 1fr;background:var(--bg2);border-top:1px solid var(--bdr);border-bottom:1px solid var(--bdr)}
[data-theme="light"] .chapters{background:#f7f7f7}
.ch-nav{position:sticky;top:72px;height:calc(100vh - 72px);display:flex;flex-direction:column;justify-content:center;padding:48px 0 48px 92px;border-right:1px solid var(--bdr)}
.ch-tab{padding:14px 0 14px 20px;border-left:2px solid transparent;cursor:pointer;transition:all .22s;margin-bottom:4px}
.ch-tab.act{border-left-color:var(--a)}
.ch-tab-lbl{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--t4);margin-bottom:4px;transition:color .22s}
.ch-tab.act .ch-tab-lbl{color:var(--a)}
.ch-tab-title{font-size:16px;font-weight:500;color:var(--t3);line-height:1.3;transition:color .22s}
.ch-tab.act .ch-tab-title{color:var(--t1)}
.ch-content{padding:0 72px}
.ch-panel{min-height:100vh;scroll-margin-top:72px;display:flex;flex-direction:column;justify-content:center;padding:80px 0;border-bottom:1px solid var(--bdr)}
.ch-panel:last-child{border-bottom:none}
.ch-bullet{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--t2);margin-bottom:8px}
.ch-bullet::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--a);flex-shrink:0}

/* ── PROCESS ── */
.proc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--bdr);border:1px solid var(--bdr);border-radius:14px;overflow:hidden}
.proc-card{background:var(--bg2);padding:28px 24px}
.proc-card:hover{background:var(--bg3)}
.proc-num{font-family:'Instrument Serif',serif;font-size:36px;font-weight:400;color:var(--t3);letter-spacing:-1px;margin-bottom:12px;line-height:1}

/* ── BENTO ── */
.bento1{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}
.bento2{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:12px}
.bento3{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.bc{border:1px solid var(--bdr);border-radius:16px;overflow:hidden;background:var(--bg2);cursor:pointer;transition:border-color .2s,transform .2s}
.bc:hover{border-color:var(--ab);transform:translateY(-2px)}
[data-theme="light"] .bc{background:#fff}
.bc-acc{border-color:var(--ab) !important;background:var(--ag) !important}
.bc-sm{border:1px solid var(--bdr);border-radius:12px;padding:18px;background:var(--bg2);display:flex;align-items:center;gap:14px;cursor:pointer;transition:border-color .2s}
.bc-sm:hover{border-color:var(--ab)}
[data-theme="light"] .bc-sm{background:#fff}

/* ── TIMELINE ── */
.tl-wrap{border:1px solid var(--bdr);border-radius:20px;overflow:hidden;background:var(--bg2)}
[data-theme="light"] .tl-wrap{background:#fff}
.tl-top{height:3px;background:linear-gradient(90deg,transparent,var(--a),transparent)}
.tl-weeks{display:grid;grid-template-columns:1fr 1fr 1fr;border-bottom:1px solid var(--bdr)}
.tl-week{padding:14px 24px;border-right:1px solid var(--bdr)}
.tl-week:last-child{border-right:none}
.tl-outcomes{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--bdr)}
.tl-out{padding:18px 22px;border-right:1px solid var(--bdr)}
.tl-out:last-child{border-right:none}
.tl-dot{width:6px;height:6px;border-radius:50%;margin-bottom:10px}

/* ── WORK CARDS ── */
.wg{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.wc{border:1px solid var(--bdr);border-radius:14px;overflow:hidden;background:var(--bg2);transition:border-color .2s,box-shadow .2s}
.wc:hover{border-color:var(--ab);box-shadow:0 8px 32px rgba(232,144,58,.07)}
[data-theme="light"] .wc{background:#fff}
.wm{padding:22px 24px}
.wt{font-size:11px;font-weight:600;color:var(--a);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.wti{font-size:16px;font-weight:500;color:var(--t1);margin-bottom:8px;line-height:1.35}
.wd_{font-size:13px;color:var(--t3);line-height:1.6}
.wa{font-size:13px;color:var(--t4);margin-top:14px;display:block;transition:color .18s}
.wc:hover .wa{color:var(--a)}

/* ── TESTIMONIALS ── */
.tg{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tc{border:1px solid var(--bdr);border-radius:14px;padding:28px 24px;background:var(--bg2);transition:border-color .2s}
.tc:hover{border-color:var(--ab)}
[data-theme="light"] .tc{background:#fff}
.tst{font-size:13px;color:var(--a);letter-spacing:3px;margin-bottom:14px}
.tq{font-family:'Instrument Serif',serif;font-size:17px;font-style:italic;color:var(--t1);line-height:1.6;margin-bottom:20px;opacity:.82}
.tline{height:1px;background:var(--bdr);margin-bottom:14px}
.tn{font-size:13px;font-weight:500;color:var(--t2);margin-bottom:3px}
.tr{font-size:12px;color:var(--t3)}

/* ── INSIGHTS ── */
.ig-t{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-bottom:12px}
.ig-b{display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:12px}
.ic{border:1px solid var(--bdr);border-radius:14px;overflow:hidden;background:var(--bg2);cursor:pointer;transition:border-color .2s}
.ic:hover{border-color:var(--ab)}
[data-theme="light"] .ic{background:#fff}

/* ── FAQ ── */
.faq-item{border-bottom:1px solid var(--bdr)}
.faq-btn{display:flex;align-items:center;justify-content:space-between;padding:22px 0;cursor:pointer;gap:20px;background:none;border:none;width:100%;text-align:left;font-family:'DM Sans',sans-serif}
.faq-btn:hover .faq-qt{color:var(--a)}
.faq-qt{font-size:17px;font-weight:500;color:var(--t1);line-height:1.35;transition:color .2s}
.faq-icon{width:32px;height:32px;border-radius:8px;border:1px solid var(--bdr2);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s cubic-bezier(.16,1,.3,1);background:var(--bg3)}
.faq-item.open .faq-icon{background:var(--a);border-color:var(--a)}
.faq-icon svg{stroke:var(--t3);transition:stroke .2s,transform .3s cubic-bezier(.16,1,.3,1);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.faq-item.open .faq-icon svg{stroke:#fff;transform:rotate(180deg)}
.faq-ans{max-height:0;overflow:hidden;transition:max-height .42s cubic-bezier(.16,1,.3,1),padding .3s}
.faq-item.open .faq-ans{max-height:300px;padding-bottom:22px}
.faq-ans p{font-size:15px;color:var(--t2);line-height:1.75}

/* ── CTA ── */
.cta-sec{position:relative;overflow:hidden;min-height:88vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:100px 72px}
.cta-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--bdr) 1px,transparent 1px),linear-gradient(90deg,var(--bdr) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 90% 80% at 50% 50%,black 10%,transparent 100%)}
.cta-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:380px;background:radial-gradient(ellipse at center,rgba(232,144,58,.08),transparent 70%);pointer-events:none}
[data-theme="light"] .cta-sec{background:#0D0D0D}
[data-theme="light"] .cta-h{color:#fff}
[data-theme="light"] .cta-sub{color:rgba(255,255,255,.45)}
[data-theme="light"] .cta-note{color:rgba(255,255,255,.25)}
.cta-board{font-size:13px;font-weight:500;color:var(--t2);letter-spacing:.2em;text-transform:uppercase;margin:0 auto 16px;position:relative;z-index:2;text-align:center;width:100%}
.cta-board em{color:var(--a);font-style:normal;animation:blink 2s ease-in-out infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.4}}
.cta-h{font-family:'Instrument Serif',serif;font-size:64px;font-weight:400;color:var(--t1);letter-spacing:-2.2px;line-height:1.05;margin:0 auto 20px;position:relative;z-index:2;max-width:700px;text-align:center}
.cta-h em{font-style:italic;color:var(--a)}
.cta-sub{font-size:19px;color:var(--t2);line-height:1.62;margin:0 auto 40px;max-width:540px;position:relative;z-index:2;text-align:center}
.cta-btns{display:flex;gap:16px;justify-content:center;align-items:center;position:relative;z-index:2}
.cta-note{font-size:14px;color:var(--t2);margin:24px auto 0;position:relative;z-index:2;text-align:center;width:100%}
.runway{display:flex;gap:3px;margin-top:48px;justify-content:center;position:relative;z-index:2}
.rdash{width:40px;height:3px;border-radius:2px;background:rgba(255,248,224,.12)}
.rdash.lit{background:var(--a);animation:rl 1.5s ease-in-out infinite}
.rdash:nth-child(1){animation-delay:0s}.rdash:nth-child(2){animation-delay:.15s}.rdash:nth-child(3){animation-delay:.3s}
@keyframes rl{0%,100%{opacity:.3;transform:scaleX(.7)}50%{opacity:1;transform:scaleX(1)}}

/* ── FOOTER ── */
.foot{border-top:1px solid var(--bdr);padding:60px 72px 44px;background:var(--bg2)}
[data-theme="light"] .foot{background:#0D0D0D;border-top-color:rgba(255,255,255,.08)}
.foot-inner{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:56px;max-width:1280px;margin:0 auto 56px}
.fdesc{font-size:14px;color:var(--t3);line-height:1.65;max-width:290px;margin-bottom:18px}
[data-theme="light"] .fdesc,[data-theme="light"] .fch,[data-theme="light"] .fcp{color:rgba(255,255,255,.35)}
.fbadge{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--t3);border:0.5px solid var(--bdr);padding:5px 12px;border-radius:20px;background:var(--bgc)}
[data-theme="light"] .fbadge{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1)}
.fsocs{display:flex;gap:8px;margin-top:18px}
.fsoc{width:36px;height:36px;border-radius:9px;border:0.5px solid var(--bdr);background:var(--bgc);display:flex;align-items:center;justify-content:center;transition:border-color .2s,background .2s}
.fsoc:hover{border-color:var(--ab);background:var(--ag)}
[data-theme="light"] .fsoc{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1)}
.fsoc svg{width:15px;height:15px;fill:var(--t3);transition:fill .18s}
.fsoc:hover svg{fill:var(--a)}
.fch{font-size:11px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.12em;margin-bottom:18px}
.fl{display:block;font-size:14px;color:var(--t3);margin-bottom:12px;transition:color .18s}
.fl:hover{color:var(--a)}
[data-theme="light"] .fl{color:rgba(255,255,255,.35)}
[data-theme="light"] .fl:hover{color:var(--a)}
.fbot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--bdr);padding-top:28px;max-width:1280px;margin:0 auto;flex-wrap:wrap;gap:12px}
[data-theme="light"] .fbot{border-top-color:rgba(255,255,255,.08)}
.fcp{font-size:13px;color:var(--t2)}
.fleg{display:flex;gap:24px}
.fleg a{font-size:13px;color:var(--t4);transition:color .18s}
.fleg a:hover{color:var(--a)}

/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .nav{padding:0 32px}.nav-links{display:none}#ham{display:flex}.wrap{padding:0 32px}
  .hero-wrap{padding:80px 32px 60px}.ann{padding:10px 32px}
  .hero-inner{grid-template-columns:1fr;gap:40px}#hcanvas{display:none}
  h1.hh{font-size:56px}.hsub{font-size:17px}.sec{padding:80px 0}
  h2.sh{font-size:42px}.bl{font-size:17px}.two{grid-template-columns:1fr;gap:40px}
  .three{grid-template-columns:1fr 1fr;gap:12px}
  .stats{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:none}
  .stat:nth-child(3){border-top:1px solid var(--bdr)}.stat:nth-child(4){border-top:1px solid var(--bdr);border-right:none}
  .tg{grid-template-columns:1fr 1fr}.wg{grid-template-columns:1fr 1fr}
  #work-container{grid-template-columns:1fr !important}
  .ig-t{grid-template-columns:1fr}.ig-b{grid-template-columns:1fr 1fr}
  .ig-b>div:last-child{display:none}
  .chapters{grid-template-columns:1fr}
  .ch-nav{position:relative;top:auto;height:auto;padding:28px 32px 0;border-right:none;border-bottom:1px solid var(--bdr)}
  #ch-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
  .ch-tab{border-left:none;border-bottom:2px solid transparent;padding:8px 12px;background:var(--bg2);border-radius:20px;border:1px solid var(--bdr)}
  .ch-tab.act{border-color:var(--a);background:var(--ag)}.ch-tab-lbl{display:none}.ch-tab-title{font-size:12px;white-space:nowrap}
  .ch-content{padding:0 32px}.ch-panel{min-height:auto;padding:40px 0}
  #tsvg{display:none}.tl-weeks{grid-template-columns:1fr}
  .tl-week{border-right:none;border-bottom:1px solid var(--bdr)}.tl-week:last-child{border-bottom:none}
  .tl-outcomes{grid-template-columns:1fr 1fr}
  .tl-out:nth-child(2){border-right:none}.tl-out:nth-child(3){border-top:1px solid var(--bdr)}.tl-out:nth-child(4){border-right:none;border-top:1px solid var(--bdr)}
  .bento1,.bento2{grid-template-columns:1fr 1fr;gap:10px}.bento3{grid-template-columns:1fr 1fr}
  .proc-grid{grid-template-columns:1fr 1fr}
  .foot{padding:48px 32px 32px}.foot-inner{grid-template-columns:1fr 1fr;gap:32px}
  .cta-sec{padding:80px 32px;min-height:auto}.cta-h{font-size:48px}
  #pcanvas{height:400px}.particle-overlay{display:none}
}
@media(max-width:768px){
  .nav{padding:0 20px;height:56px}.nav-cta{font-size:12px;padding:8px 14px}
  .wrap{padding:0 20px}.hero-wrap{padding:72px 20px 48px;min-height:auto}
  .ann{padding:8px 20px;gap:8px}.ann-pill{font-size:9px}
  h1.hh{font-size:42px;letter-spacing:-1.5px}.hsub{font-size:16px}
  .ba{font-size:14px;padding:12px 22px}.btns{flex-wrap:wrap;gap:12px}
  .sec{padding:64px 0}.h2.sh{font-size:34px}.bl{font-size:16px}
  .stats{grid-template-columns:1fr 1fr;border-radius:12px}.stn{font-size:38px}
  .tg{grid-template-columns:1fr}.tg>div:last-child{display:none}
  .wg{grid-template-columns:1fr}
  .ig-t{grid-template-columns:1fr}.ig-b{grid-template-columns:1fr}
  .ig-b>div:nth-child(2),.ig-b>div:nth-child(3){display:none}
  .bento1,.bento2{grid-template-columns:1fr}.bento3{grid-template-columns:1fr 1fr}
  .proc-grid{grid-template-columns:1fr}
  .foot{padding:40px 20px 28px}
  /* footer cols 3+4 now visible on mobile */
  .fbot{flex-direction:column;gap:12px;text-align:center}
  .cta-sec{padding:60px 20px}.cta-h{font-size:36px}.cta-sub{font-size:16px}
  .cta-btns{flex-direction:column}.runway{display:none}
  .logos-row{gap:20px}.lgn{font-size:12px}.three{grid-template-columns:1fr}
  #pcanvas{height:280px}.faq-qt{font-size:15px}
}
@media(max-width:400px){
  h1.hh{font-size:34px}.cta-h{font-size:28px}.stn{font-size:32px}
  .ba{width:100%;text-align:center}
}

/* ══ WORK ACCORDION ══ */
.work-acc{cursor:pointer}
.work-acc.open .work-acc-header{background:var(--bgc) !important}
.work-acc.open .work-num{color:var(--a) !important}
.work-acc.open .work-chevron svg{transform:rotate(180deg)}
.work-acc.open .work-acc-body{max-height:320px !important}
.work-acc-header:hover{background:var(--bg3) !important}
[data-theme="light"] .work-acc-header{background:#f7f7f7 !important}
[data-theme="light"] .work-acc.open .work-acc-header{background:#fff !important}


/* ══ DARK MODE CARD FIXES ══ */
[data-theme="dark"] .bc{background:var(--bg2) !important}
[data-theme="dark"] .bc-sm{background:var(--bg2) !important}
[data-theme="dark"] .bc-acc{background:var(--ag) !important;border-color:var(--ab) !important}
[data-theme="dark"] .tc{background:var(--bg2) !important}
[data-theme="dark"] .ic{background:var(--bg2) !important}
[data-theme="dark"] .ic:first-child{background:var(--ag) !important}


/* ══ SERVICE CANVASES ══ */
.svc-canvas-wrap{margin-top:28px;border:1px solid var(--bdr);border-radius:14px;overflow:hidden;background:var(--bgc);height:200px;position:relative}
.svc-canvas-wrap canvas{width:100% !important;height:200px !important;display:block}
[data-theme="light"] .svc-canvas-wrap{background:#f8f8f6;border-color:rgba(0,0,0,.08)}


/* ══ HORIZONTAL WORK ACCORDION ══ */
.work-h-wrap{
  display:flex;flex-direction:row;gap:0;
  border:1px solid var(--bdr);border-radius:16px;overflow:hidden;
  height:420px;background:var(--bg2)
}
.work-h-card{
  position:relative;overflow:hidden;cursor:pointer;
  border-right:1px solid var(--bdr);
  transition:flex .5s cubic-bezier(.16,1,.3,1);
  flex:1;min-width:0;
}
.work-h-card:last-child{border-right:none}
.work-h-card.work-h-open{flex:4}
.work-h-card:not(.work-h-open):hover{flex:1.3;background:var(--bg3)}
[data-theme="light"] .work-h-wrap{background:#fff}
[data-theme="light"] .work-h-card:not(.work-h-open):hover{background:#f7f7f7}

/* Collapsed state */
.work-h-collapsed{
  position:absolute;top:0;left:0;right:0;bottom:0;
  padding:28px 20px;display:flex;flex-direction:column;
  opacity:1;transition:opacity .2s .3s;visibility:visible;
}
.work-h-card.work-h-open .work-h-collapsed{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .1s,visibility 0s .1s}

/* Number */
.work-h-num{
  font-family:'Instrument Serif',serif;font-size:42px;font-weight:400;
  color:var(--t4);letter-spacing:-2px;line-height:1;margin-bottom:16px;
  transition:color .3s
}
.work-h-card.work-h-open .work-h-num{color:var(--a)}
.work-h-card:hover .work-h-num{color:var(--t3)}

/* Category + title in collapsed */
.work-h-cat{font-size:10px;font-weight:600;color:var(--a);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}
.work-h-title{font-size:14px;font-weight:500;color:var(--t2);line-height:1.4;writing-mode:horizontal-tb}

/* Expanded state */
.work-h-expanded{
  position:absolute;top:0;left:0;right:0;bottom:0;
  padding:32px 28px;overflow-y:auto;
  opacity:0;pointer-events:none;visibility:hidden;transition:opacity .25s .4s,visibility 0s .0s;
}
.work-h-card.work-h-open .work-h-expanded{opacity:1;pointer-events:all;visibility:visible;transition:opacity .2s .15s,visibility 0s .15s}
.work-h-expanded::-webkit-scrollbar{width:3px}
.work-h-expanded::-webkit-scrollbar-track{background:transparent}
.work-h-expanded::-webkit-scrollbar-thumb{background:var(--ab);border-radius:2px}
.work-h-expanded .work-h-title{font-size:20px;font-weight:600;color:var(--t1);line-height:1.25;writing-mode:horizontal-tb}
.work-h-expanded .work-h-cat{color:var(--a)}

/* Top accent on open card */
.work-h-card.work-h-open::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--a),var(--a2));z-index:2
}

/* Responsive */
@media(max-width:1024px){
  .work-h-wrap{flex-direction:column;height:auto}
  .work-h-card{flex:none !important;border-right:none;border-bottom:1px solid var(--bdr);min-height:70px}
  .work-h-card.work-h-open{min-height:360px}
  .work-h-card:last-child{border-bottom:none}
  .work-h-collapsed{padding:16px 20px;position:relative}
  .work-h-expanded{position:relative;padding:0 20px 20px}
  .work-h-num{font-size:28px;margin-bottom:8px}
}
@media(max-width:768px){
  .work-h-card.work-h-open{min-height:420px}
}


/* ══ SITE LOGO ══ */
/* Logo: dark version used — on dark bg show as-is, on light bg show light logo */
[data-theme="dark"] .site-logo-img{content:url('https://korixinc.com/wp-content/uploads/2026/03/korix-logo-dark-v2.svg');filter:none}
[data-theme="light"] .site-logo-img{content:url('https://korixinc.com/wp-content/uploads/2026/03/korix-logo-light-v2.svg');filter:none}



/* ═══════════════════════════════════════════════════
   KORIX — Page-specific fixes v1.5
   ═══════════════════════════════════════════════════ */

/* ── GLOBAL: Fix hero cut-off behind fixed nav on ALL pages ── */
.hero-wrap,
.about-hero,
.services-hero,
.industries-hero,
.work-hero,
.contact-hero,
.pilot-hero,
.insights-hero,
section[class*="-hero"] {
  padding-top: 128px !important;
  min-height: 100vh;
}
/* Announce bar already gets margin-top:64px from .ann, keep that */

/* ── LOGO ── */
.site-logo-img,
.nav-logo img {
  display: block !important;
  height: 44px !important;
  width: auto !important;
  max-width: 180px !important;
}

/* ── ABOUT PAGE ── */
.about-stats-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 1px;
  background: var(--bdr);
  border: 1px solid var(--bdr);
  border-radius: 14px;
  overflow: hidden;
  margin-top: 40px;
}
.about-stat {
  background: var(--bg);
  padding: 32px 24px;
  text-align: center;
}
.about-stat-num {
  font-family: 'Instrument Serif', serif;
  font-size: 48px;
  font-weight: 400;
  color: var(--a);
  letter-spacing: -2px;
  line-height: 1;
  margin-bottom: 8px;
  display: block;
}
.about-stat-label {
  font-size: 13px;
  color: var(--t2);
}
.about-stat-sub {
  font-size: 11px;
  color: var(--t4);
  margin-top: 2px;
}

/* ── AI PILOT PAGE ── */
.pilot-meta-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: var(--bdr);
  border: 1px solid var(--bdr);
  border-radius: 14px;
  overflow: hidden;
  margin: 32px 0;
}
.pilot-meta-item {
  background: var(--bg2);
  padding: 28px 24px;
  text-align: center;
}
.pilot-meta-num {
  font-family: 'Instrument Serif', serif;
  font-size: 52px;
  font-weight: 400;
  color: var(--a);
  letter-spacing: -2px;
  line-height: 1;
  margin-bottom: 6px;
}
.pilot-meta-label {
  font-size: 14px;
  color: var(--t2);
}
/* Week breakdown numbers */
.pilot-week-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin: 24px 0;
}
.pilot-week-card {
  border: 1px solid var(--bdr);
  border-radius: 12px;
  padding: 20px;
  background: var(--bg2);
  text-align: center;
}
.pilot-week-num {
  font-family: 'Instrument Serif', serif;
  font-size: 42px;
  color: var(--a);
  line-height: 1;
  margin-bottom: 6px;
}
.pilot-week-label {
  font-size: 13px;
  color: var(--t2);
  font-weight: 500;
}

/* ── CONTACT PAGE ── */
.contact-hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 72px;
  align-items: start;
  padding-top: 128px !important;
}
.contact-steps {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-top: 32px;
}
.contact-step {
  display: flex;
  gap: 20px;
  padding: 24px 0;
  border-bottom: 1px solid var(--bdr);
}
.contact-step:last-child { border-bottom: none; }
.contact-step-num {
  font-family: 'Instrument Serif', serif;
  font-size: 32px;
  color: var(--a);
  line-height: 1;
  flex-shrink: 0;
  width: 32px;
  text-align: right;
}
.contact-step-title {
  font-size: 15px;
  font-weight: 600;
  color: var(--t1);
  margin-bottom: 5px;
}
.contact-step-desc {
  font-size: 13px;
  color: var(--t3);
  line-height: 1.65;
}
/* Fix: booking widget / calendar embed */
.contact-booking-wrap,
.contact-cal-wrap {
  border: 1px solid var(--bdr);
  border-radius: 16px;
  overflow: hidden;
  background: var(--bg2);
  min-height: 500px;
  max-height: 700px;
}
.contact-booking-wrap iframe,
.contact-cal-wrap iframe {
  width: 100% !important;
  min-height: 500px;
  border: none;
  display: block;
}
/* Kill the black canvas/shape that appears on contact page */
.contact-hero canvas,
section.contact-hero > canvas {
  display: none !important;
}

/* ── WORK PAGE ── */
.work-project-grid {
  display: flex;
  flex-direction: column;
  gap: 0;
  border: 1px solid var(--bdr);
  border-radius: 16px;
  overflow: hidden;
}
.work-project {
  display: grid;
  grid-template-columns: 280px 1fr auto;
  gap: 40px;
  align-items: start;
  padding: 32px 36px;
  border-bottom: 1px solid var(--bdr);
  background: var(--bg2);
  transition: background .18s;
}
.work-project:last-child { border-bottom: none; }
.work-project:hover { background: var(--bg3); }
.work-project-cat {
  font-size: 10px;
  font-weight: 600;
  color: var(--a);
  text-transform: uppercase;
  letter-spacing: .1em;
  margin-bottom: 8px;
}
.work-project-title {
  font-size: 18px;
  font-weight: 600;
  color: var(--t1);
  line-height: 1.3;
  margin-bottom: 8px;
}
.work-project-desc {
  font-size: 13px;
  color: var(--t3);
  line-height: 1.65;
}
.work-project-stats {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.work-stat-item {
  display: flex;
  flex-direction: column;
}
.work-stat-val {
  font-family: 'Instrument Serif', serif;
  font-size: 24px;
  color: var(--a);
  line-height: 1;
}
.work-stat-lbl {
  font-size: 11px;
  color: var(--t4);
}
/* Terminal log block on work page */
.work-terminal {
  background: rgba(0,0,0,.5);
  border: 1px solid rgba(255,248,224,.08);
  border-radius: 10px;
  padding: 18px 20px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 12px;
  color: rgba(247,242,232,.6);
  line-height: 1.7;
  margin-top: 16px;
}
.work-terminal .t-scored { color: #E8903A; }
.work-terminal .t-await  { color: #F59E0B; }
.work-terminal .t-approved { color: #22C55E; }

/* ── SERVICES PAGE — chapter nav sticky ── */
.services-chapters {
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 0;
  border-top: 1px solid var(--bdr);
  border-bottom: 1px solid var(--bdr);
  background: var(--bg2);
}
.services-ch-nav {
  position: sticky;
  top: 64px;
  height: calc(100vh - 64px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 48px 0 48px 72px;
  border-right: 1px solid var(--bdr);
}

/* ── INSIGHTS PAGE ── */
.insight-card {
  border: 1px solid var(--bdr);
  border-radius: 14px;
  overflow: hidden;
  background: var(--bg2);
  cursor: pointer;
  transition: border-color .2s, transform .2s;
}
.insight-card:hover {
  border-color: var(--ab);
  transform: translateY(-2px);
}
.insight-card-body {
  padding: 24px;
}
.insight-card-cat {
  font-size: 10px;
  font-weight: 600;
  color: var(--a);
  text-transform: uppercase;
  letter-spacing: .1em;
  margin-bottom: 10px;
}
.insight-card-title {
  font-size: 17px;
  font-weight: 600;
  color: var(--t1);
  line-height: 1.35;
  margin-bottom: 8px;
}
.insight-card-excerpt {
  font-size: 13px;
  color: var(--t3);
  line-height: 1.65;
}
.insight-card-meta {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 24px;
  border-top: 1px solid var(--bdr);
  font-size: 12px;
  color: var(--t4);
}

/* ── INDUSTRIES PAGE ── */
.industry-card {
  border: 1px solid var(--bdr);
  border-radius: 14px;
  padding: 28px 24px;
  background: var(--bg2);
  transition: border-color .2s, box-shadow .2s;
}
.industry-card:hover {
  border-color: var(--ab);
  box-shadow: 0 8px 32px rgba(232,144,58,.07);
}
.industry-icon {
  font-size: 24px;
  margin-bottom: 14px;
  display: block;
}
.industry-title {
  font-size: 16px;
  font-weight: 600;
  color: var(--t1);
  margin-bottom: 8px;
}
.industry-desc {
  font-size: 13px;
  color: var(--t3);
  line-height: 1.65;
  margin-bottom: 14px;
}
.industry-bullets {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.industry-bullets li {
  font-size: 12px;
  color: var(--t4);
  display: flex;
  align-items: center;
  gap: 6px;
}
.industry-bullets li::before {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--a);
  flex-shrink: 0;
}

/* ── RESPONSIVE FIXES ── */
@media(max-width:1024px) {
  .contact-hero { grid-template-columns: 1fr; gap: 40px; }
  .work-project { grid-template-columns: 1fr; gap: 16px; }
  .pilot-meta-grid { grid-template-columns: 1fr 1fr; }
  .about-stats-grid { grid-template-columns: 1fr 1fr; }
}
@media(max-width:768px) {
  .pilot-meta-grid { grid-template-columns: 1fr; }
  .about-stats-grid { grid-template-columns: 1fr 1fr; }
  .pilot-week-grid { grid-template-columns: 1fr; }
}


/* ═══════════════════════════════════════════════════
   KORIX — Contact Page Full CSS
   ═══════════════════════════════════════════════════ */

.contact-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  min-height: 100vh;
  padding-top: 64px;
}

/* LEFT SIDE */
.contact-left {
  position: relative;
  padding: 80px 64px 80px 72px;
  border-right: 1px solid var(--bdr);
  overflow: hidden;
}
.left-glow {
  position: absolute;
  top: -20%;
  left: -10%;
  width: 600px;
  height: 600px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(232,144,58,.05), transparent 70%);
  pointer-events: none;
  z-index: 0;
}
.left-grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(var(--bdr) 1px, transparent 1px),
    linear-gradient(90deg, var(--bdr) 1px, transparent 1px);
  background-size: 60px 60px;
  mask-image: radial-gradient(ellipse 80% 80% at 30% 30%, black 20%, transparent 100%);
  pointer-events: none;
  z-index: 0;
}

/* Expect items */
.expect-item {
  display: flex;
  gap: 20px;
  padding: 20px 0;
  border-bottom: 1px solid var(--bdr);
  align-items: flex-start;
}
.expect-item:last-child { border-bottom: none; }
.expect-num {
  font-family: 'Instrument Serif', serif;
  font-size: 28px;
  color: var(--a);
  line-height: 1;
  flex-shrink: 0;
  width: 28px;
  opacity: .5;
}
.expect-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--t1);
  margin-bottom: 5px;
  line-height: 1.3;
}
.expect-desc {
  font-size: 13px;
  color: var(--t3);
  line-height: 1.65;
}

/* Contact details */
.contact-details {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-top: 40px;
  border: 1px solid var(--bdr);
  border-radius: 14px;
  overflow: hidden;
}
.cd-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 20px;
  border-bottom: 1px solid var(--bdr);
  transition: background .18s;
}
.cd-item:last-child { border-bottom: none; }
.cd-item:hover { background: var(--bg3); }
.cd-icon {
  width: 36px;
  height: 36px;
  border-radius: 9px;
  background: var(--ag);
  border: 0.5px solid var(--ab);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.cd-icon svg {
  width: 15px;
  height: 15px;
  stroke: var(--a);
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.cd-label {
  font-size: 11px;
  color: var(--t4);
  margin-bottom: 2px;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-weight: 500;
}
.cd-val {
  font-size: 14px;
  color: var(--t1);
  font-weight: 500;
  text-decoration: none;
  transition: color .18s;
}
.cd-val:hover { color: var(--a); }

/* RIGHT SIDE — Form */
.contact-right {
  padding: 80px 72px 80px 64px;
  background: var(--bg);
}

/* Form styles */
.form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 0;
}
.form-group {
  margin-bottom: 18px;
  position: relative;
}
.form-group label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: var(--t3);
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.form-input {
  width: 100%;
  background: var(--bg2);
  border: 1px solid var(--bdr2);
  border-radius: 9px;
  padding: 12px 14px;
  font-size: 14px;
  color: var(--t1);
  font-family: 'DM Sans', sans-serif;
  outline: none;
  transition: border-color .18s, box-shadow .18s;
  -webkit-appearance: none;
}
.form-input:focus {
  border-color: var(--a);
  box-shadow: 0 0 0 3px rgba(232,144,58,.12);
}
.form-input::placeholder { color: var(--t4); }
textarea.form-input {
  min-height: 120px;
  resize: vertical;
  line-height: 1.6;
}
select.form-input {
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='rgba(247,242,232,0.3)' d='M4 6l4 4 4-4'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px;
  padding-right: 36px;
}
.form-error {
  font-size: 11px;
  color: var(--r);
  margin-top: 5px;
  display: none;
}
.form-group.error .form-input { border-color: var(--r); }
.form-group.error .form-error { display: block; }
.form-submit {
  width: 100%;
  background: var(--a);
  color: #fff;
  border: none;
  border-radius: 9px;
  padding: 14px 24px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: opacity .2s, box-shadow .2s;
  box-shadow: 0 4px 24px rgba(232,144,58,.25);
  margin-top: 6px;
  font-family: 'DM Sans', sans-serif;
}
.form-submit:hover { opacity: .92; box-shadow: 0 6px 32px rgba(232,144,58,.35); }
.form-note {
  font-size: 12px;
  color: var(--t4);
  margin-top: 12px;
  text-align: center;
  line-height: 1.5;
}
/* Form success */
.form-success {
  display: none;
  text-align: center;
  padding: 60px 20px;
}
.form-success.show { display: block; }
.success-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: var(--gg);
  border: 1px solid var(--gb);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 24px;
}
/* Heading override for contact page */
.contact-left h1.ch {
  font-family: 'Instrument Serif', serif;
  font-size: 54px;
  font-weight: 400;
  letter-spacing: -1.8px;
  line-height: 1.06;
  color: var(--t1);
  margin-bottom: 20px;
}
.contact-left h1.ch em { font-style: italic; color: var(--a); }

/* Responsive */
@media(max-width:1024px) {
  .contact-wrap { grid-template-columns: 1fr; }
  .contact-left { padding: 80px 32px 48px; border-right: none; border-bottom: 1px solid var(--bdr); }
  .contact-right { padding: 48px 32px 80px; }
}
@media(max-width:768px) {
  .contact-left { padding: 80px 20px 40px; }
  .contact-right { padding: 40px 20px 60px; }
  .form-row { grid-template-columns: 1fr; }
}


/* ═══════════════════════════════════════════════════
   KORIX v1.7 — Grid fix + All page component CSS
   ═══════════════════════════════════════════════════ */

/* ── FIX: Hero grid too dense on inner pages ──
   Reduce opacity from 0.07 to 0.025 to match homepage subtlety
   Also tighten the mask radial so lines fade earlier
── */
.hero-grid,
.about-hero .hero-grid,
.svc-hero .hero-grid,
.ind-hero .hero-grid,
.work-hero .hero-grid,
.contact-hero .hero-grid,
.pilot-hero .hero-grid,
.insights-hero .hero-grid {
  background-image:
    linear-gradient(rgba(255,248,224,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,248,224,.022) 1px, transparent 1px) !important;
  background-size: 64px 64px !important;
  -webkit-mask-image: radial-gradient(ellipse 70% 65% at 50% 50%, black 20%, transparent 100%) !important;
  mask-image: radial-gradient(ellipse 70% 65% at 50% 50%, black 20%, transparent 100%) !important;
}

/* ── ABOUT PAGE ── */
.stats-g {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: var(--bdr);
  border: 1px solid var(--bdr);
  border-radius: 14px;
  overflow: hidden;
}
.stat-c {
  background: var(--bg2);
  padding: 28px 24px;
  text-align: center;
  transition: background .18s;
}
.stat-c:hover { background: var(--bg3); }
.stat-n {
  font-family: 'Instrument Serif', serif;
  font-size: 48px;
  font-weight: 400;
  color: var(--a);
  letter-spacing: -2px;
  line-height: 1;
  margin-bottom: 6px;
  display: block;
}
.stat-lbl {
  font-size: 13px;
  color: var(--t2);
  line-height: 1.4;
}
.stat-sub {
  font-size: 11px;
  color: var(--t4);
  margin-top: 3px;
  display: block;
}
/* Clutch highlight cell */
.stat-c.clutch { background: var(--ag) !important; border: none; }
.stat-c.clutch .stat-n { color: var(--a); }

/* ── INDUSTRIES PAGE ── */
.ind-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 48px;
}
/* Featured card spans 2 cols */
.ind-card.featured {
  grid-column: span 2;
}
.ind-card {
  border: 1px solid var(--bdr);
  border-radius: 16px;
  overflow: hidden;
  background: var(--bg2);
  transition: border-color .2s, transform .18s;
  cursor: default;
}
.ind-card:hover {
  border-color: var(--ab);
  transform: translateY(-2px);
}
.ind-card-top {
  height: 140px;
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, var(--bg3), var(--bgc));
  display: flex;
  align-items: center;
  justify-content: center;
}
.ind-card.featured .ind-card-top { height: 180px; }
.ind-icon {
  font-size: 40px;
  line-height: 1;
  position: relative;
  z-index: 2;
}
.ind-badge {
  position: absolute;
  top: 12px;
  right: 12px;
  font-size: 10px;
  font-weight: 700;
  color: var(--a);
  background: var(--ag);
  border: 0.5px solid var(--ab);
  border-radius: 20px;
  padding: 3px 10px;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.ind-body {
  padding: 20px 20px 24px;
}
.ind-name {
  font-size: 16px;
  font-weight: 600;
  color: var(--t1);
  margin-bottom: 8px;
  line-height: 1.3;
}
.ind-desc {
  font-size: 13px;
  color: var(--t3);
  line-height: 1.65;
  margin-bottom: 14px;
}
.ind-use-cases {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.ind-uc {
  font-size: 12px;
  color: var(--t4);
  display: flex;
  align-items: center;
  gap: 7px;
  line-height: 1.4;
}
.ind-uc::before {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--a);
  flex-shrink: 0;
  opacity: .6;
}
/* CTA section on industries */
.ind-cta {
  text-align: center;
  padding: 80px 72px;
  background: var(--bg2);
  border-top: 1px solid var(--bdr);
}

/* ── WORK PAGE ── */
.cs-grid {
  display: flex;
  flex-direction: column;
  gap: 0;
  border: 1px solid var(--bdr);
  border-radius: 16px;
  overflow: hidden;
  margin-top: 48px;
}
.cs-card {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 48px;
  align-items: start;
  padding: 36px 40px;
  border-bottom: 1px solid var(--bdr);
  background: var(--bg2);
  transition: background .18s;
}
.cs-card:last-child { border-bottom: none; }
.cs-card:hover { background: var(--bg3); }
.cs-tag {
  font-size: 10px;
  font-weight: 600;
  color: var(--a);
  text-transform: uppercase;
  letter-spacing: .1em;
  margin-bottom: 10px;
}
.cs-title {
  font-size: 20px;
  font-weight: 600;
  color: var(--t1);
  margin-bottom: 10px;
  line-height: 1.3;
}
.cs-desc {
  font-size: 14px;
  color: var(--t3);
  line-height: 1.7;
  margin-bottom: 16px;
  max-width: 560px;
}
.cs-tags {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.cs-tag-pill {
  font-size: 11px;
  color: var(--a);
  background: var(--ag);
  border: 0.5px solid var(--ab);
  padding: 3px 10px;
  border-radius: 5px;
}
.cs-link {
  font-size: 13px;
  color: var(--a);
  font-weight: 500;
  text-decoration: none;
  transition: opacity .18s;
}
.cs-link:hover { opacity: .75; }
/* Right side metrics */
.cs-right {
  flex-shrink: 0;
  min-width: 200px;
}
.cs-metrics {
  display: flex;
  flex-direction: column;
  gap: 0;
  border: 1px solid var(--bdr);
  border-radius: 12px;
  overflow: hidden;
}
.cs-metric {
  padding: 14px 18px;
  border-bottom: 1px solid var(--bdr);
  background: var(--bgc);
}
.cs-metric:last-child { border-bottom: none; }
.cs-metric-n {
  font-family: 'Instrument Serif', serif;
  font-size: 28px;
  color: var(--a);
  letter-spacing: -1px;
  line-height: 1;
  margin-bottom: 3px;
}
.cs-metric-l {
  font-size: 11px;
  color: var(--t4);
  text-transform: uppercase;
  letter-spacing: .06em;
}
/* Terminal / log block on work cards */
.cs-quote {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  color: rgba(247,242,232,.5);
  background: rgba(0,0,0,.4);
  border: 1px solid rgba(255,248,224,.07);
  border-radius: 8px;
  padding: 14px 16px;
  line-height: 1.8;
  margin-top: 14px;
}
/* Proof bar */
.proof-bar {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 1px;
  background: var(--bdr);
  border: 1px solid var(--bdr);
  border-radius: 14px;
  overflow: hidden;
  margin-top: 48px;
}
.pb-item {
  background: var(--bg2);
  padding: 28px 24px;
  text-align: center;
}
.pb-n {
  font-family: 'Instrument Serif', serif;
  font-size: 44px;
  color: var(--a);
  letter-spacing: -2px;
  line-height: 1;
  margin-bottom: 6px;
}
.pb-l {
  font-size: 13px;
  color: var(--t2);
}
/* Work CTA */
.work-cta {
  text-align: center;
  padding: 80px 72px;
  background: var(--bg2);
  border-top: 1px solid var(--bdr);
}

/* ── SERVICES PAGE ── */
.svc-cta {
  text-align: center;
  padding: 80px 72px;
  background: var(--bg2);
  border-top: 1px solid var(--bdr);
}

/* ── AI PILOT PAGE ── */
.pilot-meta {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 1px;
  background: var(--bdr);
  border: 1px solid var(--bdr);
  border-radius: 14px;
  overflow: hidden;
  margin-top: 32px;
}
.pilot-meta-item {
  background: var(--bg2);
  padding: 28px 24px;
  text-align: center;
}
.pilot-meta-n {
  font-family: 'Instrument Serif', serif;
  font-size: 48px;
  color: var(--a);
  letter-spacing: -2px;
  line-height: 1;
  margin-bottom: 6px;
}
.pilot-meta-l {
  font-size: 13px;
  color: var(--t2);
}

/* ── INSIGHTS PAGE ── */
.insights-grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 14px;
  margin-top: 48px;
}
.insight-featured {
  border: 1px solid var(--ab);
  border-radius: 16px;
  overflow: hidden;
  background: var(--ag);
  cursor: pointer;
  transition: border-color .2s;
}
.insight-featured:hover { border-color: var(--a); }
.insight-thumb {
  height: 220px;
  background: var(--bg3);
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.insight-body {
  padding: 24px 28px;
}
.insight-cat {
  font-size: 10px;
  font-weight: 600;
  color: var(--a);
  text-transform: uppercase;
  letter-spacing: .1em;
  margin-bottom: 10px;
}
.insight-title {
  font-size: 19px;
  font-weight: 600;
  color: var(--t1);
  line-height: 1.3;
  margin-bottom: 10px;
}
.insight-excerpt {
  font-size: 14px;
  color: var(--t3);
  line-height: 1.65;
}
.insight-meta {
  font-size: 12px;
  color: var(--t4);
  margin-top: 14px;
  display: flex;
  gap: 12px;
}
.insight-side {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.insight-card-sm {
  border: 1px solid var(--bdr);
  border-radius: 14px;
  padding: 20px 22px;
  background: var(--bg2);
  cursor: pointer;
  transition: border-color .2s;
  flex: 1;
}
.insight-card-sm:hover { border-color: var(--ab); }

/* ── RESPONSIVE FIXES ALL PAGES ── */
@media(max-width:1024px) {
  .ind-grid { grid-template-columns: 1fr 1fr; }
  .ind-card.featured { grid-column: span 2; }
  .cs-card { grid-template-columns: 1fr; gap: 24px; }
  .cs-right { min-width: auto; }
  .proof-bar { grid-template-columns: 1fr 1fr; }
  .pb-item:nth-child(2) { border-right: none; }
  .pb-item:nth-child(3) { border-top: 1px solid var(--bdr); }
  .pb-item:nth-child(4) { border-top: 1px solid var(--bdr); border-right: none; }
  .stats-g { grid-template-columns: 1fr 1fr; }
  .insights-grid { grid-template-columns: 1fr; }
  .ind-cta, .work-cta, .svc-cta { padding: 60px 32px; }
}
@media(max-width:768px) {
  .ind-grid { grid-template-columns: 1fr; }
  .ind-card.featured { grid-column: span 1; }
  .proof-bar { grid-template-columns: 1fr 1fr; }
  .pilot-meta { grid-template-columns: 1fr; }
  .cs-card { padding: 24px 20px; }
  .ind-cta, .work-cta, .svc-cta { padding: 48px 20px; }
}


/* ═══════════════════════════════════════════════════
   KORIX v1.8 — Heading typography fix
   All hero headings: Instrument Serif + amber em
   ═══════════════════════════════════════════════════ */

/* ── .ph = Page Hero heading (used on all inner pages) ── */
h1.ph,
.ph {
  font-family: 'Instrument Serif', Georgia, serif !important;
  font-size: 78px !important;
  font-weight: 400 !important;
  line-height: 1.03 !important;
  letter-spacing: -2.8px !important;
  color: var(--t1) !important;
  margin-bottom: 22px !important;
}

h1.ph em,
.ph em {
  font-style: italic !important;
  color: var(--a) !important;
  font-family: 'Instrument Serif', Georgia, serif !important;
}

/* ── .sh = Section heading (used throughout all pages) ── */
h2.sh,
.sh {
  font-family: 'Instrument Serif', Georgia, serif !important;
  font-size: 54px !important;
  font-weight: 400 !important;
  line-height: 1.06 !important;
  letter-spacing: -1.8px !important;
  color: var(--t1) !important;
  margin-bottom: 18px !important;
}

h2.sh em,
.sh em {
  font-style: italic !important;
  color: var(--a) !important;
  font-family: 'Instrument Serif', Georgia, serif !important;
}

/* ── .cta-h = CTA section heading ── */
.cta-h {
  font-family: 'Instrument Serif', Georgia, serif !important;
  font-weight: 400 !important;
  line-height: 1.05 !important;
  letter-spacing: -2.2px !important;
}

.cta-h em {
  font-style: italic !important;
  color: var(--a) !important;
  font-family: 'Instrument Serif', Georgia, serif !important;
}

/* ── Also fix h1.hh (homepage hero uses .hh class) ── */
h1.hh em,
.hh em {
  font-style: italic !important;
  color: var(--a) !important;
}

/* ── Responsive heading sizes ── */
@media(max-width:1024px) {
  h1.ph, .ph { font-size: 56px !important; letter-spacing: -1.8px !important; }
  h2.sh, .sh { font-size: 42px !important; letter-spacing: -1.2px !important; }
}
@media(max-width:768px) {
  h1.ph, .ph { font-size: 42px !important; letter-spacing: -1.2px !important; }
  h2.sh, .sh { font-size: 34px !important; letter-spacing: -.8px !important; }
  .cta-h { font-size: 36px !important; }
}
@media(max-width:400px) {
  h1.ph, .ph { font-size: 34px !important; }
}


/* ═══════════════════════════════════════════════════
   KORIX v2.0 — AI Pilot + Insights + Services chapters
   ═══════════════════════════════════════════════════ */

/* ── AI PILOT: Counter block ── */
.pilot-counter {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 1px;
  background: var(--bdr);
  border: 1px solid var(--bdr);
  border-radius: 16px;
  overflow: hidden;
  margin: 32px 0;
}
.pc-top {
  background: var(--ag);
  border-right: none;
  padding: 32px 28px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.pc-days {
  font-family: 'Instrument Serif', serif;
  font-size: 72px;
  font-weight: 400;
  color: var(--a);
  letter-spacing: -3px;
  line-height: 1;
  margin-bottom: 6px;
}
.pc-label {
  font-size: 13px;
  color: var(--t2);
  font-weight: 500;
}
.pc-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: var(--bdr);
}
.pc-item {
  background: var(--bg2);
  padding: 28px 20px;
  text-align: center;
  transition: background .18s;
}
.pc-item:hover { background: var(--bg3); }
.pc-item-n {
  font-family: 'Instrument Serif', serif;
  font-size: 44px;
  font-weight: 400;
  color: var(--a);
  letter-spacing: -2px;
  line-height: 1;
  margin-bottom: 6px;
}
.pc-item-l {
  font-size: 13px;
  color: var(--t2);
  font-weight: 500;
}

/* ── AI PILOT: Timeline ── */
.tl-outer {
  border: 1px solid var(--bdr);
  border-radius: 16px;
  overflow: hidden;
  background: var(--bg2);
  margin: 32px 0;
}
.tl-bar {
  height: 3px;
  background: linear-gradient(90deg, transparent, var(--a), transparent);
}
.tl-header {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-bottom: 1px solid var(--bdr);
}
.tl-wk {
  padding: 20px 24px;
  border-right: 1px solid var(--bdr);
}
.tl-wk:last-child { border-right: none; }
.tl-wk-label {
  font-size: 10px;
  font-weight: 700;
  color: var(--a);
  text-transform: uppercase;
  letter-spacing: .1em;
  margin-bottom: 4px;
}
.tl-wk-title {
  font-size: 15px;
  font-weight: 600;
  color: var(--t1);
  margin-bottom: 3px;
}
.tl-wk-sub {
  font-size: 12px;
  color: var(--t4);
}
.tl-body {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: var(--bdr);
}
.tl-col {
  background: var(--bg2);
  padding: 20px 20px 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.tl-task {
  border: 1px solid var(--bdr);
  border-radius: 9px;
  padding: 12px 14px;
  background: var(--bg3);
  transition: border-color .18s;
}
.tl-task:hover { border-color: var(--ab); }
.tl-task-tag {
  font-size: 9px;
  font-weight: 700;
  color: var(--a);
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: 4px;
}
.tl-task-title {
  font-size: 13px;
  font-weight: 500;
  color: var(--t1);
  line-height: 1.35;
  margin-bottom: 3px;
}
.tl-task-sub {
  font-size: 11px;
  color: var(--t3);
  line-height: 1.5;
}
.tl-task-you {
  font-size: 10px;
  color: var(--g);
  margin-top: 5px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.tl-task-you::before {
  content: '✓';
  font-size: 9px;
}
.tl-outcomes {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: var(--bdr);
  border-top: 1px solid var(--bdr);
}
.tl-out {
  background: var(--bg2);
  padding: 16px 18px;
  border-right: 1px solid var(--bdr);
}
.tl-out:last-child { border-right: none; }
.tl-out-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--a);
  margin-bottom: 8px;
}
.tl-out-title {
  font-size: 13px;
  font-weight: 600;
  color: var(--t1);
  margin-bottom: 3px;
}
.tl-out-sub {
  font-size: 11px;
  color: var(--t3);
  line-height: 1.5;
}

/* ── AI PILOT: For/not-for grid ── */
.for-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-top: 32px;
}
.for-card {
  border: 1px solid var(--bdr);
  border-radius: 14px;
  padding: 28px 24px;
  background: var(--bg2);
}
.for-card.good { border-color: var(--gb); background: var(--gg); }
.for-card.bad  { border-color: var(--rb); background: var(--rg); }
.for-icon { font-size: 24px; margin-bottom: 14px; display: block; }
.for-not {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 13px;
  color: var(--t2);
  margin-bottom: 8px;
  line-height: 1.5;
}

/* ── AI PILOT: Get/diff sections ── */
.get-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 32px;
}
.get-card {
  border: 1px solid var(--bdr);
  border-radius: 14px;
  padding: 24px 20px;
  background: var(--bg2);
}
.get-num {
  font-family: 'Instrument Serif', serif;
  font-size: 36px;
  color: var(--a);
  letter-spacing: -1.5px;
  line-height: 1;
  margin-bottom: 12px;
  opacity: .4;
}
.diff-table {
  border: 1px solid var(--bdr);
  border-radius: 14px;
  overflow: hidden;
  margin-top: 32px;
}
.diff-row {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  border-bottom: 1px solid var(--bdr);
}
.diff-row:last-child { border-bottom: none; }
.diff-row.header { background: var(--bg3); }
.diff-cell {
  padding: 14px 18px;
  font-size: 13px;
  color: var(--t2);
  border-right: 1px solid var(--bdr);
  line-height: 1.5;
}
.diff-cell:last-child { border-right: none; }
.diff-cell.header { font-size: 11px; font-weight: 700; color: var(--t4); text-transform: uppercase; letter-spacing: .08em; }
.diff-cell.feature { color: var(--t1); font-weight: 500; }
.diff-cell.good { color: var(--g); }
.diff-cell.bad  { color: var(--r); opacity: .7; }

/* ── AI PILOT: trust bar ── */
.trust-bar {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 14px 0;
  flex-wrap: wrap;
  border-top: 1px solid var(--bdr);
  border-bottom: 1px solid var(--bdr);
  margin: 24px 0;
}
.trust-bar span {
  font-size: 12px;
  color: var(--t4);
  display: flex;
  align-items: center;
  gap: 6px;
}
.trust-bar span::before {
  content: '●';
  color: var(--a);
  font-size: 8px;
}

/* ── AI PILOT: CTA form ── */
.cta-form {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 32px;
}

/* ── INSIGHTS: Article cards ── */
.featured {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  border: 1px solid var(--ab);
  border-radius: 16px;
  overflow: hidden;
  background: var(--bg2);
  margin-bottom: 14px;
  cursor: pointer;
  transition: border-color .2s, box-shadow .2s;
}
.featured:hover {
  border-color: var(--a);
  box-shadow: 0 8px 32px rgba(232,144,58,.1);
}
.feat-left {
  padding: 40px 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.feat-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  font-weight: 700;
  color: var(--a);
  text-transform: uppercase;
  letter-spacing: .1em;
  background: var(--ag);
  border: 0.5px solid var(--ab);
  padding: 4px 12px;
  border-radius: 20px;
  margin-bottom: 18px;
  width: fit-content;
}
.feat-title {
  font-family: 'Instrument Serif', serif;
  font-size: 28px;
  font-weight: 400;
  color: var(--t1);
  line-height: 1.25;
  letter-spacing: -.5px;
  margin-bottom: 12px;
}
.feat-meta {
  font-size: 12px;
  color: var(--t4);
  display: flex;
  gap: 12px;
}
.feat-right {
  background: var(--bg3);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 260px;
  border-left: 1px solid var(--bdr);
}
.feat-visual {
  font-size: 64px;
  opacity: .4;
}
.art-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.art-card {
  border: 1px solid var(--bdr);
  border-radius: 14px;
  overflow: hidden;
  background: var(--bg2);
  cursor: pointer;
  transition: border-color .2s, transform .18s;
}
.art-card:hover {
  border-color: var(--ab);
  transform: translateY(-2px);
}
.art-visual {
  height: 140px;
  background: var(--bg3);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 36px;
  border-bottom: 1px solid var(--bdr);
}
.art-body { padding: 20px; }
.art-tag {
  font-size: 10px;
  font-weight: 700;
  color: var(--a);
  text-transform: uppercase;
  letter-spacing: .1em;
  margin-bottom: 8px;
}
.art-title {
  font-size: 16px;
  font-weight: 600;
  color: var(--t1);
  line-height: 1.35;
  margin-bottom: 8px;
}
.art-meta {
  font-size: 11px;
  color: var(--t4);
  display: flex;
  gap: 10px;
}

/* ── INSIGHTS: Filter tabs ── */
.filter-tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 32px;
}
.filter-tab {
  font-size: 13px;
  font-weight: 500;
  color: var(--t3);
  background: var(--bg2);
  border: 1px solid var(--bdr);
  border-radius: 20px;
  padding: 7px 16px;
  cursor: pointer;
  transition: all .18s;
}
.filter-tab:hover, .filter-tab.active {
  color: var(--a);
  border-color: var(--ab);
  background: var(--ag);
}

/* ── INSIGHTS: Topics grid ── */
.topics-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
.topic {
  border: 1px solid var(--bdr);
  border-radius: 12px;
  padding: 20px 16px;
  background: var(--bg2);
  cursor: pointer;
  transition: border-color .2s;
  text-align: center;
}
.topic:hover { border-color: var(--ab); }
.topic-icon { font-size: 24px; margin-bottom: 10px; display: block; }
.topic-name { font-size: 13px; font-weight: 600; color: var(--t1); margin-bottom: 4px; }
.topic-count { font-size: 11px; color: var(--t4); }

/* ── INSIGHTS: Newsletter ── */
.newsletter {
  background: var(--ag);
  border: 1px solid var(--ab);
  border-radius: 16px;
  padding: 48px;
  text-align: center;
  margin: 48px 0;
}
.nl-form {
  display: flex;
  gap: 10px;
  max-width: 460px;
  margin: 24px auto 0;
}
.nl-form input {
  flex: 1;
  background: var(--bg);
  border: 1px solid var(--bdr2);
  border-radius: 9px;
  padding: 12px 16px;
  font-size: 14px;
  color: var(--t1);
  font-family: 'DM Sans', sans-serif;
  outline: none;
}
.nl-form input:focus { border-color: var(--a); }
.nl-form input::placeholder { color: var(--t4); }

/* ── SERVICES: Chapter nav ── */
.chapters {
  display: grid;
  grid-template-columns: 300px 1fr;
  background: var(--bg2);
  border-top: 1px solid var(--bdr);
  border-bottom: 1px solid var(--bdr);
}
.ch-nav {
  position: sticky;
  top: 64px;
  height: calc(100vh - 64px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 48px 0 48px 48px;
  border-right: 1px solid var(--bdr);
}
.ch-tab {
  padding: 14px 0 14px 20px;
  border-left: 2px solid transparent;
  cursor: pointer;
  transition: all .22s;
  margin-bottom: 4px;
}
.ch-tab.act { border-left-color: var(--a); }
.ch-tab-lbl {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--t4);
  margin-bottom: 4px;
  transition: color .22s;
}
.ch-tab.act .ch-tab-lbl { color: var(--a); }
.ch-tab-title {
  font-size: 15px;
  font-weight: 500;
  color: var(--t3);
  transition: color .22s;
}
.ch-tab.act .ch-tab-title { color: var(--t1); }
.ch-content { padding: 0 64px; }
.ch-panel {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 80px 0;
  border-bottom: 1px solid var(--bdr);
}
.ch-panel:last-child { border-bottom: none; }
.ch-bullet {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: var(--t2);
  margin-bottom: 8px;
  line-height: 1.5;
}
.ch-bullet::before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--a);
  flex-shrink: 0;
}

/* ── Responsive ── */
@media(max-width:1024px) {
  .pilot-counter { grid-template-columns: 1fr; }
  .pc-items { grid-template-columns: repeat(3, 1fr); }
  .tl-header, .tl-body { grid-template-columns: 1fr; }
  .tl-wk { border-right: none; border-bottom: 1px solid var(--bdr); }
  .tl-outcomes { grid-template-columns: 1fr 1fr; }
  .for-grid, .get-grid { grid-template-columns: 1fr 1fr; }
  .featured { grid-template-columns: 1fr; }
  .feat-right { display: none; }
  .art-grid { grid-template-columns: 1fr 1fr; }
  .topics-grid { grid-template-columns: 1fr 1fr; }
  .chapters { grid-template-columns: 1fr; }
  .ch-nav { position: relative; top: 0; height: auto; padding: 24px 20px; border-right: none; border-bottom: 1px solid var(--bdr); }
  .ch-content { padding: 0 24px; }
  .diff-row { grid-template-columns: 1fr 1fr; }
  .diff-cell.feature { grid-column: span 2; border-right: none; }
}
@media(max-width:768px) {
  .pc-items { grid-template-columns: 1fr; }
  .for-grid, .get-grid { grid-template-columns: 1fr; }
  .art-grid { grid-template-columns: 1fr; }
  .topics-grid { grid-template-columns: 1fr 1fr; }
  .newsletter { padding: 32px 20px; }
  .nl-form { flex-direction: column; }
  .tl-outcomes { grid-template-columns: 1fr; }
}


/* ═══════════════════════════════════════════════════
   KORIX v2.3 — Hero padding fixes + layout polish
   ═══════════════════════════════════════════════════ */

/* ── All hero section inner wrappers — centred, padded ── */
.pilot-hero-inner,
.work-hero-inner,
.svc-hero-inner,
.ind-hero-inner,
.ins-hero-inner,
.about-hero > div:last-child,
section[class*="-hero"] > div:not(.hero-grid):not(.hero-glow):not([class*="bg"]):not([class*="glow"]) {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 72px;
  width: 100%;
  position: relative;
  z-index: 2;
}

/* ── Hero sections: ensure content sits well inside ── */
.pilot-hero {
  position: relative;
  min-height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  padding-top: 128px !important;
  padding-bottom: 80px;
}
.ins-hero {
  position: relative;
  min-height: 80vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  padding-top: 128px !important;
  padding-bottom: 80px;
}
/* Pilot hero bg elements */
.pilot-hero-bg,
.pilot-hero-grid,
.pilot-hero-glow {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.pilot-hero-grid {
  background-image:
    linear-gradient(rgba(255,248,224,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,248,224,.022) 1px, transparent 1px) !important;
  background-size: 64px 64px !important;
  -webkit-mask-image: radial-gradient(ellipse 70% 65% at 50% 50%, black 20%, transparent 100%) !important;
  mask-image: radial-gradient(ellipse 70% 65% at 50% 50%, black 20%, transparent 100%) !important;
}
.pilot-hero-glow {
  background: radial-gradient(ellipse 60% 60% at 50% 50%, rgba(232,144,58,.06), transparent 70%);
}

/* ── Pilot badge ── */
.pilot-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: var(--at);
  border: 0.5px solid var(--ab);
  padding: 7px 16px;
  border-radius: 20px;
  background: var(--ag);
  margin-bottom: 28px;
  width: fit-content;
}

/* ── Responsive hero inner ── */
@media(max-width:1024px) {
  .pilot-hero-inner,
  .work-hero-inner,
  .svc-hero-inner,
  .ind-hero-inner,
  .ins-hero-inner {
    padding: 0 32px;
  }
}
@media(max-width:768px) {
  .pilot-hero-inner,
  .work-hero-inner,
  .svc-hero-inner,
  .ind-hero-inner,
  .ins-hero-inner {
    padding: 0 20px;
  }
  .pilot-hero,
  .ins-hero {
    padding-bottom: 48px;
  }
}

/* ── Work page: cs-grid margin ── */
.work-hero + .sep + .wrap .cs-grid,
.wrap .cs-grid {
  margin-top: 40px;
}

/* ── Industries: ind-grid spacing ── */
.wrap .ind-grid {
  margin-top: 40px;
}

/* ── Insights: article grid spacing ── */
.wrap .art-grid {
  margin-top: 32px;
}
.wrap .featured {
  margin-top: 0;
  margin-bottom: 14px;
}



/* ═══════════════════════════════════════════════════
   KORIX v2.4 — Icon fixes + footer logo + misc polish
   ═══════════════════════════════════════════════════ */

/* ── Fix for-icon SVG overflow on AI Pilot ── */
.for-icon {
  width: 48px !important;
  height: 48px !important;
  max-width: 48px !important;
  max-height: 48px !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 14px;
  font-size: 28px;
}
.for-icon svg {
  width: 28px !important;
  height: 28px !important;
  flex-shrink: 0;
  stroke: var(--a);
  fill: none;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
/* for-card: good = green tint, bad = red tint */
.for-card.good {
  border-color: var(--gb) !important;
  background: linear-gradient(135deg, var(--gg), var(--bg2)) !important;
}
.for-card.bad {
  border-color: var(--rb) !important;
  background: linear-gradient(135deg, var(--rg), var(--bg2)) !important;
}
.for-card.good .for-icon svg { stroke: var(--g); }
.for-card.bad  .for-icon svg { stroke: var(--r); }

/* ── Footer logo: ensure proper display ── */
.foot-logo {
  height: 56px !important;
  width: auto !important;
  max-width: 140px;
  display: block;
  object-fit: contain;
}

/* ── Fix: about page hero two-column alignment ── */
.about-hero .hero-inner {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 72px;
  align-items: center;
}

/* ── Work page: cs-tags pill styling ── */
.cs-tags {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin: 12px 0;
}
.cs-tag-pill {
  font-size: 11px;
  color: var(--a);
  background: var(--ag);
  border: 0.5px solid var(--ab);
  padding: 3px 10px;
  border-radius: 20px;
  font-weight: 500;
}

/* ── Insights: featured article heading ── */
.featured h2 .feat-title,
.feat-title {
  font-family: 'Instrument Serif', serif;
  font-size: 26px;
  font-weight: 400;
  color: var(--t1);
  line-height: 1.3;
  letter-spacing: -.3px;
}

/* ── Services: section chapter list bullet ── */
.ch-bullet::before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--a);
  flex-shrink: 0;
  margin-top: 6px;
}

/* ── Proof bar responsive ── */
@media(max-width:768px) {
  .proof-bar { grid-template-columns: 1fr 1fr; }
  .for-grid { grid-template-columns: 1fr; }
}


/* ═══════════════════════════════════════════════════
   KORIX v2.6 — Hero canvas fix + Services scroll fix
   ═══════════════════════════════════════════════════ */

/* ── FIX 1: Hero canvas parent must have height ── */
/* The .rvr.d2 div wrapping hcanvas collapses to 0 */
.hero-wrap .hero-inner > .rvr.d2,
.hero-wrap .hero-inner > div:has(#hcanvas),
#hcanvas {
  height: 100% !important;
}
#hcanvas {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none;
}
/* Hero wrap must be position:relative for absolute canvas */
.hero-wrap {
  position: relative !important;
  overflow: hidden;
}
/* Canvas parent takes full hero height */
.hero-wrap .hero-inner > .rvr {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none;
  z-index: 0;
}
/* Hero content sits above canvas */
.hero-wrap .hero-inner > *:not(.rvr):not([class*="canvas"]) {
  position: relative;
  z-index: 1;
}

/* ── FIX 2: Services/chapters scroll section ── */
/* Container must be tall enough for all 6 panels to scroll through */
.chapters {
  display: grid !important;
  grid-template-columns: 280px 1fr !important;
  align-items: start !important;
  position: relative;
  min-height: unset !important;
  height: auto !important;
}
.ch-nav {
  position: sticky !important;
  top: 80px !important;
  height: calc(100vh - 80px) !important;
  overflow-y: auto;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 48px 0 48px 48px !important;
  border-right: 1px solid var(--bdr) !important;
  align-self: start !important;
}
.ch-content {
  padding: 0 !important;
}
.ch-panel {
  min-height: 100vh !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 80px 64px !important;
  border-bottom: 1px solid var(--bdr) !important;
  scroll-snap-align: start;
}
.ch-panel:last-child {
  border-bottom: none !important;
}

/* ── Ch-tab active state ── */
.ch-tab {
  padding: 12px 0 12px 18px !important;
  border-left: 2px solid transparent !important;
  cursor: pointer !important;
  transition: all .2s !important;
  margin-bottom: 2px !important;
}
.ch-tab.act {
  border-left-color: var(--a) !important;
  background: rgba(232,144,58,.04) !important;
}
.ch-tab .ch-tab-lbl {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--t4);
  margin-bottom: 3px;
  transition: color .2s;
}
.ch-tab.act .ch-tab-lbl { color: var(--a) !important; }
.ch-tab .ch-tab-title {
  font-size: 14px;
  font-weight: 500;
  color: var(--t3);
  transition: color .2s;
}
.ch-tab.act .ch-tab-title { color: var(--t1) !important; }

@media(max-width:1024px) {
  .chapters {
    grid-template-columns: 1fr !important;
  }
  .ch-nav {
    position: relative !important;
    top: 0 !important;
    height: auto !important;
    padding: 24px 20px !important;
    border-right: none !important;
    border-bottom: 1px solid var(--bdr) !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    justify-content: flex-start !important;
    overflow-x: auto !important;
  }
  .ch-tab { padding: 8px 14px !important; border-left: none !important; border-bottom: 2px solid transparent !important; }
  .ch-tab.act { border-left: none !important; border-bottom-color: var(--a) !important; }
  .ch-panel { padding: 48px 24px !important; min-height: auto !important; }
}


/* ═══════════════════════════════════════════════════
   KORIX v2.9 — About page polish + footer logo fix
   ═══════════════════════════════════════════════════ */

/* ── FIX 10: Footer logo — remove white background box ── */
.foot-inner img,
footer img[alt="KORIX"] {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  /* filter keeps it white on dark bg — that's correct */
  filter: brightness(0) invert(1) !important;
  max-height: 32px !important;
  width: auto !important;
}
/* If logo has a parent with white bg */
.foot-inner > div:first-child > div:first-child {
  background: transparent !important;
  border: none !important;
}

/* ── Values — modern SVG icon styling ── */
.val-card {
  border: 1px solid var(--bdr) !important;
  border-radius: 14px !important;
  padding: 28px 24px !important;
  background: var(--bg2) !important;
  transition: border-color .2s, transform .18s !important;
}
.val-card:hover {
  border-color: var(--ab) !important;
  transform: translateY(-2px) !important;
}
.val-icon {
  width: 46px !important;
  height: 46px !important;
  border-radius: 12px !important;
  background: var(--ag) !important;
  border: 1px solid var(--ab) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 16px !important;
  flex-shrink: 0 !important;
}
.val-icon svg {
  width: 22px !important;
  height: 22px !important;
}

/* ── Timeline improvements ── */
.timeline { display: flex; flex-direction: column; gap: 0; }
.tl-item {
  display: grid;
  grid-template-columns: 64px 1fr;
  grid-template-rows: auto auto;
  gap: 0 18px;
  padding-bottom: 28px;
  position: relative;
}
.tl-item::before {
  content: '';
  position: absolute;
  left: 30px;
  top: 24px;
  bottom: 0;
  width: 1px;
  background: var(--bdr);
}
.tl-item:last-child::before { display: none; }
.tl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--a);
  border: 2px solid var(--bg);
  box-shadow: 0 0 0 2px var(--ab);
  position: absolute;
  left: 26px;
  top: 6px;
}
.tl-year {
  font-family: 'Instrument Serif', serif !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  color: var(--a) !important;
  letter-spacing: -.3px !important;
  line-height: 1.2 !important;
  grid-column: 1;
}
.tl-title {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--t1) !important;
  line-height: 1.4 !important;
  grid-column: 2;
  grid-row: 1;
  font-family: 'DM Sans', sans-serif !important;
}
.tl-desc {
  font-size: 13px !important;
  color: var(--t3) !important;
  line-height: 1.6 !important;
  margin-top: 4px !important;
  grid-column: 2;
  grid-row: 2;
  font-family: 'DM Sans', sans-serif !important;
}

/* ── System Stack container polish ── */
.stack-wrap,
.two .rvr > div {
  border: 1px solid var(--bdr) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  background: var(--bg2) !important;
}

/* ── Hero body text ── */
.about-hero .bl,
.about-hero p {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  color: var(--t1) !important;
  line-height: 1.65 !important;
}
.about-hero p:last-of-type,
.about-hero .rv.d2 p {
  color: var(--t2) !important;
  font-size: 15px !important;
}

/* ── Clutch strip visibility fix ── */
.clutch-strip {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 48px !important;
  flex-wrap: wrap !important;
  background: var(--bg2) !important;
  border: 1px solid var(--bdr) !important;
  border-radius: 20px !important;
  padding: 48px !important;
}
.clutch-strip h2 { margin-bottom: 14px !important; }
.clutch-strip p { color: var(--t2) !important; }


/* ════════════════════════════════════════
   CHAPTERS SCROLL FIX — Services & AI Pilot
   ════════════════════════════════════════ */

/* Force all ch-panels visible — override any display:none from JS */
.ch-panel {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  min-height: 100vh !important;
  padding: 80px 64px !important;
  border-bottom: 1px solid var(--bdr) !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.ch-panel:last-child { border-bottom: none !important; }

/* Chapters outer: CSS grid — nav left, content right */
.chapters {
  display: grid !important;
  grid-template-columns: 260px 1fr !important;
  align-items: start !important;
  gap: 0 !important;
  position: relative !important;
  width: 100% !important;
}

/* Nav: sticky on left */
.ch-nav {
  position: sticky !important;
  top: 80px !important;
  height: calc(100vh - 80px) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 4px !important;
  padding: 40px 24px 40px 0 !important;
  border-right: 1px solid var(--bdr) !important;
  align-self: start !important;
  overflow: hidden !important;
}

/* Content: normal block flow so all panels stack */
.ch-content {
  display: block !important;
  height: auto !important;
  overflow: visible !important;
}

/* Individual tab styling */
.ch-tab {
  padding: 10px 14px !important;
  border-left: 2px solid transparent !important;
  border-radius: 0 6px 6px 0 !important;
  cursor: pointer !important;
  transition: all .18s !important;
}
.ch-tab:hover { background: var(--bg2) !important; }
.ch-tab.act {
  border-left-color: var(--a) !important;
  background: var(--ag) !important;
}
.ch-tab .ch-tab-lbl {
  font-size: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .1em !important;
  color: var(--t4) !important;
  margin-bottom: 2px !important;
  transition: color .18s !important;
}
.ch-tab.act .ch-tab-lbl { color: var(--a) !important; }
.ch-tab .ch-tab-title {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--t3) !important;
  line-height: 1.3 !important;
  transition: color .18s !important;
}
.ch-tab.act .ch-tab-title { color: var(--t1) !important; }

/* Mobile: stack vertically */
@media(max-width:1024px){
  .chapters { grid-template-columns: 1fr !important; }
  .ch-nav {
    position: relative !important;
    top: 0 !important;
    height: auto !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    padding: 20px !important;
    border-right: none !important;
    border-bottom: 1px solid var(--bdr) !important;
    overflow-x: auto !important;
  }
  .ch-tab {
    border-left: none !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 6px !important;
    padding: 8px 12px !important;
  }
  .ch-tab.act { border-left: none !important; border-bottom-color: var(--a) !important; }
  .ch-panel { min-height: auto !important; padding: 40px 20px !important; }
}

/* ── About hero: remove full-viewport height, use symmetrical padding ── */
.about-hero {
  min-height: auto !important;
  padding: 128px 0 96px !important;
}

/* ── Contact page visibility fixes ── */
.cd-label { color: var(--t2) !important; font-size: 12px !important; }
.cd-val { font-size: 15px !important; }
.expect-desc { color: var(--t2) !important; font-size: 14px !important; }
.expect-title { font-size: 15px !important; }
.expect-num { opacity: .8 !important; }
.form-group label { color: var(--t1) !important; font-size: 14px !important; }
.form-input { font-size: 15px !important; }
.form-input::placeholder { color: var(--t3) !important; }
.form-note { color: var(--t2) !important; }

/* ── Contact page heading size ── */
.contact-left h1.ph { font-size: 48px !important; letter-spacing: -1.8px !important; }
@media(max-width:768px) { .contact-left h1.ph { font-size: 36px !important; } }

/* ── Contact success state fixes ── */
.form-success { text-align: center; padding: 60px 20px; }
.form-success .success-icon { width: 64px; height: 64px; border-radius: 50%; background: var(--ag); border: 2px solid var(--ab); display: flex; align-items: center; justify-content: center; margin: 0 auto 24px; }
.form-success .success-icon svg { width: 28px; height: 22px; }
.form-success h2 { font-family: 'Instrument Serif', serif !important; }
.form-success .ba { display: inline-block; margin-bottom: 12px; }
.form-success .bg_ { display: block; text-align: center; }

/* ── NUCLEAR: Kill Poppins permanently ── */
body, p, p span, div, span, li, td, th, input, select, textarea, button, label {
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
}
h1, h2, h3, h1.ph, .ph, h1.hh, .hh, h2.sh, .sh, .cta-h, .stn, .proc-num, .sn,
h1.ph em, .ph em, h1.hh em, .hh em, h2.sh em, .sh em, .cta-h em,
h3[style*='Instrument'], .tq, .cs-h {
  font-family: 'Instrument Serif', Georgia, serif !important;
}

/* ── About page mobile fixes ── */
@media(max-width:768px) {
  .about-hero .hero-inner { grid-template-columns: 1fr !important; gap: 32px !important; }
  .about-hero { padding: 72px 0 48px !important; }
}

/* ── About FAQ + CTA grid fix ── */
@media(min-width:769px) {
  .about-faq-grid { display:grid !important; grid-template-columns:1.2fr 0.8fr !important; gap:48px !important; align-items:start !important; }
  .about-faq-grid .faq-sticky { position:sticky !important; top:96px !important; }
}
@media(max-width:768px) {
  .about-faq-grid { display:flex !important; flex-direction:column !important; gap:32px !important; }
}

/* ── Number display font ── */
.stat-n, .stn, .proc-num, .sn, .count-el,
[style*='Instrument Serif'][style*='font-size:48px'],
[style*='Instrument Serif'][style*='font-size:68px'],
[style*='Instrument Serif'][style*='font-size:52px'],
[style*='Instrument Serif'][style*='font-size:32px'],
[style*='Instrument Serif'][style*='font-size:24px'],
[style*='Instrument Serif'][style*='font-size:28px'] {
  font-family: 'Space Grotesk', sans-serif !important;
  font-weight: 700 !important;
}



/* ── Work hero layout fix ── */
.work-hero { min-height: auto !important; padding: 128px 0 64px !important; }
.work-hero .hero-inner { max-width: 1280px; margin: 0 auto; padding: 0 72px; }
@media(max-width:1024px) {
  .work-hero .hero-inner { grid-template-columns: 1fr !important; gap: 32px !important; padding: 0 32px !important; }
  .work-hero #work-canvas { height: 240px !important; }
}
@media(max-width:768px) {
  .work-hero .hero-inner { padding: 0 20px !important; }
  .work-hero .rvr { display: none !important; }
}

/* ── Work hero: dashboard is a grid column, not absolute ── */
.work-hero .hero-inner > .rvr {
  position: relative !important;
  inset: auto !important;
  width: auto !important;
  height: auto !important;
  pointer-events: auto !important;
  z-index: 2 !important;
}
.work-hero .hero-inner {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 48px !important;
  align-items: center !important;
}

/* ── Case study page fixes ── */
.cs-hero-grid { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 56px; align-items: center; }
@media(max-width:1024px) { .cs-hero-grid { grid-template-columns: 1fr; gap: 32px; } }
@media(max-width:768px) { .cs-hero-grid .rvr { display: none; } }

/* ── Before/After cards ── */
.ba-row { display:grid;grid-template-columns:1fr 80px 1fr;gap:0;align-items:stretch;border:1px solid var(--bdr);border-radius:14px;overflow:hidden;transition:border-color .3s; }
.ba-row:hover { border-color:var(--ab); }
.ba-before { padding:28px 32px;text-align:center;position:relative;background:rgba(239,68,68,.03); }
.ba-before::after { content:'';position:absolute;top:50%;left:20%;right:20%;height:2px;background:rgba(239,68,68,.15);transform:rotate(-3deg); }
.ba-arrow { background:var(--bg2);display:flex;align-items:center;justify-content:center;border-left:1px solid var(--bdr);border-right:1px solid var(--ab);position:relative; }
.ba-arrow::before { content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(232,144,58,.05)); }
.ba-after { padding:28px 32px;text-align:center;background:var(--ag);position:relative;overflow:hidden; }
.ba-after::before { content:'';position:absolute;top:-20px;right:-20px;width:80px;height:80px;background:radial-gradient(circle,rgba(232,144,58,.08),transparent 70%);pointer-events:none; }
.ba-label { font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-bottom:10px; }
.ba-num { font-family:'Space Grotesk',sans-serif;font-size:38px;font-weight:700;line-height:1;position:relative;z-index:1; }
.ba-sub { font-size:13px;margin-top:8px;position:relative;z-index:1; }
@media(max-width:768px) { .ba-row { grid-template-columns:1fr; } .ba-arrow { padding:8px;border-left:none;border-right:none;border-top:1px solid var(--bdr);border-bottom:1px solid var(--ab); } .ba-arrow svg { transform:rotate(90deg); } }


/* ── AI Pilot calendar responsive ── */
@media(max-width:768px) {
  #pilot-calendar [style*="grid-template-columns:repeat(7"] {
    grid-template-columns: repeat(4,1fr) !important;
  }
}
@media(max-width:480px) {
  #pilot-calendar [style*="grid-template-columns:repeat(7"] {
    grid-template-columns: repeat(3,1fr) !important;
  }
}


/* ── Legal pages (Terms, Privacy) ── */
.legal-wrap {
  max-width: 780px;
  margin: 0 auto;
  padding: 140px 72px 80px;
}
.legal-wrap h1 {
  font-family: 'Instrument Serif', serif;
  font-size: 48px;
  color: var(--t1);
  margin-bottom: 8px;
  line-height: 1.2;
}
.legal-meta {
  font-size: 13px;
  color: var(--t3);
  margin-bottom: 40px;
}
.legal-wrap h2 {
  font-family: 'Instrument Serif', serif;
  font-size: 24px;
  color: var(--t1);
  margin: 40px 0 12px;
  line-height: 1.3;
}
.legal-wrap h3 {
  font-size: 16px;
  font-weight: 600;
  color: var(--t1);
  margin: 24px 0 8px;
}
.legal-wrap p {
  font-size: 15px;
  color: var(--t2);
  line-height: 1.75;
  margin-bottom: 16px;
}
.legal-wrap ul {
  padding-left: 20px;
  margin-bottom: 16px;
}
.legal-wrap li {
  font-size: 15px;
  color: var(--t2);
  line-height: 1.75;
  margin-bottom: 6px;
}
.legal-wrap a {
  color: var(--a);
  text-decoration: none;
}
.legal-wrap a:hover { opacity: .75; }
.highlight-box {
  background: var(--ag);
  border: 1px solid var(--ab);
  border-radius: 12px;
  padding: 20px 24px;
  margin-bottom: 32px;
}
.highlight-box p {
  margin: 0;
  color: var(--at);
}

/* Mini footer for legal pages */
.foot-mini {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 72px;
  border-top: 1px solid var(--bdr);
  margin-top: 48px;
  gap: 16px;
  flex-wrap: wrap;
}
.foot-mini a {
  color: var(--t3);
  text-decoration: none;
  font-size: 13px;
}
.foot-mini a:hover { color: var(--a); }

/* ── Scroll to top button ── */
.scroll-top {
  position: fixed;
  bottom: 96px;
  right: 28px;
  z-index: 9997;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--bg2);
  border: 1px solid var(--bdr);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s, transform .2s, background .2s;
}
.scroll-top.visible {
  opacity: 1;
  pointer-events: auto;
}
.scroll-top:hover {
  background: var(--a);
  border-color: var(--a);
  transform: translateY(-2px);
}
.scroll-top:hover svg { stroke: var(--bg); }
.scroll-top svg {
  stroke: var(--t3);
  transition: stroke .2s;
}

/* ── Cookie consent banner ── */
.cookie-banner {
  max-width: 100vw;
  box-sizing: border-box;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10000;
  background: var(--bg2);
  border-top: 1px solid var(--bdr);
  padding: 16px 0;
  transform: translateY(100%);
  transition: transform .4s;
}
.cookie-banner.visible {
  transform: translateY(0);
}
.cookie-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 72px;
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.cookie-inner p {
  flex: 1;
  min-width: 280px;
  font-size: 13px;
  color: var(--t2);
  line-height: 1.6;
  margin: 0;
}
.cookie-inner a { color: var(--a); text-decoration: none; }
.cookie-btns {
  display: flex;
  gap: 10px;
  flex-shrink: 0;
}
.cookie-accept {
  padding: 8px 20px;
  background: var(--a);
  color: var(--bg);
  border: none;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: opacity .2s;
}
.cookie-accept:hover { opacity: .85; }
.cookie-decline {
  padding: 8px 20px;
  background: transparent;
  color: var(--t3);
  border: 1px solid var(--bdr);
  border-radius: 8px;
  font-size: 13px;
  cursor: pointer;
  transition: border-color .2s;
}
.cookie-decline:hover { border-color: var(--t3); }

@media(max-width:768px) {
  .legal-wrap { padding: 120px 20px 60px; }
  .legal-wrap h1 { font-size: 32px; }
  .foot-mini { padding: 16px 20px; flex-direction: column; text-align: center; }
  .cookie-inner { padding: 0 20px; }
  .scroll-top { bottom: 96px; right: 16px; width: 36px; height: 36px; }
  .cookie-inner { flex-direction: column; align-items: stretch; text-align: center; }
  .cookie-btns { justify-content: center; }
  .wa-float { bottom: 16px !important; right: 16px !important; width: 48px !important; height: 48px !important; }
}

/* ── reCAPTCHA badge — move above WhatsApp button ── */
.grecaptcha-badge {
  visibility: hidden !important;
  opacity: 0 !important;
  overflow: hidden !important;
  height: 0 !important;
  width: 0 !important;
}

/* ══════════════════════════════════════════════════════════
   MOBILE RESPONSIVENESS — Comprehensive Override Block
   Added: 27 March 2026
   Handles all inline grid declarations + missing breakpoints
   Uses !important to override inline style="" attributes
   ══════════════════════════════════════════════════════════ */

/* ── 1024px: Tablet / Small Laptop ── */
@media(max-width:1024px){

  /* Generic grid collapses for inline styles */
  .wrap [style*="grid-template-columns:1fr 1.3fr"],
  .wrap [style*="grid-template-columns:1fr 1.2fr"],
  .wrap [style*="grid-template-columns:1.15fr"],
  .wrap [style*="grid-template-columns:1.2fr"],
  .wrap [style*="grid-template-columns:1fr 1.5fr"],
  .wrap [style*="grid-template-columns:1fr 140px"],
  .wrap [style*="grid-template-columns:1fr 160px"],
  [style*="grid-template-columns:1fr 1.3fr"],
  [style*="grid-template-columns:1.15fr 0.85fr"],
  [style*="grid-template-columns:1.2fr 0.8fr"],
  [style*="grid-template-columns:1fr 1.5fr"],
  [style*="grid-template-columns:1fr auto"],
  [style*="grid-template-columns:auto 1fr"]{
    grid-template-columns:1fr!important;
    gap:32px!important;
  }

  /* 4-col to 2-col */
  [style*="grid-template-columns:repeat(4,1fr)"],
  [style*="grid-template-columns:repeat(4, 1fr)"]{
    grid-template-columns:repeat(2,1fr)!important;
  }

  /* 3-col to 2-col */
  [style*="grid-template-columns:repeat(3,1fr)"],
  [style*="grid-template-columns:repeat(3, 1fr)"],
  [style*="grid-template-columns:1fr 1fr 1fr"]{
    grid-template-columns:repeat(2,1fr)!important;
  }

  /* 2-col content grids */
  .wrap > div > [style*="grid-template-columns:1fr 1fr"],
  section [style*="grid-template-columns:1fr 1fr;"][style*="gap:16px"],
  section [style*="grid-template-columns:1fr 1fr;"][style*="gap:20px"],
  section [style*="grid-template-columns:1fr 1fr;"][style*="gap:48px"],
  section [style*="grid-template-columns:1fr 1fr;"][style*="gap:64px"],
  #portfolio-grid[style*="grid-template-columns:1fr 1fr"]{
    grid-template-columns:1fr!important;
  }

  /* AI Pilot comparison table */
  [style*="grid-template-columns:2fr 1fr 1fr 1fr"]{
    grid-template-columns:2fr 1fr 1fr!important;
    font-size:13px!important;
  }

  /* Missing utility class overrides */
  .cg2{grid-template-columns:1fr!important}
  .cg3{grid-template-columns:1fr 1fr!important}
  .cg4{grid-template-columns:1fr 1fr!important}

  /* Decorative glows — prevent horizontal overflow */
  .hero-glow,
  [style*="width:600px"][style*="position:absolute"],
  [style*="width:500px"][style*="position:absolute"]{
    display:none!important;
  }

  /* Hero grids — Shishir page */
  .wrap[style*="grid-template-columns:1fr 1.2fr"]{
    grid-template-columns:1fr!important;
    gap:40px!important;
  }

  /* Section padding tighten */
  .wrap.sec{padding:48px 32px!important}
  .wrap{padding-left:32px!important;padding-right:32px!important}

  /* Page hero padding */
  .pilot-hero .hero-inner,
  .about-hero .hero-inner{
    grid-template-columns:1fr!important;
  }

  /* Stats bands — keep 2-col */
  [style*="grid-template-columns:repeat(4,1fr)"][style*="gap:0"]{
    grid-template-columns:repeat(2,1fr)!important;
  }

  /* Testimonial grids */
  [style*="grid-template-columns:1fr auto;"][style*="gap:40px"]{
    grid-template-columns:1fr!important;
  }
  [style*="grid-template-columns:1fr 1fr 1fr;"][style*="gap:14px"]{
    grid-template-columns:1fr 1fr!important;
  }
}

/* ── 768px: Phone Landscape / Small Tablet ── */
@media(max-width:768px){

  /* All remaining 2-col → 1-col */
  [style*="grid-template-columns:1fr 1fr"]{
    grid-template-columns:1fr!important;
  }
  [style*="grid-template-columns:repeat(2,1fr)"]{
    grid-template-columns:1fr!important;
  }
  [style*="grid-template-columns:repeat(3,1fr)"],
  [style*="grid-template-columns:repeat(3, 1fr)"],
  [style*="grid-template-columns:1fr 1fr 1fr"]{
    grid-template-columns:1fr!important;
  }

  /* 4-col stats → 2-col */
  [style*="grid-template-columns:repeat(4,1fr)"]{
    grid-template-columns:repeat(2,1fr)!important;
  }

  /* AI Pilot comparison table — further collapse */
  [style*="grid-template-columns:2fr 1fr 1fr 1fr"]{
    grid-template-columns:1fr 1fr!important;
    font-size:12px!important;
    gap:4px!important;
  }

  /* Calendar — already handled but reinforce */
  [style*="grid-template-columns:repeat(7,1fr)"]{
    grid-template-columns:repeat(3,1fr)!important;
  }

  /* Utility classes */
  .cg2,.cg3,.cg4{grid-template-columns:1fr!important}

  /* Touch targets — minimum 44px */
  #ham{min-width:44px;min-height:44px}
  .ann{min-height:44px;display:flex;align-items:center}
  .ba,.bg_{min-height:44px;padding:12px 22px}
  .cookie-accept,.cookie-decline{min-height:44px}
  .faq-btn{min-height:44px}
  .tog{width:44px!important;height:44px!important}
  .faq-icon{width:44px!important;height:44px!important}
  .fsoc{width:44px!important;height:44px!important}

  /* Footer — stack columns */
  .foot{padding:40px 20px 32px!important}
  .foot-inner{gap:32px!important}
  .fch{display:block!important}
  .fch + .fch{margin-top:24px!important}
  .foot-inner>div:nth-child(3),.foot-inner>div:nth-child(4){display:block!important}

  /* Section padding */
  .wrap.sec{padding:36px 20px!important}
  .wrap{padding-left:20px!important;padding-right:20px!important}

  /* Nav */
  .nav{padding:0 16px 0 16px!important;height:56px!important}
  .nav-logo img,.nav-logo svg{height:36px!important;max-width:155px!important}

  /* Hero offsets for shorter nav */
  .hero-wrap,.about-hero,.services-hero,.industries-hero,.work-hero,.contact-hero,.pilot-hero,.insights-hero{
    padding-top:96px!important;
  }

  /* Page headings tighten */
  h1.ph,.ph{font-size:36px!important;line-height:1.15!important}
  h2.sh,.sh{font-size:28px!important}
  .cta-h{font-size:30px!important}

  /* CTA buttons — full width on mobile */
  .ba,.bg_{display:block!important;width:100%!important;text-align:center!important;box-sizing:border-box!important}

  /* Inline gap reductions */
  [style*="gap:64px"]{gap:32px!important}
  [style*="gap:56px"]{gap:28px!important}
  [style*="gap:48px"]{gap:24px!important}
  [style*="gap:72px"]{gap:32px!important}

  /* Industry stat chips */
  [style*="grid-template-columns:repeat(3,1fr)"][style*="gap:12px"]{
    grid-template-columns:1fr 1fr!important;
  }

  /* Ownership/handover cards */
  [style*="grid-template-columns:1fr 1fr"][style*="gap:12px"]{
    grid-template-columns:1fr!important;
  }

  /* More Projects grid */
  [style*="grid-template-columns:repeat(3,1fr)"][style*="gap:16px"]{
    grid-template-columns:1fr!important;
  }

  /* Shishir stats grid */
  [style*="grid-template-columns:repeat(4,1fr)"][style*="gap:12px"]{
    grid-template-columns:repeat(2,1fr)!important;
  }

  /* Contact 4-col cards */
  [style*="grid-template-columns:repeat(4,1fr)"][style*="gap:24px"]{
    grid-template-columns:repeat(2,1fr)!important;
  }

  /* Work card internal stats */
  [style*="grid-template-columns:1fr 1fr 1fr"][style*="gap:8px"]{
    grid-template-columns:1fr 1fr!important;
  }

  /* Mobile menu fullscreen */
  #mmenu{top:56px!important}

  /* Horizontal scroll prevention */
}

/* ── 480px: Small Phone ── */
@media(max-width:480px){

  /* 4-col stats → 1-col */
  [style*="grid-template-columns:repeat(4,1fr)"]{
    grid-template-columns:1fr!important;
  }

  /* Contact cards → 1-col */
  [style*="grid-template-columns:repeat(4,1fr)"][style*="gap:24px"]{
    grid-template-columns:1fr!important;
  }

  /* 2-col stats → 1-col */
  [style*="grid-template-columns:repeat(2,1fr)"]{
    grid-template-columns:1fr!important;
  }

  /* Shishir stats */
  [style*="grid-template-columns:repeat(4,1fr)"][style*="gap:12px"]{
    grid-template-columns:1fr!important;
  }

  /* AI Pilot comparison — full stack */
  [style*="grid-template-columns:2fr 1fr 1fr 1fr"]{
    grid-template-columns:1fr!important;
  }

  /* Calendar → 2-col */
  [style*="grid-template-columns:repeat(7,1fr)"]{
    grid-template-columns:repeat(2,1fr)!important;
  }

  /* Industry chips → 1-col */
  [style*="grid-template-columns:repeat(3,1fr)"][style*="gap:12px"]{
    grid-template-columns:1fr!important;
  }

  /* Headings */
  h1.ph,.ph{font-size:30px!important}
  h2.sh,.sh{font-size:24px!important}
  .cta-h{font-size:26px!important}

  /* Section padding */
  .wrap.sec{padding:28px 16px!important}
  .wrap{padding-left:16px!important;padding-right:16px!important}

  /* Nav — tighter */
  .nav{padding:0 12px!important}

  /* Hero padding */
  .hero-wrap,.about-hero,.services-hero,.industries-hero,.work-hero,.contact-hero,.pilot-hero,.insights-hero{
    padding-top:80px!important;
  }

  /* Font sizes */
  body,p{font-size:15px!important;line-height:1.65!important}

  /* Footer */
  .foot{padding:32px 16px 24px!important}
}

/* ── 375px: iPhone SE / Small Phone ── */
@media(max-width:375px){
  h1.ph,.ph{font-size:26px!important}
  h2.sh,.sh{font-size:22px!important}
  .cta-h{font-size:24px!important}
  .nav{padding:0 10px!important}
  .nav-cta{font-size:11px!important;padding:7px 14px!important}
}

/* Hide cursor glow on mobile */
@media(max-width:1024px){#cg{display:none!important}}

/* Respect reduced motion preference */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* ── Global inline padding overflow fix (all pages) ── */
@media(max-width:1024px){
  [style*="padding:0 72px"],[style*="padding:28px 72px"],[style*="padding:32px 72px"],[style*="padding:48px 72px"],[style*="padding:56px 72px"]{
    padding-left:32px!important;padding-right:32px!important;
  }
  section[style*="72px"],div[style*="padding"][style*="72px"]{
    padding-left:32px!important;padding-right:32px!important;
  }
}
@media(max-width:768px){
  [style*="padding:0 72px"],[style*="padding:28px 72px"],[style*="padding:32px 72px"],[style*="padding:48px 72px"],[style*="padding:56px 72px"]{
    padding-left:20px!important;padding-right:20px!important;
  }
  section[style*="72px"],div[style*="padding"][style*="72px"]{
    padding-left:20px!important;padding-right:20px!important;
  }
}

/* ══ MOBILE FIX ROUND 2 — Page-specific issues (27 Mar 2026) ══ */

/* ── AI Pilot: Calendar 7-col grids ── */
@media(max-width:768px){
  [style*="repeat(7,1fr)"]{grid-template-columns:repeat(3,1fr)!important;gap:2px!important}
  [style*="repeat(7, 1fr)"]{grid-template-columns:repeat(3,1fr)!important;gap:2px!important}
}
@media(max-width:480px){
  [style*="repeat(7,1fr)"]{grid-template-columns:repeat(2,1fr)!important}
  [style*="repeat(7, 1fr)"]{grid-template-columns:repeat(2,1fr)!important}
}

/* ── AI Pilot: Pricing card min-width ── */
@media(max-width:480px){
  [style*="min-width:300px"]{min-width:0!important;padding:28px 20px!important}
}

/* ── Services: Orbital nodes overflow ── */
@media(max-width:768px){
  .svc-orbit-node{font-size:9px!important;white-space:normal!important;max-width:60px!important;text-align:center!important}
  .svc-orbit-lines{display:none!important}
  .svc-orbit-ring{display:none!important}
  .svc-orbit-core{width:80px!important;height:80px!important}
  .svc-orbit-core::before,.svc-orbit-core::after{display:none!important}
}

/* ── Services: Phone mockups overflow ── */
@media(max-width:480px){
  .svc-phones{gap:6px!important}
  .svc-phones > div{width:90px!important;min-width:0!important}
}

/* ── Services: Inline 2-col visual grids ── */
@media(max-width:768px){
  .svc-vis-body[style*="grid-template-columns"]{grid-template-columns:1fr!important}
}

/* ── Services: Tab bar padding ── */
@media(max-width:1024px){
  .svc-tabs-inner{padding:0 32px!important}
}

/* ── Industries: Inline 3-col stat grids ── */
@media(max-width:480px){
  [style*="repeat(3,1fr)"][style*="gap:12px"]{grid-template-columns:1fr 1fr!important}
}
@media(max-width:360px){
  [style*="repeat(3,1fr)"][style*="gap:12px"]{grid-template-columns:1fr!important}
}

/* ── Work: Portfolio grid + hero grid ── */
@media(max-width:768px){
  #portfolio-grid[style*="grid-template-columns"]{grid-template-columns:1fr!important}
  .work-hero .hero-inner[style*="grid-template-columns"]{grid-template-columns:1fr!important}
}

/* ── Work: Internal stats grids ── */
@media(max-width:480px){
  [style*="grid-template-columns:1fr 1fr 1fr"][style*="gap:8px"]{grid-template-columns:1fr 1fr!important}
}

/* ── About: 2-col and 3-col grids ── */
@media(max-width:768px){
  [style*="repeat(2,1fr)"][style*="gap:16px"][style*="max-width:900px"]{grid-template-columns:1fr!important}
  [style*="repeat(3,1fr)"][style*="gap:14px"]{grid-template-columns:1fr!important}
}

/* ── Contact: 4-col cards ── */
@media(max-width:768px){
  [style*="repeat(4,1fr)"][style*="gap:24px"]{grid-template-columns:1fr 1fr!important}
}
@media(max-width:480px){
  [style*="repeat(4,1fr)"][style*="gap:24px"]{grid-template-columns:1fr!important}
}

/* ── Shishir: Stats and approach grids ── */
@media(max-width:768px){
  [style*="repeat(4,1fr)"][style*="gap:12px"]{grid-template-columns:repeat(2,1fr)!important}
  [style*="repeat(3,1fr)"][style*="gap:14px"]{grid-template-columns:1fr!important}
}
@media(max-width:480px){
  [style*="repeat(4,1fr)"][style*="gap:12px"]{grid-template-columns:1fr!important}
}

/* ── Global: FAQ 2-col override (catches ALL pages) ── */
@media(max-width:768px){
  [style*="1fr 1.3fr"]{grid-template-columns:1fr!important;gap:28px!important}
  [style*="1.3fr 1fr"]{grid-template-columns:1fr!important;gap:28px!important}
}

/* ── Global: Large gap reduction at mobile ── */
@media(max-width:768px){
  [style*="gap:72px"]{gap:28px!important}
  [style*="gap:64px"]{gap:24px!important}
  [style*="gap:56px"]{gap:24px!important}
  [style*="gap:48px"]{gap:20px!important}
}

/* ── Global: Decorative glows — clip or hide ── */
@media(max-width:768px){
  [style*="width:600px"][style*="position:absolute"],
  [style*="width:500px"][style*="position:absolute"]{
    width:300px!important;height:200px!important;
  }
  .hero-glow{display:none!important}
}

/* ── Global: onmouseenter cards — add touch-friendly hover via CSS ── */
@media(hover:none){
  [onmouseenter]{transform:none!important;box-shadow:none!important}
}

/* ── Global: Trust bar dots — hide on mobile ── */
@media(max-width:480px){
  .hero-trust .sep,.htrust-sep{display:none!important}
  .hero-trust{gap:12px!important}
}

/* ── NAV: Desktop-only flex + mobile hide (cascade-final) ── */
@media(min-width:1025px){
  .nav-links,.nav-links ul{display:flex!important}
}
@media(max-width:1024px){
  .nav-links{display:none!important}
  .nav{padding:0 16px!important}
  #ham{display:flex!important}
}

/* ── Tap targets: remaining small elements ── */
@media(max-width:768px){
  .ann{min-height:44px;padding-top:12px!important;padding-bottom:12px!important}
  .ann span{line-height:44px}
  a[style*="Read case study"]{padding:12px 0!important;display:inline-block!important}
  .faq-btn,.faq-toggle{min-height:44px!important;padding:10px 0!important}
  .foot a,.foot-col a,.fl{padding:6px 0!important;display:inline-block!important;min-height:32px!important}
  .foot-contact a{padding:8px 0!important;min-height:44px!important;display:inline-flex!important;align-items:center!important}
  .stb{width:44px!important;height:44px!important}
}

/* ── Featured testimonial: stretch to fill ── */
@media(max-width:768px){
  [style*="1fr auto"][style*="gap:40px"]{grid-template-columns:1fr!important}
}

/* ══ FOOTER: 2x2 Grid on Mobile ══ */
@media(max-width:768px){
  .foot{padding:36px 20px 28px!important}
  .foot-inner{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:28px 20px!important;
  }
  /* Brand: full width row 1 */
  .foot-inner > div:first-child{
    grid-column:1 / -1!important;
    display:flex!important;flex-wrap:wrap!important;gap:16px!important;
    align-items:flex-start!important;
  }
  /* Shrink logo on mobile */
  .foot-inner > div:first-child svg[viewBox='0 0 1024 933']{
    height:64px!important;width:auto!important;
  }
  /* Description + badge + socials inline */
  .foot-inner > div:first-child .fdesc{
    font-size:12px!important;line-height:1.5!important;margin:0!important;flex:1 1 200px!important;
  }
  .foot-inner > div:first-child .fbadge{font-size:11px!important;margin:0!important}
  .foot-inner > div:first-child .fsocs{margin:0!important}
  /* Contact links horizontal */
  .foot-inner > div:first-child > div:last-child{
    flex-direction:row!important;flex-wrap:wrap!important;gap:12px!important;width:100%!important;
  }
  /* Company (col 1) + Services (col 2) side by side */
  .foot-inner > div:nth-child(2),
  .foot-inner > div:nth-child(3){
    grid-column:auto!important;
  }
  .foot-inner > div:nth-child(2) .fl,
  .foot-inner > div:nth-child(3) .fl{
    font-size:13px!important;padding:4px 0!important;display:block!important;
  }
  .foot-inner .fch{font-size:11px!important;margin-bottom:10px!important}
  /* Get Started: full width row 3 */
  .foot-inner > div:nth-child(4){
    grid-column:1 / -1!important;
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important;align-items:start!important;
  }
  /* Links on left, CTA card on right */
  .foot-inner > div:nth-child(4) .fch{grid-column:1/-1!important;margin-bottom:4px!important}
  .foot-inner > div:nth-child(4) > div[style*='border']{
    grid-column:auto!important;margin-top:0!important;
  }
  /* Footer bottom bar */
  .fbot{text-align:center!important;padding-top:20px!important;margin-top:8px!important}
  .fbot .fcp{font-size:11px!important}
}

/* ── Tighten further on small phones ── */
@media(max-width:400px){
  .foot-inner > div:nth-child(4){grid-template-columns:1fr!important}
}

/* ══ MOBILE FIX ROUND 3 — From mobile test report (27 Mar 2026) ══ */

/* ── Fix #4: Work cards — hidden collapsed header still takes 169px ── */
@media(max-width:1024px){
  .work-h-card.work-h-open .work-h-collapsed{display:none!important;height:0!important;overflow:hidden!important}
}

/* ── Fix #5: CTA heading squashed to 155px in flex container ── */

/* ── Fix #1: Hero visual hidden — clean up empty space ── */
@media(max-width:1024px){
  
  .hero-inner{gap:0!important}
}

/* ── Fix #2: Service canvases — hide empty canvas wrappers on mobile ── */
@media(max-width:1024px){
  .svc-canvas-wrap,
  .ch-panel canvas{display:none!important;height:0!important}
}

/* ── Fix #3: Timeline SVG — hide desktop SVG, show as vertical stepper ── */
@media(max-width:768px){
  #tsvg,.tl-svg{display:none!important}
  .tl-weeks{grid-template-columns:1fr!important;gap:0!important}
  .tl-week{padding:20px!important;border-left:3px solid var(--a)!important;margin-left:16px!important;position:relative!important}
  .tl-week::before{content:''!important;position:absolute!important;left:-8px!important;top:24px!important;width:12px!important;height:12px!important;border-radius:50%!important;background:var(--a)!important;border:2px solid var(--bg)!important}
  .tl-outcomes{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .tl-link{line-height:normal!important;padding:10px 0!important}
}

/* ── Footer: Shrink logo on mobile ── */
@media(max-width:768px){
  .foot-inner > div:first-child svg[viewBox='0 0 1024 933']{
    height:48px!important;width:auto!important;
  }
  .fbot br{display:none!important}
  .fbot{font-size:11px!important;line-height:1.6!important}
}

/* ── W6: Float buttons above cookie banner ── */
body.cookie-visible .wa-float{bottom:190px!important;transition:bottom .3s!important}
body.cookie-visible .scroll-top{bottom:270px!important;transition:bottom .3s!important}

/* ── EZ-TOC — KORIX dark theme override ── */
#ez-toc-container{background:var(--bg2,#141412);border:1px solid rgba(247,242,232,.06);border-radius:14px;padding:24px 28px;margin-bottom:32px}
#ez-toc-container .ez-toc-title{color:var(--t1,#F7F2E8);font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}
#ez-toc-container ul li a{color:var(--t2,rgba(247,242,232,.62));text-decoration:none;transition:color .2s}
#ez-toc-container ul li a:hover{color:var(--a,#E8903A)}
#ez-toc-container ul li a::before{color:var(--t3,rgba(247,242,232,.38))}
#ez-toc-container .ez-toc-toggle a{color:var(--t3,rgba(247,242,232,.38))}
#ez-toc-container .ez-toc-toggle a:hover{color:var(--a,#E8903A)}
#ez-toc-container .ez-toc-toggle svg{fill:var(--t3,rgba(247,242,232,.38))}
#ez-toc-container p.ez-toc-title{margin-bottom:14px}
#ez-toc-container nav ul{padding-left:0}
#ez-toc-container nav ul li{padding:4px 0;border:none}
#ez-toc-container nav ul ul{padding-left:16px}