/* ── 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,.62); --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,.62); --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 ── */
/* CLS FIX 25 Aug 2026: this decorative cursor-glow was responsible for 0.125 of a 0.134 desktop CLS.
   main.js set style.left/style.top on EVERY mousemove, and left/top force layout. It is now positioned
   purely by transform, which the compositor handles without reflow. left/top pinned to 0 so the JS
   translate3d() is measured from the origin, and the initial centring is done in CSS so the glow is in
   the right place before JS runs. Hidden below 1024px, which is why the CLS was desktop-only. */
#cg{position:fixed;left:0;top:0;width:500px;height:500px;border-radius:50%;pointer-events:none;z-index:0;transform:translate3d(50vw,50vh,0) translate(-50%,-50%);will-change:transform;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(--t2);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(--t2);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(--t2);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(--t2);
  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(--t2);
  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(--t2);
  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(--t2);
  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(--t2);
  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(--t2);
  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(--t2);
  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(--t2);
  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(--t2);
  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(--t2);
  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(--t2) !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}

/* ── RESTORE EXPLICITLY-REQUESTED BRAND FACES (30 Aug 2026) ──────────────────────
   The "NUCLEAR: Kill Poppins permanently" rule above sets font-family with !important
   on body,p,div,span,li,td,th,input,select,textarea,button,label. !important beats
   INLINE styles, so every element that inline-requested a brand face was silently
   rendering DM Sans instead: 75 elements across 5 pages, including the homepage and
   /ai-pilot big numbers. Space Grotesk — the brand's number face — had not rendered
   anywhere on the site since that rule landed.

   These three rules re-assert a face ONLY where the author explicitly asked for it in
   an inline style, so nothing that did not already request it is affected. Keep them
   AFTER the nuclear block; order matters at equal specificity.
   Do not "simplify" the nuclear rule instead — it exists to keep Poppins out. */
[style*="Space Grotesk"]{font-family:'Space Grotesk',sans-serif!important}
[style*="JetBrains Mono"]{font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,monospace!important}
[style*="Instrument Serif"]{font-family:'Instrument Serif',Georgia,serif!important}