/*
Theme Name: ImtaDia V35 Final
Theme URI: https://imtadia.com/
Author: ImtaDia
Author URI: https://imtadia.com/
Description: Premium ecommerce growth, technology and commerce systems agency theme for ImtaDia.
Version: 35.0.0
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: imtadia-v31
*/

/* ============================================================
   IMTADIA V32 — Premium Commerce Systems Theme
   ============================================================ */
:root{
  --ink:#0a0b10;--ink-2:#12151c;--ink-3:#1a1f29;--paper:#f8f8fb;--white:#fff;
  --line:#e5e6ec;--line-dark:#262b35;--muted:#737985;--muted-dark:#9ba2ae;
  --violet:#7657ff;--violet-2:#9d87ff;--cyan:#62d8ff;--success:#75e3a3;--danger:#ff8d9d;
  --ease:cubic-bezier(.2,.72,.2,1);--shadow:0 24px 70px rgba(15,16,24,.11);--wrap:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px;line-height:1.7;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.035;background-image:radial-gradient(#000 1px,transparent 1px);background-size:5px 5px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.wrap{width:min(var(--wrap),calc(100% - 44px));margin:0 auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;background:#fff;padding:10px 14px;z-index:9999}.progress{position:fixed;left:0;top:0;width:0;height:2px;background:linear-gradient(90deg,var(--violet),var(--cyan));z-index:1002}
.header{position:fixed;inset:0 0 auto;height:82px;z-index:1000;display:flex;align-items:center;background:rgba(248,248,251,.72);border-bottom:1px solid rgba(215,216,224,.4);backdrop-filter:blur(18px);transition:.35s var(--ease)}.header.scrolled{height:68px;background:rgba(248,248,251,.92)}.header-in{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center}.logo img{display:block;width:140px;height:auto;max-height:38px;object-fit:contain}.nav{display:flex;align-items:center;gap:8px}.nav a{padding:9px 11px;font-size:12px;color:#555b67;border-radius:999px;transition:.25s ease}.nav a:hover,.nav a.is-active{background:#ecebf6;color:var(--ink)}.nav .cta{margin-left:8px;background:var(--ink);color:#fff;padding:11px 15px}.nav .cta:hover{background:#242831;color:#fff}.menu{display:none;border:0;background:transparent;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu span{width:20px;height:1.5px;background:var(--ink);display:block}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 17px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:-.01em;border:1px solid transparent;transition:.3s var(--ease);white-space:nowrap}.btn svg{width:15px;height:15px}.btn.dark{background:var(--ink);color:#fff;box-shadow:0 12px 26px rgba(10,11,16,.12)}.btn.dark:hover{transform:translateY(-2px);box-shadow:0 17px 35px rgba(10,11,16,.18)}.btn.light{background:#fff;border-color:#e1e2ea}.btn.light:hover{transform:translateY(-2px);border-color:#cacbd4}.btn.ghost{background:rgba(255,255,255,.06);border-color:#3a414d;color:#fff}.btn.ghost:hover{background:#fff;color:var(--ink)}
.hero{position:relative;min-height:850px;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 78% 30%,rgba(118,87,255,.12),transparent 28%),radial-gradient(circle at 88% 70%,rgba(98,216,255,.08),transparent 20%),linear-gradient(180deg,#fbfbfd,#f6f6fa)}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.35) 48%,transparent 74%),linear-gradient(180deg,transparent 84%,rgba(118,87,255,.06))}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.06fr;gap:60px;align-items:center;padding-top:72px}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#5e6370}.eyebrow i,.status-dot,.form-top b i{width:7px;height:7px;background:var(--violet);border-radius:50%;display:inline-block;box-shadow:0 0 0 5px rgba(118,87,255,.09)}.hero h1{font-family:Manrope,Inter,sans-serif;font-size:clamp(48px,6vw,82px);line-height:1.02;letter-spacing:-.055em;margin:22px 0 20px;max-width:690px}.grad{background:linear-gradient(95deg,#7255ff 12%,#9f84ff 55%,#51cfff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{font-size:17px;line-height:1.65;color:#656a76;max-width:600px;margin:0}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0 24px}.hero-micro{display:flex;align-items:center;gap:10px;color:#7c818d;font-size:10px;text-transform:uppercase;letter-spacing:.09em}.hero-micro i{width:4px;height:4px;border-radius:50%;background:#b4b7c0}.hero-proof{display:flex;gap:30px;margin-top:38px}.hero-proof div{display:flex;flex-direction:column}.hero-proof strong{font:800 26px/1 Manrope,Inter,sans-serif;letter-spacing:-.04em}.hero-proof span{font-size:10px;color:#777c87;margin-top:5px}
.hero-art{height:600px;position:relative;perspective:1000px;transform-style:preserve-3d;will-change:transform}.hero-grid-bg{position:absolute;inset:35px 15px 25px;border-radius:36px;background-image:linear-gradient(rgba(118,87,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(118,87,255,.06) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle at center,#000 40%,transparent 79%);opacity:.7}.hero-orbit{position:absolute;border:1px solid rgba(118,87,255,.12);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);animation:spin 32s linear infinite}.orbit-a{width:520px;height:520px}.orbit-b{width:390px;height:390px;animation-direction:reverse;animation-duration:24s;border-color:rgba(98,216,255,.13)}.hero-core{position:absolute;left:50%;top:50%;width:min(500px,88%);transform:translate(-50%,-50%) translateZ(50px);background:rgba(11,13,19,.94);border:1px solid #303541;border-radius:26px;padding:21px;box-shadow:0 35px 90px rgba(10,11,17,.28),inset 0 1px 0 rgba(255,255,255,.06);color:#fff}.core-top,.chart-label,.dash-nav,.form-top,.case-meta,.compare-head,.compare-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.core-top span,.core-top b{color:#8f97a5;font-weight:600}.core-top b{color:#b9bec8}.core-top i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--success);margin-right:5px}.core-title{font:500 32px/1.02 Manrope,Inter,sans-serif;letter-spacing:-.035em;margin:28px 0}.core-title strong{color:#d9d6ff}.core-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.core-metrics div{border:1px solid #2b303a;border-radius:12px;background:#151920;padding:12px 10px;display:flex;flex-direction:column;min-height:74px}.core-metrics small{color:#808795;font-size:9px}.core-metrics strong{font:800 18px/1 Manrope;margin-top:9px}.core-metrics em{font-style:normal;color:#8d95a3;font-size:8px;margin-top:3px}.core-chart{margin-top:11px;padding:10px;border:1px solid #2b303a;border-radius:14px;background:linear-gradient(180deg,#171b22,#11141a)}.chart-label span{color:#858c99}.chart-label b{color:#b3bac6;font-weight:500}.core-chart svg{width:100%;height:auto;margin-top:4px}.chart-gridline{fill:none;stroke:#272d37;stroke-width:1}.chart-area{fill:url(#heroFill)}.chart-line{fill:none;stroke:var(--violet-2);stroke-width:3.3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawChart 1.8s .3s var(--ease) forwards}.chart-dot{fill:var(--cyan);stroke:#16191f;stroke-width:3;animation:pulseDot 2.5s 1.8s ease-in-out infinite}.floating-kpi{position:absolute;background:#fff;border:1px solid #e2e3ea;border-radius:15px;box-shadow:0 20px 48px rgba(15,16,24,.13);z-index:3}.kpi-a{left:-8px;bottom:68px;padding:14px 16px;min-width:210px;animation:floatY 5s ease-in-out infinite}.kpi-a small{font:800 8px/1 "IBM Plex Mono",monospace;color:#9096a1;letter-spacing:.1em}.kpi-a strong{display:block;font:800 16px/1.2 Manrope;margin:8px 0 3px}.kpi-a span{font-size:9px;color:#757b87}.kpi-b{right:-8px;top:72px;padding:11px 13px;display:flex;align-items:center;gap:7px;font-size:10px;animation:floatY 6s .7s ease-in-out infinite}.kpi-b strong{font-size:10px}.node-top,.node-right,.node-bottom,.node-left{position:absolute;background:rgba(255,255,255,.92);border:1px solid #e1e2e8;border-radius:12px;padding:9px 11px;box-shadow:0 16px 35px rgba(10,11,16,.08);display:flex;flex-direction:column;z-index:2}.hero-node span{font:800 8px/1 "IBM Plex Mono",monospace;letter-spacing:.1em;color:#8b919d}.hero-node b{font:700 9px/1.2 Inter;color:#505662;margin-top:5px}.node-top{top:34px;left:49%}.node-right{right:8px;top:44%}.node-bottom{bottom:46px;left:48%}.node-left{left:2px;top:44%}
.platforms-strip{background:#11141a;color:#929aa8;border-top:1px solid #191d25;border-bottom:1px solid #191d25}.platform-row{min-height:86px;display:flex;align-items:center;gap:30px}.platform-lead{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#656d7a;white-space:nowrap}.platform-track{display:flex;align-items:center;gap:34px;white-space:nowrap;overflow:hidden}.platform-track span{font:800 10px/1 Inter, sans-serif;letter-spacing:.08em;color:#c2c7cf;opacity:.72}
.section{position:relative;padding:125px 0;overflow:hidden}.section-light{background:#fff}.dark-section{background:var(--ink);color:#fff}.section-heading{max-width:760px;margin-bottom:62px}.section-heading .kicker{display:inline-block;color:#7664d2;margin-bottom:18px}.section-heading h2{font:800 clamp(38px,5vw,62px)/1.04 Manrope,Inter,sans-serif;letter-spacing:-.05em;margin:0}.section-heading h2 em{font-style:normal;color:#8c83c8}.section-heading p{font-size:15px;color:#717682;max-width:640px;margin:18px 0 0}.light-copy .kicker{color:#a69dff}.light-copy h2 em{color:#aaa2ff}.light-copy p{color:#949ba7}
.audience-layout{display:grid;grid-template-columns:390px 1fr;gap:25px}.audience-tabs{border-top:1px solid var(--line)}.audience-tab{width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:18px 0;display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;column-gap:12px;transition:.3s ease}.audience-tab span{grid-row:1/3;font:500 10px "IBM Plex Mono",monospace;color:#9ca0aa;padding-top:3px}.audience-tab strong{font:700 15px/1.3 Manrope;color:#252933}.audience-tab small{font-size:11px;color:#7a7f8a;margin-top:4px}.audience-tab:hover strong,.audience-tab.is-active strong{color:var(--violet)}.audience-tab.is-active{transform:translateX(10px)}.audience-panel{min-height:380px;background:linear-gradient(145deg,#f7f6ff,#fff 60%);border:1px solid #dfdff0;border-radius:26px;padding:24px;position:relative;overflow:hidden;box-shadow:0 25px 70px rgba(54,45,120,.08)}.audience-panel:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-190px;top:-190px;background:radial-gradient(circle,rgba(118,87,255,.2),transparent 68%)}.audience-panel-head{display:flex;justify-content:space-between;font:800 9px "IBM Plex Mono",monospace;letter-spacing:.1em;color:#757a87}.audience-panel-head b{font-weight:600;color:#989eaa}.audience-main{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.2fr;gap:30px;align-items:end;margin-top:70px}.audience-word{font:800 68px/.9 Manrope;letter-spacing:-.06em;color:#1d2027}.audience-copy{font-size:15px;line-height:1.7;color:#686e7a}.audience-map{display:flex;align-items:center;gap:9px;margin-top:70px;font:700 10px "IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.08em}.audience-map span{padding:8px 10px;border:1px solid #dfe0eb;border-radius:999px;background:#fff}.audience-map i{width:25px;border-top:1px dashed #c3c5d0}.audience-foot{position:absolute;bottom:24px;left:24px;right:24px;border-top:1px solid #dfdfe8;padding-top:13px;display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#9095a0}.audience-foot strong{color:#444955;font-weight:700}
.problem-section:before,.dashboard-section:before,.process-section:before,.tech-section:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent)}.problem-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}.problem-copy{border-top:1px solid #292f38}.problem-stat{display:flex;gap:14px;padding:22px 0;border-bottom:1px solid #242a33}.problem-stat span{font:700 10px "IBM Plex Mono",monospace;color:#838b98}.problem-stat strong{font:600 19px/1.4 Manrope;letter-spacing:-.02em;max-width:380px}.problem-list>div{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:17px 0;border-bottom:1px solid #252a33}.problem-icon{width:34px;height:34px;border:1px solid #2e3540;border-radius:10px;display:grid;place-items:center;color:#aaa0ff}.problem-icon svg{width:16px;height:16px}.problem-list p{margin:0}.problem-list strong{display:block;font-size:13px}.problem-list span{display:block;font-size:11px;color:#8e96a4;margin-top:4px}.system-compare{background:#11151c;border:1px solid #292f39;border-radius:24px;padding:18px;box-shadow:0 28px 70px rgba(0,0,0,.22)}.compare-head,.compare-foot{color:#707885;padding:2px 1px 12px}.compare-head b{color:#b5bac5}.fragmented-map{height:145px;position:relative;border:1px solid #252b34;border-radius:18px;background:#0c1015;overflow:hidden}.frag-node,.connect-node{position:absolute;padding:8px 10px;border-radius:999px;border:1px solid #343b47;background:#171c24;color:#adb4bf;font-size:10px}.f1{left:11%;top:23%}.f2{right:12%;top:18%}.f3{left:28%;bottom:19%}.f4{right:28%;bottom:18%}.f5{left:49%;top:42%}.broken-line{position:absolute;border-top:1px dashed #424954;width:28%;opacity:.8}.bl1{left:23%;top:36%;transform:rotate(18deg)}.bl2{left:39%;top:53%;transform:rotate(-32deg)}.bl3{right:22%;top:33%;transform:rotate(-15deg)}.bl4{right:34%;bottom:31%;transform:rotate(28deg)}.compare-divider{display:flex;align-items:center;gap:10px;padding:19px 0 13px}.compare-divider span{height:1px;background:#252a34;flex:1}.compare-divider b{font:800 8px "IBM Plex Mono",monospace;color:#8b929e;letter-spacing:.1em}.connected-map{height:185px;position:relative;border:1px solid #2b313b;border-radius:18px;background:radial-gradient(circle at center,rgba(118,87,255,.09),transparent 50%),#0d1117;overflow:hidden}.connect-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:95px;height:95px;border:1px solid #6e5de0;border-radius:50%;display:grid;place-items:center;text-align:center;background:#161421;box-shadow:0 0 0 10px rgba(118,87,255,.05),0 0 35px rgba(118,87,255,.15);font:700 8px/1.3 "IBM Plex Mono",monospace;color:#9f97cf;z-index:2}.connect-core strong{font-size:11px;color:#fff}.connect-node{color:#d1d6df;border-color:#303744;background:#151a22}.c1{left:8%;top:20%}.c2{right:7%;top:20%}.c3{left:12%;bottom:17%}.c4{right:9%;bottom:18%}.data-line{position:absolute;width:38%;height:1px;background:linear-gradient(90deg,transparent,#7e6df0,transparent);transform-origin:center;animation:signal 2.3s linear infinite}.dl1{left:10%;top:31%;transform:rotate(12deg)}.dl2{right:11%;top:31%;transform:rotate(-12deg)}.dl3{left:12%;bottom:29%;transform:rotate(-11deg)}.dl4{right:11%;bottom:30%;transform:rotate(11deg)}
.flywheel-section{background:#fbfbfd}.flywheel-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center}.flywheel-visual{height:540px;position:relative;display:grid;place-items:center}.flywheel-lines{position:absolute;width:500px;height:500px}.flywheel-lines circle{fill:none;stroke:#ddddea;stroke-width:1;stroke-dasharray:4 6}.flywheel-lines circle+circle{stroke:#ebeaf2}.fly-node{position:absolute;background:#fff;border:1px solid #dedfe8;border-radius:999px;padding:9px 12px;font:800 9px "IBM Plex Mono",monospace;letter-spacing:.08em;box-shadow:0 10px 25px rgba(20,21,30,.06)}.fn1{top:47px;left:50%;transform:translateX(-50%)}.fn2{right:54px;top:27%}.fn3{right:54px;bottom:19%}.fn4{left:54px;bottom:19%}.fn5{left:54px;top:27%}.fly-core{width:174px;height:174px;border-radius:50%;background:radial-gradient(circle,#201a40,#12131a 72%);border:1px solid #5f51be;box-shadow:0 0 0 18px rgba(118,87,255,.06),0 30px 70px rgba(64,51,144,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;position:relative;z-index:1}.fly-core span{font:700 8px "IBM Plex Mono",monospace;letter-spacing:.1em;color:#9e96cf}.fly-core strong{font:800 23px/1 Manrope;letter-spacing:-.04em;margin:10px 0 6px}.fly-core small{font-size:8px;color:#8e94a1}.flywheel-copy{border-top:1px solid var(--line)}.fly-item{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:17px 0;border-bottom:1px solid var(--line)}.fly-item>span{font:700 10px "IBM Plex Mono",monospace;color:#a0a4ae}.fly-item h3{margin:0;font:700 17px/1.2 Manrope}.fly-item p{margin:4px 0 0;color:#747985;font-size:11px}
.service-section{background:#f4f4f8}.service-system{position:relative}.service-orchestrator{height:190px;position:relative;margin-bottom:10px;display:grid;place-items:center}.system-label{position:absolute;top:0;left:50%;transform:translateX(-50%);font:800 9px "IBM Plex Mono",monospace;color:#8b8e99;letter-spacing:.12em}.orchestrator-core{width:150px;height:150px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#12151c;color:#fff;border:1px solid #3e414b;box-shadow:0 0 0 15px rgba(118,87,255,.05)}.orchestrator-core span{font:800 8px "IBM Plex Mono",monospace;color:#9299a5;letter-spacing:.1em}.orchestrator-core strong{font:800 23px/1 Manrope;margin:7px 0}.orchestrator-core small{font-size:8px;color:#818996;max-width:94px}.orchestrator-ring{position:absolute;border:1px dashed #cfd1db;border-radius:50%;left:50%;top:52%;transform:translate(-50%,-50%)}.r1{width:190px;height:190px}.r2{width:278px;height:278px;opacity:.6}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;position:relative}.service-card{background:#fff;border:1px solid #dedfe7;border-radius:20px;padding:22px;min-height:372px;display:flex;flex-direction:column;transition:.35s var(--ease);position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;left:22px;right:22px;top:0;height:2px;background:linear-gradient(90deg,var(--violet),var(--cyan));transform:scaleX(.18);transform-origin:left;transition:.45s var(--ease)}.service-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:#d3d1e9}.service-card:hover:before{transform:scaleX(1)}.service-no{font:800 9px "IBM Plex Mono",monospace;color:#8e929d;letter-spacing:.08em}.service-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid #e0e0e8;border-radius:12px;margin:18px 0 15px;color:#6652d8;background:#fbfaff}.service-icon svg{width:18px;height:18px}.service-card h3{font:800 20px/1.14 Manrope;letter-spacing:-.035em;margin:0}.service-card p{font-size:11px;color:#727781;margin:10px 0 14px}.service-card ul{list-style:none;margin:0 0 18px;padding:0}.service-card li{font-size:10px;color:#555b66;padding:5px 0;border-top:1px solid #efeff3}.service-card li:before{content:"+";color:#897be6;margin-right:7px}.service-card a{margin-top:auto;font-size:10px;font-weight:800;color:#4f40bc;display:inline-flex;gap:7px;align-items:center}.service-card a svg{width:13px;height:13px}
.dashboard-section{background:#0b0e14}.control-dashboard{background:#11151c;border:1px solid #2a3039;border-radius:24px;overflow:hidden;box-shadow:0 35px 90px rgba(0,0,0,.3)}.dash-nav{padding:15px 18px;border-bottom:1px solid #252b34;color:#8e96a3}.dash-nav>span{font-weight:700}.dash-nav>div{display:flex;gap:5px;flex-wrap:wrap}.dash-tab{border:1px solid transparent;border-radius:999px;background:transparent;color:#7d8592;padding:6px 9px;font-size:9px}.dash-tab.is-active,.dash-tab:hover{background:#1a1f28;color:#fff;border-color:#313844}.dash-main{display:grid;grid-template-columns:190px 1fr;min-height:520px}.dash-side{padding:22px;border-right:1px solid #252b34;background:#0f1319}.side-label{display:block;font:800 8px "IBM Plex Mono",monospace;letter-spacing:.1em;color:#686f7b}.dash-side>strong{display:block;margin-top:8px;font-size:11px}.dash-side>strong i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--success);margin-right:6px}.health-meter{height:5px;background:#232933;border-radius:99px;margin:13px 0 8px;overflow:hidden}.health-meter span{display:block;width:83%;height:100%;background:linear-gradient(90deg,var(--violet),var(--cyan));border-radius:inherit}.dash-side small{font-size:9px;color:#777f8c}.dash-mini-list{margin-top:38px;display:grid;grid-template-columns:1fr auto;gap:11px 10px;font-size:9px;color:#7f8794}.dash-mini-list b{color:#b9b0ff}.dash-content{padding:20px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.dash-metric{border:1px solid #2a3039;background:#151a22;border-radius:14px;padding:13px}.dash-metric small{font-size:9px;color:#7e8692}.dash-metric strong{display:block;font:800 22px/1 Manrope;letter-spacing:-.04em;margin:12px 0 5px;color:#fff}.dash-metric span{font:700 8px "IBM Plex Mono",monospace}.up{color:var(--success)}.down{color:var(--cyan)}.dash-chart-box{margin-top:12px;border:1px solid #2a3039;background:#11161d;border-radius:15px;padding:13px}.chart-head{display:flex;justify-content:space-between;font:800 8px "IBM Plex Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:#747c89}.chart-head b{color:#9da4af;font-weight:500}.dash-chart-box svg{width:100%;height:auto;margin-top:8px}.dash-line{stroke:var(--violet-2);stroke-width:4}.dash-area{fill:rgba(118,87,255,.09)}.chart-axis{display:flex;justify-content:space-between;color:#676f7c;font:800 7px "IBM Plex Mono",monospace;letter-spacing:.09em}.dash-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.dash-bottom div{border-top:1px solid #2b313b;padding-top:10px}.dash-bottom small{display:block;color:#686f7c;font-size:8px}.dash-bottom strong{display:block;color:#dce0e6;font-size:10px;margin-top:4px}
.transform-grid{display:grid;grid-template-columns:1fr 150px 1fr;align-items:stretch;border:1px solid #e0e1e8;border-radius:22px;overflow:hidden;background:#fff}.transform-column{padding:28px}.transform-column.before{background:#f7f7f9}.transform-column.after{background:linear-gradient(145deg,#fbfaff,#fff)}.transform-tag{font:800 9px "IBM Plex Mono",monospace;letter-spacing:.1em;color:#9296a1}.transform-column h3{font:800 23px/1.12 Manrope;margin:14px 0 18px}.transform-list{border-top:1px solid #e3e4ea}.transform-list span{display:block;padding:12px 0;border-bottom:1px solid #e3e4ea;font-size:11px;color:#626874}.transform-list span:before{content:"—";color:#a1a3ae;margin-right:9px}.transform-column.after .transform-list span:before{content:"✓";color:var(--violet)}.transform-center{display:flex;align-items:center;justify-content:center;position:relative;background:#12151c;color:#fff}.transform-center>span{text-align:center;font:800 12px/1.1 "IBM Plex Mono",monospace;letter-spacing:.06em;position:relative;z-index:2}.transform-center strong{font-size:18px}.transform-arrow{position:absolute;width:42px;height:42px;border-radius:50%;border:1px solid #424854;display:grid;place-items:center;background:#1c2129;top:50%;right:-21px;transform:translateY(-50%);z-index:5}.transform-arrow svg{width:16px}
.result-section{background:#0a0c11}.outcome-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.outcome-card{border:1px solid #292f38;border-radius:18px;background:#11151c;padding:19px;min-height:245px;transition:.3s ease;position:relative;overflow:hidden}.outcome-card:hover{transform:translateY(-4px);border-color:#4b436e}.outcome-card>span{font:800 8px "IBM Plex Mono",monospace;color:#727b89;letter-spacing:.1em}.outcome-card>strong{display:block;font:800 34px/1 Manrope;letter-spacing:-.045em;margin:20px 0 22px}.outcome-card>strong em{font-style:normal;color:#a69bff}.outcome-card p{font-size:10px;color:#858d99;margin:17px 0 0}.outcome-spark{height:56px;display:flex;align-items:flex-end;gap:5px;padding:0 8px}.outcome-spark i{display:block;width:100%;height:var(--h);max-width:22px;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,#a79cff,#5b46d0);opacity:.8}.verified-note{display:flex;align-items:center;gap:12px;border-top:1px solid #252b34;margin-top:18px;padding-top:15px}.verified-note span{width:28px;height:28px;display:grid;place-items:center;border:1px solid #303742;border-radius:9px;color:#9d93f0}.verified-note svg{width:14px}.verified-note p{font-size:10px;color:#747d89;margin:0}
.case-section{background:#f4f4f7}.case-grid{display:grid;gap:14px}.case-card{background:#fff;border:1px solid #dedfe7;border-radius:22px;padding:23px}.case-meta{color:#8c919d}.case-meta b{font-size:16px;color:#c0c2ca}.case-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:35px;align-items:center;padding-top:30px}.case-card h3{font:800 28px/1.1 Manrope;letter-spacing:-.045em;margin:0;max-width:610px}.case-card p{font-size:12px;color:#737983;max-width:600px}.case-story{display:flex;align-items:center;gap:10px;margin-top:26px;font:800 8px "IBM Plex Mono",monospace;color:#7e838e;letter-spacing:.08em}.case-story i{height:1px;background:#d7d8df;flex:0 0 24px}.case-chart{border:1px solid #e1e2e8;border-radius:16px;background:#fafafe;padding:18px;min-height:180px;display:flex;flex-direction:column}.case-chart>span{font:800 8px "IBM Plex Mono",monospace;color:#8b909b}.case-chart>strong{font:800 15px Manrope;margin-top:7px}.case-chart-bars{height:72px;display:flex;gap:7px;align-items:flex-end;margin-top:18px}.case-chart-bars i{display:block;flex:1;height:var(--h);background:linear-gradient(180deg,var(--violet-2),var(--violet));border-radius:4px 4px 1px 1px}.case-chart-bars.down i{background:linear-gradient(180deg,#87dff9,#62b9dd)}.case-chart small{font-size:8px;color:#9599a3;margin-top:auto}
.process-section{background:#101319}.process-layout{display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:center}.process-orbit{height:520px;position:relative;display:grid;place-items:center}.process-ring{position:absolute;border:1px dashed #303641;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.ring-one{width:410px;height:410px;animation:spin 30s linear infinite}.ring-two{width:300px;height:300px;animation:spin 22s linear infinite reverse;border-color:#272d36}.process-core{width:160px;height:160px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#171b22;border:1px solid #4f46a0;box-shadow:0 0 0 16px rgba(118,87,255,.04),0 0 55px rgba(118,87,255,.12);z-index:2}.process-core span{font:800 7px "IBM Plex Mono",monospace;color:#8e95a3;letter-spacing:.12em}.process-core strong{font:800 23px/1 Manrope;margin:8px 0}.process-core small{font-size:8px;color:#7e8694}.process-step{position:absolute;padding:10px 12px;border-radius:999px;background:#151a21;border:1px solid #313844;color:#d6dae1;font:700 10px Inter;z-index:3;box-shadow:0 10px 25px rgba(0,0,0,.2)}.ps1{top:37px;left:50%;transform:translateX(-50%)}.ps2{right:47px;top:24%}.ps3{right:47px;bottom:22%}.ps4{left:47px;bottom:22%}.ps5{left:47px;top:24%}.process-list>div{display:grid;grid-template-columns:45px 1fr;gap:15px;padding:17px 0;border-bottom:1px solid #292f38}.process-list>div>span{font:700 10px "IBM Plex Mono",monospace;color:#7d8694}.process-list h3{font:700 18px/1.2 Manrope;margin:0}.process-list p{font-size:10px;color:#818a98;margin:4px 0 0}
.why-section{background:#fff}.principles{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.principle{min-height:310px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px;position:relative;transition:.3s ease}.principle:hover{background:#fafaff}.principle>span{font:700 9px "IBM Plex Mono",monospace;color:#a2a5ae}.principle-icon{width:41px;height:41px;border:1px solid #e1e1e8;border-radius:12px;display:grid;place-items:center;color:#6956d2;margin:60px 0 18px}.principle-icon svg{width:18px}.principle small{font:800 8px "IBM Plex Mono",monospace;color:#888d98;letter-spacing:.1em}.principle h3{font:800 20px/1.12 Manrope;margin:9px 0}.principle p{font-size:11px;color:#777d88;margin:0}
.tech-section{background:#0d1016}.tech-architecture{display:grid;grid-template-columns:1fr 1fr 230px 1fr 1fr;gap:14px;align-items:center}.tech-column{display:flex;flex-direction:column;gap:8px}.tech-column small{font:800 8px "IBM Plex Mono",monospace;color:#6f7886;letter-spacing:.1em;margin-bottom:3px}.tech-column span{border:1px solid #282e38;background:#13171e;border-radius:10px;padding:10px 11px;color:#c9ced6;font-size:10px;transition:.25s ease}.tech-column span:hover{border-color:#4d467d;transform:translateY(-2px)}.tech-core{height:220px;display:grid;place-items:center;position:relative}.tech-core div{width:150px;height:150px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle,#231d42,#101319 72%);border:1px solid #5d51b5;z-index:2;box-shadow:0 0 0 15px rgba(118,87,255,.04)}.tech-core span{font:800 7px "IBM Plex Mono",monospace;color:#948cad;letter-spacing:.1em}.tech-core strong{font:800 20px/1 Manrope;color:#fff;margin-top:9px}.tech-core i{position:absolute;width:100%;height:1px;background:linear-gradient(90deg,transparent,#4d4768,transparent);transform-origin:center}.tech-core i:nth-of-type(1){transform:rotate(-22deg)}.tech-core i:nth-of-type(2){transform:rotate(0)}.tech-core i:nth-of-type(3){transform:rotate(22deg)}
.faq-section{background:#fafafd}.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.faq{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:4px 0}summary{list-style:none;cursor:pointer;padding:20px 0;font:700 16px Manrope;display:flex;justify-content:space-between;align-items:center}summary::-webkit-details-marker{display:none}summary:after{content:"+";font:400 20px/1 Inter;color:#8a8e98}details[open] summary:after{content:"−"}details p{font-size:12px;color:#777d87;max-width:700px;margin:0 0 20px}
.contact-section{background:linear-gradient(180deg,#f4f4f8,#fbfbfd)}.contact-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:80px;align-items:start}.contact-intro h2{font:800 clamp(40px,5vw,60px)/1.04 Manrope;letter-spacing:-.05em;margin:0}.contact-intro h2 em{font-style:normal;color:#7d6ee0}.contact-intro>p{font-size:14px;color:#747a86;max-width:500px}.contact-path{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:27px 0}.contact-path span{font:700 8px "IBM Plex Mono",monospace;color:#9499a4}.contact-path strong{font-size:10px}.contact-path i{width:16px;border-top:1px dashed #c3c5cf}.direct{display:grid;gap:14px;margin-top:28px}.direct-item{display:flex;gap:11px;align-items:center}.direct-icon{width:34px;height:34px;border:1px solid #dddfe7;border-radius:10px;display:grid;place-items:center;color:#6a58d1;background:#fff}.direct-icon svg{width:15px}.direct-item small{display:block;color:#9397a1;font-size:9px}.direct-item strong{display:block;font-size:11px;margin-top:2px}.whatsapp{color:#4f46a9}.socials{display:flex;flex-wrap:wrap;gap:7px;margin-top:28px}.social{display:flex;align-items:center;gap:6px;border:1px solid #dfe0e8;border-radius:999px;background:#fff;padding:7px 10px;font-size:9px;color:#737985;transition:.25s ease}.social svg{width:12px;height:12px;fill:currentColor}.social:hover{transform:translateY(-2px);color:#2e3139;border-color:#cbcdd6}.form-shell{background:#11151b;color:#fff;border:1px solid #292f39;border-radius:24px;padding:18px;box-shadow:0 30px 80px rgba(19,20,29,.15)}.form-top{color:#767f8c;padding:2px 2px 15px}.form-top b{color:#b7bdc8;font-weight:600}.form{border-top:1px solid #262c35;padding-top:16px}.hp-field{display:none}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{margin-bottom:12px}.field label{display:block;font:700 9px "IBM Plex Mono",monospace;color:#8d95a2;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;border:1px solid #2b313a;background:#151a21;color:#f5f6f8;border-radius:11px;padding:12px 12px;outline:none;transition:.25s ease;font-size:11px}.field input::placeholder,.field textarea::placeholder{color:#5f6773}.field input:focus,.field select:focus,.field textarea:focus{border-color:#665bb1;box-shadow:0 0 0 3px rgba(118,87,255,.08)}.field textarea{min-height:125px;resize:vertical}.form .btn{width:100%;margin-top:3px}.hint{display:block;text-align:center;color:#646d79;font-size:9px;margin-top:10px}.status{padding:11px 12px;border-radius:12px;margin-bottom:12px;font-size:10px}.status.success{background:#11261b;color:#a3e6bc;border:1px solid #264b35}.status.error{background:#2b161c;color:#f1afb9;border:1px solid #58303a}
.final-cta{position:relative;overflow:hidden;background:#101319;color:#fff;padding:90px 0}.final-glow{position:absolute;width:580px;height:580px;border-radius:50%;right:-160px;top:-230px;background:radial-gradient(circle,rgba(118,87,255,.18),transparent 66%);filter:blur(8px)}.final-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;position:relative}.final-inner h2{font:800 clamp(42px,5vw,62px)/1.04 Manrope;letter-spacing:-.05em;margin:15px 0 10px;max-width:760px}.final-inner h2 em{font-style:normal;color:#9e92ff}.final-inner p{font-size:14px;color:#818a96;margin:0}.final-inner .kicker{color:#9c94cf}
.footer{background:#080a0d;color:#fff;padding:88px 0 24px;border-top:1px solid #161a20}.footer-top{display:grid;grid-template-columns:1fr .8fr;gap:50px;align-items:center;padding-bottom:70px}.footer-kicker{font:800 8px "IBM Plex Mono",monospace;letter-spacing:.12em;color:#676f7b}.footer h2{font:800 52px/1 Manrope;letter-spacing:-.05em;margin:14px 0}.footer-top p{font-size:12px;color:#777f8a;max-width:540px}.footer-wa{display:inline-flex;align-items:center;gap:7px;margin-top:11px;color:#b8bfc9;font-size:10px}.footer-wa svg{width:14px}.footer-visual{height:260px;position:relative;display:grid;place-items:center}.footer-core{width:150px;height:150px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #4d45a0;background:radial-gradient(circle,#241d40,#101319 72%);position:relative;z-index:2;box-shadow:0 0 0 22px rgba(118,87,255,.035)}.footer-core span{font:800 7px "IBM Plex Mono",monospace;color:#8f86b1;letter-spacing:.1em}.footer-core strong{font:800 21px/1 Manrope;margin-top:7px}.footer-visual i{position:absolute;width:100%;height:1px;background:linear-gradient(90deg,transparent,#333848,transparent)}.footer-visual i:nth-of-type(1){transform:rotate(26deg)}.footer-visual i:nth-of-type(2){transform:rotate(-26deg)}.footer-visual i:nth-of-type(3){transform:rotate(0)}.footer-grid{display:grid;grid-template-columns:1fr 1fr .7fr;gap:60px;padding:25px 0;border-top:1px solid #1b2027}.footer-title{font:800 8px "IBM Plex Mono",monospace;letter-spacing:.1em;color:#626a76;margin-bottom:15px}.footer-grid ul{list-style:none;margin:0;padding:0}.footer-grid li{margin:7px 0}.footer-grid li a{font-size:10px;color:#8a929e;transition:.2s ease}.footer-grid li a:hover{color:#fff}.footer-socials{display:flex;gap:7px}.footer-socials a{width:30px;height:30px;border:1px solid #242a33;border-radius:9px;display:grid;place-items:center;color:#8b929c;transition:.2s ease}.footer-socials a:hover{color:#fff;border-color:#464d58;transform:translateY(-2px)}.footer-socials svg{width:13px;height:13px}.bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #1a1f26;padding-top:17px;margin-top:18px;color:#5b636f;font-size:9px}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .72s var(--ease),transform .72s var(--ease)}.reveal.in{opacity:1;transform:none}
@keyframes drawChart{to{stroke-dashoffset:0}}@keyframes pulseDot{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.35);opacity:1}}@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes signal{0%{opacity:0;transform:scaleX(.3)}50%{opacity:1}100%{opacity:0;transform:scaleX(1.1)}}
@media(max-width:1100px){.nav{display:none;position:absolute;left:14px;right:14px;top:74px;padding:15px;background:#fff;border:1px solid #dddfe7;border-radius:16px;box-shadow:0 20px 50px rgba(18,19,27,.14);flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{padding:11px 12px}.nav .cta{margin:4px 0 0;text-align:center}.menu{display:flex}.hero-grid,.problem-grid,.flywheel-layout,.process-layout,.contact-layout,.faq-layout{grid-template-columns:1fr}.hero{min-height:auto;padding:145px 0 100px}.hero-art{height:560px}.problem-grid,.flywheel-layout,.process-layout{gap:35px}.services-grid{grid-template-columns:1fr 1fr}.service-orchestrator{margin-bottom:0}.outcome-grid{grid-template-columns:1fr 1fr}.principles{grid-template-columns:1fr 1fr}.tech-architecture{grid-template-columns:1fr 1fr}.tech-core{grid-column:1/-1;grid-row:2;height:190px}.faq-layout{gap:25px}.footer-top{grid-template-columns:1fr}.footer-visual{max-width:460px}.contact-layout{gap:35px}}
@media(max-width:720px){.wrap{width:calc(100% - 28px)}body{font-size:13px}.header{height:70px}.header.scrolled{height:62px}.nav{top:64px}.hero{padding:118px 0 68px}.hero-grid{gap:25px}.hero h1{font-size:46px}.hero-copy>p{font-size:14px}.hero-proof{gap:19px}.hero-proof strong{font-size:21px}.hero-art{height:430px}.hero-core{padding:15px;border-radius:19px}.core-title{font-size:25px;margin:21px 0}.core-metrics{grid-template-columns:1fr 1fr}.core-chart{display:none}.node-top{top:5px}.node-right{right:0;top:44%}.node-bottom{bottom:5px}.node-left{left:0;top:44%}.kpi-a{left:0;bottom:30px;min-width:160px}.kpi-b{right:0;top:35px}.orbit-a{width:390px;height:390px}.orbit-b{width:290px;height:290px}.platform-row{min-height:72px;gap:15px;flex-direction:column;align-items:flex-start;justify-content:center}.platform-track{width:100%;gap:22px}.section{padding:88px 0}.section-heading{margin-bottom:42px}.section-heading h2{font-size:36px}.section-heading p{font-size:13px}.audience-layout{grid-template-columns:1fr}.audience-tab.is-active{transform:none}.audience-panel{min-height:360px}.audience-main{grid-template-columns:1fr;gap:15px;margin-top:55px}.audience-word{font-size:54px}.audience-map{margin-top:42px;flex-wrap:wrap}.audience-foot{position:relative;left:auto;right:auto;bottom:auto;margin-top:28px}.problem-stat strong{font-size:16px}.connected-map{height:160px}.fragmented-map{height:125px}.flywheel-visual{height:420px}.flywheel-lines{width:390px;height:390px}.fly-node{font-size:8px}.fn1{top:19px}.fn2{right:18px}.fn3{right:18px;bottom:13%}.fn4{left:18px;bottom:13%}.fn5{left:18px}.fly-core{width:145px;height:145px}.services-grid{grid-template-columns:1fr}.service-card{min-height:auto}.dash-main{grid-template-columns:1fr}.dash-side{border-right:0;border-bottom:1px solid #252b34}.dash-mini-list{grid-template-columns:repeat(4,1fr);margin-top:18px}.metric-grid{grid-template-columns:1fr 1fr}.dash-bottom{grid-template-columns:1fr}.transform-grid{grid-template-columns:1fr}.transform-center{min-height:105px;order:2}.transform-column.after{order:3}.transform-arrow{right:50%;top:auto;bottom:-21px;transform:translateX(50%) rotate(90deg)}.outcome-grid{grid-template-columns:1fr}.case-layout{grid-template-columns:1fr;gap:20px}.case-card h3{font-size:23px}.process-orbit{height:410px}.ring-one{width:320px;height:320px}.ring-two{width:230px;height:230px}.ps1{top:23px}.ps2,.ps3{right:7px}.ps4,.ps5{left:7px}.principles{grid-template-columns:1fr}.principle{min-height:270px}.principle-icon{margin-top:38px}.tech-architecture{grid-template-columns:1fr 1fr}.tech-core{grid-column:1/-1;grid-row:3}.faq-layout{grid-template-columns:1fr}.contact-layout{grid-template-columns:1fr}.row{grid-template-columns:1fr}.final-inner{flex-direction:column;align-items:flex-start}.final-inner h2{font-size:42px}.footer h2{font-size:40px}.footer-grid{grid-template-columns:1fr 1fr}.bottom{flex-direction:column}.footer-visual{height:220px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hero-orbit,.flywheel-lines,.ring-one,.ring-two,.floating-kpi,.chart-line,.chart-dot,.data-line{animation:none!important}.service-card,.btn,.social,.principle,.audience-tab{transition:none}}


/* ===================== V13.1 STABILITY PATCH ===================== */
img,svg{max-width:100%;}
body{overflow-x:hidden;}
main,.header,.footer{position:relative;}
.header{z-index:1000;}
.progress{z-index:1005;}

/* Floating WhatsApp: intentionally kept out of the hero layout. */
.wa-float{position:fixed;right:22px;bottom:22px;z-index:990;display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border-radius:999px;background:#15191f;color:#fff;border:1px solid rgba(255,255,255,.1);box-shadow:0 14px 34px rgba(6,8,12,.2);font-size:10px;font-weight:700;line-height:1;transform:none!important;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s ease;}
.wa-float:hover{transform:translateY(-2px)!important;box-shadow:0 18px 40px rgba(6,8,12,.27);background:#0e1116;}
.wa-float svg{width:15px;height:15px;fill:currentColor;flex:0 0 auto;}

/* Keep the hero visual inside its own canvas and prevent decorative objects from
   colliding with copy or the viewport. */
.hero{isolation:isolate;}
.hero-grid{min-width:0;}
.hero-copy,.hero-art{min-width:0;}
.hero-art{overflow:visible;}
.hero-core{max-width:500px;}
.hero-node{white-space:nowrap;}

/* A little more breathing room around the orbit objects. */
.node-top{transform:translate(-50%,0);}
.node-right{right:0;}
.node-bottom{transform:translate(-50%,0);}
.node-left{left:0;}
.kpi-a{left:0;}
.kpi-b{right:0;}

/* Avoid transform conflicts between reveal animation and the hero tilt. */
.hero-art.reveal{transform:none;}
.hero-art.reveal.in{transform:none;}

/* Service / dashboard / transformation blocks: prevent child content from
   exceeding the visual cards at narrower desktop widths. */
.service-card,.control-dashboard,.transform-column,.case-card,.form-shell,.audience-panel{min-width:0;}
.service-card,.case-card{overflow:hidden;}
.dash-metric strong,.outcome-card strong{overflow-wrap:anywhere;}

/* Process orbit labels stay inside the orbit canvas. */
.process-orbit{overflow:hidden;}
.process-step{max-width:128px;text-align:center;white-space:nowrap;}

/* Technology columns should never create horizontal overflow. */
.tech-column{min-width:0;}
.tech-column span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* Global form hardening */
.field input,.field select,.field textarea{display:block;min-width:0;}

@media(max-width:1100px){
  .hero-grid{gap:34px;}
  .hero-art{height:540px;}
  .hero-core{width:min(500px,84%);}
  .node-top{left:50%;}
  .node-bottom{left:50%;}
}

@media(max-width:720px){
  .wa-float{right:14px;bottom:14px;padding:10px 12px;}
  .wa-float span{display:none;}
  .hero-grid{padding-top:12px;}
  .hero-copy{position:relative;z-index:3;}
  .hero-art{height:390px;margin-top:4px;}
  .hero-core{width:calc(100% - 74px);max-width:390px;}
  .hero-grid-bg{inset:24px 4px 16px;}
  .orbit-a{width:340px;height:340px;}
  .orbit-b{width:255px;height:255px;}
  .node-top{top:2px;left:50%;transform:translateX(-50%);}
  .node-right{right:0;top:46%;}
  .node-bottom{bottom:2px;left:50%;transform:translateX(-50%);}
  .node-left{left:0;top:46%;}
  .kpi-a{left:0;bottom:22px;transform:scale(.92);transform-origin:left bottom;}
  .kpi-b{right:0;top:30px;transform:scale(.92);transform-origin:right top;}
  .hero-proof{flex-wrap:wrap;row-gap:14px;}
  .hero-micro{flex-wrap:wrap;row-gap:5px;}
  .audience-panel{padding:20px;}
  .process-orbit{overflow:visible;}
  .process-step{font-size:9px;max-width:96px;padding:9px 10px;}
  .tech-column span{white-space:normal;}
}

@media(max-width:430px){
  .hero{padding-top:104px;}
  .hero h1{font-size:40px;}
  .hero-copy>p{font-size:13px;}
  .actions .btn{width:100%;}
  .hero-art{height:350px;}
  .hero-core{width:calc(100% - 58px);padding:13px;}
  .core-title{font-size:22px;margin:17px 0;}
  .core-metrics div{min-height:66px;padding:9px 8px;}
  .core-metrics strong{font-size:16px;}
  .node-right,.node-left{top:45%;}
  .hero-node{padding:7px 9px;}
  .hero-node b{font-size:8px;}
  .kpi-a,.kpi-b{display:none;}
  .platform-track{gap:18px;}
  .section{padding:76px 0;}
}

/* ============================================================
   IMTADIA V13.4 — INTERACTION + COMMERCE SYSTEM
   Explicit foregrounds prevent browser/theme inheritance from
   producing invisible text or low-contrast icon states.
   ============================================================ */

html, body { background:#f7f7fa; color:#171923; }
body { font-size:13px; line-height:1.7; }
main { color:#171923; }

/* Section surface contract */
.section-light,
.service-section,
.case-section,
.why-section,
.faq-section,
.contact-section { color:#171923; }
.dark-section,
.result-section,
.process-section,
.tech-section,
.final-cta,
.footer { color:#f7f8fb; }

/* Light surfaces */
.section-light h1,.section-light h2,.section-light h3,.section-light h4,
.service-section h1,.service-section h2,.service-section h3,.service-section h4,
.case-section h1,.case-section h2,.case-section h3,.case-section h4,
.why-section h1,.why-section h2,.why-section h3,.why-section h4,
.faq-section h1,.faq-section h2,.faq-section h3,.faq-section h4,
.contact-section h1,.contact-section h2,.contact-section h3,.contact-section h4,
.section-light strong,.service-section strong,.case-section strong,.why-section strong,
.faq-section strong,.contact-section strong { color:#171923; }

.section-light p,.service-section p,.case-section p,.why-section p,
.faq-section p,.contact-section p { color:#68707d; }

/* Dark surfaces: never allow body text to fall back to black. */
.dark-section h1,.dark-section h2,.dark-section h3,.dark-section h4,
.result-section h1,.result-section h2,.result-section h3,.result-section h4,
.process-section h1,.process-section h2,.process-section h3,.process-section h4,
.tech-section h1,.tech-section h2,.tech-section h3,.tech-section h4,
.dark-section strong,.dark-section summary,.dark-section a,
.result-section strong,.result-section a,
.process-section strong,.process-section a,
.tech-section strong,.tech-section a { color:#f5f7fa; }

.dark-section .section-heading p,
.result-section .section-heading p,
.process-section .section-heading p,
.tech-section .section-heading p { color:#a0a8b5; }

.problem-list span,
.process-list p,
.verified-note p,
.outcome-card p { color:#919aa8; }

.dark-section .kicker { color:#aaa1ff; }

/* Text that is intentionally secondary on dark cards */
.dark-section .compare-head,
.dark-section .compare-foot,
.dark-section .system-label,
.dark-section .dash-nav,
.dark-section .chart-head,
.dark-section .tech-column small,
.dark-section .process-core small { color:#7f8896; }

/* Icons always inherit the foreground of their container. */
.service-icon svg,.problem-icon svg,.principle-icon svg,
.direct-icon svg,.verified-note svg,.btn svg,.transform-arrow svg,
.wa-float svg,.social svg { color:currentColor; stroke:currentColor; }

/* Light cards */
.service-card,.case-card,.principle,.audience-panel,.form-shell,
.transform-grid,.system-compare,.control-dashboard,.outcome-card { isolation:isolate; }

.service-card h3,.case-card h3,.principle h3,
.service-card p,.case-card p,.principle p { position:relative; z-index:2; }

/* Form / fields */
.form-shell { color:#f5f7fa; }
.form-shell h1,.form-shell h2,.form-shell h3,.form-shell h4,
.form-shell strong { color:#f5f7fa; }
.field label { color:#9aa3b0; }
.field input,.field select,.field textarea { color:#f5f7fa; background:#151a21; border-color:#303743; }
.field input::placeholder,.field textarea::placeholder { color:#6f7885; }
.field select option { background:#151a21; color:#f5f7fa; }

/* Make SVGs behave consistently instead of inheriting unexpected sizing. */
svg { display:block; }
.icon,.service-icon,.problem-icon,.principle-icon,.direct-icon,.transform-arrow { flex:0 0 auto; }

/* Hero: contain decorative visuals in a dedicated visual canvas. */
.hero { isolation:isolate; }
.hero-copy { position:relative; z-index:6; }
.hero-art { position:relative; z-index:3; overflow:hidden; border-radius:28px; }
.hero-art:after { content:""; position:absolute; inset:0; pointer-events:none; border-radius:28px; box-shadow:inset 0 0 0 1px rgba(118,87,255,.05); z-index:7; }
.hero-core { z-index:4; }
.hero-grid-bg,.hero-orbit { pointer-events:none; }
.hero-node,.floating-kpi { z-index:5; }

/* Decorative nodes are optional information, not layout anchors. */
.hero-node { background:#ffffff; color:#4e5562; }
.hero-node span { color:#8a919c; }
.hero-node b { color:#4e5562; }

/* WhatsApp must not compete with the hero CTA. It only appears after leaving hero. */
.wa-float { opacity:0; visibility:hidden; pointer-events:none; }
.wa-float.is-visible { opacity:1; visibility:visible; pointer-events:auto; }

/* Prevent the decorative hero elements from crossing into copy at common widths. */
@media (min-width:1101px) and (max-width:1280px) {
  .hero-grid { grid-template-columns:minmax(0,0.96fr) minmax(520px,1.04fr); gap:28px; }
  .hero-art { height:560px; }
  .hero-core { width:min(470px,86%); }
  .orbit-a { width:490px; height:490px; }
  .orbit-b { width:370px; height:370px; }
  .kpi-a { left:4px; }
  .kpi-b { right:4px; }
}

@media (max-width:1100px) {
  .hero-art { width:100%; max-width:760px; margin:0 auto; }
}

@media (max-width:720px) {
  .hero { overflow:hidden; }
  .hero-art { height:365px; overflow:hidden; border-radius:20px; }
  .hero-grid-bg { opacity:.45; }
  .hero-orbit { opacity:.55; }
  .hero-core { width:calc(100% - 54px); max-width:420px; }
  .hero-node { display:none; }
  .floating-kpi { display:none; }
  .hero-core .core-chart { display:none; }
  .hero-copy { max-width:100%; }
  .hero h1 { max-width:12ch; }
  .hero-proof { margin-top:24px; }
  .wa-float.is-visible { right:14px; bottom:14px; }
}

@media (max-width:430px) {
  .hero { padding-top:100px; }
  .hero-art { height:325px; }
  .hero-core { width:calc(100% - 34px); }
  .orbit-a { width:300px; height:300px; }
  .orbit-b { width:225px; height:225px; }
}

/* Dashboard layout: keep controls and metric values readable. */
.dashboard-section .dash-tab { color:#8d96a3; }
.dashboard-section .dash-tab.is-active { color:#ffffff; }
.dashboard-section .dash-metric small { color:#85909e; }
.dashboard-section .dash-metric strong { color:#ffffff; }
.dashboard-section .dash-bottom strong { color:#dce2e9; }
.dashboard-section .dash-side>strong { color:#ffffff; }

/* Technology / process / result labels */
.tech-section .tech-column span { color:#d0d6de; background:#151a21; }
.process-section .process-step { color:#e1e5eb; background:#161b22; }
.process-section .process-list>div>span { color:#818b9a; }
.result-section .outcome-card>strong { color:#ffffff; }
.result-section .outcome-card>span { color:#788391; }

/* Case cards / before-after: explicit text colors */
.transform-column.before,.transform-column.after { color:#171923; }
.transform-column h3 { color:#171923; }
.transform-list span { color:#626874; }
.case-card { color:#171923; }
.case-card .case-meta { color:#8a909b; }
.case-card .case-meta b { color:#b8bdc5; }

/* FAQ */
.faq summary { color:#171923; }
.faq details p { color:#707783; }

/* Contact direct details */
.contact-intro .direct-item strong { color:#2b3039; }
.contact-intro .direct-item small { color:#8f96a0; }

/* Stable focus treatment */
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible {
  outline:2px solid #7660ff;
  outline-offset:3px;
}


/* ============================================================
   V13.3 UX / CRO / RESPONSIVE READABILITY PASS
   ============================================================ */
:root{--body-readable:14px;--body-leading:1.72}
body{font-size:var(--body-readable);line-height:var(--body-leading);overflow-x:hidden}
p,.service-card>p,.section-heading>p,.audience-copy p,.problem-copy p,.case-card p,.principle p,.tech-intro p,.faq details p,.contact-intro>p,.final-inner p,.footer-top p{font-size:14px;line-height:1.72}
.section-heading h2,.contact-intro h2,.final-inner h2{max-width:18ch}
.hero-copy>p{font-size:16px;line-height:1.68}

/* Stronger conversion hierarchy */
.hero .actions .btn.dark{min-height:50px;padding:0 20px;font-size:13px}
.hero .actions .btn.light{min-height:50px;padding:0 18px;font-size:13px}
.nav .cta{font-size:12px}
.contact-section{scroll-margin-top:90px}
.contact-intro .kicker{color:#6d59d4}
.consultation-submit{min-height:54px!important;font-size:13px!important;box-shadow:0 14px 32px rgba(118,87,255,.2)!important}
.consultation-submit:hover{box-shadow:0 18px 40px rgba(118,87,255,.3)!important}

/* Footer contrast — explicitly never inherit black */
.footer,.footer a,.footer span,.footer p,.footer li,.footer-title,.footer-socials,.footer-socials a,.footer-socials svg{color:#fff}
.footer-top p,.footer-wa,.footer-grid li a,.footer .bottom{color:#aeb5c1!important}
.footer-title,.footer-kicker{color:#747d8a!important}
.footer-grid li a:hover{color:#fff!important}
.footer-socials{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.footer-socials a{color:#dce1e8!important;background:#11161d;border:1px solid #303743;width:38px;height:38px;border-radius:10px;display:grid;place-items:center}
.footer-socials a svg{color:#dce1e8!important;stroke:#dce1e8;fill:none}
.footer-socials a:hover{color:#fff!important;background:#1a2029;border-color:#4d5664}
.footer-socials a:hover svg{color:#fff!important;stroke:#fff}

/* Better link/icon contrast everywhere */
.direct-item a{font-size:13px}
.social{font-size:11px;color:#3f4651!important;background:#fff}
.social svg{color:#5d4fd0!important;stroke:#5d4fd0}
.social:hover{color:#171923!important}

/* Responsive container discipline */
img,svg{max-width:100%}
.hero-grid,.contact-layout,.footer-top,.footer-grid,.audience-layout,.case-layout,.tech-architecture{min-width:0}
.hero-copy,.hero-art,.service-card,.audience-panel,.form-shell,.case-card,.principle,.tech-column{min-width:0}

@media (max-width:1100px){
  .wrap{width:min(1080px,calc(100% - 36px))}
  .hero{min-height:auto;padding:118px 0 80px}
  .hero-grid{grid-template-columns:1fr;gap:42px;text-align:left}
  .hero-copy{max-width:760px}
  .hero-art{height:540px;max-width:760px;width:100%}
  .hero-proof{margin-top:30px}
  .services-grid{grid-template-columns:1fr 1fr}
  .contact-layout{grid-template-columns:1fr;gap:42px}
  .form-shell{max-width:820px}
  .footer-top{grid-template-columns:1fr;gap:28px}
  .footer-visual{max-width:620px;margin:0 auto;width:100%}
}

@media (max-width:820px){
  .nav{display:none}
  .menu{display:flex}
  .header-in{width:100%}
  .hero h1{font-size:clamp(44px,10vw,68px);max-width:11ch}
  .hero-copy>p{font-size:15px}
  .section{padding:92px 0}
  .section-heading h2{font-size:clamp(34px,8vw,48px)}
  .services-grid,.principles,.tech-architecture{grid-template-columns:1fr}
  .tech-core{grid-column:auto;grid-row:auto}
  .row{grid-template-columns:1fr}
  .dash-layout,.dash-main{grid-template-columns:1fr}
  .dash-side{border-right:0;border-bottom:1px solid #252b34}
  .audience-layout,.case-layout,.contact-layout{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-socials a{width:40px;height:40px}
}

@media (max-width:640px){
  .wrap{width:calc(100% - 28px)}
  body{font-size:14px}
  p,.service-card>p,.section-heading>p,.audience-copy p,.problem-copy p,.case-card p,.principle p,.tech-intro p,.faq details p,.contact-intro>p,.final-inner p,.footer-top p{font-size:14px;line-height:1.72}
  .header{height:66px}.header.scrolled{height:60px}
  .logo img{width:118px;max-height:32px}
  .hero{padding:102px 0 60px}
  .hero-grid{gap:28px}
  .hero h1{font-size:42px;line-height:1.02;max-width:11ch;margin-top:18px}
  .hero-copy>p{font-size:14px;line-height:1.7}
  .actions{margin-top:22px;flex-direction:column;align-items:stretch}
  .actions .btn{width:100%;}
  .hero-micro{font-size:9px}
  .hero-proof{gap:18px 26px;flex-wrap:wrap}
  .hero-art{height:320px;max-width:100%}
  .hero-core{width:calc(100% - 20px);padding:12px;border-radius:16px}
  .core-title{font-size:21px;margin:17px 0}
  .core-metrics{gap:6px}.core-metrics div{min-height:66px;padding:9px 8px}.core-metrics strong{font-size:16px}.core-metrics small{font-size:8px}
  .orbit-a{width:280px;height:280px}.orbit-b{width:210px;height:210px}
  .section{padding:76px 0}
  .section-heading{margin-bottom:34px}.section-heading h2,.contact-intro h2{font-size:34px}
  .service-card{padding:20px}.service-card h3{font-size:22px}
  .audience-panel{padding:20px}.audience-word{font-size:45px}
  .dash-shell,.form-shell{border-radius:18px}
  .dash-shell{padding:12px}.dash-tabs{overflow-x:auto;display:flex;gap:6px;padding-bottom:5px}
  .dash-tab{white-space:nowrap;flex:0 0 auto}
  .metric-grid{grid-template-columns:1fr 1fr}
  .contact-layout{gap:28px}.form-shell{padding:14px}.form{padding-top:14px}
  .field input,.field select,.field textarea{font-size:13px;padding:13px}
  .field label{font-size:9px}
  .consultation-submit{min-height:56px!important;padding:0 14px!important;white-space:normal}
  .contact-path{gap:7px;align-items:flex-start}.contact-path strong{font-size:9px}
  .socials{margin-top:22px}.social{font-size:10px;padding:8px 10px}
  .final-inner{gap:24px}.final-inner h2{font-size:36px}
  .footer{padding-top:70px}.footer h2{font-size:36px}
  .footer-grid{grid-template-columns:1fr;gap:28px}
  .footer-visual{height:190px}.footer-core{width:125px;height:125px}.footer-core strong{font-size:17px}
  .bottom{font-size:10px;line-height:1.6}
}

@media (max-width:390px){
  .hero h1{font-size:38px}
  .hero-art{height:290px}
  .core-metrics{grid-template-columns:1fr 1fr}
  .core-title{font-size:19px}
  .section-heading h2,.contact-intro h2{font-size:31px}
  .metric-grid{grid-template-columns:1fr}
}

@media (prefers-reduced-motion:reduce){
  .btn,.social,.footer-socials a{transition:none!important}
}

/* V13.4 — interaction layer + commerce positioning */
.problem-switch,.transform-controls,.tech-switch{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0 10px}
.problem-tab,.transform-tab,.tech-tab{appearance:none;border:1px solid #303742;background:transparent;color:#858d99;padding:8px 11px;border-radius:999px;font:700 10px/1 "IBM Plex Mono",monospace;letter-spacing:.06em;cursor:pointer;transition:.22s ease}
.problem-tab:hover,.transform-tab:hover,.tech-tab:hover{border-color:#626b78;color:#fff;background:#171c23}
.problem-tab.is-active,.transform-tab.is-active,.tech-tab.is-active{color:#fff;border-color:#6154d8;background:#2b2750;box-shadow:0 0 0 1px rgba(126,103,255,.18)}
.problem-row{transition:.28s ease;border-radius:12px;padding-left:7px!important;padding-right:7px!important}
.problem-row.is-highlighted{background:rgba(117,100,255,.08);border-color:#4a425f!important;transform:translateX(4px)}
.problem-row.is-muted{opacity:.5}

.fly-item-list{display:grid;gap:0}
.fly-item{appearance:none;width:100%;text-align:left;border:0;border-bottom:1px solid #e4e6eb;background:transparent;cursor:pointer;padding:15px 0;display:grid;grid-template-columns:34px 1fr;gap:12px;color:#171923}
.fly-item:hover,.fly-item.is-active{background:linear-gradient(90deg,rgba(97,84,216,.06),transparent);padding-left:8px}
.fly-item.is-active h3{color:#5d4fd0}
.fly-detail{margin-top:18px;padding:16px 17px;border-radius:16px;border:1px solid #dddfea;background:#f7f7fb}
.fly-detail span{display:block;color:#7a808c;font:700 9px/1 "IBM Plex Mono",monospace;letter-spacing:.08em}
.fly-detail strong{display:block;margin-top:7px;font:800 19px/1.1 Manrope;color:#191b25}
.fly-detail p{margin:8px 0 7px!important;font-size:13px!important;color:#626976!important}
.fly-detail b{font:700 11px/1.4 "IBM Plex Mono",monospace;color:#5d4fd0}

.service-card{position:relative;cursor:pointer;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease}
.service-card:hover,.service-card.is-active{transform:translateY(-4px);border-color:#c8c6f5;box-shadow:0 20px 48px rgba(31,26,68,.09)}
.service-card.is-active{background:linear-gradient(180deg,#fff 0%,#faf9ff 100%)}
.service-card:not(.is-active) .service-select{position:absolute;inset:0;background:transparent;border:0;cursor:pointer;z-index:1}
.service-card > *:not(.service-select){position:relative;z-index:2}
.service-card > a{z-index:3}
.service-select{position:absolute;inset:0;background:transparent;border:0;cursor:pointer}
.service-card h3{padding-right:22px}
.service-card .service-no:after{content:"OPEN";float:right;font:700 8px "IBM Plex Mono",monospace;color:#8e95a2;opacity:.8}
.service-card.is-active .service-no:after{content:"SELECTED";color:#5d4fd0}

.transform-controls{margin:-4px 0 22px;justify-content:flex-end}
.transform-grid.is-business .before .transform-list span:nth-child(1),.transform-grid.is-business .before .transform-list span:nth-child(2){opacity:.65}
.transform-grid.is-systems .before .transform-list span:nth-child(3),.transform-grid.is-systems .after .transform-list span:nth-child(2){opacity:1}
.transform-grid.is-business .transform-center span,.transform-grid.is-systems .transform-center span{transform:scale(1.04)}

.outcome-card{cursor:pointer;transition:.25s ease}
.outcome-card:hover,.outcome-card.is-active{transform:translateY(-5px);border-color:#57506e;box-shadow:0 18px 45px rgba(0,0,0,.22);background:#171c24}
.outcome-card:focus-visible{outline:2px solid #8e84ff;outline-offset:3px}
.outcome-card.is-active p{color:#c6cad3}

.process-step{appearance:none;border:0;background:transparent;color:#8d94a0;cursor:pointer;transition:.25s ease}
.process-step:hover{color:#fff}
.process-step.is-active{color:#fff;background:#5d4fd0;box-shadow:0 0 0 7px rgba(93,79,208,.12)}
.process-list>div{cursor:pointer;transition:.25s ease;border-radius:12px;padding:12px}
.process-list>div:hover,.process-list>div.is-active{background:rgba(255,255,255,.045);transform:translateX(4px)}

.principle{position:relative;cursor:pointer;transition:.25s ease}
.principle:hover,.principle.is-active{transform:translateY(-4px);border-color:#c9c8ef;box-shadow:0 18px 42px rgba(33,27,71,.08)}
.principle-select{position:absolute;inset:0;border:0;background:transparent;cursor:pointer;z-index:2}
.principle > *:not(.principle-select){position:relative;z-index:1}

.tech-switch{justify-content:flex-start;margin-top:4px;margin-bottom:20px}
.tech-column span{transition:.22s ease}
.tech-column span:hover{transform:translateX(4px);border-color:#565f6c;color:#fff;background:#171c23}
.tech-column.is-highlighted{border-color:#5147b7;box-shadow:0 18px 44px rgba(88,73,185,.12)}

@media (max-width:820px){
  .problem-switch,.transform-controls,.tech-switch{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;padding-bottom:4px}
  .problem-switch::-webkit-scrollbar,.transform-controls::-webkit-scrollbar,.tech-switch::-webkit-scrollbar{display:none}
  .problem-tab,.transform-tab,.tech-tab{flex:0 0 auto}
  .fly-item:hover,.fly-item.is-active{padding-left:5px}
  .service-card:hover,.service-card.is-active,.outcome-card:hover,.outcome-card.is-active,.principle:hover,.principle.is-active{transform:none}
}
@media (max-width:560px){
  .problem-tab,.transform-tab,.tech-tab{font-size:9px;padding:8px 10px}
  .fly-detail strong{font-size:17px}
  .service-card .service-no:after{display:none}
}

/* Capability cards are interactive without placing invisible overlays above links. */
.service-card[role="button"]{outline:none}
.service-card[role="button"]:focus-visible{outline:2px solid #7567e8;outline-offset:3px}
.service-card .service-select{display:none!important}
.principle-select{cursor:pointer}

@media (max-width:560px){.tech-architecture{grid-template-columns:1fr}.tech-core{grid-column:auto;grid-row:auto;height:170px}.tech-switch{margin-bottom:14px}.process-step{max-width:104px;padding:8px 9px;font-size:9px}.process-core{width:145px;height:145px}.process-orbit{height:360px}.ring-one{width:280px;height:280px}.ring-two{width:205px;height:205px}.ps2,.ps3{right:0}.ps4,.ps5{left:0}}


/* ============================================================
   IMTADIA V14 — FINAL RESPONSIVE / CRO / READABILITY LAYER
   ============================================================ */
:root{
  --v14-ink:#0c0e13;
  --v14-paper:#fbfbfd;
  --v14-text:#20232b;
  --v14-body:#59606d;
  --v14-soft:#f1f2f6;
  --v14-line:#dedfe7;
  --v14-dark-body:#bac1cc;
  --v14-violet:#7657ff;
  --v14-cyan:#66d9ff;
}

html{overflow-x:clip;scroll-padding-top:92px}
body{font-size:14px;line-height:1.72;overflow-x:clip;color:var(--v14-text)}
body *{min-width:0}
img,svg,video,canvas{max-width:100%;height:auto}
button,a,input,select,textarea{max-width:100%}
.wrap{width:min(var(--wrap),calc(100% - 48px));max-width:1180px}

/* Readability: 14px content everywhere, with explicit foregrounds. */
p,.service-card p,.section-heading>p,.audience-copy,.problem-row p,.transform-list span,
.outcome-card p,.case-card p,.principle p,.tech-section p,.faq p,.contact-intro>p,
.final-inner p,.footer-top p,.process-list p,.fly-detail p{font-size:14px!important;line-height:1.75}
.section-heading h2,.contact-intro h2{color:var(--v14-text)}
.section-heading>p,.contact-intro>p,.service-card p,.case-card p,.principle p,.faq p{color:#5c6370}

/* Dark surface contract — never inherit an unreadable light/dark mix. */
.dark-section,.result-section,.process-section,.tech-section,.final-cta,.footer{background-color:var(--v14-ink);color:#f7f8fb}
.dark-section p,.result-section p,.process-section p,.tech-section p,.final-cta p,.footer p{color:var(--v14-dark-body)!important}
.dark-section h2,.dark-section h3,.dark-section h4,.result-section h2,.result-section h3,.result-section h4,
.process-section h2,.process-section h3,.process-section h4,.tech-section h2,.tech-section h3,.tech-section h4,
.final-cta h2,.final-cta h3,.footer h2,.footer h3{color:#f7f8fb!important}

/* Hero containment: the art is a bounded canvas, never a viewport-wide decoration. */
.hero-grid{grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr)}
.hero-copy,.hero-art{overflow:visible;min-width:0}
.hero-copy{position:relative;z-index:4}
.hero-art{isolation:isolate}
.hero-core{z-index:4}
.hero-node,.floating-kpi{max-width:42%;overflow:hidden;text-overflow:ellipsis}
.node-top,.node-bottom{transform:translateX(-50%)}
.node-left{left:0}.node-right{right:0}.kpi-a{left:0}.kpi-b{right:0}

/* Stronger CRO hierarchy. */
.actions .btn.dark,.consultation-submit{font-weight:800}
.actions .btn.dark:after,.consultation-submit:after{content:''}
.btn.dark{background:#11141b;color:#fff}
.btn.dark:hover{background:#292d37}
.btn.light{color:#191b22;background:#fff}
.hero .actions .btn.dark{box-shadow:0 18px 42px rgba(33,28,75,.16)}

/* Transformation tabs + dynamic before/after states. */
.transform-controls{justify-content:flex-start;gap:8px;margin:0 0 24px}
.transform-tab{background:#f2f3f7;color:#67707d;border-color:#dfe1e8;padding:10px 13px}
.transform-tab.is-active{background:#1a1d26;color:#fff;border-color:#1a1d26;box-shadow:0 10px 22px rgba(15,16,24,.12)}
.transform-grid{transition:background .35s ease,border-color .35s ease,box-shadow .35s ease}
.transform-grid .transform-column{transition:transform .45s var(--ease),background .35s ease,border-color .35s ease}
.transform-grid .transform-list span{transition:opacity .35s ease,transform .35s ease}
.transform-grid .transform-center{transition:background .35s ease,border-color .35s ease,box-shadow .35s ease,transform .45s var(--ease)}
.transform-grid .transform-center:after{content:'';position:absolute;width:110px;height:110px;border-radius:50%;border:1px solid rgba(118,87,255,.18);animation:transformPulse 3.5s ease-out infinite}
.transform-grid.state-journey .transform-center{background:linear-gradient(145deg,#11141b,#211d36);border-color:#6554cf}
.transform-grid.state-business .transform-center{background:linear-gradient(145deg,#10181b,#162f3a);border-color:#3a9ab7}
.transform-grid.state-systems .transform-center{background:linear-gradient(145deg,#17151e,#2a203f);border-color:#8f70ff}
.transform-grid.state-business .transform-list span:nth-child(1),
.transform-grid.state-business .transform-list span:nth-child(3){transform:translateX(3px)}
.transform-grid.state-systems .transform-list span:nth-child(2),
.transform-grid.state-systems .transform-list span:nth-child(5){transform:translateX(3px)}
@keyframes transformPulse{0%{transform:scale(.75);opacity:.7}70%{transform:scale(1.2);opacity:0}100%{opacity:0}}

/* After-column cards feel distinct but remain minimalist. */
.transform-column.after{background:linear-gradient(180deg,#f9f9ff,#f3f4fa);border-color:#d7d9e7}
.transform-column.after .transform-tag{color:#6557c9}
.transform-column.after .transform-list span{border-left-color:#b4aaff}
.transform-grid.state-business .after{background:linear-gradient(180deg,#f8fcfd,#eff7fa)}
.transform-grid.state-business .after .transform-tag{color:#287d98}
.transform-grid.state-business .after .transform-list span{border-left-color:#77cce4}
.transform-grid.state-systems .after{background:linear-gradient(180deg,#fbf9ff,#f4f0fb)}
.transform-grid.state-systems .after .transform-tag{color:#6e4fe2}

/* Social icons: the actual paths are filled brand marks, so do not force fill:none. */
.footer-socials a{color:#f7f8fb!important;background:#151a22!important;border:1px solid #323844!important;box-shadow:0 8px 20px rgba(0,0,0,.16)}
.footer-socials a svg{width:18px;height:18px;color:#f7f8fb!important;fill:currentColor!important;stroke:none!important;display:block}
.footer-socials a:hover{background:#242a35!important;border-color:#5e6573!important;transform:translateY(-2px)}
.social{display:inline-flex;align-items:center;gap:7px;color:#505866!important}
.social svg{width:15px;height:15px;fill:currentColor!important;stroke:none!important;display:block}
.social:hover{color:#201d2c!important}

/* Consultation reassurance block. */
.consultation-reassurance{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border:1px solid #e5e6ed;background:#fafaff;border-radius:13px;margin-bottom:16px}
.consultation-reassurance>span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#eeeaff;color:#5d4fd0;flex:0 0 auto}
.consultation-reassurance svg{width:12px;height:12px}
.consultation-reassurance strong{display:block;font-size:12px;color:#1b1d24}
.consultation-reassurance small{display:block;margin-top:2px;font-size:11px;color:#6f7682}

/* Accessibility / focus */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(118,87,255,.5);outline-offset:3px}

/* Global responsive discipline. */
.hero-grid,.platform-row,.audience-layout,.problem-grid,.flywheel-layout,.services-grid,.dash-layout,.transform-grid,
.outcome-grid,.case-grid,.process-layout,.principles,.tech-architecture,.faq-layout,.contact-layout,.footer-top,.footer-grid{min-width:0}
.hero-grid>*,.platform-row>*,.audience-layout>*,.problem-grid>*,.flywheel-layout>*,.services-grid>*,.dash-layout>*,.transform-grid>*,
.outcome-grid>*,.case-grid>*,.process-layout>*,.principles>*,.tech-architecture>*,.faq-layout>*,.contact-layout>*,.footer-top>*,.footer-grid>*{min-width:0}

@media (max-width:1180px){
  .wrap{width:min(100%,calc(100% - 40px))}
  .hero-grid{gap:34px}
  .hero-art{height:550px}
  .hero-core{width:min(500px,86%)}
}

@media (max-width:980px){
  .hero{padding-top:110px}
  .hero-grid{grid-template-columns:1fr;gap:46px}
  .hero-copy{max-width:780px}
  .hero-art{width:100%;max-width:760px;margin:0 auto;height:540px}
  .transform-grid{grid-template-columns:1fr}
  .transform-center{min-height:118px}
  .transform-column.after{order:3}
  .transform-center{order:2}
  .transform-grid .transform-center:after{width:82px;height:82px}
}

@media (max-width:760px){
  .wrap{width:calc(100% - 28px)}
  .section{padding:82px 0}
  .hero{padding:106px 0 64px}
  .hero-grid{gap:28px}
  .hero h1{font-size:clamp(40px,11vw,54px);max-width:11ch}
  .hero-copy>p{font-size:15px!important}
  .actions{flex-direction:column;align-items:stretch}
  .actions .btn{width:100%;min-height:50px}
  .hero-art{height:415px}
  .hero-core{width:calc(100% - 78px);max-width:430px;padding:15px}
  .hero-node,.floating-kpi{max-width:none}
  .node-top{top:3px}.node-bottom{bottom:3px}.node-left{left:0}.node-right{right:0}
  .kpi-a{left:0;bottom:24px}.kpi-b{right:0;top:28px}
  .orbit-a{width:370px;height:370px}.orbit-b{width:280px;height:280px}
  .platform-row{align-items:flex-start;flex-direction:column;gap:11px;padding:17px 0;min-height:0}
  .platform-track{width:100%;padding-bottom:2px}
  .section-heading h2,.contact-intro h2{font-size:clamp(32px,8vw,42px)}
  .section-heading{margin-bottom:36px}
  .audience-layout,.problem-grid,.flywheel-layout,.services-grid,.outcome-grid,.case-grid,.process-layout,.principles,.tech-architecture,.faq-layout,.contact-layout,.footer-grid{grid-template-columns:1fr}
  .flywheel-visual{height:390px}
  .flywheel-lines{width:360px;height:360px}
  .process-orbit{height:380px}
  .ring-one{width:290px;height:290px}.ring-two{width:210px;height:210px}
  .tech-core{grid-column:auto;grid-row:auto}
  .footer-grid{gap:25px}
}

@media (max-width:520px){
  body{font-size:14px}
  p,.service-card p,.section-heading>p,.audience-copy,.problem-row p,.transform-list span,
  .outcome-card p,.case-card p,.principle p,.tech-section p,.faq p,.contact-intro>p,
  .final-inner p,.footer-top p,.process-list p,.fly-detail p{font-size:14px!important}
  .header-in{width:100%}
  .logo img{width:120px}
  .hero{padding-top:94px}
  .hero h1{font-size:38px}
  .hero-copy>p{font-size:14px!important}
  .hero-art{height:365px}
  .hero-core{width:calc(100% - 54px);padding:12px;border-radius:17px}
  .core-top{font-size:8px}.core-title{font-size:21px;margin:17px 0}
  .core-metrics{gap:5px}.core-metrics div{min-height:62px;padding:8px 7px}.core-metrics strong{font-size:15px}.core-metrics small{font-size:8px}.core-metrics em{font-size:7px}
  .orbit-a{width:320px;height:320px}.orbit-b{width:240px;height:240px}
  .node-top,.node-bottom{left:50%}.node-left{left:-2px}.node-right{right:-2px}
  .hero-node{padding:7px 8px;border-radius:10px}.hero-node span{font-size:7px}.hero-node b{font-size:8px}
  .kpi-a,.kpi-b{display:none}
  .transform-controls{flex-direction:column;align-items:stretch}
  .transform-tab{width:100%;text-align:center}
  .transform-column{padding:20px!important}
  .transform-center{min-height:108px!important}
  .footer-socials{gap:8px}.footer-socials a{width:42px;height:42px}
  .consultation-reassurance{padding:10px}
}

@media (max-width:390px){
  .wrap{width:calc(100% - 24px)}
  .hero h1{font-size:35px}
  .hero-art{height:335px}
  .hero-core{width:calc(100% - 42px)}
  .orbit-a{width:292px;height:292px}.orbit-b{width:218px;height:218px}
}

@media (prefers-reduced-motion:reduce){
  .transform-grid .transform-center:after{animation:none}
  .transform-grid .transform-column,.transform-grid .transform-list span{transition:none}
}

/* V14.1 — final readability + responsive hardening */
:root{
  --v141-body:#505762;
  --v141-muted:#6b7280;
  --v141-dark-body:#c4cad3;
}
html,body{max-width:100%;overflow-x:hidden}
body{font-size:15px!important;line-height:1.75!important;color:var(--v141-body)}
p,.service-card>p,.section-heading>p,.audience-copy p,.problem-copy p,.problem-row p,.transform-list span,
.outcome-card p,.case-card p,.principle p,.tech-intro p,.faq details p,.contact-intro>p,.final-inner p,
.footer-top p,.process-list p,.fly-detail p,.consultation-reassurance small{font-size:15px!important;line-height:1.75!important}
.hero-copy>p{font-size:17px!important;line-height:1.7!important}
.section-heading>p{font-size:16px!important;color:#616875!important}
.dark-section .section-heading>p,.dark-section p,.result-section p,.process-section p,.tech-section p,.final-cta p,.footer p{color:var(--v141-dark-body)!important}
.footer-top p,.footer-grid li a,.bottom,.footer-wa{font-size:14px!important;line-height:1.7!important}
.footer-title{font-size:10px!important}
.footer-grid li a{color:#b8bec8!important}
.footer-grid li a:hover{color:#fff!important}
.problem-row p strong{display:block;color:#20242c;font-size:16px;line-height:1.35;margin-bottom:4px}
.problem-row p span{display:block;color:#656c78;font-size:15px!important;line-height:1.65!important}
.problem-row.is-highlighted{background:rgba(118,87,255,.08)!important;border-color:#cbc6ea!important}
.problem-row.is-highlighted p strong{color:#2b244d}
.problem-row.is-highlighted p span{color:#555b68}
.problem-row.is-muted{opacity:.55}

/* Responsive containment: no section is allowed to create a wider canvas than the viewport. */
.wrap{width:min(1180px,calc(100% - 48px));max-width:1180px}
.section,.hero,.footer{overflow-x:clip}
.hero-grid,.audience-layout,.problem-grid,.flywheel-layout,.services-grid,.outcome-grid,.case-grid,.process-layout,.principles,.tech-architecture,.faq-layout,.contact-layout,.footer-top,.footer-grid,.dash-main,.transform-grid{min-width:0}
.hero-grid>*,.audience-layout>*,.problem-grid>*,.flywheel-layout>*,.services-grid>*,.outcome-grid>*,.case-grid>*,.process-layout>*,.principles>*,.tech-architecture>*,.faq-layout>*,.contact-layout>*,.footer-top>*,.footer-grid>*,.dash-main>*,.transform-grid>*{min-width:0;max-width:100%}
.hero-art{width:100%;max-width:700px;margin-inline:auto;overflow:hidden}
.hero-orbit{max-width:100%;max-height:100%}
.hero-core{max-width:calc(100% - 40px)}
.floating-kpi,.hero-node{max-width:calc(100% - 20px)}
.process-step{white-space:normal;overflow-wrap:anywhere}
.process-orbit,.flywheel-visual,.flywheel-lines{max-width:100%}
.flywheel-lines{height:auto}
.tech-column,.service-card,.outcome-card,.case-card,.principle,.audience-panel,.system-compare,.control-dashboard,.transform-column,.form-shell{overflow:hidden}
input,select,textarea{max-width:100%;min-width:0}

@media (max-width:1100px){
  .wrap{width:min(100%,calc(100% - 40px))}
  .hero-art{max-width:680px}
  .hero-core{width:min(500px,calc(100% - 56px))}
  .node-left{left:8px}.node-right{right:8px}
  .kpi-a{left:8px}.kpi-b{right:8px}
}
@media (max-width:820px){
  .wrap{width:calc(100% - 32px)}
  .hero-art{height:500px;max-width:680px}
  .hero-core{width:calc(100% - 72px)}
  .hero-copy>p{font-size:16px!important}
  .section-heading>p{font-size:15px!important}
  .process-orbit{height:390px;max-width:100%}
  .ring-one{max-width:100%;max-height:100%}
  .ring-two{max-width:80%;max-height:80%}
}
@media (max-width:640px){
  .wrap{width:calc(100% - 28px)}
  body{font-size:15px!important}
  .hero{padding-top:102px}
  .hero-grid{padding-top:26px}
  .hero h1{font-size:clamp(38px,10vw,50px);max-width:12ch}
  .hero-copy>p{font-size:15px!important}
  .hero-art{height:390px}
  .hero-core{width:calc(100% - 42px);padding:13px}
  .node-left,.node-right{display:none}
  .node-top{left:50%;top:3px}.node-bottom{left:50%;bottom:3px}
  .actions{margin-top:22px}
  .section{padding:76px 0}
  .section-heading{margin-bottom:34px}
  .section-heading h2{font-size:clamp(31px,9vw,40px)}
  .section-heading>p{font-size:15px!important}
  .problem-row p strong{font-size:16px}.problem-row p span{font-size:15px!important}
  .fly-detail p,.transform-list span,.outcome-card p,.case-card p,.principle p,.faq details p,.contact-intro>p,.final-inner p,.footer-top p{font-size:15px!important}
  .footer-grid li a,.footer-wa,.bottom{font-size:14px!important}
  .footer-socials a{width:44px;height:44px}.footer-socials a svg{width:19px;height:19px}
  .process-step{font-size:10px;max-width:92px;padding:8px}
  .process-core{max-width:145px;max-height:145px}
}
@media (max-width:420px){
  .wrap{width:calc(100% - 22px)}
  .hero{padding-top:92px}
  .hero-art{height:340px}
  .hero-core{width:calc(100% - 28px)}
  .hero-proof{gap:14px;flex-wrap:wrap}
  .hero-proof strong{font-size:20px}
  .core-title{font-size:19px}
  .core-metrics div{min-width:0}
  .process-step{max-width:82px;font-size:9px;padding:7px}
  .transform-controls{gap:7px}
  .transform-tab{font-size:10px;padding:10px}
}

/* =========================================================
   V14.2 FINAL TYPE / CRO / RESPONSIVE PASS
   ========================================================= */
:root{--v14-body-size:16px;--v14-body-color:#4f5663;--v14-muted:#737b88;--v14-dark-text:#e9edf3;--v14-dark-muted:#b2bac6}
html,body{width:100%;max-width:100%;overflow-x:hidden}
body{font-size:16px!important;line-height:1.75!important;color:var(--v14-body-color)}
/* No accidental micro-copy below the readable minimum. */
body .kicker,body .eyebrow,body .platform-lead,body .platform-track span,body .hero-micro,body .hero-proof span,body .hero-node span,body .hero-node b,body .core-top span,body .core-top b,body .core-metrics small,body .core-metrics em,body .chart-label,body .dash-nav>span,body .dash-tab,body .side-label,body .dash-side small,body .dash-metric small,body .dash-metric span,body .chart-head,body .chart-axis,body .dash-bottom small,body .dash-insights small,body .transform-tag,body .transform-tab,body .outcome-card>span,body .case-meta span,body .process-step,body .process-core span,body .process-core small,body .footer-kicker,body .footer-title,body .bottom{font-size:max(12px,1em)}
p,.service-card>p,.section-heading>p,.audience-copy p,.problem-copy p,.case-card p,.principle p,.tech-intro p,.faq details p,.contact-intro>p,.final-inner p,.footer-top p,.process-list p,.fly-detail p,.transform-list span,.outcome-card p{font-size:16px!important;line-height:1.75!important}
.section-heading h2{line-height:1.04}
.nav a{font-size:14px!important;font-weight:650!important;line-height:1.2;letter-spacing:-.01em}
.nav .cta{font-size:14px!important;font-weight:750!important;padding:12px 16px}
.btn{font-size:14px!important;font-weight:700;min-height:50px}
.menu span{height:2px}
/* Surfaces declare their text colors so inheritance cannot produce invisible copy. */
.section-light,.service-section,.case-section,.faq-section,.contact-section{color:#171b23}
.section-light p,.service-section p,.case-section p,.faq-section p,.contact-section p{color:#535b68}
.dark-section,.footer,.final-cta{color:#f4f6fa}
.dark-section p,.dark-section .section-heading>p,.final-cta p,.footer p{color:#b6beca}
.dark-section h2,.dark-section h3,.dark-section strong,.footer h2{color:#f5f7fa}
/* Keep every major layout inside the viewport. */
section,.section,.wrap,.hero-grid,.problem-grid,.flywheel-layout,.services-grid,.control-dashboard,.dash-main,.transform-grid,.case-grid,.process-layout,.principles,.tech-architecture,.faq-layout,.contact-layout,.footer-top,.footer-grid{max-width:100%;min-width:0}
section{overflow:clip}
.wrap{width:min(var(--wrap),calc(100% - 40px));}
.grid,.hero-grid>* ,.problem-grid>* ,.flywheel-layout>* ,.services-grid>* ,.dash-main>* ,.transform-grid>* ,.case-grid>* ,.process-layout>* ,.principles>* ,.tech-architecture>* ,.faq-layout>* ,.contact-layout>* ,.footer-top>* ,.footer-grid>*{min-width:0;max-width:100%}
.hero-art{max-width:100%;isolation:isolate}
.hero-core,.floating-kpi,.hero-node{max-width:100%}
/* Header CTA must remain visible and distinct. */
.header .nav .cta{display:inline-flex;align-items:center;gap:7px}
.header .nav .cta svg{width:15px;height:15px}
/* Business-control dashboard: richer, but still restrained. */
.dash-tabs{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.dash-insights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.dash-insights>div{padding:13px;border:1px solid #252c35;background:#10141a;border-radius:14px;min-width:0}
.dash-insights span{display:block;font:700 12px/1 "IBM Plex Mono",monospace;color:#777f8c;margin-bottom:10px}
.dash-insights strong{display:block;color:#f0f3f7;font-size:15px;margin-bottom:5px}
.dash-insights small{display:block;color:#aeb6c2!important;font-size:13px!important;line-height:1.55!important}
.dashboard-section .dash-tab{font-size:12px!important;font-weight:650;padding:9px 11px;white-space:nowrap}
.dashboard-section .dash-metric small{font-size:13px!important}
.dashboard-section .dash-metric strong{font-size:27px}
.dashboard-section .dash-metric span{font-size:13px!important}
/* Mid-page lead capture. */
.mid-cta-section{padding-top:0!important}
.mid-cta-card{display:grid;grid-template-columns:1.2fr .8fr;gap:35px;align-items:center;padding:38px;border:1px solid #dfe1e8;border-radius:28px;background:linear-gradient(135deg,#ffffff,#f5f5fa);box-shadow:0 24px 70px rgba(18,20,28,.08)}
.mid-cta-card h2{font:800 clamp(34px,4.4vw,56px)/1.02 Manrope,Inter,sans-serif;letter-spacing:-.045em;margin:12px 0 15px;color:#171923}
.mid-cta-card h2 em{font-style:normal;background:linear-gradient(95deg,#7154ff,#4fcfff);-webkit-background-clip:text;background-clip:text;color:transparent}
.mid-cta-card p{margin:0;color:#5d6471;max-width:620px}
.mid-cta-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mid-cta-form input,.mid-cta-form select{width:100%;height:50px;border:1px solid #d8dbe2;border-radius:13px;background:#fff;color:#171923;padding:0 13px;font-size:14px;min-width:0}
.mid-cta-form input::placeholder{color:#8a919c}
.mid-cta-form .btn{grid-column:1/-1;width:100%}
.mid-cta-form small{grid-column:1/-1;font-size:12px!important;color:#767e8b}
/* Footer is intentionally readable, not microscopic. */
.footer-top p{max-width:600px}
.footer-grid li a{font-size:14px!important;line-height:1.65!important}
.footer-title,.footer-kicker{font-size:12px!important}
.footer-socials{display:flex;gap:10px;flex-wrap:wrap}
.footer-socials a,.footer-social{width:44px!important;height:44px!important;border-radius:12px!important;background:#131922!important;color:#f7f9fc!important;border:1px solid #313947!important;display:grid!important;place-items:center!important}
.footer-socials a svg,.footer-social svg{width:20px!important;height:20px!important;fill:currentColor!important;stroke:none!important;display:block!important}
.footer-note{font-size:14px!important;line-height:1.65!important;color:#abb3bf!important;max-width:300px;margin:14px 0 0}
.bottom{font-size:13px!important;line-height:1.6!important}
/* Stronger focus/hover feedback without visual clutter. */
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(113,84,255,.32);outline-offset:3px}
@media (max-width:1100px){
  .header .nav{right:20px;left:20px;max-width:calc(100vw - 40px)}
  .header .nav a{font-size:14px!important;padding:12px 13px}
  .hero-grid{grid-template-columns:1fr;gap:30px}
  .hero-copy{max-width:760px}
  .hero-art{width:100%;max-width:760px;margin:0 auto}
  .dash-insights{grid-template-columns:1fr 1fr 1fr}
}
@media (max-width:820px){
  .wrap{width:min(100% - 32px,720px)}
  .mid-cta-card{grid-template-columns:1fr;padding:30px}
  .mid-cta-form{grid-template-columns:1fr}
  .mid-cta-form .btn,.mid-cta-form small{grid-column:auto}
  .dash-nav{align-items:flex-start;gap:12px}
  .dash-tabs{justify-content:flex-start;overflow-x:auto;max-width:100%;flex-wrap:nowrap;padding-bottom:5px}
  .dash-tab{flex:0 0 auto}
  .dash-insights{grid-template-columns:1fr}
  .dashboard-section .dash-metric strong{font-size:24px}
}
@media (max-width:640px){
  .wrap{width:calc(100% - 28px)}
  body{font-size:16px!important}
  p,.service-card>p,.section-heading>p,.audience-copy p,.problem-copy p,.case-card p,.principle p,.tech-intro p,.faq details p,.contact-intro>p,.final-inner p,.footer-top p,.process-list p,.fly-detail p,.transform-list span,.outcome-card p{font-size:16px!important;line-height:1.75!important}
  .hero-copy>p{font-size:16px!important}
  .nav a{font-size:14px!important}
  .nav .cta{font-size:14px!important}
  .section-heading h2{font-size:clamp(34px,9.5vw,44px)}
  .hero h1{font-size:clamp(40px,11vw,54px);max-width:11ch}
  .mid-cta-card{padding:24px 20px;border-radius:22px}
  .mid-cta-card h2{font-size:36px}
  .mid-cta-form input,.mid-cta-form select{height:52px;font-size:14px}
  .dashboard-section .dash-metric strong{font-size:23px}
  .dash-insights small{font-size:13px!important}
  .footer-top{padding-bottom:50px}
  .footer h2{font-size:40px}
}
@media (max-width:420px){
  .wrap{width:calc(100% - 22px)}
  .hero h1{font-size:38px}
  .hero-art{height:330px!important}
  .hero-core{width:calc(100% - 20px)!important}
  .kpi-a,.kpi-b{transform:none!important;min-width:0;max-width:46%}
  .kpi-a{left:0}.kpi-b{right:0}
  .core-title{font-size:19px!important}
  .core-metrics strong{font-size:17px!important}
  .mid-cta-card h2{font-size:32px}
  .footer h2{font-size:34px}
  .footer-socials a{width:42px!important;height:42px!important}
}


/* ============================================================
   IMTADIA V15 — FINAL INSTALLABLE / READABILITY / RESPONSIVE HARDENING
   ============================================================ */
:root{--v15-body:16px;--v15-body-leading:1.76}
html{max-width:100%;overflow-x:hidden}
body{font-size:var(--v15-body)!important;line-height:var(--v15-body-leading)!important;max-width:100%;overflow-x:hidden}
body *{min-width:0}
p,.section-heading p,.service-card>p,.audience-copy p,.problem-copy p,.case-card p,.principle p,.tech-intro p,.faq details p,.contact-intro>p,.final-inner p,.footer-top p,.process-list p,.fly-detail p{font-size:16px!important;line-height:1.76!important}
.nav a{font-size:14px!important;font-weight:600!important}
.nav .cta{font-size:14px!important;font-weight:700!important}
.footer,.footer a,.footer span,.footer p,.footer li,.footer-title,.footer-socials,.footer-socials a{font-size:15px}
.footer-grid li a,.footer-top p,.footer .bottom{font-size:15px!important;line-height:1.7!important}
.field input,.field select,.field textarea{font-size:15px!important;line-height:1.5!important}
.hero-copy>p{font-size:18px!important;line-height:1.7!important}
.eyebrow,.kicker{font-size:12px!important}
.hero-micro{font-size:12px!important}
.btn{font-size:14px!important}
.section-heading{min-width:0}
.hero-grid,.audience-layout,.problem-layout,.services-grid,.dash-main,.transform-grid,.case-layout,.tech-architecture,.contact-layout,.footer-top,.footer-grid{width:100%;min-width:0;max-width:100%}
img,svg,video,canvas{max-width:100%}
@media (max-width:980px){
  .wrap{width:min(100% - 32px,var(--wrap))}
  .hero-grid{grid-template-columns:1fr;gap:28px}
  .hero-art{width:100%;max-width:680px;margin:0 auto;overflow:hidden}
  .hero-core{max-width:92%}
  .floating-kpi,.hero-node{max-width:38%}
  .services-grid,.audience-layout,.contact-layout,.case-layout,.transform-grid,.tech-architecture,.dash-main{grid-template-columns:1fr}
}
@media (max-width:760px){
  .wrap{width:min(100% - 28px,var(--wrap))}
  .header{height:72px}
  .nav{font-size:14px}
  .nav .cta{font-size:13px!important}
  .hero{min-height:auto;padding:112px 0 72px}
  .hero-grid{padding-top:0}
  .hero h1{font-size:clamp(38px,11vw,56px);max-width:12ch}
  .hero-copy>p{font-size:16px!important}
  .actions .btn{width:100%}
  .hero-art{height:400px;max-width:620px}
  .orbit-a{width:360px;height:360px}.orbit-b{width:270px;height:270px}
  .hero-core{width:min(94%,500px);padding:16px}
  .node-top,.node-bottom,.node-left,.node-right{font-size:10px;transform:scale(.88)}
  .kpi-a,.kpi-b{transform:scale(.9)}
  .section{padding:86px 0}
  .section-heading h2,.contact-intro h2{font-size:clamp(32px,9vw,46px)}
  .service-card{padding:24px}
  .dash-mini-list{grid-template-columns:1fr 1fr!important}
  .process-orbit{max-width:100%;overflow:hidden}
  .footer-grid{grid-template-columns:1fr!important}
}
@media (max-width:520px){
  .wrap{width:calc(100% - 24px)}
  .hero{padding-top:102px}
  .hero h1{font-size:38px}
  .hero-art{height:335px}
  .hero-core{width:95%;border-radius:18px}
  .hero-core .core-title{font-size:21px}
  .core-metrics{grid-template-columns:1fr 1fr!important}
  .core-metrics strong{font-size:15px}
  .hero-grid-bg{inset:10px}
  .orbit-a{width:290px;height:290px}.orbit-b{width:220px;height:220px}
  .floating-kpi{display:none}
  .node-top,.node-bottom{display:none}
  .node-left{left:0}.node-right{right:0}
  .section{padding:72px 0}
  .section-heading p,p,.service-card>p,.footer-top p,.footer-grid li a,.footer .bottom{font-size:16px!important}
  .footer{padding-top:66px}
  .footer-socials a{width:42px;height:42px}
}
@media (max-width:390px){
  .hero h1{font-size:34px}
  .hero-art{height:305px}
  .hero-core{padding:13px}
  .core-metrics div{padding:8px 7px}
  .core-title{font-size:19px!important}
  .section-heading h2,.contact-intro h2{font-size:30px}
}


/* ============================================================
   V15.1 — MID-SCROLL CONSULTATION POPUP
   Replaces the inline CTA form that could collide with the section above.
   ============================================================ */
.consult-fab{position:fixed;right:24px;bottom:24px;z-index:1200;opacity:0;visibility:hidden;transform:translateY(14px) scale(.88);transition:opacity .35s ease,transform .35s ease,visibility .35s ease;pointer-events:none;}
.consult-fab.is-visible{opacity:1;visibility:visible;transform:translateY(-50%) scale(1);pointer-events:auto;}
.consult-fab-button{position:relative;width:104px;height:104px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:radial-gradient(circle at 32% 26%,#7f6cff 0,#6c59e8 38%,#171a22 100%);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;box-shadow:0 18px 48px rgba(17,20,27,.28),0 0 0 10px rgba(111,93,236,.06);isolation:isolate;}
.consult-fab-button:hover{transform:translateY(-3px);box-shadow:0 24px 56px rgba(17,20,27,.34),0 0 0 12px rgba(111,93,236,.08);}
.consult-fab-ring{position:absolute;inset:7px;border:1px solid rgba(255,255,255,.18);border-radius:50%;animation:consultPulse 2.8s ease-in-out infinite;}
.consult-fab-label{font:800 11px/1.15 Manrope,sans-serif;letter-spacing:.08em;text-align:center;position:relative;z-index:2;}
.consult-fab-arrow{width:25px;height:25px;margin-top:5px;border-radius:50%;background:rgba(255,255,255,.12);display:grid;place-items:center;position:relative;z-index:2;}
.consult-fab-arrow svg{width:12px;height:12px;fill:currentColor;}
@keyframes consultPulse{0%,100%{transform:scale(1);opacity:.35}50%{transform:scale(1.045);opacity:.75}}
.consult-modal{position:fixed;inset:0;z-index:1300;display:grid;place-items:center;padding:22px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility .28s ease;}
.consult-modal.is-open{opacity:1;visibility:visible;pointer-events:auto;}
.consult-modal-backdrop{position:absolute;inset:0;background:rgba(9,11,15,.72);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);}
.consult-modal-card{position:relative;width:min(560px,100%);background:#fbfbfd;color:#171a22;border:1px solid rgba(255,255,255,.28);border-radius:28px;padding:30px;box-shadow:0 35px 100px rgba(0,0,0,.35);transform:translateY(16px) scale(.97);transition:transform .3s ease;overflow:hidden;}
.consult-modal.is-open .consult-modal-card{transform:none;}
.consult-modal-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 5%,rgba(112,88,255,.13),transparent 34%),radial-gradient(circle at 10% 90%,rgba(59,191,239,.09),transparent 35%);pointer-events:none;}
.consult-modal-card>*{position:relative;z-index:1;}
.consult-modal-card .kicker{display:block;color:#5b4db4;margin-bottom:10px;}
.consult-modal-card h2{font:800 clamp(32px,5vw,44px)/1.05 Manrope,sans-serif;letter-spacing:-.045em;margin:0 0 12px;color:#151821;max-width:13ch;}
.consult-modal-card h2 em{font-style:normal;background:linear-gradient(90deg,#6958eb,#4f8eea);-webkit-background-clip:text;background-clip:text;color:transparent;}
.consult-modal-card>p{font-size:16px!important;line-height:1.7!important;color:#5e6572!important;margin:0 0 18px;max-width:48ch;}
.consult-modal-close{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:50%;border:1px solid #dde0e8;background:#fff;color:#444a56;font-size:24px;line-height:1;display:grid;place-items:center;cursor:pointer;z-index:3;}
.consult-modal-close:hover{background:#f3f4f7;border-color:#cdd1db;}
.consult-modal-form{display:grid;gap:10px;}
.consult-modal-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.consult-modal-form input,.consult-modal-form select{width:100%;border:1px solid #dfe2e9;background:rgba(255,255,255,.92);color:#171a22;border-radius:13px;padding:13px 14px;font-size:16px;line-height:1.4;outline:none;}
.consult-modal-form input::placeholder{color:#8c929d;}
.consult-modal-form input:focus,.consult-modal-form select:focus{border-color:#7563e8;box-shadow:0 0 0 4px rgba(117,99,232,.10);}
.consult-modal-form .btn{width:100%;min-height:54px;font-size:15px!important;}
.consult-modal-form small{display:block;text-align:center;color:#7b828e;font-size:12px;line-height:1.55;}
body.consult-modal-open{overflow:hidden;}
@media(max-width:760px){
  .consult-fab{left:12px;right:auto;top:50%;bottom:auto;}
  .consult-fab-button{width:86px;height:86px;}
  .consult-fab-label{font-size:9px;}
  .consult-fab-arrow{width:21px;height:21px;margin-top:3px;}
  .consult-modal{padding:14px;}
  .consult-modal-card{padding:24px 18px 18px;border-radius:22px;}
  .consult-modal-card h2{font-size:30px;}
  .consult-modal-row{grid-template-columns:1fr;}
  .consult-modal-form input,.consult-modal-form select{font-size:16px;}
}
@media(max-width:390px){
  .consult-fab-button{width:76px;height:76px;}
  .consult-fab-label{font-size:8px;}
  .consult-fab-arrow{width:18px;height:18px;}
  .consult-modal-card{padding:22px 15px 16px;}
}
@media(prefers-reduced-motion:reduce){
  .consult-fab,.consult-modal,.consult-modal-card,.consult-fab-button{transition:none;}
  .consult-fab-ring{animation:none;}
}


/* Final safety: the retired inline mid-page CTA must never reserve layout space. */
.mid-cta-section{display:none!important}


/* ============================================================
   V15.2 — COMMERCE STACK STRIP
   The stack is intentionally compact (12px), separated into
   clear categories, and wraps rather than colliding at any width.
   ============================================================ */
.platforms-strip{background:#0f1218;color:#dfe3ea;border-top:1px solid #1d222b;border-bottom:1px solid #1d222b;overflow:hidden}
.platform-row{min-height:100px;display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,2fr);align-items:center;gap:38px;padding:18px 0}
.platform-lead-wrap{min-width:0;display:flex;flex-direction:column;gap:6px}
.platform-lead-kicker{font:800 10px/1 "IBM Plex Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:#777f8e}
.platform-lead{font:700 13px/1.35 Manrope,Inter,sans-serif;letter-spacing:.01em;color:#f5f7fa;text-transform:none}
.platform-groups{min-width:0;display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:10px;align-items:stretch}
.platform-group{min-width:0;border-left:1px solid #262b34;padding-left:16px;display:flex;flex-direction:column;gap:8px}
.platform-group:first-child{border-left:0;padding-left:0}
.platform-group-label{font:800 9px/1 "IBM Plex Mono",monospace;letter-spacing:.11em;text-transform:uppercase;color:#737c8a;white-space:nowrap}
.platform-track{display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-width:0;overflow:visible}
.platform-chip{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 10px;border-radius:999px;border:1px solid #2b313c;background:#161a21;color:#d7dbe2;font:650 12px/1 Inter,system-ui,sans-serif;letter-spacing:.005em;white-space:nowrap;transition:transform .22s ease,border-color .22s ease,background .22s ease,color .22s ease,box-shadow .22s ease}
.platform-chip:hover{transform:translateY(-1px);color:#fff;background:#1b2029;border-color:#414956;box-shadow:0 8px 20px rgba(0,0,0,.18)}
.platform-chip.stores{border-color:rgba(118,87,255,.25);color:#cfc8ff;background:rgba(118,87,255,.08)}
.platform-chip.stores:hover{border-color:rgba(150,132,255,.55);background:rgba(118,87,255,.14)}
.platform-chip.markets{border-color:rgba(98,216,255,.22);color:#bcecff;background:rgba(98,216,255,.07)}
.platform-chip.markets:hover{border-color:rgba(110,221,255,.52);background:rgba(98,216,255,.12)}
.platform-chip.data{border-color:rgba(255,255,255,.11);color:#e1e5eb;background:rgba(255,255,255,.045)}
.platform-chip.automation{border-color:rgba(117,227,163,.2);color:#c9f4d9;background:rgba(117,227,163,.055)}
.platform-chip.automation:hover{border-color:rgba(117,227,163,.48);background:rgba(117,227,163,.1)}

@media(max-width:1120px){
  .platform-row{grid-template-columns:1fr;gap:16px;padding:20px 0}
  .platform-groups{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .platform-row{gap:18px;padding:18px 0}
  .platform-groups{grid-template-columns:1fr;gap:12px}
  .platform-group{border-left:0;border-top:1px solid #252b34;padding:12px 0 0}
  .platform-group:first-child{border-top:0;padding-top:0}
  .platform-group-label{font-size:9px}
  .platform-chip{font-size:12px;min-height:32px;padding:0 11px}
}
@media(max-width:420px){
  .platform-lead{font-size:12px}
  .platform-chip{font-size:12px}
}


/* ============================================================
   IMTADIA V16 FINAL — RESPONSIVE ARCHITECTURE / VISUAL POLISH
   Full-bleed section surfaces; contained readable inner layouts.
   12px is the smallest visible UI type; body/content is 16px.
   ============================================================ */
:root{
  --v16-body:16px;
  --v16-side:32px;
  --v16-wrap:1180px;
  --v16-surface:#ffffff;
  --v16-paper:#f7f7fa;
  --v16-ink:#0b0d12;
  --v16-copy:#4f5866;
  --v16-muted:#77808d;
}
html,body{width:100%;max-width:100%;overflow-x:hidden}
body{font-size:var(--v16-body)!important;line-height:1.75!important;color:var(--v16-copy)!important}
body *{min-width:0}
/* Every section owns its background edge-to-edge. Only its inner content is inset. */
.section,.hero,.platforms-strip,.footer,.final-cta{width:100%;max-width:100%}
.wrap{width:min(var(--v16-wrap),calc(100% - (var(--v16-side) * 2)))!important;max-width:var(--v16-wrap)!important;margin-inline:auto}
.section{padding-block:128px}
.section-heading{max-width:780px;margin-bottom:58px}
.section-heading>p,.hero-copy>p,.service-card>p,.audience-copy,.problem-copy p,.fly-detail p,.transform-list span,
.outcome-card p,.case-card p,.principle p,.tech-section p,.process-list p,.faq details p,.contact-intro>p,
.final-inner p,.footer-top p{font-size:16px!important;line-height:1.78!important}
.section-heading>p{max-width:700px}
/* 12px minimum for labels/metadata; keep them readable and visually quiet. */
.kicker,.eyebrow,.platform-lead-kicker,.platform-group-label,.footer-title,.footer-kicker,.bottom,
.hero-micro,.hero-proof span,.hero-node span,.hero-node b,.core-top,.core-metrics small,.core-metrics em,
.chart-label,.dash-nav>span,.dash-tab,.dash-metric small,.dash-metric span,.dash-bottom small,
.transform-tag,.transform-tab,.outcome-card>span,.case-meta,.process-core span,.process-core small,.process-step{font-size:12px!important}
.nav a{font-size:14px!important;font-weight:650!important}
.btn,.nav .cta{font-size:14px!important}
.footer-grid li a,.footer-note,.footer-wa{font-size:15px!important;line-height:1.72!important}

/* Layout containment — no grid item may force the viewport wider. */
.hero-grid,.platform-row,.audience-layout,.problem-grid,.flywheel-layout,.services-grid,.dash-layout,.dash-main,
.transform-grid,.outcome-grid,.case-layout,.case-grid,.process-layout,.principles,.tech-architecture,.faq-layout,.contact-layout,
.footer-top,.footer-grid{width:100%;max-width:100%;min-width:0}
.hero-grid>*,.platform-row>*,.audience-layout>*,.problem-grid>*,.flywheel-layout>*,.services-grid>*,.dash-layout>*,.dash-main>*,
.transform-grid>*,.outcome-grid>*,.case-layout>*,.case-grid>*,.process-layout>*,.principles>*,.tech-architecture>*,
.faq-layout>*,.contact-layout>*,.footer-top>*,.footer-grid>*{min-width:0;max-width:100%}
img,svg,video,canvas{max-width:100%;height:auto}
input,select,textarea,button{max-width:100%;min-width:0}

/* Header — contained and mobile-safe. */
.header{padding-inline:0}
.header-in{min-width:0}
.logo{min-width:0;flex:0 1 auto}
.nav{min-width:0}
@media (max-width:1100px){
  .nav{left:16px;right:16px;max-width:none;width:auto}
}

/* Hero — reduce decorative overflow before it can collide with content. */
.hero{overflow:hidden}
.hero-grid{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr)}
.hero-copy{min-width:0;position:relative;z-index:5}
.hero-art{width:100%;max-width:690px;min-width:0;margin-inline:auto;overflow:clip;contain:layout paint}
.hero-grid-bg{inset:28px 12px 22px;max-width:calc(100% - 24px)}
.hero-orbit{max-width:calc(100% - 14px);height:auto;aspect-ratio:1}
.orbit-a{width:min(520px,calc(100% - 16px));height:auto}
.orbit-b{width:min(390px,calc(100% - 110px));height:auto}
.hero-core{width:min(500px,calc(100% - 70px));max-width:calc(100% - 24px)}
.floating-kpi,.hero-node{max-width:180px}
.node-top,.node-bottom{max-width:145px}
.node-left,.node-right{max-width:145px}

/* Cards/visuals: preserve clear air around text instead of squeezing interiors. */
.service-card,.outcome-card,.case-card,.principle,.audience-panel,.control-dashboard,.form-shell,.transform-grid,.tech-architecture,
.faq,.contact-layout,.final-inner{min-width:0}
.service-card h3,.outcome-card strong,.case-card h3,.principle h3,.transform-column h3,.contact-intro h2,.final-inner h2{overflow-wrap:anywhere}

/* Commerce stack: keep 12px chips and never let them overlap. */
.platform-groups{min-width:0}
.platform-chip{font-size:12px!important;line-height:1!important}

/* Dashboard: tabs scroll horizontally on touch instead of expanding the page. */
.dash-tabs{min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;justify-content:flex-start;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.dash-tabs::-webkit-scrollbar{display:none}
.dash-tab{flex:0 0 auto}
.dash-insights{grid-template-columns:repeat(3,minmax(0,1fr))}
.dash-insights>div{min-width:0}

/* Transformation: vertically staged on narrower screens. */
.transform-grid{min-width:0;overflow:hidden}
.transform-column{min-width:0}
.transform-list span{overflow-wrap:anywhere}

/* Process: keep orbital graphics inside their own canvas. */
.process-orbit{width:100%;max-width:560px;margin-inline:auto;overflow:hidden;contain:layout paint}
.process-ring{max-width:100%;aspect-ratio:1}
.ring-one{width:min(410px,calc(100% - 22px));height:auto}
.ring-two{width:min(300px,calc(100% - 105px));height:auto}
.process-core{max-width:160px;max-height:160px}
.process-step{max-width:120px;white-space:normal;text-align:center}

/* Technology/FAQ/contact columns must never push beyond the viewport. */
.tech-column,.faq,.form-shell{min-width:0;max-width:100%}
.form input,.form select,.form textarea{width:100%;font-size:16px!important}

/* Consultation FAB stays outside normal flow and remains inside safe screen margins. */
.consult-fab{left:clamp(12px,2.4vw,24px);right:auto;top:50%;bottom:auto;transform:translateY(-50%) scale(.88)}
.consult-fab.is-visible{transform:translateY(-50%) scale(1)}

/* Touch devices: remove hover lift/parallax pressure from the layout. */
@media (hover:none){
  .service-card:hover,.outcome-card:hover,.case-card:hover,.btn:hover,.platform-chip:hover,.footer-socials a:hover{transform:none}
}

@media (max-width:1180px){
  :root{--v16-side:24px}
  .section{padding-block:112px}
  .hero-grid{gap:34px}
  .services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .outcome-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .principles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tech-architecture{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:900px){
  :root{--v16-side:24px}
  .section{padding-block:94px}
  .hero{min-height:auto;padding-block:116px 80px}
  .hero-grid{grid-template-columns:1fr;gap:48px}
  .hero-copy{max-width:760px;margin-inline:auto;text-align:left}
  .hero-art{height:520px;max-width:720px}
  .audience-layout,.problem-grid,.flywheel-layout,.process-layout,.contact-layout{grid-template-columns:1fr}
  .dash-layout{grid-template-columns:1fr}
  .dash-main{grid-template-columns:1fr}
  .transform-grid{grid-template-columns:1fr}
  .transform-center{min-height:140px}
  .transform-column.after{order:3}
  .services-grid{grid-template-columns:1fr 1fr}
  .tech-architecture{grid-template-columns:1fr 1fr}
  .faq-layout{grid-template-columns:1fr}
  .footer-top{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:680px){
  :root{--v16-side:20px}
  body{font-size:16px!important}
  .wrap{width:calc(100% - 40px)!important}
  .section{padding-block:82px}
  .section-heading{margin-bottom:38px}
  .section-heading h2,.contact-intro h2,.final-inner h2{font-size:clamp(32px,9vw,44px)}
  .section-heading>p,.hero-copy>p,.service-card>p,.audience-copy,.problem-copy p,.fly-detail p,.transform-list span,
  .outcome-card p,.case-card p,.principle p,.tech-section p,.process-list p,.faq details p,.contact-intro>p,
  .final-inner p,.footer-top p{font-size:16px!important;line-height:1.78!important}
  .hero{padding-block:96px 58px}
  .hero h1{font-size:clamp(40px,11vw,58px);max-width:12ch}
  .actions{flex-direction:column;align-items:stretch}
  .actions .btn{width:100%;min-height:52px}
  .hero-art{height:390px;max-width:100%}
  .hero-grid-bg{inset:10px 4px}
  .orbit-a{width:min(340px,calc(100% - 24px))}
  .orbit-b{width:min(250px,calc(100% - 100px))}
  .hero-core{width:min(430px,calc(100% - 50px));padding:15px}
  .node-left,.node-right,.floating-kpi{display:none}
  .node-top,.node-bottom{display:none}
  .core-title{font-size:22px}
  .core-metrics{grid-template-columns:1fr 1fr!important}
  .core-metrics div{min-width:0}
  .platform-groups{grid-template-columns:1fr;gap:12px}
  .platform-group{border-left:0;border-top:1px solid #252b34;padding:12px 0 0}
  .platform-group:first-child{border-top:0;padding-top:0}
  .platform-chip{font-size:12px!important;min-height:32px}
  .audience-main{grid-template-columns:1fr;gap:18px;margin-top:46px}
  .audience-word{font-size:54px}
  .audience-map{flex-wrap:wrap;margin-top:38px}
  .problem-row{grid-template-columns:42px 1fr}
  .services-grid,.outcome-grid,.principles,.tech-architecture,.footer-grid{grid-template-columns:1fr!important}
  .service-card{padding:23px}
  .dash-tabs{margin-top:12px}
  .dash-insights{grid-template-columns:1fr!important}
  .transform-column{padding:22px}
  .transform-center{min-height:110px}
  .process-orbit{height:340px}
  .ring-one{width:min(286px,calc(100% - 28px))}
  .ring-two{width:min(205px,calc(100% - 92px))}
  .process-core{width:132px;height:132px}
  .process-core strong{font-size:20px}
  .process-step{max-width:88px;font-size:12px!important;padding:8px 9px}
  .ps2,.ps3{right:8px}.ps4,.ps5{left:8px}
  .ps1{top:12px}
  .footer-grid{gap:30px}
  .footer-socials{gap:9px}
  .footer-socials a{width:44px!important;height:44px!important}
  .footer-top p,.footer-note,.footer-grid li a,.footer-wa{font-size:15px!important}
  .bottom{font-size:12px!important;display:flex;flex-direction:column;gap:8px}
  .consult-fab-button{width:84px;height:84px}
  .consult-fab-label{font-size:10px}
}

@media (max-width:420px){
  :root{--v16-side:16px}
  .wrap{width:calc(100% - 32px)!important}
  .header{height:68px}
  .header.scrolled{height:62px}
  .logo img{width:112px}
  .hero{padding-top:84px}
  .hero h1{font-size:35px;max-width:12ch}
  .hero-copy>p{font-size:16px!important}
  .hero-art{height:320px}
  .hero-core{width:calc(100% - 30px);padding:12px;border-radius:17px}
  .core-top{font-size:12px!important}
  .core-title{font-size:19px!important;margin:14px 0}
  .core-metrics{gap:5px}
  .core-metrics div{padding:8px;min-height:61px}
  .core-metrics small{font-size:12px!important}
  .core-metrics em{font-size:12px!important}
  .core-metrics strong{font-size:15px}
  .dash-tabs{gap:6px}
  .dashboard-section .dash-tab{font-size:12px!important;padding:9px 12px}
  .transform-tab{font-size:12px!important}
  .process-orbit{height:300px}
  .ring-one{width:245px}.ring-two{width:175px}
  .process-core{width:116px;height:116px}
  .process-core strong{font-size:18px}
  .process-step{max-width:76px;font-size:12px!important;padding:7px}
  .consult-fab-button{width:74px;height:74px}
  .consult-fab-label{font-size:9px}
  .consult-fab-arrow{width:18px;height:18px}
}

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

/* V16.1: consultation control is vertically centered on the left edge. */
@media (max-width: 480px){
  .consult-fab{left:10px;right:auto;top:50%;bottom:auto;}
  .consult-fab-button{width:72px;height:72px;}
  .consult-fab-label{font-size:8px;letter-spacing:.06em;}
}

/* V19 — commercial measurement system: clear signals, honest framing. */
.proof-section{background:linear-gradient(180deg,#f4f4f7 0%,#f8f8fb 100%)}
.proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:42px}
.proof-card{position:relative;background:#fff;border:1px solid #e0e2e8;border-radius:24px;padding:22px;overflow:hidden;box-shadow:0 14px 40px rgba(27,31,43,.05)}
.proof-card:after{content:"";position:absolute;inset:auto -20% -55% -20%;height:180px;background:radial-gradient(circle,rgba(118,87,255,.10),transparent 68%);pointer-events:none}
.proof-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.proof-label{display:block;font:800 11px/1.2 "IBM Plex Mono",monospace;letter-spacing:.1em;color:#707787;text-transform:uppercase}
.proof-card h3{font:800 27px/1.08 Manrope,Inter,sans-serif;letter-spacing:-.04em;margin:9px 0 0;color:#181c25}
.proof-card>p{font-size:16px;line-height:1.7;color:#5a6270;margin:16px 0 0;max-width:48ch}
.proof-badge{font:800 11px/1 "IBM Plex Mono",monospace;letter-spacing:.08em;color:#5f50e8;border:1px solid #d9d4ff;background:#f6f4ff;border-radius:999px;padding:7px 9px;white-space:nowrap}
.proof-graph{position:relative;margin-top:24px;height:190px;border:1px solid #e6e7ec;background:linear-gradient(180deg,#fbfbfe,#f7f7fa);border-radius:18px;overflow:hidden;padding:22px 16px 10px 28px}
.proof-graph:before{content:"";position:absolute;inset:24px 16px 36px 28px;background:repeating-linear-gradient(to top,transparent 0,transparent 24px,rgba(121,126,141,.12) 25px);pointer-events:none}
.proof-axis{position:absolute;left:8px;top:20px;bottom:36px;display:flex;flex-direction:column;justify-content:space-between;font:800 9px/1 "IBM Plex Mono",monospace;color:#9aa0aa;z-index:1}
.proof-bars{position:relative;z-index:2;height:128px;display:flex;align-items:flex-end;gap:8px}
.proof-bars i{display:block;flex:1;height:0;background:linear-gradient(180deg,#846dff 0%,#5d47dd 100%);border-radius:6px 6px 2px 2px;box-shadow:0 8px 18px rgba(95,71,221,.12);transition:height 1100ms cubic-bezier(.16,1,.3,1)}
.proof-bars-down i{background:linear-gradient(180deg,#71d1ef 0%,#4d9fc1 100%)}
.proof-graph.is-live .proof-bars i{height:var(--h)}
.proof-line{position:absolute;left:28px;right:16px;bottom:11px;display:flex;align-items:center;justify-content:space-between;gap:8px;font:800 9px/1 "IBM Plex Mono",monospace;letter-spacing:.04em;color:#969ca6;z-index:3}
.proof-line b{color:#5d6170}
.proof-line strong{color:#181c25}
.proof-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:15px;padding-top:14px;border-top:1px solid #ececf1}
.proof-footer span{font:700 11px "IBM Plex Mono",monospace;color:#8b919c;letter-spacing:.04em;text-transform:uppercase}
.proof-footer strong{font:800 23px/1 Manrope,sans-serif;letter-spacing:-.03em;color:#1a1e27}
.proof-note{display:block;margin-top:9px;font-size:12px;line-height:1.5;color:#8b919d}
.proof-disclaimer{margin-top:18px}
@media(max-width:1040px){.proof-grid{grid-template-columns:1fr 1fr}.proof-card:last-child{grid-column:1/-1}}
@media(max-width:720px){.proof-grid{grid-template-columns:1fr}.proof-card:last-child{grid-column:auto}.proof-card h3{font-size:24px}.proof-card>p{font-size:16px}.proof-graph{height:175px}}

/* V18 — evidence-first proof system */
.proof-section{background:linear-gradient(180deg,#f4f5f8 0%,#fafafd 100%)}
.proof-grid-v18{align-items:stretch}
.proof-card-v18{display:flex;flex-direction:column;min-width:0}
.proof-card-v18>p{font-size:16px;line-height:1.75;color:#565e6c;margin:16px 0 0;max-width:52ch}
.proof-live{color:#2f6f5a!important;background:#eef8f3!important;border-color:#cce9da!important}
.v18-graph{height:184px}
.proof-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}
.proof-metrics span{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:9px 10px;border:1px solid #e5e7ec;border-radius:10px;background:#fbfbfc;min-width:0}
.proof-metrics b{font:700 12px/1.2 Inter,sans-serif;color:#7b8290;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.proof-metrics strong{font:800 14px/1 Manrope,sans-serif;color:#1b1f29}
.proof-card-v18 .proof-footer{margin-top:14px}
.proof-card-v18 .proof-footer strong{font-size:17px;line-height:1.2;max-width:24ch}
.proof-authenticity{display:flex;align-items:flex-start;gap:12px;margin-top:18px;padding:15px 16px;border:1px solid #dfe2e8;border-radius:16px;background:#fff;color:#6b7280}
.proof-authenticity svg{width:20px;height:20px;flex:0 0 20px;color:#5d47dd;margin-top:2px}
.proof-authenticity p{margin:0;font-size:14px;line-height:1.65}
.proof-authenticity strong{color:#1c2029}
@media(max-width:720px){
  .proof-card-v18>p{font-size:16px}
  .proof-metrics{grid-template-columns:1fr 1fr}
  .proof-card-v18 .proof-footer strong{font-size:16px}
  .proof-authenticity p{font-size:14px}
}

/* ========================= V19 FINAL POLISH ========================= */
:root{--v19-violet:#6e58ff;--v19-cyan:#57c7ea;--v19-ink:#14171e;--v19-muted:#69717d;--v19-dark:#080b10;--v19-dark2:#10151d}
html,body{max-width:100%;overflow-x:hidden}
body{font-size:16px;line-height:1.72;color:var(--v19-ink)}
.wrap{width:min(1240px,calc(100% - 64px));margin-inline:auto}
.section{overflow:clip}
.hero-dark-copy .eyebrow,.hero-dark-copy h1{color:#f5f7fb}
.hero-dark-copy .hero-copy>p{color:#c2c9d3}
.hero-dark-copy .hero-micro{color:#aab2bd}
.hero-dark-copy .hero-proof span{color:#aeb6c1}
.hero-dark-copy .hero-proof strong{color:#ffffff}
.hero-dark-copy:after{background:linear-gradient(90deg,rgba(6,8,12,.88),rgba(6,8,12,.38) 52%,transparent 78%),linear-gradient(180deg,transparent 84%,rgba(110,88,255,.10))}
#services{scroll-margin-top:90px}
.service-section{position:relative}
.service-section .section-heading h2{font-size:clamp(44px,5vw,64px)}
.service-section .section-heading h2 em{color:var(--v19-violet)}
.services-cta-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 28px;padding:14px 16px;border:1px solid #e1e4ea;border-radius:16px;background:#f8f9fb;color:#59616d}
.services-cta-bar span{font-weight:600}
.services-cta-bar .btn{margin:0;flex:0 0 auto}
/* section 03: selected left panel + glow + subtle spin */
.fly-item{position:relative;transition:background .35s ease,color .35s ease,border-color .35s ease,transform .35s ease}
.fly-item.is-active{background:linear-gradient(90deg,rgba(110,88,255,.10),rgba(87,199,234,.05));border-color:rgba(110,88,255,.30);transform:translateX(6px)}
.fly-item.is-active h3{font-weight:850;color:#171a23}
.flywheel-visual{transition:filter .35s ease,transform .35s ease}
.flywheel-visual.stage-acquire{filter:drop-shadow(0 0 24px rgba(110,88,255,.12))}
.flywheel-visual.stage-convert{filter:drop-shadow(0 0 24px rgba(87,199,234,.15))}
.flywheel-visual.stage-operate{filter:drop-shadow(0 0 24px rgba(110,88,255,.10))}
.flywheel-visual.stage-retain{filter:drop-shadow(0 0 24px rgba(87,199,234,.12))}
.flywheel-visual.stage-measure{filter:drop-shadow(0 0 24px rgba(110,88,255,.14))}
.flywheel-visual.stage-acquire .flywheel-lines,.flywheel-visual.stage-convert .flywheel-lines,.flywheel-visual.stage-operate .flywheel-lines,.flywheel-visual.stage-retain .flywheel-lines,.flywheel-visual.stage-measure .flywheel-lines{animation:flywheelMicroSpin .9s ease}
@keyframes flywheelMicroSpin{from{transform:rotate(0deg)}to{transform:rotate(12deg)}}
/* section 02 response states: active word emphasis + visual pulse */
.problem-stat strong{display:inline-block;transition:color .3s ease,text-shadow .3s ease}
.problem-stat strong.state-friction{color:#8b6a45;text-shadow:0 0 20px rgba(214,165,92,.20)}
.problem-stat strong.state-impact{color:#6b57d6;text-shadow:0 0 20px rgba(110,88,255,.22)}
.problem-stat strong.state-response{color:#3b7f8f;text-shadow:0 0 22px rgba(87,199,234,.26)}
.system-compare{transition:box-shadow .35s ease,transform .35s ease}
.system-compare.pulse-friction{box-shadow:0 0 0 1px rgba(214,165,92,.16),0 22px 70px rgba(214,165,92,.08)}
.system-compare.pulse-impact{box-shadow:0 0 0 1px rgba(110,88,255,.18),0 22px 70px rgba(110,88,255,.10)}
.system-compare.pulse-response{box-shadow:0 0 0 1px rgba(87,199,234,.18),0 22px 70px rgba(87,199,234,.10)}
/* section 06: changing surface colors + left-to-right arrow motion */
.transform-grid{position:relative;transition:background .35s ease,border-color .35s ease}
.transform-grid.is-journey .transform-column.before{background:#f3f2fa}
.transform-grid.is-journey .transform-column.after{background:#eefaf8}
.transform-grid.is-business .transform-column.before{background:#f4f0ea}
.transform-grid.is-business .transform-column.after{background:#eef5ff}
.transform-grid.is-systems .transform-column.before{background:#f0f1f4}
.transform-grid.is-systems .transform-column.after{background:#edf8ff}
.transform-center{position:relative}
.transform-arrow{transition:transform .65s cubic-bezier(.2,.85,.2,1),color .35s ease}
.transform-grid.transform-swap .transform-arrow{animation:arrowTravel .72s cubic-bezier(.2,.85,.2,1)}
@keyframes arrowTravel{0%{transform:translateX(-18px);opacity:.35}55%{transform:translateX(22px) scale(1.12);opacity:1}100%{transform:translateX(0)}}
.transform-grid.is-journey .transform-arrow{color:var(--v19-violet)}
.transform-grid.is-business .transform-arrow{color:#4b86d7}
.transform-grid.is-systems .transform-arrow{color:#2d9aaf}
/* consistent contrast */
.section-light,.service-section,.case-section,.why-section,.faq-section,.contact-section{color:#181c24}
.section-light p,.service-section p,.case-section p,.why-section p,.faq-section p,.contact-section p{color:#616a77}
.dark-section,.result-section,.process-section,.tech-section{color:#f4f6fa}
.dark-section p,.result-section p,.process-section p,.tech-section p{color:#b9c1cb}
/* responsive content gutters while keeping backgrounds edge-to-edge */
@media (max-width:1100px){.wrap{width:min(100%,calc(100% - 48px))}.service-section .section-heading h2{font-size:clamp(40px,6vw,56px)}}
@media (max-width:760px){.wrap{width:calc(100% - 36px)}.services-cta-bar{display:grid;grid-template-columns:1fr;gap:12px;padding:14px}.services-cta-bar .btn{width:100%;justify-content:center}.service-section .section-heading h2{font-size:40px}.fly-item.is-active{transform:none}.flywheel-visual.stage-acquire .flywheel-lines,.flywheel-visual.stage-convert .flywheel-lines,.flywheel-visual.stage-operate .flywheel-lines,.flywheel-visual.stage-retain .flywheel-lines,.flywheel-visual.stage-measure .flywheel-lines{animation-duration:.65s}.transform-grid{gap:12px}.transform-center{overflow:visible}.transform-arrow{position:relative!important;right:auto!important;bottom:auto!important;top:auto!important;transform:none!important}.transform-grid.transform-swap .transform-arrow{animation:arrowTravelMobile .72s ease}.transform-column.before,.transform-column.after{min-width:0}.problem-row p strong{font-size:17px}.problem-row p span{font-size:16px!important}}
@media (max-width:430px){.wrap{width:calc(100% - 28px)}body{font-size:16px}.hero-copy>p{font-size:16px!important}.section-heading>p{font-size:16px!important}.footer-top p,.footer-grid li a,.footer-note{font-size:15px!important}.services-cta-bar span{font-size:14px}.service-section .section-heading h2{font-size:36px}}
@keyframes arrowTravelMobile{0%{transform:translateX(-12px);opacity:.35}55%{transform:translateX(14px) scale(1.08);opacity:1}100%{transform:translateX(0)}}
@media (prefers-reduced-motion:reduce){.flywheel-visual.stage-acquire .flywheel-lines,.flywheel-visual.stage-convert .flywheel-lines,.flywheel-visual.stage-operate .flywheel-lines,.flywheel-visual.stage-retain .flywheel-lines,.flywheel-visual.stage-measure .flywheel-lines,.transform-grid.transform-swap .transform-arrow{animation:none}.fly-item.is-active{transform:none}}

/* =========================================================
   V20 FINAL — precision interaction, contrast, CRO & responsive hardening
   ========================================================= */
/* HERO: restore the original light presentation; do not darken the opening copy. */
.hero:not(.hero-dark-copy) .eyebrow{color:#5e6370!important}
.hero:not(.hero-dark-copy) h1{color:#171923!important}
.hero:not(.hero-dark-copy) .hero-copy>p{color:#656a76!important}
.hero:not(.hero-dark-copy) .hero-micro{color:#7c818d!important}
.hero:not(.hero-dark-copy) .hero-proof strong{color:#171923!important}
.hero:not(.hero-dark-copy) .hero-proof span{color:#777c87!important}

/* SECTION 02: dark surface always gets a light foreground. */
.problem-section .section-heading h2,
.problem-section .section-heading h2 em{color:#f7f8fb!important}
.problem-section .section-heading>p{color:#c1c7d0!important}
.problem-section .problem-stat strong{color:#f4f6fa!important}
.problem-section .problem-row{background:#11161d!important;border-color:#29303a!important}
.problem-section .problem-row p strong{color:#f1f4f8!important}
.problem-section .problem-row p span{color:#b9c1cc!important}
.problem-section .problem-row.is-highlighted{background:linear-gradient(135deg,rgba(113,84,255,.18),rgba(74,207,255,.07))!important;border-color:rgba(139,116,255,.48)!important;box-shadow:0 12px 40px rgba(43,30,100,.18)!important}
.problem-section .problem-row.is-muted{opacity:.52}
.problem-section .problem-tab{color:#b5bdc8!important}
.problem-section .problem-tab.is-active{color:#fff!important;background:#211d39!important;border-color:#5d4dd2!important}
.problem-section .problem-icon{color:#cfc8ff!important}
.problem-section .system-compare{color:#edf0f5!important}
.problem-section .compare-head span,.problem-section .compare-foot span{color:#8e97a4!important}
.problem-section .compare-head b,.problem-section .compare-foot b{color:#dbe0e8!important}

/* SECTION 03: selected right-side stage focuses the matching word on the left and spins the core once. */
.flywheel-visual{transform-origin:50% 50%;}
.flywheel-visual.spin-once .fly-core{animation:flyCoreSpinOnce .75s cubic-bezier(.2,.78,.18,1)}
@keyframes flyCoreSpinOnce{0%{transform:scale(1) rotate(0deg)}45%{transform:scale(1.06) rotate(5deg)}100%{transform:scale(1) rotate(360deg)}}
.fly-node{transition:transform .35s ease,filter .35s ease,background .35s ease,box-shadow .35s ease,color .35s ease}
.fly-node.node-focus{transform:scale(1.24)!important;color:#ffffff!important;background:linear-gradient(135deg,#6f54ff,#53cfff)!important;border-color:rgba(255,255,255,.75)!important;box-shadow:0 0 0 7px rgba(113,84,255,.10),0 0 34px rgba(113,84,255,.55)!important;z-index:8}
.fly-detail.detail-swap{animation:detailSwap .38s ease both}
@keyframes detailSwap{0%{opacity:.25;transform:translateX(-10px)}100%{opacity:1;transform:translateX(0)}}

/* SECTION 04: services are the main commercial focal point. */
.service-section{position:relative}
.service-section .section-heading h2{font-size:clamp(46px,5.4vw,76px);max-width:850px}
.service-section .section-heading>p{max-width:650px;font-size:17px!important}
.services-grid{gap:18px!important}
.service-card{min-height:420px;border:1px solid #dedee8!important;box-shadow:0 16px 45px rgba(20,18,34,.06)!important}
.service-card.is-active,.service-card:hover{border-color:rgba(113,84,255,.44)!important;box-shadow:0 25px 60px rgba(60,42,135,.11)!important;transform:translateY(-4px)}
.service-lead{margin-top:auto!important;display:inline-flex!important;align-items:center;gap:8px;padding:12px 15px;border-radius:12px;background:#171923;color:#fff!important;font-size:14px!important;font-weight:750!important;text-decoration:none!important;transition:transform .25s ease,box-shadow .25s ease,background .25s ease!important}
.service-lead:hover{background:#2b2550;box-shadow:0 12px 26px rgba(48,35,110,.20);transform:translateY(-2px)}
.service-lead svg{width:15px;height:15px}

/* Modal opened from any capability should feel intentional, not generic. */
.consult-modal-card{max-width:620px!important}
.consult-modal-card h2{max-width:520px}

/* SECTION 06 transformation: clear left-to-right signal and mode-specific color. */
.transform-grid{--transform-accent:#7355ff}
.transform-grid.is-journey{--transform-accent:#7355ff}
.transform-grid.is-business{--transform-accent:#20b7a6}
.transform-grid.is-systems{--transform-accent:#2c9fe8}
.transform-grid .transform-column.before{border-color:color-mix(in srgb,var(--transform-accent) 22%,#d8dae2)!important;background:linear-gradient(180deg,#ffffff,#f7f7fa)}
.transform-grid .transform-column.after{border-color:color-mix(in srgb,var(--transform-accent) 38%,#d8dae2)!important;background:linear-gradient(180deg,color-mix(in srgb,var(--transform-accent) 10%,#fff),#fff)}
.transform-grid .transform-center{color:var(--transform-accent)!important}
.transform-grid .transform-arrow{color:var(--transform-accent)!important}
.transform-grid.transform-swap .transform-arrow{animation:transformArrowTravel .72s cubic-bezier(.2,.8,.18,1) both}
@keyframes transformArrowTravel{0%{opacity:.3;transform:translateX(-34px)}55%{opacity:1;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}
.transform-grid.transform-swap .transform-column.after{animation:afterGlow .6s ease both}
.transform-grid.transform-swap .transform-column.before{animation:beforeTint .6s ease both}
@keyframes afterGlow{0%{box-shadow:none}50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--transform-accent) 9%,transparent),0 20px 55px color-mix(in srgb,var(--transform-accent) 12%,transparent)}100%{box-shadow:none}}
@keyframes beforeTint{0%{filter:none}50%{filter:saturate(.88);border-color:color-mix(in srgb,var(--transform-accent) 34%,#d8dae2)!important}100%{filter:none}}

/* Section 07: remove any legacy note if an old partial remains. */
.verified-note{display:none!important}

/* Responsive container: background stays full-bleed; content gets breathing room. */
.wrap{width:min(var(--wrap),calc(100% - 48px))!important;margin-inline:auto!important}
section>.wrap{padding-inline:0}
.hero-grid{padding-inline:0}

@media (max-width:900px){
  .wrap{width:min(var(--wrap),calc(100% - 40px))!important}
  .service-section .section-heading h2{font-size:clamp(42px,8vw,62px)}
  .service-card{min-height:390px}
}
@media (max-width:640px){
  .wrap{width:calc(100% - 32px)!important}
  .service-section .section-heading h2{font-size:clamp(36px,10vw,50px)}
  .service-section .section-heading>p{font-size:16px!important}
  .service-card{min-height:0;padding:22px!important}
  .service-lead{width:100%;justify-content:center}
  .problem-section .problem-tab{font-size:12px!important;white-space:normal;line-height:1.2}
  .problem-section .problem-tabs{flex-wrap:wrap}
  .flywheel-visual{min-height:360px}
  .fly-node.node-focus{transform:translate(-50%,-50%) scale(1.14)!important}
  .transform-grid .transform-arrow{margin:auto;max-width:70px}
}
@media (max-width:430px){
  .wrap{width:calc(100% - 28px)!important}
  .service-section .section-heading h2{font-size:36px}
  .service-card h3{font-size:23px!important}
  .service-card>p{font-size:16px!important}
  .service-lead{font-size:13px!important;min-height:48px}
}

.fly-node.fn1.node-focus{transform:translateX(-50%) scale(1.24)!important}

/* V21 — flywheel interaction refinement */
.flywheel-visual{isolation:isolate}
.flywheel-visual:before,.flywheel-visual:after{content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:0;opacity:0;transform:scale(.75)}
.flywheel-visual:before{width:250px;height:250px;background:radial-gradient(circle,rgba(118,87,255,.18),rgba(118,87,255,0) 68%);filter:blur(12px)}
.flywheel-visual:after{width:420px;height:420px;border:1px solid rgba(118,87,255,.08);animation:flyAura 4.5s ease-in-out infinite}
.flywheel-visual .flywheel-lines{z-index:0;transition:transform 900ms cubic-bezier(.16,1,.3,1),filter .45s ease}
.flywheel-visual .fly-core{z-index:3;transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s ease,filter .45s ease}
.flywheel-visual.spin-once .flywheel-lines{animation:flyWheelSpin .95s cubic-bezier(.16,1,.3,1)}
.flywheel-visual.spin-once .fly-core{animation:flyCoreSpinOnce .85s cubic-bezier(.16,1,.3,1),flyCorePulse .85s ease}
.flywheel-visual.boost-motion:before{opacity:1;animation:flyGlowBurst .9s ease-out}
.flywheel-visual.boost-motion:after{opacity:1;animation:flyAura .9s ease-out}
.flywheel-visual.stage-violet .flywheel-lines{filter:drop-shadow(0 0 9px rgba(118,87,255,.24))}
.flywheel-visual.stage-cyan .flywheel-lines{filter:drop-shadow(0 0 9px rgba(82,205,240,.24))}
.flywheel-visual.stage-blue .flywheel-lines{filter:drop-shadow(0 0 9px rgba(87,128,255,.22))}
.flywheel-visual.stage-rose .flywheel-lines{filter:drop-shadow(0 0 9px rgba(235,111,171,.22))}
.flywheel-visual.stage-green .flywheel-lines{filter:drop-shadow(0 0 9px rgba(100,201,153,.22))}
.flywheel-visual.stage-cyan .fly-node.node-focus{background:linear-gradient(135deg,#328da8,#66d9ff)!important}
.flywheel-visual.stage-blue .fly-node.node-focus{background:linear-gradient(135deg,#4c65d9,#78a1ff)!important}
.flywheel-visual.stage-rose .fly-node.node-focus{background:linear-gradient(135deg,#bb4e8d,#ff8bc5)!important}
.flywheel-visual.stage-green .fly-node.node-focus{background:linear-gradient(135deg,#338b68,#6bd6a5)!important}
@keyframes flyWheelSpin{0%{transform:rotate(0deg)}100%{transform:rotate(24deg)}}
@keyframes flyCorePulse{0%,100%{filter:brightness(1)}45%{filter:brightness(1.25)}}
@keyframes flyGlowBurst{0%{transform:scale(.55);opacity:.05}40%{transform:scale(1.05);opacity:.65}100%{transform:scale(1);opacity:.1}}
@keyframes flyAura{0%{transform:scale(.72);opacity:0}35%{transform:scale(1.05);opacity:.75}100%{transform:scale(1.18);opacity:0}}

/* V21 — capabilities are the commercial focus; remove the redundant center circle. */
.service-orchestrator{display:none!important}
.service-system{display:block}
.services-grid{position:relative;z-index:1}
.services-cta-bar{position:relative;z-index:2;margin-bottom:28px}

/* V21 — transformation states: text, surface and arrow all move together. */
.transform-grid .transform-column{transition:background .45s ease,color .35s ease,border-color .45s ease,box-shadow .45s ease,transform .55s var(--ease)}
.transform-grid .transform-column h3,.transform-grid .transform-list span,.transform-grid .transform-tag{transition:color .4s ease,opacity .35s ease,transform .5s var(--ease)}
.transform-grid .transform-arrow{transition:background .4s ease,border-color .4s ease,color .4s ease,box-shadow .4s ease,transform .55s var(--ease)}
.transform-grid.state-journey .before{background:linear-gradient(145deg,#f5f3fb,#fbfbfd);border-right-color:#ded8f5}
.transform-grid.state-journey .before .transform-tag,.transform-grid.state-journey .before h3{color:#5b4e99}
.transform-grid.state-journey .before .transform-list span{border-color:#e1ddf1;color:#626071}
.transform-grid.state-journey .after{background:linear-gradient(145deg,#f4f1ff,#fcfbff);border-left-color:#d9d0fb;box-shadow:inset 0 0 0 1px rgba(118,87,255,.05)}
.transform-grid.state-journey .after .transform-tag,.transform-grid.state-journey .after h3{color:#654fd4}
.transform-grid.state-journey .after .transform-list span{border-left-color:#a99ae9}
.transform-grid.state-journey .transform-arrow{background:#2b2450;border-color:#6f5be1;box-shadow:0 0 0 7px rgba(118,87,255,.08),0 0 28px rgba(118,87,255,.24)}
.transform-grid.state-business .before{background:linear-gradient(145deg,#f1f7f9,#fbfcfd);border-right-color:#d8e8ed}
.transform-grid.state-business .before .transform-tag,.transform-grid.state-business .before h3{color:#356f80}
.transform-grid.state-business .before .transform-list span{border-color:#ddebee;color:#596971}
.transform-grid.state-business .after{background:linear-gradient(145deg,#edfaff,#f8fdff);border-left-color:#cbeaf2;box-shadow:inset 0 0 0 1px rgba(83,196,226,.06)}
.transform-grid.state-business .after .transform-tag,.transform-grid.state-business .after h3{color:#277e99}
.transform-grid.state-business .after .transform-list span{border-left-color:#6ecbe5}
.transform-grid.state-business .transform-arrow{background:#18383f;border-color:#4bb0cb;box-shadow:0 0 0 7px rgba(83,196,226,.08),0 0 28px rgba(83,196,226,.22)}
.transform-grid.state-systems .before{background:linear-gradient(145deg,#f7f3fa,#fcfbfd);border-right-color:#eadff1}
.transform-grid.state-systems .before .transform-tag,.transform-grid.state-systems .before h3{color:#72476f}
.transform-grid.state-systems .before .transform-list span{border-color:#eadfea;color:#655c67}
.transform-grid.state-systems .after{background:linear-gradient(145deg,#f7f1ff,#fcfaff);border-left-color:#e0d3f8;box-shadow:inset 0 0 0 1px rgba(142,103,225,.06)}
.transform-grid.state-systems .after .transform-tag,.transform-grid.state-systems .after h3{color:#6d4dc4}
.transform-grid.state-systems .after .transform-list span{border-left-color:#b096ea}
.transform-grid.state-systems .transform-arrow{background:#2b1f44;border-color:#8f70ff;box-shadow:0 0 0 7px rgba(143,112,255,.08),0 0 28px rgba(143,112,255,.22)}
.transform-grid.arrow-run .transform-arrow{animation:transformArrowRun .72s cubic-bezier(.16,1,.3,1)}
.transform-grid.arrow-run .before .transform-list span{animation:transformBeforeShift .52s ease}
.transform-grid.arrow-run .after .transform-list span{animation:transformAfterShift .68s cubic-bezier(.16,1,.3,1)}
@keyframes transformArrowRun{0%{transform:translateY(-50%) translateX(-16px) scale(.85);opacity:.35}45%{transform:translateY(-50%) translateX(8px) scale(1.06);opacity:1}100%{transform:translateY(-50%) translateX(0) scale(1);opacity:1}}
@keyframes transformBeforeShift{0%{opacity:.35;transform:translateX(-6px)}100%{opacity:1;transform:translateX(0)}}
@keyframes transformAfterShift{0%{opacity:.35;transform:translateX(10px)}100%{opacity:1;transform:translateX(0)}}
@media(max-width:720px){
  .flywheel-visual:after{width:300px;height:300px}.flywheel-visual:before{width:190px;height:190px}
  .transform-grid.arrow-run .transform-arrow{animation:transformArrowRunMobile .72s cubic-bezier(.16,1,.3,1)}
}
@keyframes transformArrowRunMobile{0%{transform:translateX(50%) rotate(90deg) translateX(-14px) scale(.85);opacity:.35}45%{transform:translateX(50%) rotate(90deg) translateX(8px) scale(1.06);opacity:1}100%{transform:translateX(50%) rotate(90deg) translateX(0) scale(1);opacity:1}}
@media(prefers-reduced-motion:reduce){
  .flywheel-visual:after,.flywheel-visual.spin-once .flywheel-lines,.flywheel-visual.spin-once .fly-core,.flywheel-visual.boost-motion:before,.flywheel-visual.boost-motion:after,.transform-grid.arrow-run .transform-arrow,.transform-grid.arrow-run .before .transform-list span,.transform-grid.arrow-run .after .transform-list span{animation:none!important}
}

/* ========================= V22 FINAL TOUCHES ========================= */
/* Section 04: remove the extra section-level CTA bar; capability cards remain the lead actions. */
.service-section .services-cta-bar{display:none!important}
.service-section .services-grid{margin-top:10px!important}

/* Section 03: compact, clear circle typography. Keep the center brand slightly stronger than orbit labels. */
.flywheel-visual .fly-core span{font-size:14px!important;font-weight:700!important;letter-spacing:.08em!important}
.flywheel-visual .fly-core strong{font-size:23px!important}
.flywheel-visual .fly-node{font-size:11px!important;font-weight:700!important;line-height:1!important;letter-spacing:.06em!important}
.flywheel-visual .fly-node.node-focus{transform:scale(1.22)!important}
.flywheel-visual .fn1.node-focus{transform:translateX(-50%) scale(1.22)!important}

/* Section 08: align proof cards as a single visual system. */
.proof-grid-v18{grid-auto-rows:1fr;align-items:stretch}
.proof-card-v18{height:100%;display:grid;grid-template-rows:auto auto minmax(184px,1fr) auto auto;align-content:start}
.proof-card-v18 .proof-top{min-height:72px;align-items:flex-start}
.proof-card-v18>p{min-height:86px;margin-bottom:0}
.proof-card-v18 .v18-graph{width:100%;margin-top:18px;min-height:184px}
.proof-card-v18 .proof-metrics{margin-top:14px}
.proof-card-v18 .proof-footer{min-height:48px;margin-top:14px}
@media (max-width:1040px){
  .proof-card-v18{grid-template-rows:auto auto minmax(180px,1fr) auto auto}
}
@media (max-width:720px){
  .service-section .services-grid{margin-top:0!important}
  .proof-card-v18{grid-template-rows:auto auto auto auto auto}
  .proof-card-v18 .proof-top{min-height:0}
  .proof-card-v18>p{min-height:0}
  .proof-card-v18 .v18-graph{min-height:175px}
  .proof-card-v18 .proof-footer{min-height:0}
}

/* =========================================================
   V23 — MOBILE-FIRST RESPONSIVE EXPERIENCE
   Desktop styles above remain intentionally unchanged.
   ========================================================= */
@media (max-width: 760px){
  html{overflow-x:hidden;overflow-x:clip}
  body{width:100%;max-width:100%;overflow-x:hidden;overflow-x:clip;font-size:16px;line-height:1.7}
  .wrap{width:calc(100% - 32px)!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important}
  .section{padding:82px 0;overflow:hidden;overflow:clip}
  .section-heading{max-width:100%;margin-bottom:38px}
  .section-heading .kicker{font-size:11px;line-height:1.4;margin-bottom:12px}
  .section-heading h2{font-size:clamp(34px,9.5vw,48px)!important;line-height:1.06;letter-spacing:-.045em;overflow-wrap:anywhere}
  .section-heading p{font-size:16px!important;line-height:1.72;max-width:100%;margin-top:14px}

  /* Header / navigation */
  .header-in{min-height:72px;gap:12px}
  .header .wrap{width:calc(100% - 28px)!important}
  .main-nav{position:absolute;left:14px;right:14px;top:calc(100% + 8px);display:none;grid-template-columns:1fr;gap:4px;padding:10px;background:rgba(10,12,16,.97);border:1px solid #252b34;border-radius:18px;box-shadow:0 22px 60px rgba(0,0,0,.25)}
  .main-nav.is-open{display:grid}
  .main-nav a{min-height:46px;display:flex;align-items:center;padding:0 14px;font-size:14px!important;font-weight:600;line-height:1.2;border-radius:11px}
  .main-nav a:not(.cta){color:#e8ebf0!important}
  .main-nav a.cta{justify-content:center;margin-top:4px;width:100%}
  .menu{display:grid}

  /* Hero */
  .hero{min-height:auto;padding:96px 0 54px}
  .hero-grid{grid-template-columns:1fr;gap:36px;padding-top:0}
  .hero-copy{width:100%;max-width:100%}
  .hero-copy .eyebrow{font-size:10px;line-height:1.4}
  .hero h1{font-size:clamp(44px,12vw,64px);line-height:1.02;margin:18px 0 18px;max-width:100%}
  .hero-copy>p{font-size:16px!important;line-height:1.7;max-width:100%}
  .actions{display:grid;grid-template-columns:1fr;gap:10px;margin:22px 0 20px}
  .actions .btn{width:100%;justify-content:center;min-height:52px;font-size:14px}
  .hero-micro{flex-wrap:wrap;gap:7px;font-size:10px;line-height:1.5}
  .hero-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:28px}
  .hero-proof strong{font-size:23px}
  .hero-proof span{font-size:10px;line-height:1.35}
  .hero-art{height:auto;min-height:420px;width:100%;overflow:hidden;border-radius:24px;transform:none!important}
  .hero-grid-bg{inset:20px 0 10px;opacity:.5;background-size:24px 24px}
  .hero-orbit{display:none}
  .hero-node{padding:7px 9px;border-radius:10px;max-width:110px}
  .hero-node span{font-size:7px}
  .hero-node b{font-size:8px}
  .node-top{top:12px;left:50%;transform:translateX(-50%)}
  .node-right{right:3px;top:28%}
  .node-bottom{bottom:12px;left:50%;transform:translateX(-50%)}
  .node-left{left:3px;top:48%}
  .floating-kpi{display:none}
  .hero-core{width:calc(100% - 28px);max-width:430px;padding:18px;border-radius:20px}
  .core-top,.chart-label{font-size:8px;gap:8px}
  .core-title{font-size:28px;margin:22px 0}
  .core-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .core-metrics div{min-height:66px;padding:10px 9px}
  .core-metrics small{font-size:9px}
  .core-metrics strong{font-size:16px;margin-top:7px}
  .core-metrics em{font-size:8px}
  .core-chart{padding:8px}

  /* Platform strip */
  .platform-row{min-height:0;display:block;padding:16px 0}
  .platform-lead-wrap{margin-bottom:12px}
  .platform-lead-kicker{font-size:9px!important}
  .platform-lead{display:block;font-size:12px!important;line-height:1.45;white-space:normal!important}
  .platform-groups{display:grid;grid-template-columns:1fr;gap:9px}
  .platform-group{display:grid;grid-template-columns:120px 1fr;align-items:start;gap:8px;min-width:0}
  .platform-group-label{font-size:8px!important;line-height:1.4;white-space:normal!important;color:#7e8793!important;padding-top:8px}
  .platform-track{display:flex;flex-wrap:wrap;gap:6px;overflow:visible;white-space:normal}
  .platform-chip{font-size:11px!important;padding:7px 9px!important;border-radius:999px}

  /* Who we help */
  .audience-layout{grid-template-columns:1fr;gap:18px}
  .audience-tabs{border-top:0;display:grid;grid-template-columns:1fr;gap:0}
  .audience-tab{padding:14px 0;grid-template-columns:34px 1fr;column-gap:10px}
  .audience-tab strong{font-size:16px}
  .audience-tab small{font-size:12px;line-height:1.5}
  .audience-tab.is-active{transform:none;padding-left:10px;background:linear-gradient(90deg,rgba(118,87,255,.07),transparent)}
  .audience-panel{min-height:0;padding:20px;border-radius:20px}
  .audience-main{grid-template-columns:1fr;gap:14px;align-items:start;margin-top:34px}
  .audience-word{font-size:52px}
  .audience-copy{font-size:16px;line-height:1.7}
  .audience-map{flex-wrap:wrap;gap:7px;margin-top:28px;font-size:9px}
  .audience-map i{flex:1 1 14px;min-width:12px}
  .audience-foot{position:static;margin-top:26px;padding-top:12px;display:grid;grid-template-columns:1fr;gap:5px;font-size:11px}

  /* Commerce problem */
  .problem-grid{grid-template-columns:1fr;gap:24px}
  .problem-copy{min-width:0}
  .problem-stat{margin-bottom:18px}
  .problem-stat strong{font-size:22px;line-height:1.22}
  .problem-switch{display:grid!important;grid-template-columns:1fr;gap:6px}
  .problem-tab{width:100%;min-height:44px;text-align:left!important;padding:10px 12px!important;font-size:11px!important}
  .problem-list{margin-top:12px}
  .problem-row{padding:14px 0;gap:10px}
  .problem-row p{margin:0;min-width:0}
  .problem-row p strong{display:block;font-size:17px!important;line-height:1.35}
  .problem-row p span{display:block;font-size:15px!important;line-height:1.6}
  .system-compare{min-width:0;width:100%;border-radius:20px}
  .fragmented-map,.connected-map{min-height:250px!important;padding:18px!important}
  .frag-node,.conn-node{font-size:9px!important;padding:7px 9px!important}

  /* Flywheel */
  .flywheel-layout{grid-template-columns:1fr;gap:34px}
  .flywheel-visual{width:100%;height:380px;min-height:380px;overflow:hidden;border-radius:24px}
  .flywheel-lines{width:330px;height:330px;max-width:88vw}
  .fly-core{width:136px;height:136px}
  .flywheel-visual .fly-core span{font-size:14px!important}
  .flywheel-visual .fly-core strong{font-size:20px!important}
  .flywheel-visual .fly-core small{font-size:8px!important;max-width:100px;text-align:center}
  .fly-node{font-size:11px!important;padding:7px 9px!important}
  .fn1{top:22px}
  .fn2{right:12px;top:25%}
  .fn3{right:12px;bottom:17%}
  .fn4{left:12px;bottom:17%}
  .fn5{left:12px;top:25%}
  .flywheel-copy{width:100%}
  .fly-item{padding:14px 0!important;grid-template-columns:32px 1fr;gap:9px}
  .fly-item h3{font-size:18px!important;line-height:1.25}
  .fly-item p{font-size:15px!important;line-height:1.55}
  .fly-detail{margin-top:12px;padding:14px;border-radius:14px}
  .fly-detail strong{font-size:18px}
  .fly-detail p{font-size:14px!important}

  /* Capabilities / services */
  .services-grid{grid-template-columns:1fr!important;gap:14px!important}
  .service-card{min-height:0!important;padding:21px!important;border-radius:19px!important}
  .service-card h3{font-size:23px!important;line-height:1.18}
  .service-card>p{font-size:16px!important;line-height:1.65}
  .service-card ul{margin-top:14px}
  .service-card li{font-size:14px!important;line-height:1.55}
  .service-lead{width:100%;min-height:48px;justify-content:center;font-size:13px!important;margin-top:18px}

  /* Business control */
  .control-dashboard{border-radius:20px!important}
  .dash-nav{display:block!important;padding:12px!important}
  .dash-nav>span{display:block;font-size:8px!important;margin-bottom:9px}
  .dash-tabs{display:flex!important;gap:6px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding-bottom:2px}
  .dash-tabs::-webkit-scrollbar{display:none}
  .dash-tab{flex:0 0 auto;min-height:38px;padding:0 12px!important;font-size:11px!important}
  .dash-main{grid-template-columns:1fr!important;gap:12px!important;padding:12px!important}
  .dash-side{padding:14px!important;border-radius:14px!important}
  .metric-grid{grid-template-columns:1fr 1fr!important;gap:7px!important}
  .dash-metric{padding:12px!important;min-width:0}
  .dash-metric small{font-size:10px!important}
  .dash-metric strong{font-size:22px!important;overflow-wrap:anywhere}
  .dash-metric span{font-size:10px!important}
  .dash-chart-box{padding:10px!important;border-radius:14px!important;overflow:hidden}
  .dash-chart-box svg{min-width:540px;width:170%;max-width:none;transform:translateX(-12%)}
  .dash-chart-box .chart-head{font-size:9px!important}
  .chart-axis{font-size:8px!important}
  .dash-bottom{grid-template-columns:1fr!important;gap:7px!important}
  .dash-insights{grid-template-columns:1fr!important;gap:8px!important}
  .dash-insights>div{padding:12px!important}
  .dash-insights small{font-size:13px!important}

  /* Transformation */
  .transform-grid{grid-template-columns:1fr!important;border-radius:20px!important;overflow:hidden}
  .transform-column{padding:20px!important}
  .transform-column h3{font-size:23px!important;line-height:1.16}
  .transform-list span{font-size:14px!important;line-height:1.5;padding:11px 0}
  .transform-center{min-height:86px;display:flex;align-items:center;justify-content:center}
  .transform-center>span{font-size:10px}
  .transform-center strong{font-size:17px}
  .transform-arrow{position:relative!important;right:auto!important;top:auto!important;transform:rotate(90deg)!important;margin:10px auto!important;width:40px;height:40px}
  .transform-grid.arrow-run .transform-arrow{animation:transformArrowMobileV23 .72s cubic-bezier(.16,1,.3,1)}

  /* Results / proof */
  .outcome-grid,.proof-grid,.proof-grid-v18{grid-template-columns:1fr!important}
  .outcome-card{min-width:0}
  .proof-card-v18{display:flex!important;height:auto!important;border-radius:18px!important;padding:20px!important}
  .proof-card-v18 .proof-top{min-height:0}
  .proof-card-v18 .proof-top h3{font-size:23px!important;line-height:1.2}
  .proof-card-v18>p{font-size:16px!important;line-height:1.68;min-height:0}
  .proof-graph,.v18-graph{height:170px!important;min-height:170px!important}
  .proof-metrics{grid-template-columns:1fr 1fr!important}
  .proof-footer{flex-wrap:wrap}
  .proof-footer strong{font-size:16px!important}

  /* Process */
  .process-layout{grid-template-columns:1fr!important;gap:34px}
  .process-orbit{width:100%!important;height:360px!important;max-width:380px!important;margin-inline:auto;overflow:hidden!important}
  .process-ring.ring-one{width:260px!important;height:260px!important}
  .process-ring.ring-two{width:190px!important;height:190px!important}
  .process-core{width:118px!important;height:118px!important}
  .process-step{max-width:100px!important;font-size:10px!important;line-height:1.2;white-space:normal!important;padding:9px!important}
  .process-list{display:grid;gap:5px}
  .process-list>div{padding:12px!important}
  .process-list h3{font-size:17px!important}
  .process-list p{font-size:14px!important;line-height:1.5}

  /* Why */
  .principles{grid-template-columns:1fr!important;gap:12px!important}
  .principle{min-height:0!important;padding:20px!important;border-radius:18px!important}
  .principle h3{font-size:22px!important;line-height:1.2}
  .principle p{font-size:16px!important;line-height:1.65}

  /* Technology */
  .tech-switch{display:flex!important;overflow-x:auto;scrollbar-width:none;gap:6px!important;padding-bottom:3px}
  .tech-switch::-webkit-scrollbar{display:none}
  .tech-tab{flex:0 0 auto;min-height:38px;padding:0 11px!important;font-size:10px!important}
  .tech-architecture{grid-template-columns:1fr!important;gap:10px!important}
  .tech-column{padding:16px!important;border-radius:16px!important}
  .tech-column small{font-size:9px!important}
  .tech-column span{font-size:13px!important;white-space:normal!important;overflow:visible;text-overflow:clip;padding:8px 9px!important}
  .tech-core{min-height:150px!important}

  /* FAQ */
  .faq-layout{grid-template-columns:1fr!important;gap:28px}
  .faq summary{font-size:17px!important;line-height:1.35;padding:17px 0}
  .faq details p{font-size:15px!important;line-height:1.68;padding-bottom:16px}

  /* Contact */
  .contact-layout{grid-template-columns:1fr!important;gap:24px}
  .contact-intro h2{font-size:clamp(36px,10vw,52px)!important}
  .contact-intro p{font-size:16px!important;line-height:1.7}
  .contact-path{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .contact-path i{display:none!important}
  .direct{display:grid!important;grid-template-columns:1fr!important;gap:8px}
  .socials{display:flex!important;flex-wrap:wrap;gap:8px}
  .social{font-size:12px!important}
  .form-shell{padding:18px!important;border-radius:19px!important}
  .form-top{font-size:8px!important}
  .form .row{grid-template-columns:1fr!important;gap:0!important}
  .field label{font-size:11px!important}
  .field input,.field select,.field textarea{font-size:14px!important;min-height:48px}
  .field textarea{min-height:135px}
  .consultation-submit{min-height:52px!important;font-size:14px!important}

  /* Final CTA */
  .final-cta{padding:68px 0}
  .final-inner{display:grid!important;grid-template-columns:1fr;gap:24px;align-items:start}
  .final-inner h2{font-size:clamp(38px,10vw,52px)!important;line-height:1.05}
  .final-inner p{font-size:16px!important;line-height:1.7}
  .final-inner .btn{width:100%;justify-content:center}

  /* Footer */
  .footer{padding:68px 0 22px}
  .footer-top{grid-template-columns:1fr!important;gap:28px!important;padding-bottom:42px}
  .footer h2{font-size:40px!important;line-height:1.02}
  .footer-top p{font-size:16px!important;line-height:1.7!important}
  .footer-wa{font-size:13px!important;line-height:1.5}
  .footer-visual{height:190px!important}
  .footer-core{width:126px;height:126px}
  .footer-core strong{font-size:19px}
  .footer-grid{grid-template-columns:1fr 1fr!important;gap:28px!important;padding:20px 0}
  .footer-grid>div:last-child{grid-column:1/-1}
  .footer-title{font-size:10px!important;margin-bottom:10px}
  .footer-grid li{margin:7px 0}
  .footer-grid li a{font-size:13px!important;line-height:1.45}
  .footer-socials{gap:9px!important}
  .footer-socials a{width:40px!important;height:40px!important}
  .bottom{display:grid!important;grid-template-columns:1fr;gap:8px;padding-top:16px;font-size:11px!important;line-height:1.5}

  /* Mid-scroll consultation control */
  .consult-fab-button{width:72px!important;height:72px!important}
  .consult-fab-label{font-size:8px!important;line-height:1.05}
  .consult-fab-arrow{display:none!important}
  .consult-modal-card{width:calc(100% - 24px)!important;max-height:calc(100vh - 24px);overflow:auto;padding:20px!important;border-radius:20px!important}
}

@media (max-width: 480px){
  .wrap{width:calc(100% - 28px)!important}
  .section{padding:70px 0}
  .hero{padding-top:88px}
  .hero h1{font-size:clamp(40px,12.5vw,54px)}
  .hero-art{min-height:360px}
  .hero-core{width:calc(100% - 14px);padding:15px}
  .core-title{font-size:24px;margin:18px 0}
  .core-chart{margin-top:8px}
  .node-right,.node-left{display:none}
  .node-top{top:7px}
  .node-bottom{bottom:6px}
  .hero-proof{gap:7px}
  .hero-proof strong{font-size:21px}
  .platform-group{grid-template-columns:1fr;gap:4px}
  .platform-group-label{padding-top:0}
  .audience-panel{padding:17px}
  .audience-word{font-size:46px}
  .problem-stat strong{font-size:20px}
  .flywheel-visual{height:340px;min-height:340px}
  .flywheel-lines{width:300px;height:300px}
  .fn2,.fn3{right:2px}.fn4,.fn5{left:2px}
  .service-card{padding:18px!important}
  .service-card h3{font-size:21px!important}
  .metric-grid{grid-template-columns:1fr!important}
  .dash-metric strong{font-size:24px!important}
  .proof-metrics{grid-template-columns:1fr 1fr!important}
  .process-orbit{height:320px!important}
  .process-ring.ring-one{width:230px!important;height:230px!important}
  .process-ring.ring-two{width:165px!important;height:165px!important}
  .process-step{max-width:84px!important;font-size:9px!important}
  .footer-grid{grid-template-columns:1fr!important}
  .footer-grid>div:last-child{grid-column:auto}
}

@keyframes transformArrowMobileV23{
  0%{opacity:.25;transform:translateY(-8px) rotate(90deg) scale(.86)!important}
  50%{opacity:1;transform:translateY(10px) rotate(90deg) scale(1.06)!important}
  100%{opacity:1;transform:translateY(0) rotate(90deg) scale(1)!important}
}

@media (prefers-reduced-motion: reduce){
  .hero-orbit,.hero-node,.floating-kpi,.chart-line,.chart-dot,.flywheel-visual:after,.flywheel-visual.spin-once .flywheel-lines,.flywheel-visual.spin-once .fly-core,.flywheel-visual.boost-motion:before,.flywheel-visual.boost-motion:after,.transform-grid.arrow-run .transform-arrow,.transform-grid.arrow-run .before .transform-list span,.transform-grid.arrow-run .after .transform-list span,.transform-grid.arrow-run .transform-arrow{animation:none!important}
}


/* =========================================================
   V24 FINAL — MOBILE RESPONSIVE SYSTEM
   Desktop/laptop presentation intentionally preserved.
   This layer hardens narrow layouts without changing the
   full-bleed section backgrounds.
   ========================================================= */
html{overflow-x:clip}
*,*::before,*::after{box-sizing:border-box}
img{max-width:100%;height:auto}
svg{max-width:100%}
button,input,select,textarea{font:inherit}

@media (max-width: 760px){
  html,body{max-width:100%;overflow-x:clip}
  body{font-size:16px!important;line-height:1.68!important}
  .wrap{width:calc(100% - 32px)!important;max-width:none!important;margin-inline:auto!important}
  .section,.hero,.platforms-strip,.footer,.final-cta{width:100%;overflow:clip}
  .section{padding-block:72px!important}
  .section-heading{width:100%;max-width:100%!important;margin-bottom:32px!important}
  .section-heading h2{max-width:100%!important;font-size:clamp(33px,9.2vw,48px)!important;line-height:1.08!important;overflow-wrap:normal!important;word-break:normal!important}
  .section-heading>p{font-size:16px!important;line-height:1.72!important;max-width:100%!important}

  /* Header */
  .header,.header .wrap,.header-in{max-width:100%}
  .header .wrap{width:calc(100% - 24px)!important}
  .header-in{gap:10px;min-height:68px}
  .main-nav{left:6px!important;right:6px!important;top:calc(100% + 7px)!important;max-width:calc(100vw - 12px)!important;box-sizing:border-box}
  .main-nav a{font-size:14px!important;font-weight:600!important;min-height:46px}
  .menu{flex:0 0 auto}

  /* Hero: stack first, then contain artwork as a card */
  .hero{padding:88px 0 48px!important}
  .hero-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:28px!important;width:100%!important}
  .hero-copy{min-width:0!important}
  .hero h1{max-width:100%!important;font-size:clamp(42px,12vw,56px)!important;line-height:1.03!important;letter-spacing:-.045em!important}
  .hero-copy>p{font-size:16px!important;line-height:1.72!important}
  .actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
  .actions .btn{width:100%!important;min-width:0!important;min-height:52px!important}
  .hero-proof{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
  .hero-proof>div{min-width:0}
  .hero-proof strong{font-size:22px!important}
  .hero-proof span{font-size:11px!important;line-height:1.38!important;overflow-wrap:anywhere}
  .hero-art{width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;padding:24px 12px!important;aspect-ratio:1/1.05;overflow:hidden!important;transform:none!important}
  .hero-core{position:relative!important;inset:auto!important;width:min(100%,380px)!important;max-width:100%!important;margin:18px auto!important;padding:16px!important}
  .hero-node{max-width:90px!important}
  .node-right,.node-left{display:none!important}
  .node-top{top:7px!important}
  .node-bottom{bottom:7px!important}
  .core-title{font-size:clamp(23px,7vw,30px)!important}
  .core-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .core-metrics div{min-width:0!important}
  .core-chart{width:100%!important;overflow:hidden!important}
  .core-chart svg{display:block;width:100%!important;height:auto!important;min-width:0!important}

  /* Platform strip */
  .platform-row{width:100%!important}
  .platform-group{min-width:0!important;grid-template-columns:minmax(90px,110px) minmax(0,1fr)!important}
  .platform-track{min-width:0!important}
  .platform-chip{max-width:100%;font-size:11px!important;line-height:1.2!important;overflow-wrap:anywhere}

  /* Audience */
  .audience-layout,.problem-grid,.flywheel-layout,.process-layout,.faq-layout,.contact-layout{grid-template-columns:minmax(0,1fr)!important}
  .audience-tabs,.audience-panel,.problem-copy,.system-compare,.flywheel-copy,.process-list,.faq-layout>*,.contact-layout>*{min-width:0!important}
  .audience-panel{padding:18px!important;overflow:hidden}
  .audience-main{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
  .audience-word{font-size:clamp(42px,13vw,58px)!important;line-height:1!important}
  .audience-copy{font-size:16px!important;line-height:1.7!important}

  /* Problem section — no dark-on-dark inheritance */
  .problem-section .section-heading h2,.problem-section .section-heading p,.problem-section .problem-stat strong,.problem-section .problem-row p strong,.problem-section .problem-row p span{color:#f5f7fb!important}
  .problem-section .problem-row p span{color:#c6ccd6!important}
  .problem-section .problem-tab{font-size:12px!important;line-height:1.25!important;min-height:44px!important}
  .system-compare{width:100%!important;overflow:hidden!important}
  .fragmented-map,.connected-map{width:100%!important;min-width:0!important}
  .frag-node,.conn-node{max-width:36%!important;overflow-wrap:anywhere}

  /* Flywheel: keep circle visually centered and readable */
  .flywheel-visual{width:100%!important;max-width:100%!important;height:340px!important;min-height:340px!important;overflow:hidden!important}
  .flywheel-lines{width:min(82vw,300px)!important;height:min(82vw,300px)!important;max-width:300px!important;max-height:300px!important}
  .fly-core{width:126px!important;height:126px!important}
  .flywheel-visual .fly-core span{font-size:14px!important;font-weight:700!important}
  .flywheel-visual .fly-node{font-size:11px!important;font-weight:700!important;max-width:82px!important;text-align:center}
  .fly-node.node-focus{z-index:6}
  .flywheel-copy{width:100%!important}
  .fly-item{min-width:0!important;grid-template-columns:32px minmax(0,1fr)!important}
  .fly-item h3{font-size:18px!important}
  .fly-item p{font-size:16px!important;line-height:1.62!important}
  .fly-detail{width:100%!important}

  /* Services */
  .service-section .section-heading h2{font-size:clamp(38px,10vw,52px)!important}
  .services-grid{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
  .service-card{width:100%!important;min-width:0!important;min-height:0!important;padding:20px!important}
  .service-card h3{font-size:23px!important;line-height:1.16!important}
  .service-card>p{font-size:16px!important;line-height:1.68!important}
  .service-card li{font-size:14px!important;line-height:1.55!important}
  .service-lead{width:100%!important;min-height:50px!important;justify-content:center!important}

  /* Dashboard: never force a 540px chart inside a phone */
  .control-dashboard,.dash-main,.dash-content,.dash-side{min-width:0!important;width:100%!important;max-width:100%!important}
  .dash-tabs{max-width:100%!important;overflow-x:auto!important;overscroll-behavior-x:contain}
  .dash-chart-box{width:100%!important;min-width:0!important;overflow:hidden!important}
  .dash-chart-box svg{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;transform:none!important}
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dash-metric{min-width:0!important}
  .dash-metric strong{font-size:clamp(20px,6vw,26px)!important}
  .dash-metric small,.dash-metric span{overflow-wrap:anywhere}
  .dash-insights{grid-template-columns:minmax(0,1fr)!important}

  /* Transformation */
  .transform-grid{width:100%!important;max-width:100%!important;grid-template-columns:minmax(0,1fr)!important}
  .transform-column{min-width:0!important;padding:20px!important}
  .transform-column h3{font-size:22px!important}
  .transform-list span{font-size:15px!important;line-height:1.55!important}
  .transform-center{min-width:0!important;min-height:82px!important}
  .transform-arrow{position:relative!important;inset:auto!important;margin:12px auto!important;transform:none!important}
  .transform-grid.arrow-run .transform-arrow{animation:transformArrowV24Mobile .72s cubic-bezier(.16,1,.3,1)}

  /* Outcomes + proof */
  .outcome-grid,.proof-grid,.proof-grid-v18{grid-template-columns:minmax(0,1fr)!important}
  .outcome-card,.proof-card-v18{width:100%!important;min-width:0!important}
  .proof-card-v18{display:grid!important;grid-template-rows:auto auto auto auto auto!important;height:auto!important}
  .proof-card-v18>p{font-size:16px!important;line-height:1.68!important;min-height:0!important}
  .proof-graph,.v18-graph{width:100%!important;min-width:0!important;height:170px!important;min-height:170px!important;overflow:hidden!important}
  .proof-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  /* Process */
  .process-orbit{width:min(100%,330px)!important;height:320px!important;max-width:330px!important;margin-inline:auto!important;overflow:hidden!important}
  .process-ring.ring-one{width:230px!important;height:230px!important}
  .process-ring.ring-two{width:170px!important;height:170px!important}
  .process-core{width:112px!important;height:112px!important}
  .process-step{max-width:84px!important;font-size:10px!important}
  .process-list{min-width:0!important}
  .process-list h3{font-size:18px!important}
  .process-list p{font-size:15px!important;line-height:1.55!important}

  /* Technology */
  .tech-switch{max-width:100%!important;overflow-x:auto!important;overscroll-behavior-x:contain}
  .tech-architecture{grid-template-columns:minmax(0,1fr)!important}
  .tech-column{min-width:0!important}
  .tech-column span{white-space:normal!important;overflow-wrap:anywhere!important}

  /* FAQ / form */
  .faq summary{font-size:18px!important;line-height:1.35!important}
  .faq details p{font-size:16px!important;line-height:1.68!important}
  .form-shell,.consult-modal-card{width:100%!important;max-width:100%!important;min-width:0!important}
  .consult-modal-card{width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important}
  .field input,.field select,.field textarea{font-size:16px!important}

  /* Footer: stack, don't compress */
  .footer-top,.footer-grid,.bottom{min-width:0!important}
  .footer-grid{grid-template-columns:minmax(0,1fr)!important}
  .footer-grid>div:last-child{grid-column:auto!important}
  .footer-top p,.footer-grid li a,.footer-note{font-size:15px!important;line-height:1.7!important}
  .footer-socials{flex-wrap:wrap!important}
  .footer-socials a{flex:0 0 42px!important}

  /* Mid-scroll consult control: stays safely inside the viewport */
  .consult-fab{left:10px!important;right:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%) scale(.9)!important}
  .consult-fab.is-visible{transform:translateY(-50%) scale(1)!important}
  .consult-fab-button{width:72px!important;height:72px!important}
}

@media (max-width: 430px){
  .wrap{width:calc(100% - 24px)!important}
  .section{padding-block:64px!important}
  .header .wrap{width:calc(100% - 18px)!important}
  .hero{padding-top:80px!important}
  .hero h1{font-size:clamp(39px,12.5vw,52px)!important}
  .hero-art{aspect-ratio:1/1.12!important;padding-inline:8px!important}
  .hero-core{width:100%!important;padding:14px!important}
  .core-title{font-size:23px!important}
  .core-metrics div{padding:9px!important}
  .platform-group{grid-template-columns:minmax(0,1fr)!important}
  .platform-track{gap:5px!important}
  .platform-chip{font-size:11px!important}
  .audience-panel{padding:16px!important}
  .problem-stat strong{font-size:20px!important}
  .flywheel-visual{height:315px!important;min-height:315px!important}
  .flywheel-lines{width:280px!important;height:280px!important}
  .fly-core{width:118px!important;height:118px!important}
  .flywheel-visual .fly-node{font-size:10px!important;max-width:74px!important;padding:6px 7px!important}
  .metric-grid{grid-template-columns:minmax(0,1fr)!important}
  .proof-metrics{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  .process-orbit{width:100%!important;height:292px!important}
  .process-ring.ring-one{width:208px!important;height:208px!important}
  .process-ring.ring-two{width:154px!important;height:154px!important}
  .process-core{width:102px!important;height:102px!important}
  .process-step{max-width:74px!important;font-size:9px!important;padding:7px!important}
  .consult-fab{left:8px!important}
  .consult-fab-button{width:66px!important;height:66px!important}
  .consult-fab-label{font-size:8px!important}
}

@media (max-width: 340px){
  .wrap{width:calc(100% - 20px)!important}
  .hero-proof{grid-template-columns:1fr!important}
  .hero-proof>div{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;column-gap:8px}
  .hero-proof strong{font-size:20px!important}
  .hero-proof span{font-size:12px!important}
  .flywheel-visual{height:292px!important;min-height:292px!important}
  .flywheel-lines{width:250px!important;height:250px!important}
  .fly-core{width:104px!important;height:104px!important}
  .flywheel-visual .fly-core strong{font-size:18px!important}
  .flywheel-visual .fly-node{font-size:9px!important;max-width:66px!important}
}

@keyframes transformArrowV24Mobile{
  0%{opacity:.2;transform:translateY(-9px) scale(.86)}
  50%{opacity:1;transform:translateY(10px) scale(1.06)}
  100%{opacity:1;transform:translateY(0) scale(1)}
}

@media (prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important}
  .transform-grid.arrow-run .transform-arrow{animation:none!important}
}

/* ============================================================
   V25 — FINAL RESPONSIVE CONTAINMENT + VISUAL ALIGNMENT
   Desktop/laptop presentation is intentionally preserved.
   Mobile rules below focus on eliminating clipping/overlap.
   ============================================================ */

/* Global containment for narrow viewports */
@media (max-width: 720px){
  html,body{overflow-x:hidden!important;width:100%;max-width:100%}
  .hero,.section,.platforms-strip,.final-cta,.footer{overflow-x:clip!important}
  .wrap{width:calc(100% - 32px)!important;max-width:100%!important;margin-inline:auto!important}
  .hero-grid,.platform-row,.audience-layout,.problem-grid,.flywheel-layout,.services-grid,.dash-layout,.dash-main,.transform-grid,.outcome-grid,.case-layout,.case-grid,.process-layout,.principles,.tech-architecture,.faq-layout,.contact-layout,.footer-top,.footer-grid{min-width:0!important;max-width:100%!important}
  .hero-copy,.hero-art,.hero-core,.service-card,.audience-panel,.system-compare,.flywheel-copy,.control-dashboard,.transform-column,.outcome-card,.proof-card-v18,.case-card,.process-list,.tech-column,.faq,.form-shell,.footer-grid>*{min-width:0!important;max-width:100%!important}
  img,svg,canvas,video{max-width:100%!important}

  /* HERO: keep every decorative object inside the visual canvas. */
  .hero-art{width:100%!important;height:390px!important;overflow:hidden!important;contain:layout paint!important;border-radius:20px}
  .hero-grid-bg{inset:20px 8px 18px!important;max-width:calc(100% - 16px)!important}
  .hero-core{left:50%!important;top:50%!important;width:calc(100% - 92px)!important;max-width:440px!important;padding:14px!important}
  .hero-core .core-top{gap:6px!important;flex-wrap:wrap!important}
  .hero-core .core-top span,.hero-core .core-top b{white-space:nowrap!important}
  .hero-core .core-title{font-size:24px!important;line-height:1.06!important;max-width:100%!important}
  .hero-core .core-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .hero-core .core-metrics div{min-width:0!important;overflow:hidden!important}
  .hero-orbit{max-width:none!important;pointer-events:none!important}
  .orbit-a{width:340px!important;height:340px!important}
  .orbit-b{width:255px!important;height:255px!important}
  .hero-node,.floating-kpi{max-width:120px!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .hero-node span,.hero-node b{white-space:normal!important;overflow-wrap:anywhere!important}
  .hero-node b{line-height:1.2!important}
  .node-top{top:4px!important;left:50%!important;transform:translateX(-50%)!important}
  .node-bottom{bottom:4px!important;left:50%!important;transform:translateX(-50%)!important}
  .node-left{left:2px!important;top:45%!important}
  .node-right{right:2px!important;top:45%!important}
  .kpi-a,.kpi-b{display:none!important}
}

@media (max-width: 480px){
  .wrap{width:calc(100% - 28px)!important}
  .hero{padding-block:92px 56px!important}
  .hero-grid{gap:20px!important}
  .hero h1{font-size:clamp(38px,11.8vw,48px)!important;line-height:1.01!important}
  .hero-copy>p{font-size:15px!important;line-height:1.65!important}
  .hero-art{height:350px!important;margin-top:0!important}
  .hero-core{width:calc(100% - 52px)!important;max-width:390px!important;padding:13px!important}
  .hero-core .core-title{font-size:22px!important;margin:16px 0!important}
  .hero-core .core-top{font-size:10px!important}
  .hero-core .core-metrics{gap:6px!important}
  .hero-core .core-metrics div{min-height:62px!important;padding:8px!important}
  .hero-core .core-metrics strong{font-size:16px!important}
  /* On small phones, preserve the hero graphic but remove edge labels that can clip. */
  .hero-orbit,.hero-node{display:none!important}
  .hero-grid-bg{inset:20px 12px 16px!important}

  /* PROOF: reserve an explicit gap between graph and its metadata/footer. */
  .proof-card-v18{display:flex!important;flex-direction:column!important}
  .proof-card-v18 .proof-top{flex:0 0 auto!important}
  .proof-card-v18>p{flex:0 0 auto!important;margin-bottom:0!important}
  .proof-card-v18 .proof-graph{flex:0 0 auto!important;width:100%!important;height:190px!important;min-height:190px!important;margin:22px 0 0!important;padding-bottom:34px!important}
  .proof-card-v18 .proof-line{bottom:10px!important;left:24px!important;right:12px!important;min-height:12px!important}
  .proof-card-v18 .proof-metrics{flex:0 0 auto!important;margin-top:18px!important}
  .proof-card-v18 .proof-footer{flex:0 0 auto!important;margin-top:18px!important;padding-top:16px!important;position:relative!important;z-index:2!important}
  .proof-card-v18 .proof-footer strong{max-width:100%!important;line-height:1.3!important}
}

@media (max-width: 360px){
  .wrap{width:calc(100% - 24px)!important}
  .hero{padding-top:84px!important}
  .hero h1{font-size:36px!important}
  .hero-core{width:calc(100% - 38px)!important}
  .hero-art{height:330px!important}
  .hero-core .core-title{font-size:20px!important}
  .hero-core .core-metrics small{font-size:10px!important}
  .hero-core .core-metrics em{font-size:9px!important}

  .proof-card-v18{padding:18px!important}
  .proof-card-v18 h3{font-size:21px!important}
  .proof-card-v18>p{font-size:15px!important}
  .proof-card-v18 .proof-graph{height:182px!important;min-height:182px!important;padding-left:24px!important}
  .proof-card-v18 .proof-line{font-size:8px!important;gap:5px!important}
  .proof-card-v18 .proof-metrics{gap:6px!important}
  .proof-card-v18 .proof-metrics span{padding:8px!important}
}

/* Proof cards at tablet sizes: align all lower blocks even when copy wraps. */
@media (min-width:721px) and (max-width:1040px){
  .proof-grid-v18{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important}
  .proof-card-v18:last-child{grid-column:1/-1!important}
  .proof-card-v18{display:flex!important;flex-direction:column!important}
  .proof-card-v18 .proof-graph{margin-top:auto!important}
  .proof-card-v18 .proof-metrics{margin-top:16px!important}
  .proof-card-v18 .proof-footer{margin-top:16px!important}
}

/* Prevent headings/labels from visually entering neighboring components. */
.section-heading,.proof-top,.proof-card-v18>p,.proof-graph,.proof-metrics,.proof-footer,.service-card,.outcome-card,.case-card,.principle,.tech-column,.faq details{overflow-wrap:anywhere}


/* ============================================================
   V26 — MOBILE HERO + PROCESS CENTER ALIGNMENT
   Desktop/laptop presentation intentionally unchanged.
   ============================================================ */
@media (max-width: 720px){
  /* HERO: center the entire visual canvas within the mobile column. */
  .hero-art{
    width:min(100%, 440px)!important;
    max-width:440px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    margin-inline:auto!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    display:block!important;
  }
  .hero-art .hero-core{
    left:50%!important;
    right:auto!important;
    margin:0!important;
    transform:translate(-50%,-50%)!important;
  }

  /* The dashboard inside the hero is a dark visual surface: keep its text crisp white. */
  .hero-art .hero-core,
  .hero-art .hero-core .core-title,
  .hero-art .hero-core .core-title strong,
  .hero-art .hero-core .core-metrics strong,
  .hero-art .hero-core .core-top span,
  .hero-art .hero-core .core-top b,
  .hero-art .hero-core .core-chart,
  .hero-art .hero-core .chart-label span,
  .hero-art .hero-core .chart-label b{
    color:#fff!important;
  }
  .hero-art .hero-core .core-metrics small,
  .hero-art .hero-core .core-metrics em{
    color:#c7cdd6!important;
  }

  /* SECTION 09 / PROCESS: keep all center-circle copy optically centered and inside the circle. */
  .process-core{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    padding:14px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    isolation:isolate!important;
  }
  .process-core span,
  .process-core strong,
  .process-core small{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }
  .process-core span{font-size:8px!important;line-height:1.15!important;letter-spacing:.11em!important}
  .process-core strong{font-size:18px!important;line-height:1!important;margin-top:7px!important;margin-bottom:6px!important}
  .process-core small{font-size:10px!important;line-height:1.3!important;white-space:normal!important}
}

@media (max-width: 430px){
  .hero-art{width:min(100%, 400px)!important;max-width:400px!important}
  .hero-art .hero-core{left:50%!important;width:calc(100% - 52px)!important;max-width:390px!important}
  .process-core{width:118px!important;height:118px!important;padding:13px!important}
  .process-core span{font-size:7px!important}
  .process-core strong{font-size:17px!important}
  .process-core small{font-size:9px!important}
}

@media (max-width: 360px){
  .hero-art{width:100%!important;max-width:330px!important;margin-inline:auto!important}
  .hero-art .hero-core{width:calc(100% - 30px)!important;max-width:300px!important}
  .process-core{width:108px!important;height:108px!important;padding:11px!important}
  .process-core span{font-size:7px!important}
  .process-core strong{font-size:16px!important}
  .process-core small{font-size:8px!important;line-height:1.25!important}
}

/* V27: marketplace expansion + business-control calculation notes */
.platform-chip.markets{border-color:rgba(98,216,255,.22);}
.dash-metric i{display:block;margin-top:7px;color:#8f97a5;font:500 9px/1.45 Inter,system-ui,sans-serif;font-style:normal;}
.dashboard-section .dash-metric i{font-size:12px;color:#8f97a5;}
@media (max-width:760px){.dashboard-section .dash-metric i{font-size:12px;line-height:1.45}.services-grid{align-items:stretch}.service-card{min-height:0}.service-card ul{margin-bottom:16px}.platform-track{gap:7px}.platform-chip{white-space:normal;text-align:center;min-height:32px;padding:6px 10px}.dash-bottom{grid-template-columns:1fr;}.dash-insights{grid-template-columns:1fr;}.dashboard-section .dash-content{min-width:0;}.dashboard-section .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:420px){.dashboard-section .metric-grid{grid-template-columns:1fr}.dashboard-section .dash-metric strong{font-size:22px;}.service-card li{font-size:12px;}}

/* V29: stronger differentiation, visual hierarchy and interaction polish */
.v29-transformation{background:linear-gradient(180deg,#f7f7fa 0%,#fff 100%)}
.change-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:34px 0 16px}
.change-tab{appearance:none;border:1px solid #e1e3e9;background:#fff;border-radius:18px;padding:17px 18px;text-align:left;display:grid;grid-template-columns:auto 1fr;gap:3px 12px;cursor:pointer;transition:.25s ease;box-shadow:0 8px 22px rgba(24,28,40,.04)}
.change-tab span{grid-row:1/3;font:800 11px/1 "IBM Plex Mono",monospace;color:#8d93a0;padding-top:4px}
.change-tab strong{font:800 15px/1.2 Manrope,sans-serif;color:#191d26}
.change-tab small{font-size:13px;color:#727988;line-height:1.4}
.change-tab.is-active{border-color:#6e5de0;transform:translateY(-2px);box-shadow:0 18px 40px rgba(91,74,221,.11);background:linear-gradient(180deg,#fff,#f8f7ff)}
.change-tab.is-active strong{color:#5b49dc}
.change-panel{display:grid;grid-template-columns:1fr 140px 1fr;align-items:stretch;gap:0;background:#10131a;border:1px solid #272d38;border-radius:28px;padding:28px;min-height:335px;position:relative;overflow:hidden;box-shadow:0 28px 70px rgba(17,19,26,.12)}
.change-panel:before{content:"";position:absolute;inset:-30% 30% auto -10%;height:280px;background:radial-gradient(circle,rgba(118,87,255,.18),transparent 70%);pointer-events:none}
.change-side{position:relative;z-index:1;padding:22px 24px;border-radius:20px;min-width:0}
.change-side.before{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}
.change-side.after{background:rgba(118,87,255,.09);border:1px solid rgba(149,133,255,.18)}
.change-tag{display:block;font:800 10px/1 "IBM Plex Mono",monospace;letter-spacing:.11em;color:#8e95a3;margin-bottom:14px}
.change-side h3{margin:0 0 18px;font:800 27px/1.08 Manrope,sans-serif;letter-spacing:-.04em;color:#f7f8fb;max-width:15ch}
.change-side.after h3{color:#fff}
.change-items{display:grid;gap:10px}
.change-items span{position:relative;padding-left:18px;color:#bac0cb;font-size:14px;line-height:1.45}
.change-items span:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:#6e5de0;box-shadow:0 0 14px rgba(118,87,255,.8)}
.change-side.after .change-items span{color:#d8dcf3}
.change-side.after .change-items span:before{background:#62d8ff;box-shadow:0 0 14px rgba(98,216,255,.8)}
.change-connector{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;z-index:2}
.change-pulse{width:52px;height:52px;border-radius:50%;border:1px solid rgba(126,109,240,.45);box-shadow:0 0 0 12px rgba(118,87,255,.05),0 0 38px rgba(118,87,255,.25);animation:v29Pulse 2.4s ease-in-out infinite}
.change-arrow{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#171a23;border:1px solid #3a4050;color:#fff;box-shadow:0 0 0 8px rgba(255,255,255,.025)}
.change-arrow svg{width:20px;height:20px}
.change-connector span{font:800 9px/1 "IBM Plex Mono",monospace;color:#aaa3e0;letter-spacing:.1em}
.change-proofline{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:14px;padding:16px 2px 0;border-top:1px solid #e4e6eb}
.change-proofline span{font:800 10px/1 "IBM Plex Mono",monospace;letter-spacing:.1em;color:#848b99;text-transform:uppercase}
.change-proofline strong{font:700 15px/1.45 Manrope,sans-serif;color:#272c35;text-align:right}
.change-panel.change-replay .change-arrow{animation:v29Arrow 650ms cubic-bezier(.16,1,.3,1)}
@keyframes v29Arrow{0%{transform:translateX(-16px) scale(.88);opacity:.25}60%{transform:translateX(10px) scale(1.04);opacity:1}100%{transform:translateX(0) scale(1)}}
@keyframes v29Pulse{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.1);opacity:1}}

.v29-engagement{background:#f4f5f8}
.value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:38px}
.value-card{position:relative;background:#fff;border:1px solid #e1e3ea;border-radius:24px;padding:26px;min-height:360px;overflow:hidden;transition:.3s ease;box-shadow:0 12px 32px rgba(28,33,45,.05)}
.value-card:after{content:"";position:absolute;right:-35px;bottom:-50px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(118,87,255,.12),transparent 70%);transition:.3s ease}
.value-card:hover,.value-card.is-active{transform:translateY(-6px);border-color:#cbc5ff;box-shadow:0 24px 60px rgba(47,40,90,.10)}
.value-card>span{font:800 10px/1 "IBM Plex Mono",monospace;letter-spacing:.11em;color:#7d8492}
.value-card h3{margin:13px 0 10px;font:800 26px/1.08 Manrope,sans-serif;letter-spacing:-.04em;color:#1b1f27;max-width:14ch}
.value-card p{font-size:15px!important;line-height:1.65!important;color:#656d7b;margin:0;max-width:38ch}
.value-path{margin-top:26px;height:82px;display:flex;align-items:flex-end;gap:8px;position:relative;border-bottom:1px solid #dfe2e8}
.value-path i{display:block;flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#7a61ff,#5b48d6);height:calc(18px + var(--n,0)*1px);animation:v29Bars 1.1s ease both}
.value-path i:nth-child(1){--n:8}.value-path i:nth-child(2){--n:16}.value-path i:nth-child(3){--n:28}.value-path i:nth-child(4){--n:40}.value-path i:nth-child(5){--n:55}
.value-path.system i{background:linear-gradient(180deg,#61cfe9,#3a91aa)}
.value-path.scale i{background:linear-gradient(180deg,#936dff,#6047d3)}
.value-path b{position:absolute;left:0;bottom:-25px;font:800 10px/1 "IBM Plex Mono",monospace;color:#858c99;letter-spacing:.05em}
.value-card>strong{display:block;margin-top:38px;font:700 13px/1.5 Manrope,sans-serif;color:#343a45}
@keyframes v29Bars{from{transform:scaleY(.15);transform-origin:bottom;opacity:.2}to{transform:scaleY(1);transform-origin:bottom;opacity:1}}

.v29-signals{background:linear-gradient(180deg,#0e1117,#121722)}
.signal-board{margin-top:36px;border:1px solid #2a303b;border-radius:28px;background:#11161f;padding:16px;box-shadow:0 28px 80px rgba(0,0,0,.22);overflow:hidden}
.signal-tabs{display:flex;gap:8px;overflow:auto;padding:2px 2px 14px;scrollbar-width:none}
.signal-tabs::-webkit-scrollbar{display:none}
.signal-tab{border:1px solid #2c3340;background:#171c25;color:#aeb5c1;border-radius:999px;padding:10px 15px;font:800 11px/1 "IBM Plex Mono",monospace;letter-spacing:.06em;cursor:pointer;white-space:nowrap;transition:.22s ease}
.signal-tab.is-active{background:#f6f6f8;color:#12151a;border-color:#f6f6f8;box-shadow:0 7px 18px rgba(255,255,255,.06)}
.signal-stage{display:grid;grid-template-columns:.88fr 1.12fr;gap:18px;align-items:stretch}
.signal-copy{border:1px solid #252c37;border-radius:22px;padding:26px;background:linear-gradient(160deg,#151a23,#11151c);min-height:330px}
.signal-copy span{font:800 10px/1 "IBM Plex Mono",monospace;letter-spacing:.1em;color:#8e96a4}
.signal-copy h3{font:800 30px/1.08 Manrope,sans-serif;letter-spacing:-.04em;color:#fff;margin:16px 0 13px;max-width:15ch}
.signal-copy p{font-size:15px!important;line-height:1.7!important;color:#b2bac6;margin:0;max-width:44ch}
.signal-equation{display:inline-flex;margin-top:24px;padding:10px 12px;border-radius:12px;border:1px solid #343b49;background:#0d1117;color:#e3e6ec;font:700 11px/1.2 "IBM Plex Mono",monospace}
.signal-graph{position:relative;min-height:330px;border:1px solid #252c37;border-radius:22px;background:radial-gradient(circle at 50% 35%,rgba(112,93,231,.12),transparent 50%),#0d1117;padding:28px 28px 36px 50px;overflow:hidden;display:flex;align-items:flex-end}
.signal-gridlines{position:absolute;inset:28px 28px 54px 50px;display:flex;flex-direction:column;justify-content:space-between}
.signal-gridlines i{height:1px;background:#242b35;display:block}
.signal-bars{position:relative;z-index:2;width:100%;height:210px;display:flex;align-items:flex-end;gap:14px}
.signal-bars i{flex:1;height:var(--h);min-height:18px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#8b73ff,#5643d2);box-shadow:0 0 24px rgba(94,75,222,.18);animation:v29SignalBar 900ms cubic-bezier(.16,1,.3,1) both}
.signal-axis{position:absolute;left:13px;top:32px;bottom:58px;display:flex;flex-direction:column;justify-content:space-between;font:800 9px/1 "IBM Plex Mono",monospace;color:#69717e}
.signal-graph>strong{position:absolute;left:50px;bottom:16px;font:800 10px/1 "IBM Plex Mono",monospace;color:#8e96a4;letter-spacing:.08em}
@keyframes v29SignalBar{from{height:6px;opacity:.2}to{height:var(--h);opacity:1}}
.signal-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
.signal-kpis>div{padding:14px 15px;border-radius:16px;background:#0d1117;border:1px solid #252c37;min-width:0}
.signal-kpis small{display:block;font:800 10px/1 "IBM Plex Mono",monospace;color:#7f8794;letter-spacing:.08em}
.signal-kpis strong{display:block;margin-top:7px;color:#fff;font:800 18px/1 Manrope,sans-serif}
.signal-kpis span{display:block;margin-top:5px;color:#939ba7;font-size:12px;line-height:1.4}

.v29-why{background:#f7f7fa}
.partner-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:18px;margin-top:38px;align-items:stretch}
.partner-choice,.partner-fit{border:1px solid #e0e2e8;border-radius:26px;background:#fff;box-shadow:0 12px 34px rgba(28,33,45,.05)}
.partner-choice{padding:12px}
.partner-choice-head{display:flex;justify-content:space-between;padding:14px 14px 12px;color:#7f8794;font:800 10px/1 "IBM Plex Mono",monospace;letter-spacing:.08em}
.partner-choice-head b{color:#6555df}
.partner-row{display:grid;grid-template-columns:30px 1fr 30px;gap:12px;align-items:center;padding:18px 14px;border-top:1px solid #eceef2;border-radius:16px;transition:.22s ease}
.partner-row>span{font:800 10px/1 "IBM Plex Mono",monospace;color:#9aa0ac}
.partner-row>div strong{display:block;font:800 15px/1.35 Manrope,sans-serif;color:#232831}
.partner-row>div small{display:block;margin-top:5px;font-size:13px;color:#737b88;line-height:1.5}
.partner-row>b{opacity:0;color:#6857e6;font:800 11px/1 "IBM Plex Mono",monospace;text-align:right}
.partner-row.is-active{background:#f6f4ff;box-shadow:inset 3px 0 0 #6d5ae5}
.partner-row.is-active>b{opacity:1}
.partner-fit{background:linear-gradient(180deg,#10131a,#151a23);border-color:#242b36;color:#fff;padding:26px;position:relative;overflow:hidden}
.partner-fit:after{content:"";position:absolute;inset:auto -10% -35% 15%;height:260px;background:radial-gradient(circle,rgba(98,216,255,.12),transparent 68%);pointer-events:none}
.partner-fit-kicker{font:800 10px/1 "IBM Plex Mono",monospace;letter-spacing:.1em;color:#9ca4b1}
.fit-orbit{height:260px;position:relative;margin:10px auto 2px;max-width:420px}
.fit-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:132px;height:132px;border-radius:50%;display:grid;place-items:center;text-align:center;background:#171b24;border:1px solid #5e55a9;box-shadow:0 0 0 14px rgba(118,87,255,.05),0 0 44px rgba(118,87,255,.2);z-index:2}
.fit-core span{display:block;font:800 12px/1 "IBM Plex Mono",monospace;letter-spacing:.08em;color:#cbc6f0}
.fit-core strong{display:block;margin-top:5px;font:800 17px/1.02 Manrope,sans-serif;color:#fff}
.fit-node{position:absolute;padding:9px 12px;border-radius:999px;background:#171c25;border:1px solid #333b48;color:#d6dbe3;font:800 10px/1 "IBM Plex Mono",monospace;letter-spacing:.06em;box-shadow:0 8px 20px rgba(0,0,0,.14)}
.fit-n1{left:3%;top:22%}.fit-n2{right:2%;top:22%}.fit-n3{left:8%;bottom:18%}.fit-n4{right:6%;bottom:18%}
.partner-fit-copy{position:relative;z-index:1;padding-top:12px}
.partner-fit-copy strong{display:block;font:800 24px/1.12 Manrope,sans-serif;letter-spacing:-.03em;max-width:14ch}
.partner-fit-copy p{font-size:14px!important;line-height:1.7!important;color:#aeb6c2;margin:10px 0 18px;max-width:42ch}
.partner-fit .btn{position:relative;z-index:1}

@media (max-width:900px){.change-panel{grid-template-columns:1fr;gap:12px}.change-connector{flex-direction:row;justify-content:flex-start;padding:4px 6px}.change-arrow{transform:rotate(90deg)}.change-proofline{align-items:flex-start;flex-direction:column}.change-proofline strong{text-align:left}.value-grid,.partner-grid,.signal-stage{grid-template-columns:1fr}.value-card{min-height:0}.signal-graph,.signal-copy{min-height:280px}.signal-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.change-switch{grid-template-columns:1fr}.change-tab{padding:15px}.change-panel{padding:14px;border-radius:22px}.change-side{padding:19px}.change-side h3{font-size:23px;max-width:none}.change-items span{font-size:13px}.value-grid{gap:12px}.value-card{padding:21px;border-radius:20px}.value-card h3{font-size:22px}.value-card p{font-size:14px!important}.signal-board{padding:10px;border-radius:22px}.signal-stage{gap:10px}.signal-copy{padding:21px;border-radius:18px}.signal-copy h3{font-size:24px;max-width:none}.signal-copy p{font-size:14px!important}.signal-graph{padding-left:42px;padding-right:18px;border-radius:18px;min-height:250px}.signal-bars{gap:8px;height:165px}.signal-gridlines{left:42px;right:18px}.signal-axis{left:10px}.signal-graph>strong{left:42px;font-size:9px}.partner-row{grid-template-columns:24px 1fr 24px;padding:16px 10px}.partner-row>div strong{font-size:14px}.partner-row>div small{font-size:12px}.partner-fit{padding:21px}.fit-orbit{height:230px}.fit-core{width:116px;height:116px}.fit-core span{font-size:11px}.fit-core strong{font-size:15px}.fit-node{font-size:9px;padding:8px 9px}}

/* V32: problem diagnosis + solution wheel + dynamic why-partner proof. */
.problem-switch-four{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:20px 0 14px!important}.problem-switch-four .problem-tab{display:flex;align-items:center;gap:8px;justify-content:flex-start;min-height:46px;padding:10px 11px!important}.problem-switch-four .problem-tab span{font:700 9px "IBM Plex Mono",monospace;opacity:.65}.problem-detail{border:1px solid #2b323c;background:linear-gradient(145deg,#12171e,#0d1218);border-radius:18px;padding:18px;box-shadow:0 20px 50px rgba(0,0,0,.16);position:relative;overflow:hidden}.problem-detail:before{content:"";position:absolute;inset:auto -20% -55% 22%;height:220px;background:radial-gradient(circle,rgba(119,93,245,.15),transparent 68%);pointer-events:none}.problem-detail>*{position:relative;z-index:1}.problem-detail-kicker{font:800 9px "IBM Plex Mono",monospace;color:#9098a4;letter-spacing:.1em}.problem-detail strong{display:block;color:#f5f7fa;font:800 21px/1.25 Manrope,sans-serif;margin:8px 0;max-width:28ch}.problem-detail p{color:#b9c1cc!important;font-size:14px!important;line-height:1.7!important;margin:0 0 16px}.problem-signal-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.problem-signal-row>div{border:1px solid #29313b;border-radius:12px;background:#151a21;padding:10px}.problem-signal-row small{display:block;color:#858e9b;font:700 8px "IBM Plex Mono",monospace;letter-spacing:.08em}.problem-signal-row b{display:block;color:#f0f3f7;font:700 12px/1.4 Manrope,sans-serif;margin-top:4px}.system-compare{transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.system-compare.problem-pulse{animation:problemPulse .75s ease}.system-compare.state-conversion{--state:#7561e8}.system-compare.state-operations{--state:#42b8d7}.system-compare.state-visibility{--state:#5c79ee}.system-compare.state-scale{--state:#52b57e}.system-compare.state-conversion .connect-core,.system-compare.state-operations .connect-core,.system-compare.state-visibility .connect-core,.system-compare.state-scale .connect-core{border-color:var(--state);box-shadow:0 0 0 10px color-mix(in srgb,var(--state) 10%,transparent),0 0 38px color-mix(in srgb,var(--state) 22%,transparent)}.system-compare.state-conversion .data-line,.system-compare.state-operations .data-line,.system-compare.state-visibility .data-line,.system-compare.state-scale .data-line{background:linear-gradient(90deg,transparent,var(--state),transparent)}@keyframes problemPulse{0%{transform:scale(1)}35%{transform:scale(1.01);box-shadow:0 30px 78px rgba(0,0,0,.30)}100%{transform:scale(1)}}
.solution-section{background:#fbfbfd}.solution-layout{display:grid;grid-template-columns:1.03fr .97fr;gap:50px;align-items:center;margin-top:36px}.solution-visual{height:560px;position:relative;display:grid;place-items:center;isolation:isolate}.solution-ring{position:absolute;border:1px dashed #d9dbe5;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.ring-outer{width:500px;height:500px}.ring-inner{width:320px;height:320px;border-color:#e7e8ef}.solution-core{width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,#211d43,#13151c 74%);border:1px solid #6252ca;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 0 0 18px rgba(112,88,255,.06),0 30px 75px rgba(58,45,140,.18);position:relative;z-index:3;transition:transform .45s ease,filter .45s ease,box-shadow .45s ease}.solution-core span{font:800 8px "IBM Plex Mono",monospace;color:#9f97ce;letter-spacing:.12em}.solution-core strong{font:800 22px/1.02 Manrope;margin:9px 0 7px}.solution-core small{font-size:9px;color:#a4aab5;max-width:100px}.solution-node{position:absolute;z-index:4;padding:10px 13px;border:1px solid #dfe1e9;border-radius:999px;background:#fff;color:#4c5260;font:800 9px "IBM Plex Mono",monospace;letter-spacing:.06em;box-shadow:0 10px 25px rgba(26,29,40,.07);cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,background .3s ease,color .3s ease,border-color .3s ease}.solution-node:hover,.solution-node.is-active{color:#fff;border-color:#6154d8;background:#5f50d2;box-shadow:0 0 0 8px rgba(95,80,210,.08),0 16px 35px rgba(68,54,155,.18);transform:translateY(-3px) scale(1.06)}.sn1{top:36px;left:50%;transform:translateX(-50%)}.sn2{right:56px;top:23%}.sn3{right:74px;bottom:18%}.sn4{left:74px;bottom:18%}.sn5{left:56px;top:23%}.sn1:hover,.sn1.is-active{transform:translateX(-50%) translateY(-3px) scale(1.06)}.solution-copy{border-top:1px solid #e2e3e9}.solution-tabs{display:grid}.solution-tab{display:grid;grid-template-columns:40px 1fr;gap:12px;text-align:left;align-items:center;padding:15px 10px;border:0;border-bottom:1px solid #e8e9ee;background:transparent;cursor:pointer;transition:.25s ease;color:#222731}.solution-tab>span{font:800 9px "IBM Plex Mono",monospace;color:#9aa0ab}.solution-tab strong{display:block;font:800 16px/1.2 Manrope}.solution-tab small{display:block;font-size:13px;color:#767d89;line-height:1.45;margin-top:4px}.solution-tab:hover,.solution-tab.is-active{background:#f6f4ff;padding-left:14px}.solution-tab.is-active strong,.solution-tab.is-active>span{color:#5848cc}.solution-detail{margin-top:18px;padding:18px;border:1px solid #e0e1e8;border-radius:18px;background:linear-gradient(145deg,#fff,#f8f8fc);position:relative;overflow:hidden}.solution-detail:after{content:"";position:absolute;width:180px;height:180px;right:-70px;bottom:-90px;background:radial-gradient(circle,rgba(93,78,214,.14),transparent 65%);pointer-events:none}.solution-detail>*{position:relative;z-index:1}.solution-detail-kicker{font:800 9px "IBM Plex Mono",monospace;color:#8b91a0;letter-spacing:.1em}.solution-detail h3{font:800 24px/1.15 Manrope;margin:8px 0 6px;letter-spacing:-.03em}.solution-detail p{font-size:14px!important;line-height:1.7!important;color:#666d79;margin:0 0 16px}.solution-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.solution-metrics>div{padding:10px;border:1px solid #e7e8ee;border-radius:12px;background:#fff}.solution-metrics small{display:block;font:700 8px "IBM Plex Mono",monospace;color:#8c93a0}.solution-metrics strong{display:block;font:700 11px/1.35 Manrope;margin-top:4px;color:#303540}.solution-visual.solution-spin .ring-outer{animation:solutionSpin .95s cubic-bezier(.16,1,.3,1)}.solution-visual.solution-spin .solution-core{animation:solutionCorePulse .8s cubic-bezier(.16,1,.3,1)}.solution-visual.solution-burst .solution-pulse{animation:solutionBurst .85s ease-out}.solution-visual.solution-growth .solution-core{box-shadow:0 0 0 18px rgba(72,192,226,.06),0 0 60px rgba(72,192,226,.22)}.solution-visual.solution-marketplaces .solution-core{box-shadow:0 0 0 18px rgba(91,118,236,.06),0 0 60px rgba(91,118,236,.22)}.solution-visual.solution-automation .solution-core{box-shadow:0 0 0 18px rgba(83,181,126,.06),0 0 60px rgba(83,181,126,.22)}.solution-visual.solution-operations .solution-core{box-shadow:0 0 0 18px rgba(221,103,159,.06),0 0 60px rgba(221,103,159,.20)}.solution-pulse{position:absolute;width:230px;height:230px;border-radius:50%;border:1px solid rgba(97,82,213,0);pointer-events:none}@keyframes solutionSpin{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(22deg)}}@keyframes solutionCorePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes solutionBurst{0%{transform:scale(.6);opacity:0;border-color:rgba(95,80,210,0)}35%{opacity:.65;border-color:rgba(95,80,210,.24)}100%{transform:scale(1.5);opacity:0;border-color:rgba(95,80,210,0)}}
.partner-fit{transition:box-shadow .35s ease,border-color .35s ease}.partner-fit.partner-refresh{animation:partnerRefresh .65s ease}.partner-fit.partner-state-1{--partner:#7561e8}.partner-fit.partner-state-2{--partner:#46bddf}.partner-fit.partner-state-3{--partner:#52b57e}.partner-fit.partner-state-4{--partner:#df72aa}.partner-fit.partner-refresh .fit-core{box-shadow:0 0 0 12px color-mix(in srgb,var(--partner) 10%,transparent),0 0 38px color-mix(in srgb,var(--partner) 24%,transparent)}.partner-fit.partner-refresh .fit-node{border-color:color-mix(in srgb,var(--partner) 32%,#33404c);color:#fff;background:color-mix(in srgb,var(--partner) 14%,#151a22)}@keyframes partnerRefresh{0%{transform:translateY(0)}35%{transform:translateY(-4px)}100%{transform:translateY(0)}}
.consult-fab{left:auto!important;right:24px!important;top:auto!important;bottom:24px!important;transform:translateY(14px) scale(.88)!important}.consult-fab.is-visible{transform:translateY(0) scale(1)!important}
@media(max-width:900px){.problem-switch-four{grid-template-columns:repeat(2,minmax(0,1fr))}.solution-layout{grid-template-columns:1fr;gap:22px}.solution-visual{height:460px}.ring-outer{width:410px;height:410px}.ring-inner{width:270px;height:270px}.partner-fit{min-height:520px}}@media(max-width:620px){.problem-switch-four{grid-template-columns:1fr 1fr}.problem-detail strong{font-size:18px}.problem-signal-row{grid-template-columns:1fr}.solution-visual{height:380px}.ring-outer{width:320px;height:320px}.ring-inner{width:220px;height:220px}.solution-core{width:148px;height:148px}.solution-core strong{font-size:18px}.solution-node{font-size:8px;padding:8px 10px}.sn1{top:10px}.sn2{right:10px;top:19%}.sn3{right:22px;bottom:13%}.sn4{left:22px;bottom:13%}.sn5{left:10px;top:19%}.solution-metrics{grid-template-columns:1fr}.consult-fab{right:14px!important;bottom:14px!important}.consult-fab-button{width:88px;height:88px}.consult-fab-label{font-size:10px}}@media(max-width:360px){.problem-switch-four{grid-template-columns:1fr}.solution-visual{height:340px}.ring-outer{width:280px;height:280px}.ring-inner{width:190px;height:190px}.solution-node{font-size:7px;padding:7px 8px}.sn1{top:4px}.sn2{right:2px;top:18%}.sn3{right:8px;bottom:9%}.sn4{left:8px;bottom:9%}.sn5{left:2px;top:18%}}

/* V32: premium typography rhythm + left consultation FAB + redesigned Why ImtaDia proof board. */
.section-heading h2,
.contact-intro h2,
.final-inner h2,
.hero h1,
.service-card h3,
.change-side h3,
.problem-detail strong,
.solution-detail h3,
.partner-row>div strong,
.partner-fit-copy strong{word-spacing:.035em;text-wrap:balance;}
.section-heading>p,
.hero-copy>p,
.partner-row>div small,
.partner-fit-copy p,
.service-card p,
.solution-detail p{word-spacing:.015em;text-wrap:pretty;}
.nav a{font-size:14px!important;font-weight:650!important;letter-spacing:0;word-spacing:.04em;}
.consult-fab{left:24px!important;right:auto!important;top:auto!important;bottom:24px!important;}
@media(max-width:620px){.consult-fab{left:14px!important;right:auto!important;bottom:14px!important;}}

/* Replace the cycle graphic with a structured partner-proof interface. */
.partner-fit{padding:24px;}
.partner-fit-top{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:2;margin-bottom:14px;}
.partner-fit-status{display:inline-flex;align-items:center;gap:7px;font:800 9px/1 "IBM Plex Mono",monospace;letter-spacing:.06em;color:#7f8a98;white-space:nowrap;}
.partner-fit-status i{width:6px;height:6px;border-radius:50%;background:#55d69a;box-shadow:0 0 0 5px rgba(85,214,154,.08),0 0 14px rgba(85,214,154,.32);}
.partner-proof-board{position:relative;z-index:1;border:1px solid #28303b;border-radius:20px;background:linear-gradient(145deg,#0e1218,#161c25);padding:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);overflow:hidden;}
.partner-proof-board:before{content:"";position:absolute;right:-60px;top:-70px;width:220px;height:220px;background:radial-gradient(circle,rgba(116,91,255,.18),transparent 68%);pointer-events:none;}
.partner-proof-intro{position:relative;z-index:2;padding:4px 2px 14px;border-bottom:1px solid #242b35;}
.partner-proof-intro>span{display:block;font:800 9px/1 "IBM Plex Mono",monospace;letter-spacing:.1em;color:#858e9c;margin-bottom:8px;}
.partner-proof-intro>b{display:block;font:800 22px/1.12 Manrope,sans-serif;letter-spacing:-.03em;color:#f5f7fa;max-width:20ch;}
.partner-proof-intro>p{margin:8px 0 0;color:#aab3bf;font-size:13px;line-height:1.55;max-width:48ch;}
.fit-proof-row{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;display:grid;grid-template-columns:1.35fr .9fr auto;align-items:center;gap:14px;padding:13px 2px;border-bottom:1px solid #222934!important;background:transparent!important;border-radius:0!important;border-left:0!important;box-shadow:none!important;transform:none!important;}
.fit-proof-row:last-child{border-bottom:0!important;}
.fit-proof-meta{min-width:0;display:grid;grid-template-columns:24px 1fr;gap:0 9px;align-items:center;}
.fit-proof-index{grid-row:1/3;font:800 9px/1 "IBM Plex Mono",monospace;color:#727d8b;}
.fit-proof-meta strong{font:800 11px/1.1 "IBM Plex Mono",monospace;letter-spacing:.07em;color:#eef1f5;}
.fit-proof-meta small{font-size:11px;color:#7f8996;line-height:1.3;margin-top:3px;}
.fit-proof-bar{height:5px;border-radius:99px;background:#202631;overflow:hidden;box-shadow:inset 0 1px 1px rgba(0,0,0,.35);}
.fit-proof-bar i{display:block;height:100%;width:78%;border-radius:inherit;background:linear-gradient(90deg,#6f5bf0,#52c9f0);transform-origin:left;animation:fitBarIn .9s cubic-bezier(.16,1,.3,1) both;}
.fit-n2 .fit-proof-bar i{width:86%;background:linear-gradient(90deg,#4db9d9,#6d83ee);}
.fit-n3 .fit-proof-bar i{width:72%;background:linear-gradient(90deg,#55ba7e,#72d9aa);}
.fit-n4 .fit-proof-bar i{width:81%;background:linear-gradient(90deg,#d774aa,#8f71e8);}
.fit-proof-signal{font:800 8px/1 "IBM Plex Mono",monospace;letter-spacing:.06em;color:#8d97a5;white-space:nowrap;}
.partner-fit.partner-refresh .fit-proof-row{animation:fitRowRefresh .52s ease both;}
.partner-fit.partner-refresh .fit-proof-row:nth-child(3){animation-delay:.05s}.partner-fit.partner-refresh .fit-proof-row:nth-child(4){animation-delay:.1s}.partner-fit.partner-refresh .fit-proof-row:nth-child(5){animation-delay:.15s}
.partner-fit.partner-refresh .partner-proof-board{animation:fitBoardPulse .65s ease both;}
.partner-fit.partner-state-1 .fit-proof-bar i{filter:saturate(1.08)}
.partner-fit.partner-state-2 .fit-proof-bar i{filter:hue-rotate(4deg) saturate(1.12)}
.partner-fit.partner-state-3 .fit-proof-bar i{filter:hue-rotate(22deg) saturate(1.08)}
.partner-fit.partner-state-4 .fit-proof-bar i{filter:hue-rotate(-14deg) saturate(1.08)}
@keyframes fitBarIn{from{transform:scaleX(.2);opacity:.35}to{transform:scaleX(1);opacity:1}}
@keyframes fitRowRefresh{0%{transform:translateX(0);opacity:.78}45%{transform:translateX(5px);opacity:1}100%{transform:translateX(0);opacity:1}}
@keyframes fitBoardPulse{0%{box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 0 0 rgba(112,88,255,0)}45%{box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 42px rgba(112,88,255,.14)}100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 0 0 rgba(112,88,255,0)}}
@media(max-width:900px){.partner-fit-top{align-items:flex-start;flex-direction:column;}.partner-proof-intro>b{max-width:26ch}.fit-proof-row{grid-template-columns:1fr;gap:8px}.fit-proof-signal{justify-self:start}.fit-proof-bar{order:3}.partner-fit{padding:20px;}}
@media(max-width:620px){.partner-proof-intro>b{font-size:19px}.partner-proof-intro>p{font-size:13px}.fit-proof-meta strong{font-size:10px}.fit-proof-meta small{font-size:11px}.partner-fit{padding:17px;border-radius:22px;}}

/* V33 FINAL — section rail, why-partner expansion, mobile diagnosis/menu fixes. */
.solution-core{color:#fff!important;}
.solution-core span,.solution-core strong,.solution-core small{color:#fff!important;}
.solution-core span{opacity:.72;}
.solution-core small{opacity:.82;}

/* Persistent left-side section navigation. */
.section-rail{
  position:fixed;left:12px;top:50%;transform:translateY(-50%);z-index:850;
  width:112px;display:flex;flex-direction:column;gap:4px;padding:8px;
  border:1px solid rgba(215,216,224,.62);border-radius:16px;
  background:rgba(250,250,252,.78);backdrop-filter:blur(16px);
  box-shadow:0 18px 45px rgba(15,16,24,.10);
}
.section-rail a{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:6px;padding:6px 7px;border-radius:10px;text-decoration:none;color:#737986;transition:background .2s ease,color .2s ease,transform .2s ease;min-width:0;}
.section-rail a span{font:800 9px/1 "IBM Plex Mono",monospace;color:#8d94a0;}
.section-rail a b{font:650 11px/1.15 Manrope,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.section-rail a:hover{background:#f0eff8;color:#2a2e37;transform:translateX(2px);}
.section-rail a.is-active{background:#1c1f27;color:#fff;box-shadow:0 8px 18px rgba(15,16,24,.12);}
.section-rail a.is-active span{color:#cfc8ff;}

/* Why ImtaDia — states 05/06 deserve their own restrained accent colors. */
.partner-fit.partner-state-5{--partner:#4e9fe4}
.partner-fit.partner-state-6{--partner:#8266e6}
.partner-fit.partner-state-5 .fit-proof-bar i{background:linear-gradient(90deg,#4d9de0,#6ec7f1)}
.partner-fit.partner-state-6 .fit-proof-bar i{background:linear-gradient(90deg,#7a63df,#b28eff)}
.partner-fit.partner-state-5 .partner-proof-board:before{background:radial-gradient(circle,rgba(78,159,228,.18),transparent 68%)}
.partner-fit.partner-state-6 .partner-proof-board:before{background:radial-gradient(circle,rgba(130,102,230,.18),transparent 68%)}
.fit-n5 .fit-proof-bar i{width:88%;}
.fit-n6 .fit-proof-bar i{width:92%;}

@media (max-width:1100px){
  .section-rail{left:8px;width:90px;padding:6px;gap:3px;}
  .section-rail a{grid-template-columns:20px 1fr;padding:5px 6px;gap:5px;}
  .section-rail a b{font-size:10px;}
}

@media (max-width:760px){
  /* Section rail remains available on mobile, but becomes compact enough not to crowd content. */
  .section-rail{left:4px;top:50%;width:70px;padding:4px;border-radius:12px;gap:2px;background:rgba(250,250,252,.72);}
  .section-rail a{grid-template-columns:16px 1fr;gap:4px;padding:4px 4px;border-radius:7px;}
  .section-rail a span{font-size:8px;}
  .section-rail a b{font-size:9px;line-height:1.05;}

  /* Mobile header hamburger: tighter three-line stack. */
  .menu{gap:3px!important;}

  /* Section 02: keep diagnosis label and headline on separate visual lines. */
  .problem-stat{display:block!important;padding:18px 0 16px!important;}
  .problem-stat span{display:block;margin-bottom:8px;font-size:9px!important;line-height:1!important;}
  .problem-stat strong{display:block!important;max-width:none!important;font-size:19px!important;line-height:1.28!important;}
}

@media (max-width:430px){
  .section-rail{left:3px;width:66px;padding:3px;}
  .section-rail a{padding:4px 3px;}
  .section-rail a b{font-size:9px;}
  .problem-stat{padding-top:16px!important;padding-bottom:15px!important;}
  .problem-stat strong{font-size:18px!important;line-height:1.3!important;}
}

@media (prefers-reduced-motion:reduce){
  .section-rail a{transition:none;}
}


/* V34 FINAL — persistent section navigation and compact partner fit copy. */
.section-rail{position:fixed;left:18px;top:50%;transform:translateY(-50%);z-index:960;width:132px;display:flex;flex-direction:column;gap:4px;padding:8px;border:1px solid rgba(211,213,222,.72);border-radius:16px;background:rgba(250,250,252,.88);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 18px 48px rgba(15,16,24,.12)}
.section-rail a{display:grid;grid-template-columns:8px minmax(0,1fr);align-items:center;gap:7px;min-width:0;padding:7px 8px;border-radius:10px;text-decoration:none;color:#747b88;transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}
.section-rail a span{width:5px;height:5px;border-radius:50%;background:#a7adb7;box-shadow:0 0 0 0 rgba(112,91,234,0);transition:background .2s ease,box-shadow .2s ease,transform .2s ease}
.section-rail a b{display:block;font:650 11px/1.18 Manrope,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em}
.section-rail a:hover{background:#efeff8;color:#262a33;transform:translateX(2px)}
.section-rail a.is-active{background:#1b1e26;color:#fff;box-shadow:0 8px 20px rgba(15,16,24,.14)}
.section-rail a.is-active span{background:#a89bff;transform:scale(1.25);box-shadow:0 0 0 4px rgba(118,87,255,.12),0 0 13px rgba(118,87,255,.5)}
.partner-fit-copy{padding-top:3px!important}
.partner-fit-copy strong{margin-bottom:0!important}
.partner-fit-copy p{margin:5px 0 9px!important}
@media(max-width:1100px){.section-rail{left:10px;width:110px;padding:7px}.section-rail a{padding:6px 7px}.section-rail a b{font-size:10px}}
@media(max-width:760px){.section-rail{left:4px;top:50%;width:76px;padding:4px;border-radius:12px;gap:2px;background:rgba(250,250,252,.9)}.section-rail a{grid-template-columns:6px minmax(0,1fr);gap:5px;padding:5px;border-radius:8px}.section-rail a b{font-size:9px;line-height:1.05}.section-rail a span{width:4px;height:4px}}
@media(max-width:430px){.section-rail{left:3px;width:70px;padding:3px}.section-rail a{padding:4px}.section-rail a b{font-size:9px}}
@media(prefers-reduced-motion:reduce){.section-rail a{transition:none}}

/* V34.1 FINAL — compact, transparent section rail. */
.section-rail{
  width:104px;
  padding:6px;
  gap:3px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.24);
  box-shadow:none;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.section-rail a{
  grid-template-columns:6px minmax(0,1fr);
  gap:6px;
  padding:6px 7px;
  background:transparent;
}
.section-rail a b{
  font-size:9px!important;
  line-height:1.15;
  font-weight:650;
  letter-spacing:.01em;
}
.section-rail a span{
  width:4px;
  height:4px;
  background:rgba(110,116,130,.72);
}
.section-rail a:hover{background:rgba(255,255,255,.16);color:#262a33;}
.section-rail a.is-active{background:rgba(27,30,38,.42);color:#fff;box-shadow:none;}
.section-rail a.is-active span{background:#a89bff;box-shadow:0 0 10px rgba(118,87,255,.55);}

@media(max-width:1100px){
  .section-rail{width:96px;left:10px;padding:5px;}
  .section-rail a{padding:5px 6px;gap:5px;}
  .section-rail a b{font-size:9px!important;}
}

@media(max-width:760px){
  .section-rail{
    left:4px;
    width:64px;
    padding:3px;
    gap:1px;
    background:rgba(255,255,255,.10);
    border-color:rgba(255,255,255,.20);
    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
  }
  .section-rail a{
    grid-template-columns:5px minmax(0,1fr);
    gap:4px;
    padding:4px 3px;
    border-radius:6px;
  }
  .section-rail a b{
    font-size:7px!important;
    line-height:1.05;
  }
  .section-rail a span{width:3px;height:3px;}
}

@media(max-width:360px){
  .section-rail{left:2px;width:58px;}
  .section-rail a{padding:3px 2px;}
  .section-rail a b{font-size:7px!important;}
}


/* ============================================================
   IMTADIA V35 — final compact transparent section rail
   ============================================================ */
.section-rail{
  width:92px;
  padding:5px;
  gap:2px;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:none;
  backdrop-filter:blur(5px) saturate(115%);
  -webkit-backdrop-filter:blur(5px) saturate(115%);
}
.section-rail a{
  grid-template-columns:5px minmax(0,1fr);
  gap:5px;
  padding:5px 6px;
  background:transparent;
  color:rgba(74,81,94,.78);
}
.section-rail a b{
  display:block;
  min-width:0;
  font-family:Manrope,Inter,sans-serif;
  font-size:7px!important;
  font-weight:650;
  line-height:1.15;
  letter-spacing:.012em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.section-rail a span{
  width:3px;
  height:3px;
  background:rgba(110,116,130,.62);
}
.section-rail a:hover{background:rgba(255,255,255,.10);color:rgba(35,39,48,.92);}
.section-rail a.is-active{background:rgba(27,30,38,.20);color:rgba(255,255,255,.96);box-shadow:none;}
.section-rail a.is-active span{background:#a89bff;box-shadow:0 0 8px rgba(118,87,255,.46);}

@media (max-width:1100px){
  .section-rail{width:84px;left:8px;padding:4px;gap:2px;}
  .section-rail a{padding:4px 5px;gap:4px;}
  .section-rail a b{font-size:7px!important;}
}

@media (max-width:760px){
  .section-rail{
    left:3px;
    width:58px;
    padding:3px;
    gap:1px;
    background:rgba(255,255,255,.05);
    border-color:rgba(255,255,255,.12);
    backdrop-filter:blur(4px) saturate(110%);
    -webkit-backdrop-filter:blur(4px) saturate(110%);
  }
  .section-rail a{
    grid-template-columns:4px minmax(0,1fr);
    gap:3px;
    padding:3px 2px;
    border-radius:6px;
  }
  .section-rail a b{
    font-size:5px!important;
    line-height:1.05;
    letter-spacing:.01em;
  }
  .section-rail a span{width:3px;height:3px;}
  .section-rail a.is-active{background:rgba(27,30,38,.17);}
}

@media (max-width:360px){
  .section-rail{left:2px;width:54px;padding:2px;}
  .section-rail a{padding:3px 2px;}
  .section-rail a b{font-size:5px!important;}
}

@media (prefers-reduced-motion:reduce){
  .section-rail a{transition:none;}
}

/* FINAL V35 STICKY SECTION MENU TYPOGRAPHY */
.section-rail a b{font-size:7px !important; line-height:1.15 !important;}
@media (max-width: 760px){
  .section-rail a b{font-size:5px !important; line-height:1.05 !important;}
}
@media (max-width: 360px){
  .section-rail a b{font-size:5px !important; line-height:1.05 !important;}
}

/* V35.1 — mobile hamburger refinement: compact, evenly spaced three-line control. */
@media (max-width:1100px){
  .menu{
    width:40px!important;
    height:40px!important;
    padding:0!important;
    gap:2px!important;
  }
  .menu span{
    width:18px!important;
    height:1.5px!important;
    margin:0!important;
    transform:none!important;
  }
}
@media (max-width:760px){
  .menu{
    width:34px!important;
    height:34px!important;
    gap:1.5px!important;
  }
  .menu span{
    width:17px!important;
    height:1.5px!important;
  }
}
@media (max-width:360px){
  .menu{
    width:32px!important;
    height:32px!important;
    gap:1px!important;
  }
  .menu span{width:16px!important;height:1.4px!important;}
}