:root{--bg:#020b12;--p:#061722;--p2:#071d2b;--line:#0b6780;--cyan:#08d9ff;--blue:#1889ff;--vio:#9d5cff;--mint:#00f1cf;--text:#f5fbff;--muted:#9db4c2;--max:1420px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background-image:linear-gradient(rgba(8,76,98,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(8,76,98,.08) 1px,transparent 1px);background-size:32px 32px}a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),calc(100% - 36px));margin:auto}.nav{height:66px;position:sticky;top:0;z-index:50;background:rgba(2,11,18,.93);border-bottom:1px solid #0a4256;backdrop-filter:blur(14px)}.navin{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-weight:900}.mark{font-size:26px;font-style:italic;background:linear-gradient(135deg,var(--cyan),var(--blue),var(--vio));-webkit-background-clip:text;color:transparent}.brand small{display:block;color:var(--muted);font-size:8px;font-weight:500}.links{display:flex;gap:24px;align-items:center;font-size:11px}.links a.active{color:var(--cyan);border-bottom:2px solid var(--cyan);padding-bottom:19px}.connect{border:1px solid #087ca0;border-radius:18px;padding:8px 13px!important;color:#fff!important}.hero{min-height:505px;padding:46px 0 26px;background:radial-gradient(circle at 82% 45%,rgba(0,126,255,.17),transparent 29%)}.heroGrid{display:grid;grid-template-columns:1.08fr .92fr;gap:24px;align-items:center}.eyebrow{color:#8d8cff;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:900}.hero h1,.pageHero h1{font-size:clamp(43px,5vw,67px);line-height:.98;letter-spacing:-.045em;margin:14px 0}.grad{background:linear-gradient(90deg,var(--cyan),#5a9cff,var(--vio));-webkit-background-clip:text;color:transparent}.lede{font-size:16px;color:#d4e1e8;max-width:720px}.actions,.chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:21px}.btn{display:inline-flex;align-items:center;gap:9px;padding:11px 18px;border:1px solid #8d6556;border-radius:22px;font-weight:800;font-size:11px}.btn.primary{background:#0a83ff;border-color:#0aa5ff}.chip{border:1px solid #315366;border-radius:17px;padding:7px 11px;background:#07151f;font-size:10px}.globe{width:min(430px,90vw);aspect-ratio:1;border-radius:50%;margin:auto;position:relative;background:radial-gradient(circle at 42% 40%,rgba(9,210,255,.3),rgba(5,85,177,.14) 37%,rgba(0,0,0,.2) 64%),repeating-radial-gradient(circle at center,transparent 0 27px,rgba(8,207,255,.18) 28px 29px);border:1px solid #0a85b0;box-shadow:0 0 75px rgba(0,140,255,.35),inset 0 0 55px rgba(0,150,255,.18)}.globe:before,.globe:after{content:"";position:absolute;inset:8%;border:1px solid rgba(0,218,255,.35);border-radius:50%;transform:rotate(60deg)}.globe:after{transform:rotate(-60deg)}.globeText{position:absolute;right:10%;top:36%;font-weight:900;line-height:1.6;text-shadow:0 2px 10px #000}.metrics{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #0a6078;border-radius:8px;background:#06151f;overflow:hidden;margin:4px 0 30px}.metric{padding:15px;border-right:1px solid #123849}.metric:last-child{border:0}.metric b{font-size:24px}.metric small{display:block;color:#bdd0da;font-size:9px}.section{padding:26px 0 40px}.sectionTitle{display:flex;align-items:end;justify-content:space-between;margin-bottom:15px}.sectionTitle h2{margin:5px 0;font-size:27px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.card,.panel{border:1px solid var(--line);background:rgba(4,20,30,.94);border-radius:7px;padding:18px;box-shadow:inset 0 0 24px rgba(0,180,255,.025)}.card h3,.panel h3{margin:7px 0;font-size:20px}.card p,.panel p,.muted{color:var(--muted)}.label{color:var(--cyan);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.project{min-height:205px;position:relative;overflow:hidden}.project:after{content:"";position:absolute;width:120px;height:120px;right:-15px;bottom:-25px;border:1px solid #0a8ab1;transform:rotate(45deg);box-shadow:0 0 30px rgba(0,180,255,.15)}.pageHero{padding:30px 0 18px}.crumb{font-size:10px;color:#aebfca;margin-bottom:12px}.pageTitleRow{display:flex;justify-content:space-between;gap:20px}.pageHero h1{font-size:48px;margin:5px 0}.sub{font-size:19px;color:var(--cyan);font-weight:800}.badge{border:1px solid #087f70;color:var(--mint);border-radius:15px;padding:8px 12px;align-self:start}.dash{display:grid;grid-template-columns:1.05fr .95fr;gap:12px}.stackPanel{display:grid;grid-template-columns:.65fr 1.35fr;gap:15px;align-items:center}.layers{display:grid;gap:7px;transform:perspective(500px) rotateX(50deg)}.layer{text-align:center;padding:13px;border:1px solid #5b4ee4;background:linear-gradient(90deg,#071b38,#3030b0,#0b92c2);box-shadow:0 8px 18px rgba(21,63,255,.15)}.archList{display:grid;gap:7px}.archItem{padding:10px;border-left:2px solid var(--cyan);background:#071722}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.kpi{border:1px solid #13556d;border-radius:5px;padding:12px;background:#071824}.kpi b{font-size:22px;display:block}.progress{height:7px;background:#142a36;border-radius:8px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--mint),var(--cyan));width:100%}.statusList{display:grid;gap:9px;margin-top:12px}.statusLine{display:grid;grid-template-columns:1fr auto;gap:10px;font-size:11px}.explore,.storyGrid,.process,.contactGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mini{border:1px solid #0c5971;border-radius:6px;padding:14px;background:#061824}.mini b{display:block;margin:6px 0}.dmeTop{display:grid;grid-template-columns:1.3fr .7fr;gap:14px}.checklist{display:grid;grid-template-columns:1fr 1fr;gap:8px}.check:before{content:"✓";color:var(--mint);margin-right:8px}.sys{display:flex;gap:8px}.node{flex:1;padding:15px 8px;text-align:center;border:1px solid #0b6079;border-radius:6px}.trade{display:grid;grid-template-columns:1fr .45fr;gap:10px}.approach{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.times{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.time{padding:11px;text-align:center;border:1px solid #0b5971;border-radius:5px;color:var(--cyan);font-weight:900}.chart{height:185px;position:relative;overflow:hidden;border-top:1px solid #0c4e62;margin-top:10px;background:linear-gradient(160deg,transparent 45%,rgba(0,217,255,.18) 46%,transparent 47%),repeating-linear-gradient(90deg,transparent 0 34px,rgba(0,120,150,.1) 35px)}.chart:after{content:"";position:absolute;left:0;right:0;bottom:35px;height:70px;border-top:3px solid var(--cyan);transform:skewY(-8deg)}.storyGrid{grid-template-columns:repeat(3,1fr)}.process .mini{min-height:120px}.num{color:var(--mint);font-size:10px}.expTop{display:grid;grid-template-columns:1.15fr .85fr;gap:12px}.skillchips{display:flex;flex-wrap:wrap;gap:6px}.timeline{display:grid;gap:8px}.role{display:grid;grid-template-columns:190px 1fr 110px;gap:15px;border-bottom:1px solid #123747;padding:12px 0}.role:last-child{border:0}.role strong{color:#cce6f2}.contactHero{display:grid;grid-template-columns:1fr .65fr;gap:20px}.contactPanel{display:grid;grid-template-columns:1fr .75fr;gap:12px}.contactItem{padding:12px;border-bottom:1px solid #153848}.quote{display:grid;place-items:center;text-align:center;font-size:19px;padding:30px}.footer{padding:26px 0;border-top:1px solid #0b4255;color:#8ba4b2;font-size:10px}@media(max-width:900px){.links a:not(.connect){display:none}.heroGrid,.dash,.dmeTop,.trade,.expTop,.contactHero,.contactPanel{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.metric:first-child{grid-column:1/-1}.cards,.storyGrid,.process,.explore,.contactGrid{grid-template-columns:1fr 1fr}.globe{width:320px}.role{grid-template-columns:1fr}.pageTitleRow{display:block}.stackPanel{grid-template-columns:1fr}.checklist{grid-template-columns:1fr}.approach{grid-template-columns:1fr 1fr}}@media(max-width:560px){.cards,.storyGrid,.process,.explore,.contactGrid,.kpis{grid-template-columns:1fr}.metrics{grid-template-columns:1fr}.metric:first-child{grid-column:auto}.hero h1{font-size:42px}.wrap{width:min(100% - 22px,var(--max))}}
/* AIOS mockup-matched dashboard */
.aiosPage{padding-top:24px}.aiosHero{display:grid;grid-template-columns:1fr 480px;gap:28px;align-items:start;padding:8px 0 22px}.aiosHero h1{font-size:58px;line-height:.95;letter-spacing:-.045em;margin:8px 0 4px}.aiosHero h1 span{color:var(--cyan)}.aiosHero h2{font-size:22px;color:var(--cyan);margin:0 0 12px}.aiosHero p{max-width:820px;color:#d4e1e8;font-size:15px}.impact{display:grid;grid-template-columns:1fr 1.08fr;gap:12px}.aiosState,.impactBox{border:1px solid #087ca0;border-radius:16px;background:rgba(4,25,38,.92);padding:14px}.aiosState{color:var(--mint);font-size:18px}.aiosState small{display:block;color:#d7e4ec;margin-left:23px;font-size:12px}.impactBox strong{font-size:15px}.impactGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin-top:10px;font-size:11px}.impactGrid span:First-letter{color:var(--cyan)}.aiosDash{display:grid;grid-template-columns:1.08fr .92fr;gap:14px}.archOverview h3,.aiosRight h3{font-size:24px;margin:0 0 12px}.archBody{display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;min-height:490px}.archLegend{display:grid;gap:13px}.archLegend>div{display:grid;grid-template-columns:56px 1fr;align-items:center;gap:12px;font-size:16px;font-weight:700}.archLegend i{width:52px;height:52px;border:1px solid #2355d0;border-radius:10px;display:grid;place-items:center;font-style:normal;font-size:24px;color:#71eaff;background:linear-gradient(145deg,#111467,#07394b);box-shadow:0 0 20px rgba(0,210,255,.1)}.isoStack{height:430px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;filter:drop-shadow(0 15px 16px rgba(0,125,255,.18))}.iso{width:68%;height:72px;display:grid;place-items:center;font-size:12px;font-weight:700;transform:skewY(0deg) rotate(30deg) skewX(-30deg) scaleY(.86);border:1px solid #54b8ff;background:linear-gradient(135deg,#4a36ff,#08bfff);box-shadow:inset 0 0 22px rgba(255,255,255,.12),0 10px 0 rgba(0,72,160,.28)}.iso:nth-child(2){background:linear-gradient(135deg,#086fae,#05d9df)}.iso:nth-child(3){background:linear-gradient(135deg,#0585a4,#00dfc8)}.iso:nth-child(4){background:linear-gradient(135deg,#1749df,#0c9fff)}.iso:nth-child(5){background:linear-gradient(135deg,#3130d7,#315dff)}.iso:nth-child(6){background:linear-gradient(135deg,#372582,#493bc6)}.aiosRight{display:grid;grid-template-rows:auto 1fr;gap:14px}.aiosKpis{gap:12px}.aiosKpis .kpi{min-height:118px;border-color:#087ea3;border-radius:12px;padding:16px}.aiosKpis .kpi b{font-size:31px;color:#fff}.aiosKpis .kpi span{display:block;margin-top:8px;font-size:13px}.implementation{min-height:220px}.statusMeter{height:12px;background:#9caec4;border-radius:10px;margin:12px 0 16px;overflow:hidden}.statusFill{height:100%;width:68%;background:linear-gradient(90deg,var(--mint),var(--cyan),#1889ff);border-radius:10px}.statusLine{font-size:13px}.statusLine span:first-child{color:#d9e7ed}.statusLine b{color:#bcd1da}.statusLine .dormant{color:var(--cyan)}.statusNote{font-size:10px!important;color:#7893a2!important;margin:12px 0 0!important;border-top:1px solid #153c4c;padding-top:9px}@media(max-width:1050px){.aiosHero{grid-template-columns:1fr}.impact{max-width:600px}.aiosDash{grid-template-columns:1fr}.archBody{min-height:420px}}@media(max-width:650px){.aiosHero h1{font-size:43px}.impact{grid-template-columns:1fr}.archBody{grid-template-columns:1fr}.archLegend{grid-template-columns:1fr 1fr}.archLegend>div{font-size:12px;grid-template-columns:42px 1fr}.archLegend i{width:38px;height:38px}.isoStack{height:350px}.aiosKpis{grid-template-columns:1fr 1fr}}

/* Mobile-first AIOS corrections */
@media(max-width:650px){
  .aiosPage{padding-top:12px}.aiosHero{gap:14px;padding-bottom:14px}.aiosHero h1{font-size:38px;line-height:1}.aiosHero h2{font-size:17px;line-height:1.25}.aiosHero p{font-size:13px}.impact{display:grid;grid-template-columns:1fr}.aiosState,.impactBox{padding:11px;border-radius:10px}.impactGrid{grid-template-columns:1fr 1fr;font-size:10px}
  .aiosDash{display:block}.archOverview{padding:14px;overflow:hidden}.archOverview h3,.aiosRight h3{font-size:20px}.archBody{display:block;min-height:0}.archLegend{display:grid;grid-template-columns:1fr 1fr;gap:7px 10px;margin-bottom:20px}.archLegend>div{grid-template-columns:34px 1fr;gap:7px;min-width:0;font-size:10px;line-height:1.15}.archLegend i{width:32px;height:32px;border-radius:7px;font-size:16px}.isoStack{height:auto;display:flex;gap:10px;padding:5px 8px 30px;overflow:visible}.iso{width:78%;height:48px;flex:none;transform:skewY(0deg) rotate(30deg) skewX(-30deg) scaleY(.76);font-size:9px;box-shadow:inset 0 0 15px rgba(255,255,255,.1),0 6px 0 rgba(0,72,160,.24)}
  .aiosRight{display:grid;gap:10px;margin-top:10px}.aiosKpis{grid-template-columns:1fr 1fr!important;gap:8px}.aiosKpis .kpi{min-height:92px;padding:12px;border-radius:8px}.aiosKpis .kpi b{font-size:25px}.aiosKpis .kpi span{font-size:11px;line-height:1.25}.implementation{min-height:0}.statusLine{font-size:11px;grid-template-columns:1fr auto}.statusNote{font-size:9px!important}.explore{grid-template-columns:1fr 1fr!important}.mini{padding:11px}.nav{height:58px}.brand small{font-size:7px}.mark{font-size:22px}.connect{font-size:9px;padding:7px 9px!important}
}
@media(max-width:390px){.wrap{width:calc(100% - 18px)}.archLegend>div{font-size:9px}.iso{width:82%}.aiosKpis{grid-template-columns:1fr 1fr!important}.explore{grid-template-columns:1fr!important}}

/* AIOS mobile containment v2: replace desktop perspective stack with true mobile diagram */
@media(max-width:650px){
 .archOverview{overflow:hidden!important}.archBody{overflow:hidden!important}.isoStack{width:100%!important;height:auto!important;min-height:360px!important;padding:12px 0 18px!important;gap:8px!important;align-items:center!important;justify-content:flex-start!important;overflow:hidden!important;filter:none!important}.iso{box-sizing:border-box!important;width:68%!important;height:48px!important;margin:0!important;transform:skewX(-28deg)!important;position:relative!important;left:0!important;flex:none!important;box-shadow:inset 0 0 15px rgba(255,255,255,.1),0 6px 12px rgba(0,70,160,.18)!important;font-size:9px!important}.iso:nth-child(odd){margin-left:-5%!important}.iso:nth-child(even){margin-left:5%!important}.aiosRight{position:relative;z-index:2;background:var(--bg)}
}
@media(max-width:390px){.isoStack{min-height:350px!important}.iso{width:66%!important;height:46px!important}.archOverview{padding-bottom:8px!important}}