/* Ingenious AI V14.1 — spacing and typography refinement
   Brand: Ingenious navy / black / warm white
   Typeface: Arial only
*/
:root{
  --header-h:72px;
  --pad:clamp(20px,3.2vw,56px);
  --max:1600px;
  --section-space:clamp(72px,6.6vw,108px);
  --section-space-sm:clamp(54px,5vw,82px);
  --content-max:920px;
}
html{scroll-padding-top:88px}
body,
button,input,textarea,select,code,pre,kbd,samp{
  font-family:Arial,Helvetica,sans-serif!important;
}
body{font-size:15.5px;line-height:1.58;letter-spacing:0}
p{line-height:1.62}
.wrap{max-width:var(--max)}

/* Header and navigation */
.site-header{
  height:var(--header-h);
  grid-template-columns:250px minmax(0,1fr) auto;
  padding-inline:var(--pad);
}
.brand img{width:218px}
.desktop-nav{gap:clamp(17px,1.85vw,30px);font-size:12.5px}
.header-actions{gap:14px}
.header-link{font-size:12px}
.header-cta{min-height:40px;padding-inline:17px;font-size:12px}
.mega-menu{padding:26px var(--pad) 30px}
.mega-inner{grid-template-columns:minmax(210px,290px) 1fr;gap:40px}
.mega-intro h3{font-size:30px;line-height:1.08;margin:0 0 10px}
.mega-intro p{font-size:12.5px;line-height:1.55;margin:0}
.mega-links a{min-height:142px;padding:18px}
.mega-links strong{font-size:16px}
.mega-links small{font-size:12px;line-height:1.48}
.button{min-height:44px;padding-inline:20px;font-size:12.5px}

/* Homepage: model strip and hero */
.m-model-strip{
  grid-template-columns:170px repeat(3,minmax(175px,1fr)) 170px;
  min-height:62px;
}
.m-model-strip>*{padding:12px 18px}
.m-model-strip strong{font-size:12.5px}
.m-model-strip span{font-size:10.5px}
.m-home-hero{
  min-height:670px;
  grid-template-columns:minmax(0,1.04fr) minmax(440px,.96fr);
}
.m-hero-copy{padding:clamp(72px,6.8vw,108px) var(--pad)}
.m-eyebrow{font-size:10.5px;letter-spacing:.12em}
.m-home-hero h1{
  font-size:clamp(64px,7.9vw,128px);
  line-height:.86;
  letter-spacing:-.072em;
  margin:24px 0 28px;
  max-width:1000px;
}
.m-hero-copy>p{
  font-size:clamp(17px,1.35vw,22px);
  line-height:1.52;
  max-width:720px;
  margin:0;
}
.m-hero-actions{gap:22px;margin-top:27px}
.lattice-status{height:56px;padding-inline:20px}
.lattice-grid{padding:24px}
.lattice-core{width:min(72%,390px);padding:26px}
.lattice-core strong{font-size:clamp(28px,2.8vw,43px);margin:13px 0}
.lattice-core small{font-size:11.5px}

/* Shared section rhythm */
.section{padding:var(--section-space) 0}
.m-section-title{margin-bottom:26px;padding-top:12px}
.section-head{
  grid-template-columns:170px minmax(0,1fr) minmax(260px,330px);
  gap:32px;
  margin-bottom:42px;
}
.section-head h2{
  font-size:clamp(38px,4.25vw,66px);
  line-height:1;
  letter-spacing:-.048em;
}
.section-head p{font-size:15px;line-height:1.62;margin:2px 0 0}

/* Featured content */
.m-feature-grid{gap:14px;grid-template-columns:1.35fr 1fr 1fr}
.feature-card{min-height:470px}
.feature-main{min-height:540px}
.feature-art{height:255px;padding:16px}
.feature-main .feature-art{height:318px}
.feature-copy{padding:22px}
.feature-copy h2{font-size:clamp(30px,2.8vw,46px);line-height:1.03;margin:15px 0}
.feature-copy h3{font-size:25px;line-height:1.08;margin:15px 0}
.feature-copy p{font-size:14px;line-height:1.6}
.art-cfam b{font-size:135px}

/* Product overview */
.m-products-intro{padding-block:var(--section-space-sm)}
.m-display{
  font-size:clamp(58px,7.7vw,120px);
  line-height:.86;
  letter-spacing:-.072em;
  margin:26px 0 22px;
  max-width:1250px;
}
.m-intro-copy{font-size:clamp(18px,1.65vw,26px);line-height:1.48;max-width:900px}

/* Product story sections */
.product-story{
  min-height:650px;
  grid-template-columns:minmax(350px,.8fr) minmax(0,1.2fr);
}
.product-story.reverse{grid-template-columns:minmax(0,1.2fr) minmax(350px,.8fr)}
.story-copy{padding:clamp(52px,5vw,78px) var(--pad)}
.story-copy h2{
  font-size:clamp(43px,4.6vw,72px);
  line-height:.95;
  letter-spacing:-.052em;
  margin:21px 0 20px;
}
.story-copy>p{font-size:16px;line-height:1.65;max-width:600px;margin:0}
.story-copy>a{margin-top:18px}
.story-copy ul{margin-top:auto}
.story-copy li{padding:11px 0;font-size:12.5px}
.story-visual{padding:clamp(26px,4vw,54px)}
.workspace-ui,.studio-ui,.forge-ui,.compute-ui,.research-ui{
  max-width:900px;
  min-height:500px;
  box-shadow:10px 10px 0 var(--blue);
}
.ui-top,.canvas-toolbar,.forge-head{height:50px;padding-inline:16px}
.ui-body{grid-template-columns:205px 1fr;min-height:450px}
.ui-body aside{padding:20px 15px}
.ui-body main{padding:25px}
.ui-query{font-size:21px;padding-bottom:22px}
.ui-result{margin-top:27px;padding:22px}
.ui-result h4{font-size:29px;margin:13px 0}
.ui-result p{font-size:13.5px}
.node-canvas{height:450px}
.node{width:140px;padding:14px}
.forge-chart{height:355px;padding:34px 30px 16px}
.forge-chart svg{height:255px}
.compute-map{height:500px}
.region{width:158px;height:96px}
.compute-core{padding:28px}
.research-map{height:450px}

/* Applied AI and CTA */
.applied-layout{gap:clamp(42px,6vw,96px)}
.applied-layout h2{font-size:clamp(40px,4.6vw,68px);line-height:.99;letter-spacing:-.052em}
.applied-layout p{font-size:16px;line-height:1.65}
.applied-list a{padding:18px 0}
.applied-list strong{font-size:15.5px}
.future-cta{padding:clamp(66px,6.5vw,100px) var(--pad);gap:36px}
.future-copy>span{font-size:clamp(60px,7.7vw,120px);line-height:.84;letter-spacing:-.072em}
.future-copy h2{font-size:clamp(24px,2.35vw,38px);line-height:1.16;margin:30px 0 0;max-width:850px}

/* Internal page heroes and content */
.page-hero{
  grid-template-columns:180px minmax(0,1fr);
  gap:32px;
  padding:clamp(68px,6.2vw,98px) var(--pad) clamp(58px,5.2vw,82px);
}
.page-hero h1{
  font-size:clamp(54px,6.5vw,102px);
  line-height:.9;
  letter-spacing:-.062em;
  margin:0 0 26px;
  max-width:1120px;
}
.page-hero p{font-size:clamp(17px,1.35vw,21px);line-height:1.58;max-width:850px;margin:0}
.sticky-layout{grid-template-columns:250px minmax(0,1fr)}
.sticky-aside{padding:46px 25px 46px var(--pad);top:88px;height:calc(100vh - 88px)}
.sticky-aside a{padding:11px 0;font-size:12.5px}
.content-section{padding:var(--section-space-sm) var(--pad)}
.content-section h2{font-size:clamp(38px,4.15vw,64px);line-height:1;letter-spacing:-.047em;margin:0 0 20px;max-width:1050px}
.content-section .lead{font-size:17px;line-height:1.67;max-width:850px;margin:0}
.content-grid-2{gap:34px;margin-top:34px}
.content-grid-2 h3{font-size:23px;margin:0 0 12px}
.content-grid-2 p,.content-grid-2 li{font-size:14.5px;line-height:1.65}
.content-grid-3{margin-top:34px}
.content-card{padding:23px}
.content-card h3{font-size:22px;line-height:1.15;margin:22px 0 10px}
.content-card p{font-size:14px;line-height:1.62;margin:0}
.stack-diagram{margin-top:34px}
.stack-row{grid-template-columns:72px 245px 1fr;min-height:78px}
.stack-row>*{padding:17px}
.stack-row strong{font-size:17px}
.stack-row p{font-size:13.5px;line-height:1.55}

/* Reusable data sections */
.dual-pillar{gap:0}
.pillar{padding:clamp(34px,4vw,58px);min-height:430px}
.pillar h3{font-size:clamp(36px,3.7vw,54px);line-height:1;margin:20px 0}
.pillar p{font-size:16px;line-height:1.65}
.pillar li{padding:11px 0;font-size:13px}
.program-atlas{grid-template-columns:270px 1fr}
.program-index button{padding:17px}
.program-content{padding:clamp(32px,4.2vw,60px);min-height:450px}
.program-content h3{font-size:clamp(38px,4vw,59px);line-height:1;margin:20px 0}
.program-content>p{font-size:16.5px;line-height:1.68;max-width:800px}
.program-output{margin-top:34px}
.program-output div{padding:18px}
.deployment-grid article{padding:24px;min-height:280px}
.deployment-grid h3{font-size:24px;margin:38px 0 14px}
.capability-grid article,.industry-grid a,.insight-grid a{padding:24px;min-height:235px}
.capability-grid h3,.industry-grid h3,.insight-grid h3{font-size:23px;line-height:1.15;margin:35px 0 12px}
.capability-grid p,.industry-grid p,.insight-grid p{font-size:14px;line-height:1.62}
.plane-row{grid-template-columns:70px 245px 1fr 210px;min-height:122px}
.plane-row>div{padding:22px}
.plane-row h3{font-size:23px}
.plane-row p,.plane-row li{font-size:14px;line-height:1.6}
.model-explorer{grid-template-columns:275px 1fr;margin-top:34px}
.model-list button{padding:17px}
.model-detail{padding:clamp(30px,4.2vw,58px);min-height:480px}
.model-detail h3{font-size:clamp(38px,4.3vw,62px);line-height:1;margin:17px 0}
.model-meta{margin:30px 0}
.model-meta div{padding:15px}
.model-points{font-size:14px;line-height:1.65}
.model-row>*{padding:18px}
.model-row strong{font-size:17px}
.model-row span,.model-row p{font-size:12.5px}
.lab-console{grid-template-columns:285px 1fr;margin-top:34px}
.lab-controls{padding:23px}
.lab-output{padding:28px;min-height:455px}
.pipeline{margin:30px 0}
.pipe-node{padding:15px;min-height:78px}
.api-grid{gap:18px;margin-top:28px}
.api-card{padding:22px}
.code-block{padding:20px;font-size:12.5px;line-height:1.6}
.form-grid{gap:16px}
.field input,.field textarea,.field select{padding:12px}

/* Footer */
.footer-top{padding:38px var(--pad)}
.footer-logo img{width:220px}
.footer-grid{padding:44px var(--pad);grid-template-columns:repeat(5,minmax(0,1fr));gap:32px}
.footer-grid>div>span{margin-bottom:12px}
.footer-grid a{font-size:12.5px;padding:4px 0}
.footer-base{height:auto;min-height:52px;padding:14px var(--pad);gap:20px;flex-wrap:wrap}
.footer-cta{padding:var(--section-space-sm) var(--pad);grid-template-columns:190px minmax(0,1fr) auto;gap:30px}
.footer-cta h2{font-size:clamp(36px,4vw,60px);line-height:1}

/* Tablet */
@media(max-width:1200px){
  .site-header{grid-template-columns:220px minmax(0,1fr) auto}
  .brand img{width:202px}
  .desktop-nav{gap:14px;font-size:12px}
  .m-home-hero{grid-template-columns:minmax(0,1fr) 430px}
  .m-home-hero h1{font-size:clamp(62px,8.5vw,104px)}
  .m-feature-grid{grid-template-columns:1.2fr 1fr}
  .m-feature-grid .feature-card:last-child{grid-column:1/-1;min-height:420px}
  .m-feature-grid .feature-card:last-child .feature-art{height:220px}
  .product-story,.product-story.reverse{grid-template-columns:390px 1fr}
  .section-head{grid-template-columns:140px minmax(0,1fr) 280px}
  .plane-row{grid-template-columns:60px 210px 1fr 185px}
}

@media(max-width:980px){
  :root{--header-h:68px;--pad:24px}
  .site-header{grid-template-columns:1fr auto}
  .brand img{width:205px}
  .desktop-nav,.header-link{display:none}
  .menu-toggle{display:flex;width:40px;height:40px}
  .mobile-menu{inset:var(--header-h) 0 0;padding-top:18px}
  .m-model-strip{grid-template-columns:145px repeat(3,1fr)}
  .m-model-all{display:none}
  .m-home-hero{grid-template-columns:1fr}
  .m-hero-copy{padding:72px var(--pad)}
  .m-hero-visual{border-left:0;border-top:1px solid var(--line);min-height:540px}
  .m-feature-grid{grid-template-columns:1fr 1fr}
  .feature-main{grid-column:1/-1}
  .product-story,.product-story.reverse{grid-template-columns:1fr;min-height:0}
  .product-story.reverse .story-copy,.product-story.reverse .story-visual{order:initial}
  .story-copy{min-height:0;padding-block:64px}
  .story-visual,.product-story.reverse .story-visual{border-left:0;border-right:0;border-top:1px solid var(--line);padding-block:44px}
  .section-head{grid-template-columns:1fr;gap:16px}
  .section-head p{max-width:720px}
  .sticky-layout{display:block}
  .sticky-aside{position:relative;top:auto;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:16px var(--pad);display:flex;gap:18px;overflow:auto;background:var(--cream)}
  .sticky-aside span{display:none}.sticky-aside a{min-width:max-content;border-top:0;padding:7px 0}
  .program-atlas{grid-template-columns:1fr}
  .program-index{display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--line)}
  .program-index button{min-width:195px;border-right:1px solid var(--line)}
  .model-explorer,.lab-console{grid-template-columns:1fr}
  .model-list,.lab-controls{border-right:0;border-bottom:1px solid var(--line)}
  .model-list{display:flex;overflow:auto}.model-list button{min-width:205px;border-right:1px solid var(--line)}
  .footer-cta{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(3,1fr)}
}

/* Mobile */
@media(max-width:700px){
  :root{--pad:20px;--section-space:64px;--section-space-sm:52px}
  body{font-size:15px}
  .brand img{width:188px}
  .header-cta{display:none}
  .m-model-strip{grid-template-columns:1fr 1fr}
  .m-model-label{grid-column:1/-1;min-height:42px}
  .m-model-strip a:nth-of-type(3){display:none}
  .m-home-hero{min-height:0}
  .m-hero-copy{padding:58px var(--pad) 62px}
  .m-home-hero h1{font-size:clamp(50px,15vw,64px);line-height:.9;letter-spacing:-.058em;margin:20px 0 22px}
  .m-hero-copy>p{font-size:16px;line-height:1.58}
  .m-hero-actions{gap:16px;margin-top:23px}
  .m-hero-visual{min-height:450px}
  .lattice-status{height:48px;padding-inline:15px;font-size:9px}
  .lattice-grid{padding:16px}
  .lattice-core{width:82%;padding:20px}
  .lattice-core strong{font-size:30px}
  .m-feature-grid{grid-template-columns:1fr}
  .feature-main{grid-column:auto}
  .feature-card,.feature-main{min-height:0}
  .feature-main .feature-art,.feature-art{height:240px}
  .feature-copy{min-height:225px}
  .m-display{font-size:clamp(50px,14vw,68px);line-height:.9}
  .m-intro-copy{font-size:17px}
  .story-copy{padding-block:52px}
  .story-copy h2{font-size:clamp(40px,12vw,50px);line-height:.98;margin:18px 0}
  .story-copy>p{font-size:15px}
  .story-visual{padding:20px 16px 28px;overflow:hidden}
  .workspace-ui,.studio-ui,.forge-ui,.compute-ui,.research-ui{min-height:430px;box-shadow:6px 6px 0 var(--blue)}
  .ui-body{grid-template-columns:1fr;min-height:380px}.ui-body aside{display:none}.ui-body main{padding:20px}
  .ui-query{font-size:18px}.ui-result h4{font-size:25px}.ui-metrics{grid-template-columns:1fr 1fr}.ui-metrics b:last-child{display:none}
  .node-canvas{height:390px}.node{width:112px;padding:10px;font-size:10px}.node.n1{left:3%;top:9%}.node.n2{left:27%;top:34%}.node.n3{left:58%;top:9%}.node.n4{left:58%;top:70%}.node.n5{left:62%;top:44%}
  .forge-chart{height:310px;padding:28px 14px 12px 24px}.forge-chart svg{height:215px}.forge-metrics{grid-template-columns:1fr 1fr}
  .compute-map{height:430px}.region{width:112px;height:78px;padding:8px}.region b{font-size:13px;margin-top:8px}.compute-core{width:66%;padding:17px}.compute-core strong{font-size:18px}
  .research-map{height:400px}.research-map>div{width:92px;padding:9px;font-size:10px}
  .applied-layout{grid-template-columns:1fr}.applied-layout h2{font-size:42px}.applied-list a{grid-template-columns:38px 1fr 22px}
  .future-cta{padding-block:58px}.future-copy>span{font-size:clamp(52px,16vw,72px);line-height:.9}.future-copy h2{font-size:23px;margin-top:22px}
  .page-hero{grid-template-columns:1fr;gap:18px;padding:54px var(--pad) 50px}
  .page-hero h1{font-size:clamp(45px,13vw,58px);line-height:.94;letter-spacing:-.052em;margin-bottom:20px}
  .page-hero p{font-size:16px;line-height:1.62}
  .content-section h2{font-size:clamp(36px,10.5vw,45px)}
  .content-section .lead{font-size:16px}
  .content-grid-2,.content-grid-3,.deployment-grid,.capability-grid,.industry-grid,.insight-grid{grid-template-columns:1fr}
  .stack-row{grid-template-columns:50px 1fr}.stack-row p{grid-column:2}.stack-row>*{padding:14px}
  .dual-pillar{grid-template-columns:1fr}.pillar{min-height:0;padding:32px 24px}.pillar h3{font-size:38px}
  .program-content h3{font-size:40px}.program-output{grid-template-columns:1fr}
  .plane-row{grid-template-columns:46px 1fr}.plane-row .plane-desc,.plane-row .plane-link{grid-column:2}.plane-row>div{padding:17px}
  .model-meta{grid-template-columns:1fr 1fr}.model-points{columns:1}
  .model-row{grid-template-columns:52px 1fr}.model-row>*:nth-child(n+3){display:none}
  .pipeline{grid-template-columns:1fr 1fr;gap:14px}.pipe-node::after{display:none}.result-grid{grid-template-columns:1fr}
  .api-grid,.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}
  .footer-top{padding:30px var(--pad);align-items:flex-start;gap:16px;flex-direction:column}
  .footer-grid{grid-template-columns:1fr 1fr;padding:36px var(--pad);gap:28px 20px}
  .footer-base{align-items:flex-start;flex-direction:column;gap:6px}
  .footer-cta h2{font-size:40px}
}

@media(max-width:430px){
  .footer-grid{grid-template-columns:1fr}
  .m-model-strip>*{padding-inline:14px}
  .feature-copy{min-height:0}
}

/* V14.2 smooth UX polish: calmer scale, cleaner chrome, stronger interaction */
:root{
  --header-h:66px;
  --pad:clamp(20px,3vw,48px);
  --max:1480px;
  --section-space:clamp(58px,5.6vw,88px);
  --section-space-sm:clamp(44px,4.4vw,68px);
  --ease:cubic-bezier(.2,.8,.2,1);
  --shadow-soft:0 18px 48px rgba(8,8,40,.08);
}
html{scroll-padding-top:78px}
body{font-size:15px;line-height:1.62;background:#f6f4ee;color:#101014}
p{line-height:1.66}
a,button{transition:color .22s var(--ease),background .22s var(--ease),border-color .22s var(--ease),box-shadow .22s var(--ease),transform .22s var(--ease),opacity .22s var(--ease)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.site-header{height:var(--header-h);grid-template-columns:220px minmax(0,1fr) auto;background:rgba(246,244,238,.86);border-color:rgba(20,20,28,.12);box-shadow:0 10px 30px rgba(9,9,11,.045);backdrop-filter:blur(18px) saturate(1.1)}
.brand img{width:194px}.desktop-nav{gap:clamp(14px,1.6vw,24px);font-size:12px}.desktop-nav>a,.nav-trigger{font-weight:650}.desktop-nav>a::after,.nav-trigger::after{height:2px;bottom:14px}.header-actions{gap:10px}.header-link{font-size:12px;color:#3f3f49}.header-link:hover{color:var(--blue)}
.header-cta,.button{min-height:40px;padding-inline:17px;font-size:12px;border-color:rgba(9,9,11,.8)}.header-cta,.button.primary{background:var(--ink);border-color:var(--ink)}.header-cta:hover,.button.primary:hover{background:var(--blue);border-color:var(--blue);transform:translateY(-1px)}.button.plain:hover{transform:translateX(3px)}
.menu-toggle{border-color:rgba(9,9,11,.35);background:rgba(255,255,255,.72)}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.menu-toggle span{transition:transform .22s var(--ease)}
.mega-menu{padding:20px var(--pad) 24px;background:rgba(246,244,238,.96);box-shadow:var(--shadow-soft)}.nav-item.open .mega-menu{animation:menuIn .22s var(--ease) both}.mega-inner{grid-template-columns:minmax(200px,260px) 1fr;gap:30px}.mega-intro h3{font-size:24px;letter-spacing:-.02em}.mega-links{gap:10px;border:0}.mega-links a{min-height:126px;border:1px solid rgba(20,20,28,.11);background:rgba(255,255,255,.64);padding:17px}.mega-links a:hover{background:#fff;border-color:rgba(8,8,111,.28);box-shadow:0 12px 28px rgba(8,8,40,.07);transform:translateY(-2px)}.mega-links strong{font-size:15px}.mega-links small{font-size:12px}
@keyframes menuIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.mobile-menu{background:rgba(246,244,238,.98);padding-top:14px;animation:menuIn .22s var(--ease) both}.mobile-menu a{padding:15px 0}.mobile-menu a.active{color:var(--blue)}
.m-model-strip{min-height:56px;grid-template-columns:150px repeat(3,minmax(150px,1fr)) 150px}.m-model-strip>*{padding:10px 16px}.m-model-strip strong{font-size:12px}.m-model-strip span{font-size:10px}.m-model-strip a:hover{background:#fff;color:var(--blue)}
.m-home-hero{min-height:610px;grid-template-columns:minmax(0,1fr) minmax(390px,.82fr)}.m-hero-copy{padding:clamp(58px,6vw,88px) var(--pad)}.m-home-hero h1{font-size:clamp(52px,6.8vw,102px);line-height:.94;letter-spacing:-.045em;margin:20px 0 24px}.m-hero-copy>p{font-size:clamp(16px,1.22vw,20px);line-height:1.62;max-width:660px}.m-hero-actions{gap:16px;margin-top:24px}.m-eyebrow,.kicker,.section-head>span{font-size:10px;letter-spacing:.12em}
.m-hero-visual{background:linear-gradient(180deg,#fff,#fbfaf6)}.lattice-status{height:50px}.lattice-core{width:min(70%,350px);padding:22px;box-shadow:0 16px 34px rgba(8,8,40,.08)}.lattice-core strong{font-size:clamp(26px,2.4vw,36px);letter-spacing:-.03em}.lattice-grid>i{animation:latticePulse 4.2s var(--d) infinite ease-in-out}
.section{padding:var(--section-space) 0}.section.paper{background:#efede5}.section-head{grid-template-columns:150px minmax(0,1fr) minmax(240px,310px);gap:26px;margin-bottom:34px}.section-head h2{font-size:clamp(34px,3.45vw,54px);line-height:1.05;letter-spacing:-.032em}.section-head p{font-size:14.5px}.m-section-title{margin-bottom:22px;border-color:rgba(9,9,11,.28)}
.m-feature-grid{gap:12px}.feature-card{min-height:410px;box-shadow:0 1px 0 rgba(9,9,11,.04)}.feature-card:hover{border-color:rgba(8,8,111,.38);box-shadow:var(--shadow-soft);transform:translateY(-3px)}.feature-main{min-height:470px}.feature-art{height:220px}.feature-main .feature-art{height:270px}.feature-copy{padding:20px}.feature-copy h2{font-size:clamp(28px,2.35vw,38px);letter-spacing:-.032em}.feature-copy h3{font-size:22px;letter-spacing:-.024em}.art-cfam b{font-size:112px}
.m-products-intro{padding-block:var(--section-space-sm)}.m-display{font-size:clamp(46px,6.2vw,90px);line-height:.96;letter-spacing:-.045em}.m-intro-copy{font-size:clamp(17px,1.45vw,22px);line-height:1.58}.product-story{min-height:560px;grid-template-columns:minmax(320px,.76fr) minmax(0,1.24fr)}.product-story.reverse{grid-template-columns:minmax(0,1.24fr) minmax(320px,.76fr)}.story-copy{padding:clamp(44px,4.6vw,68px) var(--pad)}.story-copy h2{font-size:clamp(36px,4vw,58px);line-height:1;letter-spacing:-.035em}.story-copy>p{font-size:15px}.story-copy li{padding:9px 0}.story-visual{padding:clamp(22px,3.6vw,42px)}
.workspace-ui,.studio-ui,.forge-ui,.compute-ui,.research-ui{min-height:430px;max-width:820px;box-shadow:8px 8px 0 var(--blue)}.ui-top,.canvas-toolbar,.forge-head{height:46px;font-size:10px}.ui-body{grid-template-columns:185px 1fr;min-height:384px}.ui-query{font-size:18px}.ui-result h4{font-size:24px}.ui-result{margin-top:20px;padding:18px}.node-canvas{height:384px}.node{width:126px;padding:12px}.forge-chart{height:305px}.forge-chart svg{height:215px}.compute-map{height:430px}.research-map{height:384px}
.page-hero{padding:clamp(50px,5.4vw,76px) var(--pad) clamp(46px,4.8vw,68px);grid-template-columns:150px minmax(0,1fr);gap:26px}.page-hero h1{font-size:clamp(40px,5vw,76px);line-height:1;letter-spacing:-.04em}.page-hero p{font-size:clamp(16px,1.2vw,19px);line-height:1.64}.content-section{padding:var(--section-space-sm) var(--pad)}.content-section h2{font-size:clamp(32px,3.55vw,52px);line-height:1.05;letter-spacing:-.032em}.content-section .lead{font-size:16px}.content-card,.api-card,.pillar,.plane-row,.model-detail{box-shadow:0 1px 0 rgba(9,9,11,.03)}.content-card h3,.capability-grid h3,.industry-grid h3,.insight-grid h3{font-size:20px;margin-top:24px}.content-card:hover,.industry-grid a:hover,.insight-grid a:hover{background:#fff;box-shadow:var(--shadow-soft);transform:translateY(-2px)}
.sticky-aside{top:78px;height:calc(100vh - 78px);padding-top:34px}.sticky-aside a.active,.sticky-aside a:hover{color:var(--blue)}.stack-row{grid-template-columns:62px 220px 1fr}.stack-row strong{font-size:16px}.model-explorer{grid-template-columns:245px 1fr}.model-detail h3{font-size:clamp(34px,3.7vw,52px)}.model-list button,.program-index button{position:relative}.model-list button:hover,.program-index button:hover{background:#f8f7f2}.model-list button.active,.program-index button.active{background:var(--ink);color:#fff}.model-list button.active::before,.program-index button.active::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--blue)}
.field input,.field textarea,.field select{min-height:43px;border-color:rgba(9,9,11,.18);background:rgba(255,255,255,.82)}.field input:hover,.field textarea:hover,.field select:hover{border-color:rgba(8,8,111,.35)}.field input:focus,.field textarea:focus,.field select:focus{background:#fff;border-color:var(--blue)}
.future-cta{padding:clamp(52px,5.8vw,80px) var(--pad);gap:28px}.future-copy>span{font-size:clamp(42px,6.2vw,86px);line-height:.98;letter-spacing:-.045em}.future-copy h2{font-size:clamp(21px,2vw,30px);line-height:1.26;margin-top:20px}.footer-top{padding:30px var(--pad)}.footer-logo img{width:190px}.footer-top p{max-width:360px;line-height:1.5}.footer-grid{padding:34px var(--pad);grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}.footer-grid>div>span{font-size:10px;color:#b8b8c4}.footer-grid a{font-size:12px;padding:5px 0;color:#e6e6ec}.footer-grid a:hover,.footer-grid a.active{color:#aaaaff;transform:translateX(2px)}.footer-base{min-height:46px;font-size:11px;color:#b1b1bc}
.js-ready .reveal{opacity:0;transform:translateY(12px)}.js-ready .reveal.visible{opacity:1;transform:none;transition:opacity .5s var(--ease),transform .5s var(--ease)}
@media(max-width:1200px){.site-header{grid-template-columns:205px minmax(0,1fr) auto}.brand img{width:184px}.desktop-nav{gap:12px}.m-home-hero{grid-template-columns:minmax(0,1fr) 380px}.product-story,.product-story.reverse{grid-template-columns:350px 1fr}.section-head{grid-template-columns:1fr;gap:12px}.section-head p{max-width:760px}.plane-row{grid-template-columns:56px 190px 1fr 170px}}
@media(max-width:980px){:root{--header-h:64px;--pad:22px}.site-header{grid-template-columns:1fr auto}.brand img{width:184px}.mobile-menu{inset:var(--header-h) 0 0}.m-model-strip{grid-template-columns:repeat(3,1fr)}.m-model-label{display:none}.m-home-hero{grid-template-columns:1fr}.m-hero-visual{min-height:440px}.product-story,.product-story.reverse{grid-template-columns:1fr}.story-copy{padding-block:48px}.story-visual,.product-story.reverse .story-visual{padding-block:34px}.sticky-aside{position:relative;height:auto;top:auto;display:flex;flex-wrap:wrap;gap:8px;padding:14px var(--pad);overflow:visible}.sticky-aside a{min-width:0;padding:8px 11px;border:1px solid rgba(9,9,11,.12);background:rgba(255,255,255,.45)}.program-index,.model-list{display:flex;flex-wrap:wrap;gap:8px;overflow:visible;padding:12px;background:#f6f4ee}.program-index button,.model-list button{min-width:0;width:auto;border:1px solid rgba(9,9,11,.12);padding:10px 12px}.program-index button span,.model-list small{display:none}.footer-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){:root{--pad:18px;--section-space:52px;--section-space-sm:44px}body{font-size:14.5px}.brand img{width:176px}.m-model-strip{grid-template-columns:1fr 1fr;min-height:50px}.m-home-hero h1{font-size:clamp(40px,12.5vw,52px);letter-spacing:-.034em}.m-hero-copy{padding:46px var(--pad)}.m-hero-visual{min-height:360px}.lattice-status{font-size:8.5px}.lattice-core{width:84%;padding:17px}.lattice-core strong{font-size:25px}.section-head h2{font-size:clamp(30px,8.8vw,40px)}.m-display{font-size:clamp(38px,11vw,52px)}.story-copy h2{font-size:clamp(32px,9.5vw,42px)}.feature-art,.feature-main .feature-art{height:190px}.workspace-ui,.studio-ui,.forge-ui,.compute-ui,.research-ui{width:calc(100% - 6px);min-height:360px;box-shadow:6px 6px 0 var(--blue)}.ui-body{min-height:310px}.ui-body main{padding:16px}.ui-result{padding:15px}.node-canvas{height:330px}.node{width:98px;padding:9px}.forge-chart{height:270px}.forge-chart svg{height:185px}.compute-map{height:350px}.region{width:98px;height:68px}.compute-core{width:68%;padding:14px}.research-map{height:330px}.page-hero{padding:42px var(--pad)}.page-hero h1{font-size:clamp(34px,10.5vw,46px);letter-spacing:-.032em}.content-section h2{font-size:clamp(30px,9vw,38px)}.stack-row{grid-template-columns:44px 1fr}.model-meta{grid-template-columns:1fr}.future-copy>span{font-size:clamp(36px,11vw,50px)}.future-copy h2{font-size:20px}.future-actions .button{width:100%}.footer-top{padding:26px var(--pad)}.footer-grid{grid-template-columns:1fr 1fr;padding:28px var(--pad);gap:22px}.footer-base{padding-block:12px}.program-output{grid-template-columns:1fr}.model-row{grid-template-columns:46px 1fr}}
@media(max-width:430px){.footer-grid{grid-template-columns:1fr}.m-model-strip a:nth-of-type(2){display:none}.button{width:100%}.button.plain{width:auto}.m-hero-actions{align-items:flex-start;flex-direction:column}.m-hero-actions .button.primary{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.js-ready .reveal{opacity:1;transform:none}}

/* V14.2 mobile correction pass */
@media(max-width:980px){
  .page-hero{grid-template-columns:1fr;gap:14px}
  .model-explorer,.program-atlas,.lab-console{grid-template-columns:1fr}
  .model-list,.program-index{width:100%;display:flex;flex-wrap:wrap;align-items:stretch;gap:8px;overflow:visible}
  .model-list button,.program-index button{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;max-width:100%;min-width:0;width:auto;flex:0 1 auto}
  .model-list button strong,.program-index button strong{min-width:0;overflow:hidden;text-overflow:ellipsis}
}
@media(max-width:700px){
  .page-hero{grid-template-columns:1fr;gap:12px}
  .page-hero h1{max-width:100%;overflow-wrap:normal;word-break:normal}
  .page-hero>div{min-width:0}
  .model-list,.program-index{padding:10px}
  .model-list button,.program-index button{font-size:12px;padding:9px 10px}
  .story-visual.workspace-ui,.story-visual.studio-ui,.story-visual.forge-ui,.story-visual.compute-ui,.story-visual.research-ui{width:calc(100% - 8px);max-width:calc(100% - 8px);margin-right:8px}
}

/* V14.2 panel sizing correction */
.story-visual.workspace-ui,.story-visual.studio-ui,.story-visual.forge-ui,.story-visual.compute-ui,.story-visual.research-ui{display:block;padding:0;overflow:hidden;box-sizing:border-box}
.story-visual.forge-ui .forge-chart,.story-visual.workspace-ui .ui-body,.story-visual.studio-ui .node-canvas,.story-visual.research-ui .research-map{min-width:0;max-width:100%}
@media(max-width:700px){
  .story-visual.workspace-ui,.story-visual.studio-ui,.story-visual.forge-ui,.story-visual.compute-ui,.story-visual.research-ui{width:calc(100% - 8px);max-width:calc(100% - 8px);margin-right:8px}
}

/* V14.3 logo/header and screenshot issue correction */
:root{
  --header-h:84px;
  --pad:clamp(24px,3.5vw,60px);
  --section-space:clamp(54px,5vw,78px);
  --section-space-sm:clamp(40px,4vw,62px);
}
html{scroll-padding-top:96px}
.site-header{
  height:var(--header-h);
  grid-template-columns:minmax(260px,330px) minmax(0,1fr) auto;
  padding-inline:var(--pad);
  background:rgba(248,247,241,.94);
}
.brand{display:flex;align-items:center;min-width:0}.brand img{width:272px;max-height:52px;object-fit:contain;object-position:left center}.desktop-nav{gap:clamp(15px,1.7vw,28px);font-size:12.5px}.desktop-nav>a::after,.nav-trigger::after{bottom:18px}.header-actions{gap:14px}.header-link{font-size:12px}.header-cta{min-height:42px;padding-inline:18px}
.mega-menu{top:calc(100% + 1px)}.mobile-menu{inset:var(--header-h) 0 0}
.m-model-strip{min-height:58px;grid-template-columns:160px repeat(3,minmax(150px,1fr)) 160px}.m-model-strip>*{padding-block:11px}
.m-home-hero{min-height:585px}.m-hero-copy{padding:clamp(54px,5.2vw,78px) var(--pad)}.m-home-hero h1{font-size:clamp(48px,6.1vw,88px);line-height:.98;letter-spacing:-.035em;margin:18px 0 20px}.m-hero-copy>p{font-size:clamp(15.5px,1.08vw,18px);max-width:620px}.m-hero-visual{min-height:585px}.lattice-core{width:min(66%,330px);padding:20px}.lattice-core strong{font-size:clamp(24px,2.05vw,32px)}
.m-feature-grid{grid-template-columns:1.15fr .85fr .85fr;gap:14px}.feature-card{min-height:390px}.feature-main{min-height:430px}.feature-art{height:205px}.feature-main .feature-art{height:250px}.feature-copy h2{font-size:clamp(25px,2.1vw,34px)}.feature-copy h3{font-size:20px}.feature-copy p{font-size:13.5px}
.m-display{font-size:clamp(40px,5.4vw,78px);letter-spacing:-.035em}.m-intro-copy{font-size:clamp(16px,1.25vw,20px);max-width:780px}.product-story{min-height:520px}.story-copy h2{font-size:clamp(34px,3.55vw,50px);letter-spacing:-.028em}.story-copy>p{font-size:14.5px}.workspace-ui,.studio-ui,.forge-ui,.compute-ui,.research-ui{min-height:400px;max-width:780px}.ui-body{min-height:354px}.node-canvas{height:354px}.compute-map{height:400px}.research-map{height:354px}.forge-chart{height:280px}.forge-chart svg{height:195px}
.applied-layout h2{font-size:clamp(34px,3.75vw,54px)}.future-copy>span{font-size:clamp(38px,5.6vw,74px)}.future-copy h2{font-size:clamp(19px,1.75vw,26px)}
.footer-top{padding:34px var(--pad);align-items:center}.footer-logo img{width:255px;max-height:50px;object-fit:contain;filter:invert(1) grayscale(1) brightness(2.8)}.footer-top p{font-size:12px;color:#c8c8d0}.footer-grid{padding:34px var(--pad) 38px}.footer-base{padding-inline:var(--pad)}
@media(max-width:1200px){.site-header{grid-template-columns:minmax(230px,285px) minmax(0,1fr) auto}.brand img{width:236px}.desktop-nav{gap:12px;font-size:11.5px}.header-actions{gap:10px}.header-link{display:none}.m-home-hero{grid-template-columns:minmax(0,1fr) 360px}.m-hero-visual{min-height:520px}}
@media(max-width:980px){:root{--header-h:78px;--pad:22px}.site-header{grid-template-columns:1fr auto}.brand img{width:248px;max-height:48px}.desktop-nav,.header-link,.header-cta{display:none}.menu-toggle{width:42px;height:42px}.m-home-hero{grid-template-columns:1fr}.m-hero-visual{min-height:390px}.footer-logo img{width:230px}}
@media(max-width:700px){:root{--header-h:72px;--pad:18px}.brand img{width:220px;max-height:42px}.m-model-strip{min-height:48px}.m-hero-copy{padding:42px var(--pad) 44px}.m-home-hero h1{font-size:clamp(38px,11.2vw,48px);line-height:1}.m-home-hero{min-height:0}.m-hero-visual{min-height:330px}.m-feature-grid{gap:12px}.feature-art,.feature-main .feature-art{height:178px}.feature-copy h2{font-size:26px}.feature-copy h3{font-size:19px}.m-display{font-size:clamp(34px,9.8vw,46px)}.story-copy h2{font-size:clamp(30px,8.8vw,38px)}.workspace-ui,.studio-ui,.forge-ui,.compute-ui,.research-ui{min-height:330px}.ui-body{min-height:280px}.node-canvas{height:300px}.compute-map{height:315px}.research-map{height:300px}.forge-chart{height:240px}.forge-chart svg{height:160px}.footer-logo img{width:220px}.footer-top{gap:12px}.footer-grid{padding-top:26px}}
@media(max-width:430px){.brand img{width:198px}.site-header{padding-inline:16px}.footer-logo img{width:200px}}

/* V14.3 overflow guard for feature cards */
.m-feature-grid,.feature-card,.feature-copy{min-width:0}
.feature-copy h2,.feature-copy h3,.feature-copy p,.m-section-title{overflow-wrap:break-word}
@media(max-width:700px){.m-feature-grid{width:100%;overflow:hidden}.feature-card{width:100%;max-width:100%}}

/* V14.3 mobile CFAM artwork correction */
@media(max-width:700px){
  .art-cfam{align-items:flex-end;gap:8px;min-width:0}
  .art-cfam b{font-size:88px;letter-spacing:-.08em}
  .art-cfam em{font-size:15px;margin-bottom:4px}
}
@media(max-width:430px){.art-cfam b{font-size:76px}.art-cfam em{font-size:14px}}

/* V14.3 final mobile feature stack */
@media(max-width:700px){
  .m-feature-grid{grid-template-columns:1fr!important;overflow:visible}
  .feature-card,.feature-main{grid-column:auto;min-width:0;width:100%}
  .feature-art{width:100%}
}

/* V14.4 screenshot polish: larger brand header, calmer sections */
:root{
  --header-h:96px;
  --pad:clamp(28px,3.7vw,68px);
  --section-space:clamp(58px,4.8vw,76px);
  --section-space-sm:clamp(42px,3.8vw,60px);
}
html{scroll-padding-top:108px}
.site-header{
  height:var(--header-h);
  grid-template-columns:minmax(330px,390px) minmax(0,1fr) auto;
  background:rgba(250,249,244,.96);
  box-shadow:0 12px 34px rgba(9,9,11,.055);
}
.brand img{width:326px;max-height:58px}.desktop-nav{gap:clamp(18px,1.8vw,30px);font-size:13.25px}.desktop-nav>a,.nav-trigger{font-weight:700}.desktop-nav>a::after,.nav-trigger::after{bottom:22px}.header-actions{gap:16px}.header-link{font-size:12.5px}.header-cta{min-height:44px;padding-inline:20px;font-size:12.5px}.mobile-menu{inset:var(--header-h) 0 0}
.mega-menu{padding-top:26px;padding-bottom:30px}.mega-inner{grid-template-columns:minmax(240px,310px) 1fr}.mega-intro h3{font-size:28px}.mega-links a{min-height:136px}
.m-model-strip{min-height:62px}.m-model-strip strong{font-size:12.5px}.m-model-strip span{font-size:10.5px}
.m-home-hero{min-height:570px}.m-hero-copy{padding:clamp(52px,4.8vw,74px) var(--pad)}.m-home-hero h1{font-size:clamp(48px,5.7vw,80px);line-height:1;letter-spacing:-.032em;margin:16px 0 18px}.m-hero-copy>p{font-size:clamp(15px,1vw,17px);line-height:1.66;max-width:590px}.m-hero-visual{min-height:570px}.lattice-status{height:54px}.lattice-core{width:min(64%,315px);padding:20px}.lattice-core strong{font-size:clamp(23px,1.9vw,30px)}
.m-featured{padding-top:58px}.m-feature-grid{grid-template-columns:1.08fr .86fr .86fr;gap:16px}.feature-card{min-height:376px;background:#fff}.feature-main{min-height:410px}.feature-art{height:195px}.feature-main .feature-art{height:238px}.feature-copy{padding:18px 20px}.feature-copy h2{font-size:clamp(24px,1.95vw,31px);line-height:1.08}.feature-copy h3{font-size:19px;line-height:1.12}.feature-copy p{font-size:13px}.art-cfam b{font-size:96px}.art-cfam em{font-size:16px}
.m-products-intro{padding-block:54px}.m-display{font-size:clamp(38px,5vw,68px);line-height:1;letter-spacing:-.032em}.m-intro-copy{font-size:clamp(15.5px,1.12vw,18px)}
.product-story,.product-story.reverse{min-height:500px;grid-template-columns:1fr 1fr;background:#fff}.story-copy{padding:clamp(40px,4.2vw,62px) var(--pad)}.story-copy h2{font-size:clamp(32px,3.25vw,46px);line-height:1.02;letter-spacing:-.028em}.story-copy>p{font-size:14.5px;line-height:1.62}.story-copy>a{margin-top:15px}.story-copy li{padding:8px 0}.story-visual{background:#f4f2ec;padding:clamp(24px,3.4vw,44px);overflow:hidden}.product-story.reverse .story-visual{border-right:1px solid var(--line)}
.workspace-ui,.studio-ui,.forge-ui,.compute-ui,.research-ui,.story-visual.workspace-ui,.story-visual.studio-ui,.story-visual.forge-ui,.story-visual.compute-ui,.story-visual.research-ui{
  max-width:760px;
  min-height:380px;
  border:1px solid rgba(8,8,111,.38);
  box-shadow:0 14px 34px rgba(8,8,40,.08);
}
.story-visual.workspace-ui,.story-visual.studio-ui,.story-visual.forge-ui,.story-visual.compute-ui,.story-visual.research-ui{padding:0}.workspace-ui::before,.studio-ui::before,.forge-ui::before,.compute-ui::before,.research-ui::before{content:"";display:block;height:3px;background:var(--blue)}
.ui-top,.canvas-toolbar,.forge-head,.research-axis{height:44px}.ui-body{grid-template-columns:170px 1fr;min-height:333px}.ui-body aside{padding:16px 13px}.ui-body main{padding:20px}.ui-query{font-size:17px}.ui-result{margin-top:18px;padding:17px}.ui-result h4{font-size:23px}.ui-result p{font-size:12.8px}.node-canvas{height:333px}.node{width:116px;padding:10px}.forge-chart{height:260px;padding-top:28px}.forge-chart svg{height:178px}.forge-metrics div{padding:15px}.compute-map{height:380px}.region{width:138px;height:84px}.compute-core{padding:22px}.research-map{height:333px}
.applied-layout{gap:clamp(38px,5vw,76px)}.applied-layout h2{font-size:clamp(32px,3.4vw,48px)}.future-cta{padding-block:58px}.future-copy>span{font-size:clamp(38px,5.2vw,68px)}.footer-top{padding-top:30px;padding-bottom:26px}.footer-grid{padding-top:30px;padding-bottom:34px}
@media(max-width:1280px){.site-header{grid-template-columns:minmax(285px,330px) minmax(0,1fr) auto}.brand img{width:284px}.desktop-nav{gap:14px;font-size:12.25px}.header-link{display:none}.m-home-hero h1{font-size:clamp(46px,5.5vw,72px)}}
@media(max-width:980px){:root{--header-h:84px;--pad:22px}.site-header{grid-template-columns:1fr auto}.brand img{width:270px;max-height:52px}.desktop-nav,.header-link,.header-cta{display:none}.m-home-hero{grid-template-columns:1fr}.m-hero-visual{min-height:380px}.product-story,.product-story.reverse{grid-template-columns:1fr}.story-copy{padding-block:44px}.story-visual,.product-story.reverse .story-visual{border-left:0;border-right:0}.workspace-ui,.studio-ui,.forge-ui,.compute-ui,.research-ui,.story-visual.workspace-ui,.story-visual.studio-ui,.story-visual.forge-ui,.story-visual.compute-ui,.story-visual.research-ui{max-width:100%}}
@media(max-width:700px){:root{--header-h:76px;--pad:18px}.brand img{width:224px;max-height:44px}.m-home-hero h1{font-size:clamp(37px,10.5vw,46px)}.m-hero-copy{padding-top:40px;padding-bottom:42px}.m-hero-visual{min-height:310px}.m-featured{padding-top:48px}.feature-art,.feature-main .feature-art{height:170px}.product-story,.product-story.reverse{min-height:0}.story-copy{padding-block:38px}.workspace-ui,.studio-ui,.forge-ui,.compute-ui,.research-ui,.story-visual.workspace-ui,.story-visual.studio-ui,.story-visual.forge-ui,.story-visual.compute-ui,.story-visual.research-ui{min-height:310px;box-shadow:0 10px 24px rgba(8,8,40,.08)}.ui-body{grid-template-columns:1fr;min-height:260px}.ui-body aside{display:none}.node-canvas{height:280px}.forge-chart{height:225px}.forge-chart svg{height:145px}.compute-map{height:300px}.research-map{height:280px}.footer-logo img{width:210px}}
@media(max-width:430px){.brand img{width:198px}.site-header{padding-inline:16px}}

/* V14.4 tablet workflow canvas correction */
@media(max-width:1280px) and (min-width:981px){
  .node.n3,.node.n4{left:64%}
  .node.n5{left:72%}
}

/* V14.5 homepage story restoration and smooth header */
:root{--header-h:78px;--pad:clamp(26px,3.4vw,58px)}
html{scroll-padding-top:90px}
.site-header{
  height:var(--header-h);
  grid-template-columns:minmax(240px,300px) minmax(0,1fr) auto;
  background:rgba(250,249,244,.88);
  border-bottom:1px solid rgba(9,9,11,.08);
  box-shadow:0 8px 26px rgba(9,9,11,.045);
  backdrop-filter:blur(20px) saturate(1.08);
}
.brand img{width:230px;max-height:44px;object-fit:contain;object-position:left center}.desktop-nav{font-size:12.25px;gap:clamp(16px,1.65vw,28px)}.desktop-nav>a::after,.nav-trigger::after{bottom:16px}.header-cta{min-height:40px}.mobile-menu{inset:var(--header-h) 0 0}
.m-model-strip{display:none}
.m-home-hero{min-height:620px}.m-hero-copy{padding-top:clamp(70px,6vw,92px);padding-bottom:clamp(70px,6vw,92px)}.m-hero-visual{min-height:620px}
.m-products-intro{padding-block:clamp(78px,7vw,112px)}.m-display{font-size:clamp(58px,7.7vw,118px);line-height:.9;letter-spacing:-.058em;margin:24px 0 22px}.m-intro-copy{font-size:clamp(18px,1.55vw,25px);max-width:920px}
.product-story,.product-story.reverse{min-height:700px;grid-template-columns:minmax(390px,.78fr) minmax(0,1.22fr)}.product-story.reverse{grid-template-columns:minmax(0,1.22fr) minmax(390px,.78fr)}.story-copy{padding:clamp(62px,6vw,104px) var(--pad)}.story-copy h2{font-size:clamp(48px,5.4vw,82px);line-height:.92;letter-spacing:-.055em;margin:24px 0}.story-copy>p{font-size:17px;max-width:640px}.story-copy>a{margin-top:22px}.story-copy li{font-size:13px;padding:13px 0}.story-visual{padding:clamp(34px,5vw,72px);display:flex;align-items:center;justify-content:center;background:#f4f2ec}
.workspace-ui,.studio-ui,.forge-ui,.compute-ui,.research-ui,.story-visual.workspace-ui,.story-visual.studio-ui,.story-visual.forge-ui,.story-visual.compute-ui,.story-visual.research-ui{
  width:100%;
  max-width:980px;
  min-height:580px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:#fff;
  border:1px solid rgba(8,8,111,.55);
  box-shadow:0 18px 38px rgba(8,8,40,.10);
}
.story-visual.workspace-ui,.story-visual.studio-ui,.story-visual.forge-ui,.story-visual.compute-ui,.story-visual.research-ui{padding:0}.workspace-ui::before,.studio-ui::before,.forge-ui::before,.compute-ui::before,.research-ui::before{flex:0 0 3px}.ui-top,.canvas-toolbar,.forge-head,.research-axis{flex:0 0 56px;height:56px}.ui-body{flex:1;min-height:520px;grid-template-columns:220px 1fr}.ui-body aside{justify-content:center;padding:24px 18px}.ui-body main{display:flex;flex-direction:column;justify-content:center;padding:30px}.ui-query{font-size:23px}.ui-result{margin-top:30px;padding:26px}.ui-result h4{font-size:33px}.ui-result p{font-size:14px}.node-canvas{height:auto;min-height:520px;flex:1}.forge-chart{height:auto;min-height:405px;display:flex;flex-direction:column;justify-content:center}.forge-chart svg{height:285px}.forge-metrics{flex:0 0 auto}.compute-map{height:auto;min-height:580px}.compute-core{text-align:left}.research-map{height:auto;min-height:520px}.research-map>div{text-align:left}.region{display:flex;flex-direction:column;justify-content:center}
.lattice-core,.compute-core{text-align:center}.compute-core strong,.lattice-core strong{text-align:center}.lattice-status,.forge-head,.canvas-toolbar,.ui-top,.research-axis{align-items:center}.forge-head,.canvas-toolbar,.ui-top{justify-content:space-between}.research-axis span{text-align:center}
.footer-logo img{width:220px;max-height:42px}
@media(max-width:1280px){.site-header{grid-template-columns:minmax(220px,270px) minmax(0,1fr) auto}.brand img{width:214px}.product-story,.product-story.reverse{grid-template-columns:390px 1fr}.workspace-ui,.studio-ui,.forge-ui,.compute-ui,.research-ui,.story-visual.workspace-ui,.story-visual.studio-ui,.story-visual.forge-ui,.story-visual.compute-ui,.story-visual.research-ui{min-height:520px}.node-canvas,.ui-body,.research-map{min-height:462px}.compute-map{min-height:520px}.forge-chart{min-height:350px}.forge-chart svg{height:240px}}
@media(max-width:980px){:root{--header-h:72px;--pad:22px}.site-header{grid-template-columns:1fr auto}.brand img{width:210px;max-height:40px}.desktop-nav,.header-link,.header-cta{display:none}.product-story,.product-story.reverse{grid-template-columns:1fr;min-height:0}.story-copy{padding-block:58px}.story-visual{padding:28px 22px 36px}.workspace-ui,.studio-ui,.forge-ui,.compute-ui,.research-ui,.story-visual.workspace-ui,.story-visual.studio-ui,.story-visual.forge-ui,.story-visual.compute-ui,.story-visual.research-ui{min-height:500px;max-width:100%}.ui-body{grid-template-columns:1fr;min-height:440px}.ui-body aside{display:none}.node-canvas,.research-map{min-height:440px}.compute-map{min-height:500px}}
@media(max-width:700px){:root{--header-h:68px;--pad:18px}.brand img{width:186px}.m-home-hero{min-height:0}.m-hero-copy{padding-top:48px;padding-bottom:50px}.m-hero-visual{min-height:330px}.m-display{font-size:clamp(44px,12vw,62px);letter-spacing:-.045em}.m-products-intro{padding-block:58px}.story-copy{padding-block:48px}.story-copy h2{font-size:clamp(40px,11vw,54px)}.story-copy>p{font-size:15px}.story-visual{padding:22px 16px 30px}.workspace-ui,.studio-ui,.forge-ui,.compute-ui,.research-ui,.story-visual.workspace-ui,.story-visual.studio-ui,.story-visual.forge-ui,.story-visual.compute-ui,.story-visual.research-ui{min-height:420px}.ui-top,.canvas-toolbar,.forge-head,.research-axis{flex-basis:48px;height:48px}.ui-body{min-height:372px}.node-canvas,.research-map{min-height:372px}.compute-map{min-height:420px}.forge-chart{min-height:300px}.forge-chart svg{height:210px}.ui-query{font-size:18px}.ui-result h4{font-size:25px}.footer-logo img{width:190px}}

/* V14.5 panel width and centered content correction */
.story-visual.workspace-ui,.story-visual.studio-ui,.story-visual.forge-ui,.story-visual.compute-ui,.story-visual.research-ui{
  align-items:stretch;
  justify-content:flex-start;
}
.story-visual.workspace-ui > *,.story-visual.studio-ui > *,.story-visual.forge-ui > *,.story-visual.compute-ui > *,.story-visual.research-ui > *{width:100%}
.node-canvas,.research-map{width:100%;min-width:0;flex:1 1 auto}.node-canvas{align-self:stretch}.research-map{align-self:stretch}.research-axis{width:100%}
.compute-map{display:flex;align-items:center;justify-content:center}.compute-core{left:auto;top:auto;transform:none;text-align:center}.compute-core strong{overflow-wrap:break-word;text-align:center}.compute-core small,.compute-core em{display:block;text-align:center}
.ui-body main,.ui-body aside{justify-content:center}.forge-chart{width:100%;align-self:stretch}.forge-metrics{width:100%}
.story-copy h2,.applied-layout h2,.m-display{overflow-wrap:break-word}.story-copy{min-width:0}
@media(max-width:1280px) and (min-width:981px){.story-copy h2{font-size:clamp(40px,4.2vw,60px)}.compute-core{width:52%;padding:20px}.compute-core strong{font-size:22px}.node.n3,.node.n4{left:60%}.node.n5{left:70%}}
@media(max-width:700px){.compute-core{width:70%}.compute-core strong{font-size:18px}.node.n3,.node.n4{left:56%}.node.n5{left:60%}}

/* V14.6 clean recovery: no overlay header, contained story panels */
:root{--header-h:74px;--pad:clamp(24px,3.2vw,56px)}
html{scroll-padding-top:24px}
.site-header{
  position:relative!important;
  top:auto!important;
  height:var(--header-h);
  grid-template-columns:minmax(230px,285px) minmax(0,1fr) auto;
  background:rgba(250,249,244,.98);
  box-shadow:0 1px 0 rgba(9,9,11,.10);
  backdrop-filter:none;
  z-index:10;
}
.brand img{width:210px;max-height:40px}.desktop-nav{font-size:12px;gap:clamp(14px,1.55vw,24px)}.desktop-nav>a::after,.nav-trigger::after{bottom:14px}.header-actions{gap:12px}.header-cta{min-height:38px;padding-inline:16px;font-size:11.5px}.header-link{font-size:11.5px}.mobile-menu{inset:var(--header-h) 0 0}.m-model-strip{display:none!important}
.m-home-hero{min-height:560px;border-top:0}.m-hero-copy{padding:clamp(58px,5.5vw,84px) var(--pad)}.m-home-hero h1{font-size:clamp(48px,5.9vw,86px);line-height:.96;letter-spacing:-.04em}.m-hero-visual{min-height:560px}
.m-products-intro{padding-block:clamp(72px,6.5vw,104px)}.m-display{font-size:clamp(54px,7vw,104px);line-height:.9}.m-intro-copy{font-size:clamp(17px,1.45vw,23px)}
.product-story,.product-story.reverse{
  min-height:700px;
  grid-template-columns:minmax(380px,.82fr) minmax(0,1.18fr);
  background:#fff;
  overflow:hidden;
}
.product-story.reverse{grid-template-columns:minmax(0,1.18fr) minmax(380px,.82fr)}
.story-copy{padding:clamp(58px,5.5vw,92px) var(--pad);align-self:center}.story-copy h2{font-size:clamp(44px,5vw,76px);line-height:.92;letter-spacing:-.05em}.story-copy>p{font-size:16px;max-width:620px}.story-copy li{font-size:13px;padding:11px 0}
.story-visual{background:#f5f3ed;border-left:1px solid var(--line);border-top:0;display:flex;align-items:center;justify-content:center;padding:0!important;overflow:hidden}.product-story.reverse .story-visual{border-right:1px solid var(--line);border-left:0}
.story-visual.workspace-ui,.story-visual.studio-ui,.story-visual.forge-ui,.story-visual.compute-ui,.story-visual.research-ui{
  width:calc(100% - clamp(44px,5vw,86px));
  max-width:900px;
  min-height:560px;
  margin:clamp(28px,3.8vw,54px) auto;
  align-self:center;
  justify-self:center;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  background:#fff;
  border:1px solid rgba(8,8,111,.42);
  box-shadow:0 14px 34px rgba(8,8,40,.09);
}
.story-visual.workspace-ui::before,.story-visual.studio-ui::before,.story-visual.forge-ui::before,.story-visual.compute-ui::before,.story-visual.research-ui::before{height:0;flex-basis:0;display:none}
.ui-top,.canvas-toolbar,.forge-head,.research-axis{height:52px;flex:0 0 52px;padding-inline:18px;background:#fff}.ui-body{min-height:508px;grid-template-columns:210px 1fr}.ui-body aside{justify-content:center}.ui-body main{justify-content:center}.node-canvas,.research-map{width:100%;min-height:508px;flex:1}.forge-chart{min-height:388px}.forge-chart svg{height:270px}.compute-map{min-height:560px;width:100%}.compute-core{position:relative;left:auto;top:auto;transform:none;margin:auto;text-align:center}.compute-core small,.compute-core strong,.compute-core em{text-align:center}.research-axis{width:100%}.research-axis span{text-align:center}.research-map>div{text-align:left}
.future-cta{margin-top:0}.footer-logo img{width:200px;max-height:38px}
@media(max-width:1280px){.site-header{grid-template-columns:minmax(210px,255px) minmax(0,1fr) auto}.brand img{width:198px}.header-link{display:none}.product-story,.product-story.reverse{grid-template-columns:370px 1fr}.story-visual.workspace-ui,.story-visual.studio-ui,.story-visual.forge-ui,.story-visual.compute-ui,.story-visual.research-ui{width:calc(100% - 44px);min-height:520px}.ui-body,.node-canvas,.research-map{min-height:468px}.compute-map{min-height:520px}.forge-chart{min-height:348px}.forge-chart svg{height:238px}.node.n3,.node.n4{left:60%}.node.n5{left:70%}}
@media(max-width:980px){:root{--header-h:68px;--pad:22px}.site-header{grid-template-columns:1fr auto}.brand img{width:190px;max-height:36px}.desktop-nav,.header-actions .header-link,.header-cta{display:none}.product-story,.product-story.reverse{grid-template-columns:1fr;min-height:0}.story-copy{padding-block:52px}.story-visual{border-left:0!important;border-right:0!important;border-top:1px solid var(--line)}.story-visual.workspace-ui,.story-visual.studio-ui,.story-visual.forge-ui,.story-visual.compute-ui,.story-visual.research-ui{width:calc(100% - 44px);min-height:470px;margin:24px auto 34px}.ui-body{grid-template-columns:1fr;min-height:418px}.ui-body aside{display:none}.node-canvas,.research-map{min-height:418px}.compute-map{min-height:470px}}
@media(max-width:700px){:root{--header-h:64px;--pad:18px}.brand img{width:168px;max-height:32px}.m-home-hero{min-height:0}.m-hero-copy{padding-block:44px}.m-hero-visual{min-height:315px}.m-display{font-size:clamp(40px,11vw,58px)}.m-products-intro{padding-block:56px}.story-copy{padding-block:44px}.story-copy h2{font-size:clamp(38px,10vw,50px)}.story-visual.workspace-ui,.story-visual.studio-ui,.story-visual.forge-ui,.story-visual.compute-ui,.story-visual.research-ui{width:calc(100% - 28px);min-height:390px;margin:18px auto 28px}.ui-top,.canvas-toolbar,.forge-head,.research-axis{height:46px;flex-basis:46px}.ui-body,.node-canvas,.research-map{min-height:344px}.compute-map{min-height:390px}.forge-chart{min-height:280px}.forge-chart svg{height:190px}.compute-core{width:70%;padding:16px}.node.n3,.node.n4{left:56%}.node.n5{left:60%}.footer-logo img{width:178px}}

/* V14.6 tablet diagram containment */
@media(max-width:1280px) and (min-width:981px){
  .node{width:96px;padding:9px;font-size:10px}
  .node.n1{left:4%}.node.n2{left:30%}.node.n3,.node.n4{left:58%}.node.n5{left:66%}
}

/* V14.7 final UX/UI polish: clean rhythm, centered panels, compact footer */
:root{
  --header-h:72px;
  --pad:clamp(22px,3.1vw,54px);
  --section-space:clamp(56px,5.5vw,90px);
  --section-space-sm:clamp(42px,4.4vw,68px);
  --ease:cubic-bezier(.2,.75,.2,1);
}
html{scroll-padding-top:calc(var(--header-h) + 18px)}
body{background:#f6f4ee;color:#101014}
.site-header{position:sticky!important;top:0!important;height:var(--header-h);grid-template-columns:minmax(214px,260px) minmax(0,1fr) auto;background:rgba(250,249,244,.94);border-bottom:1px solid rgba(10,10,13,.1);box-shadow:0 10px 30px rgba(10,10,18,.045);backdrop-filter:blur(18px) saturate(1.08);transition:box-shadow .24s var(--ease),background .24s var(--ease)}
.brand img{width:190px;max-height:38px;object-fit:contain;object-position:left center}.desktop-nav{gap:clamp(14px,1.7vw,26px);font-size:12px}.desktop-nav>a,.nav-trigger{font-weight:700}.desktop-nav>a.active::after,.desktop-nav>a:hover::after,.nav-trigger:hover::after,.nav-trigger[aria-expanded="true"]::after{right:0}.header-actions{gap:12px}.header-link{font-size:11.5px}.header-cta{min-height:38px;padding-inline:16px;font-size:11.5px;background:var(--ink);border-color:var(--ink)}.header-cta:hover{background:var(--blue);border-color:var(--blue);transform:translateY(-1px)}.m-model-strip{display:none!important}
.mega-menu{background:rgba(250,249,244,.98);box-shadow:0 24px 54px rgba(10,10,18,.08)}.mega-links a{transition:background .22s var(--ease),transform .22s var(--ease),box-shadow .22s var(--ease)}.mega-links a:hover{background:#fff;box-shadow:0 14px 34px rgba(10,10,18,.08);transform:translateY(-2px)}
.page-hero{padding:clamp(56px,6vw,92px) var(--pad);grid-template-columns:minmax(120px,170px) minmax(0,1fr);gap:clamp(20px,3vw,42px)}.page-hero h1{font-size:clamp(42px,5.4vw,82px);line-height:.98;letter-spacing:-.045em;max-width:1040px}.page-hero p{font-size:clamp(16px,1.25vw,20px);line-height:1.62;max-width:820px}.content-section h2,.section-head h2{font-size:clamp(34px,3.8vw,58px);line-height:1.03;letter-spacing:-.036em}
.m-home-hero{min-height:570px}.m-home-hero h1{font-size:clamp(48px,5.9vw,84px);line-height:.98;letter-spacing:-.038em}.m-products-intro{padding-block:clamp(70px,6.8vw,108px)}.m-display{font-size:clamp(56px,7.3vw,110px);line-height:.9;letter-spacing:-.052em}.product-story,.product-story.reverse{min-height:690px;background:#fff;overflow:hidden}.story-copy{align-self:center;min-width:0}.story-copy h2{font-size:clamp(44px,5vw,74px);line-height:.94;letter-spacing:-.048em}.story-copy>p{font-size:16px;line-height:1.66}.story-visual{padding:0!important;display:flex;align-items:center;justify-content:center;background:#f4f2ec;overflow:hidden}
.story-visual.workspace-ui,.story-visual.studio-ui,.story-visual.forge-ui,.story-visual.compute-ui,.story-visual.research-ui{width:calc(100% - clamp(44px,5vw,84px));max-width:900px;min-height:552px;margin:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;border:1px solid rgba(8,8,111,.42);box-shadow:0 16px 36px rgba(8,8,40,.09)}
.ui-top,.canvas-toolbar,.forge-head,.research-axis{height:52px;flex:0 0 52px;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:center}.research-axis{display:grid;grid-template-columns:repeat(3,1fr)}.ui-body{min-height:500px;grid-template-columns:minmax(190px,210px) 1fr}.ui-body aside,.ui-body main{justify-content:center}.node-canvas,.research-map{min-height:500px;flex:1;width:100%}.forge-chart{min-height:382px;display:flex;flex-direction:column;justify-content:center}.forge-chart svg{height:260px}.compute-map{min-height:552px;display:flex;align-items:center;justify-content:center}.compute-core{position:relative;inset:auto;transform:none;margin:auto;text-align:center}.compute-core small,.compute-core strong,.compute-core em{text-align:center}.region{display:flex;flex-direction:column;justify-content:center}
.lab-controls,.control{min-width:0}.control label{gap:12px}.pipeline{gap:12px}.pipe-node{min-width:0;padding:14px 10px;overflow-wrap:anywhere}.pipe-node:not(:last-child)::after{right:-12px}.code-block{position:relative;max-width:100%;white-space:pre-wrap;word-break:break-word;overflow:auto;line-height:1.58}.code-copy{position:absolute;top:10px;right:10px;min-height:32px;padding:0 11px;border:1px solid rgba(255,255,255,.32);background:rgba(255,255,255,.08);color:#fff;font-size:11px;font-weight:700}.code-copy:hover{background:#fff;color:var(--ink)}.form-status a{color:var(--blue);font-weight:700;text-decoration:underline;text-underline-offset:3px}.insight-grid a[href="#"]{cursor:default}
.future-cta{padding:clamp(56px,6.2vw,92px) var(--pad)}.future-copy>span{font-size:clamp(44px,5.8vw,86px);line-height:.9;letter-spacing:-.055em}.future-copy h2{font-size:clamp(20px,2vw,31px);margin-top:22px}.footer-top{padding:30px var(--pad);gap:22px}.footer-logo img{width:180px;max-height:35px}.footer-grid{padding:32px var(--pad);gap:28px;grid-template-columns:repeat(5,minmax(0,1fr))}.footer-grid>div>span{margin-bottom:10px}.footer-grid a{font-size:12px;padding:4px 0}.footer-base{min-height:48px;padding:12px var(--pad);gap:14px}
@media(max-width:1280px){.site-header{grid-template-columns:minmax(200px,235px) minmax(0,1fr) auto}.brand img{width:180px}.desktop-nav{gap:13px;font-size:11.75px}.product-story,.product-story.reverse{grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr)}.product-story.reverse{grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr)}.node{width:100px;padding:9px;font-size:10px}.node.n3,.node.n4{left:58%}.node.n5{left:66%}}
@media(max-width:980px){:root{--header-h:68px;--pad:22px}.site-header{grid-template-columns:1fr auto}.brand img{width:178px;max-height:34px}.desktop-nav,.header-actions .header-link,.header-cta{display:none}.menu-toggle{display:flex}.mobile-menu{inset:var(--header-h) 0 0}.page-hero{grid-template-columns:1fr;padding-block:50px}.product-story,.product-story.reverse{grid-template-columns:1fr;min-height:0}.product-story.reverse .story-copy,.product-story.reverse .story-visual{order:initial}.story-visual{border-left:0!important;border-right:0!important;border-top:1px solid var(--line)}.story-visual.workspace-ui,.story-visual.studio-ui,.story-visual.forge-ui,.story-visual.compute-ui,.story-visual.research-ui{width:calc(100% - 44px);min-height:462px;margin:24px auto 34px}.ui-body{grid-template-columns:1fr;min-height:410px}.ui-body aside{display:none}.node-canvas,.research-map{min-height:410px}.compute-map{min-height:462px}.footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){:root{--header-h:64px;--pad:18px}.brand img{width:158px;max-height:30px}.site-header{padding-inline:var(--pad)}.m-home-hero h1{font-size:clamp(38px,10vw,52px);line-height:1}.m-hero-copy{padding-block:42px}.m-hero-visual{min-height:310px}.m-display{font-size:clamp(40px,11vw,58px)}.story-copy{padding-block:42px}.story-copy h2{font-size:clamp(36px,10vw,50px);line-height:.98}.story-visual.workspace-ui,.story-visual.studio-ui,.story-visual.forge-ui,.story-visual.compute-ui,.story-visual.research-ui{width:calc(100% - 28px);min-height:382px;margin:18px auto 28px}.ui-top,.canvas-toolbar,.forge-head,.research-axis{height:46px;flex-basis:46px;padding-inline:12px;font-size:9px}.ui-body,.node-canvas,.research-map{min-height:336px}.compute-map{min-height:382px}.forge-chart{min-height:272px}.forge-chart svg{height:180px}.pipeline{grid-template-columns:1fr 1fr}.pipe-node::after{display:none}.future-cta{grid-template-columns:1fr;gap:22px}.footer-top{padding-block:24px}.footer-logo img{width:160px}.footer-grid{grid-template-columns:1fr 1fr;padding-block:26px;gap:22px 18px}.footer-base{align-items:flex-start;flex-direction:column}}
@media(max-width:430px){.brand img{width:146px}.page-hero h1{font-size:clamp(36px,11vw,46px)}.footer-grid{grid-template-columns:1fr}}
.code-frame{position:relative;max-width:100%}
.code-frame .code-block{padding-top:52px}

/* V14.8 color refinement: softer neutrals, clearer interaction hierarchy */
:root{
  --blue:#08086f;
  --blue-2:#17179a;
  --accent:#2e6f86;
  --accent-soft:#e8f2f4;
  --ink:#101014;
  --charcoal:#15151b;
  --cream:#f6f4ee;
  --cream-2:#efede6;
  --paper:#f7f8fa;
  --soft:#eef1f5;
  --muted:#5f6270;
  --line:#d9dbe2;
}
body{background:var(--cream);color:var(--ink)}
.site-header{background:rgba(248,247,242,.94);border-bottom-color:rgba(16,16,20,.1)}
.desktop-nav>a.active,.mobile-menu a.active{color:var(--blue)}
.header-link:hover,.desktop-nav>a:hover,.nav-trigger:hover,.story-copy>a,.applied-list a:hover,.m-section-title a:hover{color:var(--accent)}
.header-cta,.button.primary{background:var(--ink);border-color:var(--ink);color:#fff}
.header-cta:hover,.button.primary:hover{background:var(--blue);border-color:var(--blue)}
.button.secondary:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.button.plain:hover{color:var(--accent)}
.section.paper,.m-featured,.page-shell{background:var(--cream)}
.product-story{background:#fff}
.story-visual{background:#f1f3f5}
.m-hero-visual,.feature-card,.content-card,.api-card,.program-content,.model-detail,.ui-result{background:#fff}
.feature-card:hover,.content-card:hover,.industry-grid a:hover,.insight-grid a:hover,.mega-links a:hover{border-color:rgba(46,111,134,.38);box-shadow:0 16px 38px rgba(16,16,24,.08)}
.feature-copy>span,.m-eyebrow,.story-copy>span,.kicker,.page-hero .page-no,.section-head>span,.capability-grid span,.industry-grid span,.insight-grid span,.plane-row .plane-no{color:var(--blue)}
.lattice-core span,.ui-result>span,.compute-core small{color:var(--accent)}
.lattice-grid>i,.desktop-nav>a::after,.nav-trigger::after,.workspace-ui::before,.studio-ui::before,.forge-ui::before,.compute-ui::before,.research-ui::before{background:var(--blue)}
.workspace-ui,.studio-ui,.forge-ui,.compute-ui,.research-ui,.story-visual.workspace-ui,.story-visual.studio-ui,.story-visual.forge-ui,.story-visual.compute-ui,.story-visual.research-ui{border-color:rgba(8,8,111,.34);box-shadow:0 16px 36px rgba(21,21,27,.08)}
.node,.compute-map,.research-ui{border-color:rgba(21,21,27,.78)}
.node.n5,.ui-body aside .active,.pipe-node.active,.program-index button.active,.model-list button.active{background:var(--blue);border-color:var(--blue);color:#fff}
.pipe-node.active{box-shadow:0 8px 20px rgba(8,8,111,.12)}
.control input[type=range]{accent-color:var(--accent)}
.code-block{background:var(--charcoal);border-left-color:var(--accent);color:#f6f7fb}
.code-copy:hover{color:var(--charcoal)}
.future-cta{background:linear-gradient(135deg,#08086f 0%,#101088 58%,#174e68 100%)}
.future-cta .button.light:hover{color:var(--blue)}
.site-footer{background:#111116;color:#fff}
.footer-top,.footer-grid,.footer-base{border-color:#2a2b33}
.footer-top p,.footer-brand p,.footer-base,.footer-grid>div>span{color:#aaaeb8}
.footer-grid a:hover{color:#b9edf5}
.form-status a{color:var(--accent)}
::selection{background:var(--accent);color:#fff}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:var(--accent)}
@media(max-width:700px){
  .future-cta{background:linear-gradient(150deg,#08086f 0%,#12128b 62%,#174e68 100%)}
}

/* V14.9 white and blue palette: clean brand-only color system */
:root{
  --blue:#08086f;
  --blue-2:#1717a8;
  --accent:#08086f;
  --accent-soft:#eef2ff;
  --ink:#0d1020;
  --charcoal:#090b18;
  --cream:#ffffff;
  --cream-2:#f4f6ff;
  --paper:#f7f9ff;
  --soft:#eef2ff;
  --muted:#5b6178;
  --line:#dfe4f4;
}
body,.page-shell{background:#fff;color:var(--ink)}
.site-header{background:rgba(255,255,255,.94);border-bottom-color:var(--line);box-shadow:0 10px 28px rgba(8,8,111,.06)}
.mobile-menu,.mega-menu{background:rgba(255,255,255,.98)}
.section.paper,.m-featured,.m-products-intro,.sticky-aside{background:var(--paper)}
.product-story,.feature-card,.content-card,.api-card,.program-content,.model-detail,.pillar,.plane-row,.m-hero-visual,.ui-result,.program-index,.model-list button,.program-index button{background:#fff}
.story-visual{background:var(--paper)}
.desktop-nav>a.active,.mobile-menu a.active,.header-link:hover,.desktop-nav>a:hover,.nav-trigger:hover,.story-copy>a,.applied-list a:hover,.m-section-title a:hover,.button.plain:hover{color:var(--blue)}
.header-cta,.button.primary{background:var(--blue);border-color:var(--blue);color:#fff}
.header-cta:hover,.button.primary:hover,.button.secondary:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.desktop-nav>a::after,.nav-trigger::after,.lattice-grid>i,.workspace-ui::before,.studio-ui::before,.forge-ui::before,.compute-ui::before,.research-ui::before{background:var(--blue)}
.feature-copy>span,.m-eyebrow,.story-copy>span,.kicker,.page-hero .page-no,.section-head>span,.capability-grid span,.industry-grid span,.insight-grid span,.plane-row .plane-no,.lattice-core span,.ui-result>span,.compute-core small{color:var(--blue)}
.workspace-ui,.studio-ui,.forge-ui,.compute-ui,.research-ui,.story-visual.workspace-ui,.story-visual.studio-ui,.story-visual.forge-ui,.story-visual.compute-ui,.story-visual.research-ui{border-color:rgba(8,8,111,.35);box-shadow:0 16px 36px rgba(8,8,111,.08)}
.feature-card:hover,.content-card:hover,.industry-grid a:hover,.insight-grid a:hover,.mega-links a:hover{border-color:rgba(8,8,111,.35);box-shadow:0 16px 38px rgba(8,8,111,.08);background:#fff}
.node.n5,.ui-body aside .active,.pipe-node.active,.program-index button.active,.model-list button.active{background:var(--blue);border-color:var(--blue);color:#fff}
.control input[type=range]{accent-color:var(--blue)}
.code-block{background:var(--charcoal);border-left-color:var(--blue);color:#f7f9ff}
.form-status a{color:var(--blue)}
.future-cta{background:var(--blue);color:#fff}
.site-footer{background:#070815;color:#fff}
.footer-top,.footer-grid,.footer-base{border-color:#25294a}
.footer-grid a:hover{color:#dfe4ff}
::selection{background:var(--blue);color:#fff}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:var(--blue)}

/* V14.10 CFAM palette match: #000066, white, and cool pale surfaces */
:root{
  --blue:#000066;
  --blue-2:#185fa5;
  --accent:#000066;
  --accent-soft:#f7f7fa;
  --ink:#111;
  --charcoal:#111118;
  --cream:#fff;
  --cream-2:#f7f7fa;
  --paper:#fafafe;
  --soft:#f7f7fa;
  --muted:#555660;
  --line:#e0e2ec;
}
body,.page-shell{background:#fff;color:#111}
.site-header{background:rgba(255,255,255,.96);border-bottom-color:#e0e2ec;box-shadow:0 10px 30px rgba(0,0,0,.07)}
.mobile-menu,.mega-menu{background:rgba(255,255,255,.98)}
.section.paper,.m-featured,.m-products-intro,.sticky-aside,.story-visual{background:#f7f7fa}
.m-hero-visual,.product-story,.feature-card,.content-card,.api-card,.program-content,.model-detail,.pillar,.plane-row,.ui-result,.program-index,.model-list button,.program-index button{background:#fff}
.desktop-nav>a.active,.mobile-menu a.active,.header-link:hover,.desktop-nav>a:hover,.nav-trigger:hover,.story-copy>a,.applied-list a:hover,.m-section-title a:hover,.button.plain:hover{color:#000066}
.header-cta,.button.primary{background:#000066;border-color:#000066;color:#fff}
.header-cta:hover,.button.primary:hover,.button.secondary:hover{background:#111;border-color:#111;color:#fff}
.desktop-nav>a::after,.nav-trigger::after,.lattice-grid>i,.workspace-ui::before,.studio-ui::before,.forge-ui::before,.compute-ui::before,.research-ui::before{background:#000066}
.feature-copy>span,.m-eyebrow,.story-copy>span,.kicker,.page-hero .page-no,.section-head>span,.capability-grid span,.industry-grid span,.insight-grid span,.plane-row .plane-no,.lattice-core span,.ui-result>span,.compute-core small{color:#000066}
.workspace-ui,.studio-ui,.forge-ui,.compute-ui,.research-ui,.story-visual.workspace-ui,.story-visual.studio-ui,.story-visual.forge-ui,.story-visual.compute-ui,.story-visual.research-ui{border-color:rgba(0,0,102,.18);box-shadow:0 16px 36px rgba(0,0,102,.1)}
.feature-card:hover,.content-card:hover,.industry-grid a:hover,.insight-grid a:hover,.mega-links a:hover{border-color:rgba(0,0,102,.18);box-shadow:0 16px 38px rgba(0,0,0,.08);background:#fff}
.lattice-core{background:#fafafe;border-color:#111}
.ui-body aside .active,.node.n5,.pipe-node.active,.program-index button.active,.model-list button.active{background:#000066;border-color:#000066;color:#fff}
.control input[type=range]{accent-color:#000066}
.code-block{background:#111118;border-left-color:#000066;color:#fff}
.future-cta{background:#000066;color:#fff}
.site-footer{background:#111;color:#fff}
.footer-top,.footer-grid,.footer-base{border-color:#2b2b34}
.footer-top p,.footer-brand p,.footer-base,.footer-grid>div>span{color:#b8b8c2}
.footer-grid a:hover{color:#fff}
.form-status a{color:#000066}
::selection{background:#000066;color:#fff}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:#000066}

/* V14.11 footer hierarchy: light CTA above main-blue footer */
.future-cta{
  background:#f7f7fa;
  color:#111;
  border-top:1px solid #e0e2ec;
  border-bottom:1px solid #e0e2ec;
}
.future-copy>span{color:#000066}
.future-copy h2{color:#555660}
.future-cta .button.light{
  background:#000066;
  border-color:#000066;
  color:#fff;
}
.future-cta .button.light:hover{
  background:#111;
  border-color:#111;
  color:#fff;
}
.future-cta .button.light.ghost{
  background:#fff;
  color:#000066;
  border-color:rgba(0,0,102,.28);
}
.future-cta .button.light.ghost:hover{
  background:#000066;
  color:#fff;
  border-color:#000066;
}
.site-footer{
  background:#000066;
  color:#fff;
}
.footer-top,.footer-grid,.footer-base{border-color:rgba(255,255,255,.16)}
.footer-top p,.footer-base,.footer-grid>div>span{color:rgba(255,255,255,.68)}
.footer-grid a{color:#fff}
.footer-grid a:hover{color:#dfe4ff}
.footer-logo img{filter:none}
.m-applied.section.paper{background:#fafafe}
.applied-list{border-top-color:rgba(0,0,102,.22)}
.applied-list a{border-bottom-color:#e0e2ec}

/* V14.12 rhythm polish: cleaner section pacing and softer cards */
.m-featured{padding-bottom:clamp(54px,5vw,82px)}
.m-feature-grid{align-items:stretch}
.feature-card{min-height:410px;border-color:#e0e2ec;box-shadow:0 10px 28px rgba(0,0,102,.045)}
.feature-main{min-height:450px}
.feature-card:hover{box-shadow:0 14px 32px rgba(0,0,102,.075);transform:translateY(-2px)}
.feature-art{height:205px}
.feature-main .feature-art{height:250px}
.art-cfam{background:#111118}
.art-cfam b{color:#fff}.art-cfam em{color:#fff}
.m-products-intro{padding-top:clamp(88px,7.2vw,120px);padding-bottom:clamp(76px,6.5vw,104px);border-top:1px solid #e0e2ec}
.m-display{margin-top:18px;margin-bottom:20px}
.product-story{border-top:1px solid #e0e2ec}
.product-story:nth-of-type(odd){background:#fff}
.product-story:nth-of-type(even){background:#fafafe}
.product-story:nth-of-type(even) .story-visual{background:#fff}
.story-copy ul{border-top-color:#e0e2ec}
.story-copy li{border-bottom-color:#e0e2ec}
.story-visual.workspace-ui,.story-visual.studio-ui,.story-visual.forge-ui,.story-visual.compute-ui,.story-visual.research-ui{box-shadow:0 12px 26px rgba(0,0,102,.07)}
.ui-result{background:#f7f7fa}
.compute-map{box-shadow:none}
.research-ui{box-shadow:0 12px 26px rgba(0,0,102,.09)}
.applied-layout{padding-block:clamp(6px,1vw,16px)}
@media(max-width:700px){
  .m-featured{padding-bottom:52px}
  .feature-card,.feature-main{min-height:0}
  .feature-art,.feature-main .feature-art{height:190px}
  .m-products-intro{padding-top:64px;padding-bottom:58px}
  .story-visual.workspace-ui,.story-visual.studio-ui,.story-visual.forge-ui,.story-visual.compute-ui,.story-visual.research-ui{box-shadow:0 10px 20px rgba(0,0,102,.065)}
}

/* V14.13 Apple-like typography: quieter scale, lighter weight, smoother reading */
:root{
  --font-sans:Arial,Helvetica,sans-serif;
  --weight-strong:650;
  --weight-heading:700;
}
body{font-size:15px;line-height:1.62;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
p{line-height:1.68;color:var(--muted)}
strong,b{font-weight:var(--weight-strong)}
.desktop-nav,.header-link,.header-cta,.button{font-weight:650}
.m-eyebrow,.kicker,.story-copy>span,.feature-copy>span,.section-head>span,.page-hero .page-no{font-size:10px;letter-spacing:.13em;font-weight:650}
.m-home-hero h1{font-size:clamp(44px,5.15vw,74px);line-height:1.02;letter-spacing:-.032em;font-weight:700;margin:18px 0 20px}
.m-hero-copy>p{font-size:clamp(15.5px,1.12vw,18px);line-height:1.68;max-width:650px}
.m-display{font-size:clamp(44px,5.8vw,86px);line-height:.98;letter-spacing:-.038em;font-weight:700;max-width:1180px}
.m-intro-copy{font-size:clamp(15.5px,1.2vw,19px);line-height:1.7;max-width:780px}
.section-head h2,.content-section h2{font-size:clamp(31px,3.35vw,50px);line-height:1.08;letter-spacing:-.028em;font-weight:700}
.section-head p,.content-section .lead{font-size:15.5px;line-height:1.72;max-width:760px}
.page-hero h1{font-size:clamp(38px,4.55vw,66px);line-height:1.05;letter-spacing:-.034em;font-weight:700;margin-bottom:20px}
.page-hero p{font-size:clamp(15.5px,1.1vw,18px);line-height:1.72;max-width:780px}
.story-copy h2{font-size:clamp(38px,4.1vw,62px);line-height:1;letter-spacing:-.038em;font-weight:700;margin:20px 0}
.story-copy>p{font-size:15px;line-height:1.72;max-width:570px}
.story-copy li{font-size:12.5px;line-height:1.5;color:#3f4354}
.feature-copy h2{font-size:clamp(24px,2.05vw,34px);line-height:1.12;letter-spacing:-.026em;font-weight:700;margin:15px 0}
.feature-copy h3{font-size:clamp(18px,1.42vw,22px);line-height:1.18;letter-spacing:-.018em;font-weight:700;margin:14px 0}
.feature-copy p{font-size:13px;line-height:1.66}
.ui-query{font-size:18px;line-height:1.35;letter-spacing:-.012em;font-weight:600}
.ui-result h4{font-size:clamp(22px,2vw,28px);line-height:1.08;letter-spacing:-.025em;font-weight:700}
.compute-core strong,.lattice-core strong{font-size:clamp(21px,2vw,30px);line-height:1.08;letter-spacing:-.025em;font-weight:700}
.applied-layout h2{font-size:clamp(34px,3.8vw,58px);line-height:1.02;letter-spacing:-.038em;font-weight:700}
.applied-layout p{font-size:15px;line-height:1.72;max-width:720px}
.applied-list strong{font-size:14px;font-weight:650}
.future-copy>span{font-size:clamp(38px,4.8vw,70px);line-height:.98;letter-spacing:-.04em;font-weight:700}
.future-copy h2{font-size:clamp(18px,1.55vw,25px);line-height:1.32;font-weight:400;color:#555660}
.footer-grid a{font-size:12px;font-weight:400}.footer-grid>div>span{font-size:9.5px;font-weight:650}
.capability-grid h3,.industry-grid h3,.insight-grid h3,.content-card h3,.api-card h3{font-size:clamp(18px,1.45vw,22px);line-height:1.18;letter-spacing:-.018em;font-weight:700;margin-top:26px}
.capability-grid p,.industry-grid p,.insight-grid p,.content-card p,.api-card p{font-size:13.5px;line-height:1.68}
@media(max-width:700px){
  body{font-size:14.5px}
  .m-home-hero h1{font-size:clamp(36px,9.5vw,46px);line-height:1.04}
  .m-display{font-size:clamp(36px,10vw,50px);line-height:1.02}
  .story-copy h2{font-size:clamp(32px,9vw,42px);line-height:1.04}
  .page-hero h1{font-size:clamp(32px,9.5vw,42px);line-height:1.06}
  .future-copy>span{font-size:clamp(34px,10vw,48px)}
  .feature-copy h2{font-size:24px}.feature-copy h3{font-size:19px}
}

/* V14.14 business conversion polish: proof band, use cases, CTA priority */
.m-hero-actions .button.primary{min-width:132px}
.business-proof{
  background:#fff;
  border-top:1px solid #e0e2ec;
  border-bottom:1px solid #e0e2ec;
  padding:0;
}
.proof-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-left:1px solid #e0e2ec;
}
.proof-grid article{
  min-height:138px;
  padding:24px 22px;
  border-right:1px solid #e0e2ec;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:8px;
  background:#fff;
}
.proof-grid span,.use-case-grid span{
  color:#000066;
  font-size:10px;
  letter-spacing:.13em;
  text-transform:uppercase;
  font-weight:650;
}
.proof-grid strong{
  display:block;
  color:#111;
  font-size:18px;
  line-height:1.18;
  letter-spacing:-.018em;
  font-weight:700;
}
.proof-grid p{
  margin:0;
  max-width:270px;
  color:#555660;
  font-size:13px;
  line-height:1.58;
}
.m-featured{padding-top:clamp(52px,5vw,76px)}
.m-featured .m-section-title span{color:#000066}
.feature-copy small{color:#555660;font-size:12px}
.use-case-strip{
  background:#fafafe;
  border-top:1px solid #e0e2ec;
  border-bottom:1px solid #e0e2ec;
  padding:clamp(56px,5.8vw,88px) 0;
}
.use-case-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid #e0e2ec;
  border-left:1px solid #e0e2ec;
  background:#fff;
}
.use-case-grid a{
  min-height:245px;
  padding:24px;
  border-right:1px solid #e0e2ec;
  border-bottom:1px solid #e0e2ec;
  display:flex;
  flex-direction:column;
  gap:14px;
  transition:background .22s var(--ease),box-shadow .22s var(--ease),transform .22s var(--ease),border-color .22s var(--ease);
}
.use-case-grid a:hover{
  background:#fff;
  border-color:rgba(0,0,102,.22);
  box-shadow:0 16px 34px rgba(0,0,102,.07);
  transform:translateY(-2px);
}
.use-case-grid strong{
  display:block;
  color:#111;
  font-size:clamp(18px,1.45vw,22px);
  line-height:1.18;
  letter-spacing:-.018em;
  font-weight:700;
}
.use-case-grid p{
  margin:0;
  color:#555660;
  font-size:13.5px;
  line-height:1.68;
}
.m-products-intro{padding-top:clamp(72px,6vw,96px)}
.m-products-intro .m-intro-copy{max-width:820px}
.story-copy>p{color:#555660}
.future-actions .button.light:first-child{min-width:132px}
@media(max-width:980px){
  .proof-grid,.use-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .proof-grid article{min-height:128px}
  .use-case-grid a{min-height:210px}
}
@media(max-width:700px){
  .business-proof .wrap,.use-case-strip .wrap{padding-left:0;padding-right:0}
  .proof-grid,.use-case-grid{grid-template-columns:1fr;border-left:0}
  .proof-grid article,.use-case-grid a{border-right:0;padding:22px var(--pad);min-height:0}
  .m-featured{padding-top:46px}
  .use-case-strip{padding:48px 0}
}

/* V14.15 demo access and business trust polish */
.desktop-nav{font-size:13.25px;gap:clamp(16px,1.75vw,28px)}
.desktop-nav>a,.nav-trigger{font-weight:700}
.header-link{font-size:12.5px;font-weight:650}
.header-cta{font-size:12.5px;min-height:40px;padding-inline:18px}
.trust-panel{background:#fafafe;border-top:1px solid #e0e2ec;border-bottom:1px solid #e0e2ec;padding:clamp(54px,5.6vw,84px) 0}
.trust-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.62fr);gap:clamp(34px,5vw,76px);align-items:center}
.trust-layout h2{font-size:clamp(32px,3.6vw,54px);line-height:1.05;letter-spacing:-.032em;margin:16px 0 14px;max-width:760px}
.trust-layout p{max-width:680px;font-size:15.5px;line-height:1.72;margin:0;color:#555660}
.trust-checks{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #e0e2ec;border-left:1px solid #e0e2ec;background:#fff}
.trust-checks span{min-height:92px;padding:20px;border-right:1px solid #e0e2ec;border-bottom:1px solid #e0e2ec;display:flex;align-items:center;color:#111;font-size:14px;font-weight:650;line-height:1.35}
.how-it-works{background:#fff;padding:clamp(56px,5.8vw,90px) 0;border-top:1px solid #e0e2ec;border-bottom:1px solid #e0e2ec}
.how-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-left:1px solid #e0e2ec;border-top:1px solid #e0e2ec;background:#fff}
.how-grid article{min-height:245px;padding:24px;border-right:1px solid #e0e2ec;border-bottom:1px solid #e0e2ec;display:flex;flex-direction:column;gap:14px}
.how-grid span{color:#000066;font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:650}
.how-grid strong{font-size:clamp(18px,1.45vw,22px);line-height:1.18;letter-spacing:-.018em;color:#111;font-weight:700}
.how-grid p{margin:0;color:#555660;font-size:13.5px;line-height:1.68}
.page-hero .m-hero-actions{margin-top:28px}
.demo-access-note{border:1px solid #e0e2ec;background:#fff;padding:18px;color:#555660}
@media(max-width:1280px){.desktop-nav{font-size:12.75px;gap:14px}.header-cta{font-size:12px;padding-inline:16px}}
@media(max-width:980px){.trust-layout{grid-template-columns:1fr}.how-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.trust-panel,.how-it-works{padding:48px 0}.trust-layout{gap:26px}.trust-checks,.how-grid{grid-template-columns:1fr;border-left:0}.trust-checks span,.how-grid article{border-right:0;min-height:0;padding:20px var(--pad)}.trust-panel .wrap,.how-it-works .wrap{padding-left:0;padding-right:0}.trust-layout>div:first-child{padding:0 var(--pad)}.trust-layout h2{font-size:clamp(30px,8.6vw,40px)}}

/* V14.17 IAI logo pairing */
.brand img{width:168px;max-height:36px;object-fit:contain;object-position:left center}
.footer-logo img{width:176px;max-height:38px;object-fit:contain;object-position:left center;filter:none!important}
@media(max-width:980px){.brand img{width:158px;max-height:34px}.footer-logo img{width:168px}}
@media(max-width:700px){.brand img{width:146px;max-height:31px}.footer-logo img{width:156px}}

/* V14.18 internal page hero and anchor polish */
.page-hero,.page-hero.dark{
  min-height:0;
  padding-top:clamp(54px,5.2vw,86px);
  padding-bottom:clamp(52px,5vw,82px);
  grid-template-columns:minmax(92px,150px) minmax(0,920px);
  align-items:center;
}
.page-hero.dark{background:#111;color:#fff}
.page-hero h1,.page-hero.dark h1{
  font-size:clamp(38px,4.35vw,68px)!important;
  line-height:1.06!important;
  letter-spacing:-.035em!important;
  font-weight:700!important;
  max-width:920px;
  margin:0 0 20px;
}
.page-hero p,.page-hero.dark p{
  font-size:clamp(15.5px,1.1vw,18px)!important;
  line-height:1.72!important;
  max-width:760px;
  color:#c8c8d0;
}
.page-hero .page-no{font-size:10px;line-height:1.7;letter-spacing:.14em;color:#000066}
.page-hero.dark .page-no{color:#6f7bff}
.industry-grid a[id],.model-list button[id]{scroll-margin-top:calc(var(--header-h) + 24px)}
@media(max-width:700px){
  .page-hero,.page-hero.dark{grid-template-columns:1fr;padding-top:42px;padding-bottom:44px}
  .page-hero h1,.page-hero.dark h1{font-size:clamp(31px,8.8vw,42px)!important;line-height:1.08!important}
}

/* V14.19 story links and demo page cleanup */
.story-copy>a{
  display:block;
  margin-top:auto!important;
  padding:12px 0;
  border-top:1px solid #e0e2ec;
  color:#3f4354!important;
  font-size:12.5px;
  line-height:1.5;
  font-weight:400;
}
.story-copy>a:hover{color:#000066!important;transform:none!important}
.story-copy>a + ul{margin-top:0!important;border-top:0!important}
.story-copy>a + ul li:first-child{border-top:0}
body[data-page="demo.html"] .site-header{position:relative!important;top:auto!important}
body[data-page="demo.html"] html{scroll-padding-top:24px}
body[data-page="demo.html"] .page-hero{
  padding-top:clamp(46px,5vw,78px);
  padding-bottom:clamp(42px,4.8vw,72px);
  min-height:0;
  background:#fff;
}
body[data-page="demo.html"] .page-hero h1{
  font-size:clamp(38px,4.6vw,66px)!important;
  line-height:1.06!important;
  max-width:820px;
}
body[data-page="demo.html"] .page-hero p{color:#555660!important;max-width:760px}
body[data-page="demo.html"] #request{scroll-margin-top:32px}
body[data-page="demo.html"] .section.paper{padding-top:clamp(52px,5vw,76px);background:#fafafe}
body[data-page="demo.html"] .content-grid-2{align-items:start;gap:clamp(34px,5vw,70px)}
body[data-page="demo.html"] .content-grid-2 h2{
  font-size:clamp(34px,3.8vw,54px)!important;
  line-height:1.05!important;
  letter-spacing:-.032em!important;
  margin:18px 0 18px;
}
body[data-page="demo.html"] .stack-diagram,body[data-page="demo.html"] form{background:#fff}
body[data-page="demo.html"] .field input,body[data-page="demo.html"] .field textarea,body[data-page="demo.html"] .field select{background:#fff}
@media(max-width:980px){body[data-page="demo.html"] .content-grid-2{grid-template-columns:1fr}}
@media(max-width:700px){
  body[data-page="demo.html"] .page-hero{padding-top:38px;padding-bottom:40px}
  body[data-page="demo.html"] .page-hero h1{font-size:clamp(31px,9vw,42px)!important}
}
/* V14.20 Hostinger publish polish: clean mobile app-style footer */
@media(max-width:700px){
  .future-cta{
    padding:44px var(--pad) 36px;
    grid-template-columns:1fr;
    gap:22px;
    text-align:left;
  }
  .future-copy>span{font-size:clamp(31px,9vw,42px);letter-spacing:-.025em}
  .future-copy h2{font-size:16px;line-height:1.55;margin-top:14px;color:#dedeff}
  .future-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}
  .future-actions .button{min-height:44px;justify-content:center;padding:0 12px;font-size:11.5px}
  .site-footer{
    background:#000066;
    color:#fff;
    padding-bottom:calc(10px + env(safe-area-inset-bottom));
  }
  .footer-top{
    padding:26px var(--pad) 18px;
    border-bottom:1px solid rgba(255,255,255,.14);
    gap:14px;
  }
  .footer-logo img{width:112px;max-height:30px}
  .footer-top p{font-size:11px;line-height:1.45;color:rgba(255,255,255,.72)}
  .footer-grid{
    padding:18px var(--pad) 8px;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
    border-bottom:0;
  }
  .footer-grid>div{min-width:0}
  .footer-grid>div>span{display:none}
  .footer-grid a{
    min-height:54px;
    padding:8px 6px;
    border:1px solid rgba(255,255,255,.14);
    background:rgba(255,255,255,.055);
    color:#fff;
    border-radius:8px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-size:10.5px;
    line-height:1.2;
  }
  .footer-grid a:hover{background:rgba(255,255,255,.12);color:#fff}
  .footer-grid>div a:nth-of-type(n+3){display:none}
  .footer-grid>div:nth-child(5) a:nth-of-type(2){display:none}
  .footer-base{
    border-top:1px solid rgba(255,255,255,.12);
    padding:14px var(--pad) 0;
    align-items:center;
    text-align:center;
    color:rgba(255,255,255,.62);
    font-size:10px;
  }
}

/* V14.21 mobile footer navigation refinement */
@media(max-width:700px){
  .footer-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
  .footer-grid a{display:none;min-height:52px;font-size:10px;padding:7px 4px}
  .footer-grid>div a:first-of-type{display:flex}
  .footer-grid>div:nth-child(5) a:first-of-type{display:none}
  .footer-grid>div:nth-child(5) a:nth-of-type(3){display:flex}
}
@media(max-width:380px){
  .footer-grid{gap:5px}
  .footer-grid a{font-size:9.5px;min-height:50px}
}

/* V14.22 featured cards normalization */
.m-feature-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px;
  align-items:stretch;
}
.feature-card,
.feature-main{
  min-height:430px!important;
  border-color:#dfe2ec;
  box-shadow:0 10px 26px rgba(0,0,102,.04);
}
.feature-art,
.feature-main .feature-art{
  height:220px!important;
  padding:22px;
}
.feature-copy{
  min-height:210px;
  padding:24px 26px;
}
.feature-copy h2,
.feature-copy h3{
  font-size:clamp(21px,1.8vw,28px)!important;
  line-height:1.14!important;
  letter-spacing:-.018em!important;
  margin:16px 0!important;
  max-width:92%;
}
.feature-copy p{
  font-size:13.5px;
  line-height:1.62;
  max-width:95%;
  margin:0 0 18px;
}
.feature-copy small{
  margin-top:auto;
  font-size:12.5px;
  color:#555660;
}
.art-cfam{
  align-items:center;
  justify-content:center;
  padding-bottom:22px;
}
.art-cfam>span{
  position:absolute;
  left:22px;
  bottom:26px;
}
.art-cfam b{font-size:118px!important;letter-spacing:-.06em}
.art-cfam em{font-size:18px;margin-bottom:0}
.art-platform{
  display:flex;
  align-items:center;
  justify-content:center;
}
.art-platform>span{
  position:absolute;
  left:22px;
  top:22px;
}
.stack-bars{
  position:static;
  width:min(78%,360px);
  margin-top:20px;
}
.stack-bars i{height:18px;background:rgba(0,0,102,.045)}
.stack-bars i:nth-child(4){background:#000066}
@media(max-width:980px){
  .m-feature-grid{grid-template-columns:1fr!important}
  .feature-card,.feature-main{min-height:0!important}
  .feature-art,.feature-main .feature-art{height:210px!important}
  .feature-copy{min-height:0}
  .feature-copy h2,.feature-copy h3{max-width:720px}
}
@media(max-width:700px){
  .m-feature-grid{gap:14px}
  .feature-art,.feature-main .feature-art{height:185px!important;padding:18px}
  .feature-copy{padding:20px}
  .feature-copy h2,.feature-copy h3{font-size:22px!important;max-width:100%}
  .art-cfam b{font-size:92px!important}
  .art-platform>span,.art-cfam>span{left:18px;top:18px;bottom:auto}
  .stack-bars{width:86%}
}

/* V14.23 platform card artwork cleanup */
.art-platform{
  background:#fafafe;
  overflow:hidden;
}
.art-platform::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(0,0,102,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,0,102,.055) 1px,transparent 1px);
  background-size:34px 34px;
  opacity:.55;
}
.art-platform>span{
  z-index:2;
  color:#111;
  background:#fafafe;
  padding-right:8px;
}
.stack-bars{
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:9px;
  width:min(74%,320px);
  margin:18px auto 0;
}
.stack-bars i{
  width:100%;
  height:15px;
  margin-left:0!important;
  border:1px solid rgba(0,0,102,.62);
  background:rgba(255,255,255,.72);
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset;
}
.stack-bars i:nth-child(1){width:92%}
.stack-bars i:nth-child(2){width:78%}
.stack-bars i:nth-child(3){width:64%}
.stack-bars i:nth-child(4){width:52%;background:#000066;border-color:#000066}
.stack-bars i:nth-child(5){width:64%}
.stack-bars i:nth-child(6){width:78%}
.stack-bars i:nth-child(7){width:92%}
@media(max-width:700px){
  .stack-bars{width:78%;gap:7px;margin-top:22px}
  .stack-bars i{height:12px}
}

/* V14.24 product story blue CTA rows */
.story-copy>a{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  width:100%;
  min-height:46px;
  margin:22px 0 0!important;
  padding:0 16px!important;
  border:1px solid #000066!important;
  background:#000066!important;
  color:#fff!important;
  font-size:12.5px!important;
  line-height:1.25!important;
  font-weight:650!important;
  letter-spacing:0!important;
  box-shadow:0 10px 22px rgba(0,0,102,.12);
  transition:background .2s var(--ease),border-color .2s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease);
}
.story-copy>a::after{
  content:"?";
  font-size:12px;
  line-height:1;
  opacity:.9;
}
.story-copy>a:hover{
  background:#07078f!important;
  border-color:#07078f!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
  box-shadow:0 14px 28px rgba(0,0,102,.16);
}
.story-copy>a + ul{
  margin-top:14px!important;
  border-top:1px solid #e0e2ec!important;
}
.story-copy>a + ul li:first-child{border-top:0}
@media(max-width:700px){
  .story-copy>a{min-height:44px;margin-top:18px!important;padding-inline:14px!important}
  .story-copy>a + ul{margin-top:12px!important}
}

/* V14.25 consistent blue hover system */
@media(hover:hover){
  .use-case-grid a,
  .how-grid article,
  .capability-grid article,
  .industry-grid a,
  .insight-grid a,
  .content-card,
  .api-card,
  .deployment-grid article,
  .plane-row,
  .applied-list a,
  .mega-links a,
  .m-model-strip a{
    transition:background .22s var(--ease),border-color .22s var(--ease),box-shadow .22s var(--ease),transform .22s var(--ease),color .22s var(--ease);
  }
  .use-case-grid a:hover,
  .how-grid article:hover,
  .capability-grid article:hover,
  .industry-grid a:hover,
  .insight-grid a:hover,
  .content-card:hover,
  .api-card:hover,
  .deployment-grid article:hover,
  .plane-row:hover,
  .applied-list a:hover,
  .mega-links a:hover,
  .m-model-strip a:hover{
    background:#000066!important;
    border-color:#000066!important;
    color:#fff!important;
    box-shadow:0 18px 40px rgba(0,0,102,.18)!important;
    transform:translateY(-2px);
  }
  .use-case-grid a:hover span,
  .use-case-grid a:hover strong,
  .use-case-grid a:hover p,
  .how-grid article:hover span,
  .how-grid article:hover strong,
  .how-grid article:hover p,
  .capability-grid article:hover span,
  .capability-grid article:hover h3,
  .capability-grid article:hover p,
  .industry-grid a:hover span,
  .industry-grid a:hover h3,
  .industry-grid a:hover p,
  .insight-grid a:hover span,
  .insight-grid a:hover h3,
  .insight-grid a:hover p,
  .content-card:hover span,
  .content-card:hover h3,
  .content-card:hover p,
  .api-card:hover h3,
  .api-card:hover p,
  .api-card:hover code,
  .deployment-grid article:hover span,
  .deployment-grid article:hover h3,
  .deployment-grid article:hover p,
  .deployment-grid article:hover b,
  .plane-row:hover .plane-no,
  .plane-row:hover h3,
  .plane-row:hover p,
  .plane-row:hover li,
  .plane-row:hover .plane-link,
  .applied-list a:hover span,
  .applied-list a:hover strong,
  .applied-list a:hover em,
  .mega-links a:hover strong,
  .mega-links a:hover small,
  .m-model-strip a:hover strong,
  .m-model-strip a:hover span{
    color:#fff!important;
  }
  .plane-row:hover>div,
  .applied-list a:hover,
  .mega-links a:hover,
  .m-model-strip a:hover,
  .use-case-grid a:hover,
  .how-grid article:hover,
  .capability-grid article:hover,
  .industry-grid a:hover,
  .insight-grid a:hover,
  .content-card:hover,
  .deployment-grid article:hover{
    border-color:rgba(255,255,255,.18)!important;
  }
}
@media(max-width:700px){
  .use-case-grid a:active,
  .how-grid article:active,
  .industry-grid a:active,
  .insight-grid a:active,
  .applied-list a:active{
    background:#000066!important;
    color:#fff!important;
  }
}

/* V14.26 Applied AI spacing and mobile section actions */
.m-applied.section.paper{
  padding-top:clamp(64px,6vw,96px);
  padding-bottom:clamp(66px,6.5vw,104px);
}
.m-applied .m-section-title{
  margin-bottom:clamp(30px,3.2vw,48px);
}
.m-applied .applied-layout{
  grid-template-columns:minmax(0,1fr) minmax(420px,.82fr);
  gap:clamp(44px,6vw,110px);
  align-items:start;
}
.m-applied .applied-layout h2{
  font-size:clamp(38px,4.1vw,64px)!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
  max-width:830px;
}
.m-applied .applied-layout p{
  margin-top:22px;
  font-size:clamp(15.5px,1.15vw,18px);
  line-height:1.72;
  max-width:820px;
}
.m-applied .applied-list{
  border-top:1px solid rgba(0,0,102,.22);
  background:rgba(255,255,255,.36);
}
.m-applied .applied-list a{
  min-height:78px;
  padding:0 18px!important;
  grid-template-columns:54px minmax(0,1fr) 30px;
  column-gap:10px;
}
.m-applied .applied-list strong{
  font-size:clamp(15.5px,1.18vw,18px)!important;
  line-height:1.3;
}
.m-applied .applied-list span,
.m-applied .applied-list em{
  font-size:12px;
}
@media(max-width:980px){
  .m-applied .applied-layout{
    grid-template-columns:1fr;
    gap:34px;
  }
  .m-applied .applied-layout h2{max-width:760px}
  .m-applied .applied-list a{min-height:72px}
}
@media(max-width:700px){
  .m-section-title{
    display:grid;
    grid-template-columns:1fr;
    gap:14px;
    padding-top:14px;
    margin-bottom:24px;
  }
  .m-section-title a{
    width:100%;
    min-height:44px;
    padding:0 14px;
    border:1px solid rgba(0,0,102,.18);
    background:#fff;
    color:#000066!important;
    display:flex;
    align-items:center;
    justify-content:space-between;
    font-size:12px;
    box-shadow:0 8px 18px rgba(0,0,102,.045);
  }
  .m-section-title a:active,
  .m-section-title a:hover{
    background:#000066!important;
    border-color:#000066!important;
    color:#fff!important;
  }
  .m-applied.section.paper{
    padding-top:52px;
    padding-bottom:58px;
  }
  .m-applied .wrap{
    padding-left:20px;
    padding-right:20px;
  }
  .m-applied .applied-layout{gap:28px}
  .m-applied .applied-layout h2{
    font-size:clamp(31px,9.2vw,40px)!important;
    line-height:1.08!important;
    max-width:100%;
  }
  .m-applied .applied-layout p{
    margin-top:16px;
    font-size:15px;
    line-height:1.68;
  }
  .m-applied .applied-list{
    margin-left:0;
    margin-right:0;
  }
  .m-applied .applied-list a{
    min-height:68px;
    padding:0 14px!important;
    grid-template-columns:36px minmax(0,1fr) 22px;
  }
  .m-applied .applied-list strong{
    font-size:15px!important;
  }
}

/* V14.27 larger clean section CTAs */
.m-section-title{
  align-items:center;
  gap:20px;
}
.m-section-title a{
  min-height:40px;
  padding:0 14px;
  border:1px solid rgba(0,0,102,.16);
  background:#fff;
  color:#000066!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:14px!important;
  line-height:1.2;
  font-weight:700!important;
  letter-spacing:0!important;
  box-shadow:0 8px 18px rgba(0,0,102,.04);
}
.m-section-title a:hover{
  background:#000066!important;
  border-color:#000066!important;
  color:#fff!important;
  transform:translateY(-1px);
  box-shadow:0 12px 24px rgba(0,0,102,.12);
}
@media(max-width:700px){
  .m-section-title a{
    min-height:48px;
    padding:0 16px;
    justify-content:center;
    font-size:14.5px!important;
  }
}

/* V14.28 white page headers throughout */
.page-hero,
.page-hero.dark{
  background:#fff!important;
  color:#111!important;
  border-top:0!important;
  border-bottom:1px solid #e0e2ec!important;
}
.page-hero.dark h1,
.page-hero h1{
  color:#111!important;
}
.page-hero.dark p,
.page-hero p{
  color:#555660!important;
}
.page-hero.dark .page-no,
.page-hero .page-no{
  color:#000066!important;
}
.page-hero.dark .button.light{
  background:#000066!important;
  border-color:#000066!important;
  color:#fff!important;
}
.page-hero.dark .button.light.ghost,
.page-hero.dark .button.light.secondary{
  background:#fff!important;
  color:#000066!important;
  border-color:rgba(0,0,102,.22)!important;
}
.page-hero.dark .button.light:hover{
  background:#111!important;
  border-color:#111!important;
  color:#fff!important;
}


/* V14.31 audit remediation */
.not-found-hero{min-height:70vh;align-items:center}
.demo-section-title{font-size:clamp(36px,4.3vw,58px)!important;line-height:1.04!important;letter-spacing:-.034em!important}
.demo-form{margin-top:28px}
.code-example-title{margin-top:56px}
.lattice-dot.dot-1{--x:1;--y:1;--d:.1s}.lattice-dot.dot-2{--x:3;--y:1;--d:.6s}.lattice-dot.dot-3{--x:5;--y:1;--d:1.1s}.lattice-dot.dot-4{--x:7;--y:1;--d:1.6s}
.lattice-dot.dot-5{--x:2;--y:2;--d:.4s}.lattice-dot.dot-6{--x:4;--y:2;--d:.9s}.lattice-dot.dot-7{--x:6;--y:2;--d:1.4s}.lattice-dot.dot-8{--x:8;--y:2;--d:1.9s}
.lattice-dot.dot-9{--x:1;--y:3;--d:.7s}.lattice-dot.dot-10{--x:3;--y:3;--d:1.2s}.lattice-dot.dot-11{--x:5;--y:3;--d:1.7s}.lattice-dot.dot-12{--x:7;--y:3;--d:2.2s}
.lattice-dot.dot-13{--x:2;--y:4;--d:1s}.lattice-dot.dot-14{--x:4;--y:4;--d:1.5s}.lattice-dot.dot-15{--x:6;--y:4;--d:2s}.lattice-dot.dot-16{--x:8;--y:4;--d:2.5s}
.lattice-dot.dot-17{--x:1;--y:5;--d:1.3s}.lattice-dot.dot-18{--x:3;--y:5;--d:1.8s}.lattice-dot.dot-19{--x:5;--y:5;--d:2.3s}.lattice-dot.dot-20{--x:7;--y:5;--d:2.8s}
.lattice-dot.dot-21{--x:2;--y:6;--d:1.6s}.lattice-dot.dot-22{--x:4;--y:6;--d:2.1s}.lattice-dot.dot-23{--x:6;--y:6;--d:2.6s}.lattice-dot.dot-24{--x:8;--y:6;--d:3.1s}
.research-node.rn-1{--x:12%;--y:28%}.research-node.rn-2{--x:33%;--y:62%}.research-node.rn-3{--x:52%;--y:24%}.research-node.rn-4{--x:67%;--y:70%}.research-node.rn-5{--x:83%;--y:36%}
@media(hover:hover){
  .how-grid article:hover,.capability-grid article:hover,.content-card:hover,.api-card:hover,.deployment-grid article:hover,.plane-row:hover{
    background:#fff!important;
    color:#111!important;
    border-color:#dfe2ec!important;
    box-shadow:0 12px 28px rgba(0,0,102,.07)!important;
    transform:translateY(-1px)!important;
  }
  .how-grid article:hover span,.how-grid article:hover strong,.how-grid article:hover p,.capability-grid article:hover span,.capability-grid article:hover h3,.capability-grid article:hover p,.content-card:hover span,.content-card:hover h3,.content-card:hover p,.api-card:hover h3,.api-card:hover p,.api-card:hover code,.deployment-grid article:hover span,.deployment-grid article:hover h3,.deployment-grid article:hover p,.deployment-grid article:hover b,.plane-row:hover .plane-no,.plane-row:hover h3,.plane-row:hover p,.plane-row:hover li,.plane-row:hover .plane-link{
    color:inherit!important;
  }
  .capability-grid article:hover span,.content-card:hover span,.deployment-grid article:hover span,.plane-row:hover .plane-no,.api-card:hover code{color:#000066!important}
}
@media(max-width:700px){
  .how-grid article:active{background:#fff!important;color:#111!important}
  .site-footer .footer-grid{
    grid-template-columns:1fr!important;
    gap:16px!important;
    padding:24px var(--pad) 18px!important;
  }
  .site-footer .footer-grid>div{
    padding:0 0 14px;
    border-bottom:1px solid rgba(255,255,255,.13);
  }
  .site-footer .footer-grid>div>span{
    display:block!important;
    margin-bottom:10px;
    color:rgba(255,255,255,.58)!important;
    font-size:10px!important;
    letter-spacing:.14em;
    text-transform:uppercase;
  }
  .site-footer .footer-grid a{
    display:inline-flex!important;
    width:auto!important;
    min-height:36px!important;
    margin:0 7px 8px 0;
    padding:0 10px!important;
    border-radius:7px;
    font-size:10.5px!important;
  }
}

/* V14.32 homepage layout rhythm normalization */
:root{
  --home-band:#fff;
  --home-alt:#fafafe;
  --home-gap:clamp(56px,6vw,92px);
  --home-gap-tight:clamp(44px,4.8vw,72px);
}
.m-home-hero{background:#fff!important;border-bottom:1px solid #e0e2ec!important}
.business-proof,
.m-featured,
.trust-panel,
.use-case-strip,
.how-it-works,
.m-products-intro,
.m-applied.section.paper{
  border-top:0!important;
  border-bottom:1px solid #e0e2ec!important;
}
.business-proof{padding:var(--home-gap-tight) 0!important;background:#fafafe!important}
.m-featured.section,
.trust-panel.section,
.use-case-strip.section,
.how-it-works.section,
.m-products-intro.section,
.m-applied.section.paper{
  padding-top:var(--home-gap)!important;
  padding-bottom:var(--home-gap)!important;
}
.m-featured,.how-it-works,.m-applied.section.paper{background:#fff!important}
.trust-panel,.use-case-strip,.m-products-intro{background:#fafafe!important}
.m-section-title{
  border-top:1px solid rgba(0,0,102,.2)!important;
  padding-top:16px!important;
  margin-bottom:26px!important;
}
.proof-grid,
.m-feature-grid,
.use-case-grid,
.how-grid,
.trust-checks{
  gap:16px!important;
  border:0!important;
  background:transparent!important;
}
.proof-grid article,
.use-case-grid a,
.how-grid article,
.trust-checks span,
.feature-card{
  border:1px solid #e0e2ec!important;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(0,0,102,.04)!important;
}
.proof-grid article{min-height:132px!important;padding:22px!important}
.use-case-grid a,.how-grid article{min-height:218px!important;padding:24px!important}
.trust-layout{
  grid-template-columns:minmax(0,1fr) minmax(360px,.58fr)!important;
  gap:clamp(34px,5vw,78px)!important;
  align-items:center!important;
}
.trust-layout h2{
  font-size:clamp(34px,3.7vw,58px)!important;
  line-height:1.04!important;
  letter-spacing:-.033em!important;
  max-width:780px!important;
}
.trust-checks{grid-template-columns:1fr 1fr!important}
.trust-checks span{min-height:86px!important;padding:18px!important}
.product-story,
.product-story.reverse{
  min-height:620px!important;
  grid-template-columns:minmax(380px,.88fr) minmax(0,1.12fr)!important;
  background:#fff!important;
  border-top:0!important;
  border-bottom:1px solid #e0e2ec!important;
  padding:var(--home-gap-tight) var(--pad)!important;
  gap:clamp(34px,4.8vw,72px)!important;
  align-items:center!important;
}
.product-story.reverse{grid-template-columns:minmax(0,1.12fr) minmax(380px,.88fr)!important}
.story-copy{
  padding:0!important;
  min-height:0!important;
  align-self:center!important;
}
.story-copy h2{
  font-size:clamp(34px,3.65vw,54px)!important;
  line-height:1.04!important;
  letter-spacing:-.032em!important;
  max-width:580px!important;
}
.story-copy>p{max-width:580px!important}
.story-visual.workspace-ui,
.story-visual.studio-ui,
.story-visual.forge-ui,
.story-visual.compute-ui,
.story-visual.research-ui{
  width:100%!important;
  max-width:820px!important;
  min-height:430px!important;
  margin:0!important;
  box-shadow:0 16px 36px rgba(0,0,102,.075)!important;
}
.product-story.reverse .story-copy{order:2!important}
.product-story.reverse .story-visual{order:1!important}
.m-applied .applied-layout{
  grid-template-columns:minmax(0,1fr) minmax(420px,.85fr)!important;
  gap:clamp(38px,5vw,86px)!important;
}
.m-applied .applied-layout h2{font-size:clamp(34px,3.5vw,52px)!important;max-width:760px!important}
.future-cta{padding-top:clamp(54px,5.5vw,84px)!important;padding-bottom:clamp(54px,5.5vw,84px)!important}
.future-copy>span{font-size:clamp(36px,4.2vw,62px)!important;line-height:1!important}
@media(max-width:980px){
  .business-proof,.m-featured.section,.trust-panel.section,.use-case-strip.section,.how-it-works.section,.m-products-intro.section,.m-applied.section.paper{padding-top:52px!important;padding-bottom:52px!important}
  .proof-grid,.m-feature-grid,.use-case-grid,.how-grid{grid-template-columns:1fr 1fr!important}
  .trust-layout,.m-applied .applied-layout{grid-template-columns:1fr!important}
  .product-story,.product-story.reverse{grid-template-columns:1fr!important;min-height:0!important;padding:52px var(--pad)!important;gap:28px!important}
  .product-story.reverse .story-copy,.product-story.reverse .story-visual{order:initial!important}
  .story-visual.workspace-ui,.story-visual.studio-ui,.story-visual.forge-ui,.story-visual.compute-ui,.story-visual.research-ui{min-height:380px!important}
}
@media(max-width:700px){
  .business-proof,.m-featured.section,.trust-panel.section,.use-case-strip.section,.how-it-works.section,.m-products-intro.section,.m-applied.section.paper{padding-top:44px!important;padding-bottom:44px!important}
  .proof-grid,.m-feature-grid,.use-case-grid,.how-grid,.trust-checks{grid-template-columns:1fr!important;gap:12px!important}
  .proof-grid article,.use-case-grid a,.how-grid article,.trust-checks span{min-height:0!important;padding:20px!important}
  .product-story,.product-story.reverse{padding:44px var(--pad)!important;gap:22px!important}
  .story-copy h2{font-size:clamp(30px,8.8vw,40px)!important;max-width:100%!important}
  .story-copy>a{max-width:100%!important}
  .story-visual.workspace-ui,.story-visual.studio-ui,.story-visual.forge-ui,.story-visual.compute-ui,.story-visual.research-ui{min-height:320px!important}
  .m-applied .applied-layout h2{font-size:clamp(30px,8.6vw,39px)!important}
}

/* V14.33 restore full-width product story rhythm */
.product-story,
.product-story.reverse{
  width:100%!important;
  min-height:620px!important;
  padding:0!important;
  gap:0!important;
  background:#fff!important;
  border-top:0!important;
  border-bottom:1px solid #e0e2ec!important;
  align-items:stretch!important;
  overflow:hidden!important;
}
.product-story{
  grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr)!important;
}
.product-story.reverse{
  grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr)!important;
}
.story-copy{
  padding:clamp(54px,5.8vw,88px) var(--pad)!important;
  min-height:inherit!important;
  align-self:stretch!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.story-copy h2{
  font-size:clamp(36px,4vw,60px)!important;
  line-height:1!important;
  letter-spacing:-.036em!important;
  max-width:620px!important;
}
.story-copy>p{max-width:620px!important}
.story-copy>a{max-width:620px!important}
.story-copy ul{max-width:620px!important;width:100%!important}
.story-visual,
.product-story.reverse .story-visual{
  border-top:0!important;
  border-left:1px solid #e0e2ec!important;
  border-right:0!important;
}
.product-story.reverse .story-visual{
  border-left:0!important;
  border-right:1px solid #e0e2ec!important;
}
.story-visual.workspace-ui,
.story-visual.studio-ui,
.story-visual.forge-ui,
.story-visual.compute-ui,
.story-visual.research-ui{
  width:100%!important;
  max-width:none!important;
  min-height:620px!important;
  margin:0!important;
  border-top:0!important;
  border-bottom:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.ui-body,.node-canvas,.research-map{min-height:calc(620px - 46px)!important}
.compute-map{min-height:620px!important}
.forge-chart{min-height:430px!important}
@media(max-width:980px){
  .product-story,.product-story.reverse{grid-template-columns:1fr!important;min-height:0!important}
  .product-story.reverse .story-copy,.product-story.reverse .story-visual{order:initial!important}
  .story-copy{min-height:0!important;padding:48px var(--pad)!important}
  .story-visual,.product-story.reverse .story-visual{border-left:0!important;border-right:0!important;border-top:1px solid #e0e2ec!important}
  .story-visual.workspace-ui,.story-visual.studio-ui,.story-visual.forge-ui,.story-visual.compute-ui,.story-visual.research-ui{min-height:440px!important}
  .ui-body,.node-canvas,.research-map{min-height:394px!important}
  .compute-map{min-height:440px!important}
  .forge-chart{min-height:320px!important}
}
@media(max-width:700px){
  .story-copy{padding:42px var(--pad)!important}
  .story-copy h2{font-size:clamp(31px,9vw,42px)!important;max-width:100%!important}
  .story-visual.workspace-ui,.story-visual.studio-ui,.story-visual.forge-ui,.story-visual.compute-ui,.story-visual.research-ui{min-height:340px!important}
  .ui-body,.node-canvas,.research-map{min-height:294px!important}
  .compute-map{min-height:340px!important}
  .forge-chart{min-height:250px!important}
}

/* V14.34 explicit section width system */
:root{--content-max:1640px;--content-pad:clamp(24px,3.5vw,64px)}
.wrap{
  width:min(100%,var(--content-max))!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:var(--content-pad)!important;
  padding-right:var(--content-pad)!important;
}
.site-header{
  padding-left:var(--content-pad)!important;
  padding-right:var(--content-pad)!important;
}
.m-home-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(420px,.72fr)!important;
}
.m-hero-copy{padding-left:var(--content-pad)!important;padding-right:var(--content-pad)!important}
.business-proof .wrap,
.m-featured .wrap,
.trust-panel .wrap,
.use-case-strip .wrap,
.how-it-works .wrap,
.m-products-intro .wrap,
.m-applied .wrap{
  max-width:var(--content-max)!important;
}
.proof-grid,.use-case-grid,.how-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.m-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.trust-layout{grid-template-columns:minmax(0,1fr) minmax(360px,.52fr)!important}
.product-story,.product-story.reverse{
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
.story-copy{
  padding-left:var(--content-pad)!important;
  padding-right:var(--content-pad)!important;
}
.story-copy>*{
  width:min(100%,620px)!important;
}
.story-visual.workspace-ui,.story-visual.studio-ui,.story-visual.forge-ui,.story-visual.compute-ui,.story-visual.research-ui{
  width:100%!important;
  max-width:none!important;
}
.m-applied.section.paper{position:relative;z-index:1;scroll-margin-top:calc(var(--header-h) + 18px)}
.m-applied .applied-layout{grid-template-columns:minmax(0,1fr) minmax(460px,.82fr)!important}
.future-cta{padding-left:var(--content-pad)!important;padding-right:var(--content-pad)!important}
.site-footer .footer-top,.site-footer .footer-grid,.site-footer .footer-base{padding-left:var(--content-pad)!important;padding-right:var(--content-pad)!important}
@media(max-width:1180px){
  .m-home-hero{grid-template-columns:1fr!important}
  .proof-grid,.use-case-grid,.how-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .m-feature-grid{grid-template-columns:1fr!important}
  .trust-layout,.m-applied .applied-layout{grid-template-columns:1fr!important}
}
@media(max-width:980px){
  .product-story,.product-story.reverse{grid-template-columns:1fr!important}
  .story-copy{padding-left:var(--content-pad)!important;padding-right:var(--content-pad)!important}
}
@media(max-width:700px){
  :root{--content-pad:20px}
  .wrap{padding-left:var(--content-pad)!important;padding-right:var(--content-pad)!important}
  .proof-grid,.use-case-grid,.how-grid,.trust-checks{grid-template-columns:1fr!important}
  .m-feature-grid{grid-template-columns:1fr!important}
  .future-cta{padding-left:var(--content-pad)!important;padding-right:var(--content-pad)!important}
}

/* V14.35 homepage section width alignment */
.home-modern main,
body:has(.m-home-hero) main{
  overflow-x:hidden!important;
}
.home-modern .section,
.m-featured,
.business-proof,
.trust-panel,
.use-case-strip,
.how-it-works,
.m-products-intro,
.m-applied,
.future-cta{
  width:100%!important;
}
.m-featured .wrap,
.business-proof .wrap,
.trust-panel .wrap,
.use-case-strip .wrap,
.how-it-works .wrap,
.m-products-intro .wrap,
.m-applied .wrap{
  width:100%!important;
  max-width:none!important;
  padding-left:var(--content-pad)!important;
  padding-right:var(--content-pad)!important;
}
.m-home-hero{
  width:100%!important;
  max-width:none!important;
}
.m-products-intro .wrap,
.m-applied .wrap{
  padding-top:clamp(68px,7vw,112px)!important;
  padding-bottom:clamp(68px,7vw,112px)!important;
}
.product-story,
.product-story.reverse{
  width:100%!important;
  max-width:none!important;
  border-top:1px solid #e8eaf2!important;
  border-bottom:1px solid #e8eaf2!important;
  background:#fff!important;
}
.product-story+.product-story{border-top:0!important}
.story-copy{
  padding-left:var(--content-pad)!important;
  padding-right:clamp(28px,4vw,72px)!important;
}
.product-story.reverse .story-copy{
  padding-left:clamp(28px,4vw,72px)!important;
  padding-right:var(--content-pad)!important;
}
.product-story .story-visual{
  min-width:0!important;
}
.m-applied{
  border-top:1px solid #e8eaf2!important;
}
.m-applied .applied-layout{
  gap:clamp(40px,6vw,104px)!important;
  align-items:center!important;
}
.m-applied .applied-list a,
.applied-link{
  min-height:72px!important;
  padding:0 0!important;
}
@media(max-width:980px){
  .story-copy,
  .product-story.reverse .story-copy{
    padding-left:var(--content-pad)!important;
    padding-right:var(--content-pad)!important;
  }
  .m-products-intro .wrap,
  .m-applied .wrap{
    padding-top:56px!important;
    padding-bottom:56px!important;
  }
}
@media(max-width:700px){
  .m-featured .wrap,
  .business-proof .wrap,
  .trust-panel .wrap,
  .use-case-strip .wrap,
  .how-it-works .wrap,
  .m-products-intro .wrap,
  .m-applied .wrap{
    padding-left:20px!important;
    padding-right:20px!important;
  }
  .m-applied .applied-list a,
  .applied-link{
    min-height:64px!important;
  }
}

/* V14.36 homepage label, CTA and rhythm cleanup */
.m-section-title{
  padding-top:20px!important;
  margin-bottom:32px!important;
  align-items:center!important;
}
.m-section-title>span,
.m-eyebrow,
.story-copy>span{
  font-size:13px!important;
  line-height:1.2!important;
  letter-spacing:.085em!important;
  font-weight:800!important;
  color:#000066!important;
}
.m-section-title>a{
  min-height:46px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 22px!important;
  border:1px solid #d8dced!important;
  color:#000066!important;
  background:#fff!important;
  font-size:16px!important;
  font-weight:800!important;
  text-decoration:none!important;
  box-shadow:0 10px 24px rgba(0,0,102,.05)!important;
}
.m-section-title>a:hover{
  background:#000066!important;
  border-color:#000066!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
}
.m-products-intro.section.paper{
  padding-top:clamp(46px,4.4vw,72px)!important;
  padding-bottom:clamp(46px,4.4vw,72px)!important;
}
.m-products-intro .wrap{
  padding-top:0!important;
  padding-bottom:0!important;
}
.m-products-intro .m-display{
  margin-top:16px!important;
  margin-bottom:14px!important;
}
.product-story .story-copy,
.product-story.reverse .story-copy{
  padding-left:var(--content-pad)!important;
  padding-right:var(--content-pad)!important;
}
.story-copy>span{
  margin-bottom:18px!important;
}
.story-copy h2{
  margin-top:0!important;
}
.story-copy>a{
  display:block!important;
  width:100%!important;
  max-width:620px!important;
  padding:14px 18px!important;
  margin-top:22px!important;
  margin-bottom:8px!important;
  background:#000066!important;
  color:#fff!important;
  border:1px solid #000066!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.2!important;
  text-decoration:none!important;
}
.story-copy>a:hover{
  background:#05058f!important;
  border-color:#05058f!important;
}
.m-applied .applied-list a{
  grid-template-columns:72px minmax(0,1fr)!important;
  gap:18px!important;
  min-height:86px!important;
  padding:0 24px 0 30px!important;
  align-items:center!important;
}
.m-applied .applied-list a em{
  display:none!important;
}
.m-applied .applied-list a span{
  font-size:15px!important;
  color:#4f5565!important;
  padding-left:0!important;
}
.m-applied .applied-list a strong{
  font-size:clamp(20px,1.45vw,26px)!important;
  line-height:1.15!important;
}
.m-applied .applied-list a:hover{
  background:#000066!important;
  color:#fff!important;
}
.m-applied .applied-list a:hover span,
.m-applied .applied-list a:hover strong{
  color:#fff!important;
}
@media(max-width:980px){
  .m-section-title>a{font-size:15px!important;min-height:44px!important;padding:0 18px!important}
  .m-products-intro.section.paper{padding-top:44px!important;padding-bottom:44px!important}
  .m-applied .applied-list a{grid-template-columns:54px minmax(0,1fr)!important;padding-left:20px!important;padding-right:18px!important}
}
@media(max-width:700px){
  .m-section-title{gap:16px!important;margin-bottom:24px!important}
  .m-section-title>a{width:100%!important;font-size:15px!important}
  .m-section-title>span,.m-eyebrow,.story-copy>span{font-size:12.5px!important}
  .m-products-intro.section.paper{padding-top:38px!important;padding-bottom:38px!important}
  .m-applied .applied-list a{grid-template-columns:46px minmax(0,1fr)!important;gap:12px!important;min-height:74px!important;padding:0 16px!important}
  .m-applied .applied-list a strong{font-size:18px!important}
  .story-copy>a{font-size:14px!important;padding:13px 16px!important}
}

/* V14.38 normalize story typography and CTAs */
.m-section-title>span,
.m-eyebrow,
.story-copy>span{
  font-size:11px!important;
  line-height:1.25!important;
  letter-spacing:.11em!important;
  font-weight:700!important;
}
.m-section-title>a{
  min-height:38px!important;
  padding:0 16px!important;
  font-size:13px!important;
  font-weight:700!important;
  box-shadow:none!important;
}
.story-copy h2{
  font-size:clamp(32px,3.25vw,48px)!important;
  line-height:1.04!important;
  letter-spacing:-.028em!important;
  font-weight:700!important;
  margin-bottom:18px!important;
}
.story-copy>p{
  font-size:15px!important;
  line-height:1.68!important;
}
.story-copy>a{
  display:block!important;
  width:100%!important;
  max-width:620px!important;
  min-height:0!important;
  padding:12px 14px!important;
  margin-top:18px!important;
  margin-bottom:6px!important;
  background:#000066!important;
  border:1px solid #000066!important;
  color:#fff!important;
  font-size:13.5px!important;
  font-weight:700!important;
  line-height:1.25!important;
  text-decoration:none!important;
}
.story-copy>a::after{
  content:none!important;
  display:none!important;
}
.story-copy li{
  font-size:13.5px!important;
  line-height:1.45!important;
  padding:10px 0!important;
}
.m-applied .applied-list a strong{
  font-size:clamp(17px,1.16vw,21px)!important;
  font-weight:700!important;
  line-height:1.2!important;
}
.m-applied .applied-list a span{
  font-size:13px!important;
  font-weight:500!important;
}
@media(max-width:700px){
  .m-section-title>span,.m-eyebrow,.story-copy>span{font-size:10.5px!important}
  .m-section-title>a{font-size:13px!important;min-height:38px!important;width:auto!important}
  .story-copy h2{font-size:clamp(29px,8.2vw,38px)!important;line-height:1.06!important}
  .story-copy>a{font-size:13px!important;padding:11px 13px!important}
  .story-copy li{font-size:13px!important}
  .m-applied .applied-list a strong{font-size:16.5px!important}
}

/* V14.39 full-blue platform feature artwork */
.art-platform{
  background:#000066!important;
  color:#fff!important;
}
.art-platform::before{
  background-image:
    linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px)!important;
  background-size:46px 46px!important;
}
.art-platform>span{
  color:#fff!important;
  background:#000066!important;
}
.stack-bars i{
  border-color:rgba(255,255,255,.78)!important;
  background:rgba(255,255,255,.10)!important;
  box-shadow:none!important;
}
.stack-bars i:nth-child(4){
  background:#fff!important;
  border-color:#fff!important;
}

/* V14.40 simplify platform stack artwork */
.art-platform .stack-bars i:nth-child(-n+3){
  display:none!important;
}
.art-platform .stack-bars{
  justify-content:center!important;
  gap:10px!important;
  transform:translateY(10px)!important;
}
.art-platform .stack-bars i:nth-child(4){
  width:52%!important;
  background:#fff!important;
  border-color:#fff!important;
}
.art-platform .stack-bars i:nth-child(5){width:64%!important}
.art-platform .stack-bars i:nth-child(6){width:78%!important}
.art-platform .stack-bars i:nth-child(7){width:92%!important}
@media(max-width:700px){
  .art-platform .stack-bars{gap:8px!important;transform:translateY(8px)!important}
}

/* V14.41 connected workflow diagram */
.story-visual.studio-ui .node-canvas svg{
  z-index:1!important;
  pointer-events:none!important;
}
.story-visual.studio-ui .node-canvas path{
  stroke:#000066!important;
  stroke-width:2.4!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  stroke-dasharray:9 9!important;
}
.story-visual.studio-ui .node{
  z-index:2!important;
}
@media(max-width:700px){
  .story-visual.studio-ui .node-canvas path{
    stroke-width:2!important;
    stroke-dasharray:7 8!important;
  }
}

/* V14.42 matching animated connectors for runtime and research */
.compute-map .compute-links,
.research-map svg{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:1!important;
  pointer-events:none!important;
}
.compute-map .compute-links path{
  fill:none!important;
  stroke:rgba(255,255,255,.82)!important;
  stroke-width:2.4!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  stroke-dasharray:9 9!important;
  animation:dash 12s linear infinite!important;
}
.research-map path{
  stroke:#aaaaff!important;
  stroke-width:2.4!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  stroke-dasharray:9 9!important;
  animation:dash 12s linear infinite!important;
}
.compute-map .region,
.compute-map .compute-core,
.research-map .research-node{
  z-index:2!important;
}
.compute-map .region{
  box-shadow:0 10px 26px rgba(0,0,0,.08)!important;
}
.research-map .research-node{
  box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
}
@media(prefers-reduced-motion:reduce){
  .compute-map .compute-links path,
  .research-map path{animation:none!important}
}

/* V14.43 demo WhatsApp contact panel */
body[data-page="demo.html"] .demo-contact-panel{
  margin-top:18px!important;
  padding:18px 20px!important;
  border:1px solid #dfe2ec!important;
  background:#fff!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px 18px!important;
}
body[data-page="demo.html"] .demo-contact-panel span{
  grid-column:1/-1!important;
  color:#000066!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
}
body[data-page="demo.html"] .demo-contact-panel a{
  color:#111!important;
  font-size:14px!important;
  line-height:1.35!important;
  text-decoration:none!important;
  border-bottom:1px solid #e1e4ef!important;
  padding-bottom:8px!important;
}
body[data-page="demo.html"] .demo-contact-panel a:hover{
  color:#000066!important;
  border-bottom-color:#000066!important;
}
body[data-page="demo.html"] .form-status{
  min-height:20px!important;
  line-height:1.45!important;
}
@media(max-width:700px){
  body[data-page="demo.html"] .demo-contact-panel{grid-template-columns:1fr!important;padding:16px!important}
}

/* V14.45 demo equal-height contact strip */
body[data-page="demo.html"] .content-grid-2{
  align-items:stretch!important;
}
body[data-page="demo.html"] #request{
  display:flex!important;
  flex-direction:column!important;
  min-height:100%!important;
}
body[data-page="demo.html"] .demo-form{
  margin-top:24px!important;
}
body[data-page="demo.html"] .field input,
body[data-page="demo.html"] .field select{
  min-height:54px!important;
}
body[data-page="demo.html"] .field textarea{
  min-height:108px!important;
}
body[data-page="demo.html"] .demo-contact-panel{
  margin-top:24px!important;
  padding:0!important;
  border:1px solid #dfe2ec!important;
  background:#fff!important;
  display:grid!important;
  grid-template-columns:1fr 1fr 1fr!important;
  gap:0!important;
}
body[data-page="demo.html"] .demo-contact-panel span{
  grid-column:1/-1!important;
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  padding:0 18px!important;
  border-bottom:1px solid #dfe2ec!important;
}
body[data-page="demo.html"] .demo-contact-panel a{
  min-height:64px!important;
  display:flex!important;
  align-items:center!important;
  padding:0 18px!important;
  border-right:1px solid #dfe2ec!important;
  border-bottom:0!important;
  font-size:15px!important;
}
body[data-page="demo.html"] .demo-contact-panel a:last-child{
  border-right:0!important;
}
@media(max-width:980px){
  body[data-page="demo.html"] .demo-contact-panel{grid-template-columns:1fr!important}
  body[data-page="demo.html"] .demo-contact-panel a{border-right:0!important;border-bottom:1px solid #dfe2ec!important}
  body[data-page="demo.html"] .demo-contact-panel a:last-child{border-bottom:0!important}
}

/* V14.46 demo contact aligns with Delivery row */
@media(min-width:981px){
  body[data-page="demo.html"] .content-grid-2{
    align-items:start!important;
  }
  body[data-page="demo.html"] #request>.lead{
    margin-bottom:0!important;
  }
  body[data-page="demo.html"] .demo-form{
    margin-top:18px!important;
  }
  body[data-page="demo.html"] .form-grid{
    gap:12px 16px!important;
  }
  body[data-page="demo.html"] .field{
    gap:6px!important;
  }
  body[data-page="demo.html"] .field label{
    font-size:11px!important;
    line-height:1.2!important;
  }
  body[data-page="demo.html"] .field input,
  body[data-page="demo.html"] .field select{
    min-height:44px!important;
    padding:9px 12px!important;
  }
  body[data-page="demo.html"] .field textarea{
    min-height:78px!important;
    padding:10px 12px!important;
  }
  body[data-page="demo.html"] .demo-form button[type="submit"]{
    min-height:46px!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }
  body[data-page="demo.html"] .form-status:empty{
    display:none!important;
    min-height:0!important;
    margin:0!important;
  }
  body[data-page="demo.html"] .demo-contact-panel{
    margin-top:14px!important;
    grid-template-columns:1fr 1fr 1fr!important;
  }
  body[data-page="demo.html"] .demo-contact-panel span{
    min-height:34px!important;
    padding:0 16px!important;
  }
  body[data-page="demo.html"] .demo-contact-panel a{
    min-height:54px!important;
    padding:0 16px!important;
    font-size:14px!important;
  }
}

/* V14.47 demo contact row aligned with Delivery */
@media(min-width:981px){
  body[data-page="demo.html"] .stack-row{
    min-height:98px!important;
  }
  body[data-page="demo.html"] #request{
    display:block!important;
  }
  body[data-page="demo.html"] .demo-contact-panel{
    margin-top:clamp(104px,7vw,138px)!important;
    grid-template-columns:1fr 1fr 1fr!important;
  }
  body[data-page="demo.html"] .demo-contact-panel span{
    min-height:34px!important;
    padding:0 18px!important;
  }
  body[data-page="demo.html"] .demo-contact-panel a{
    min-height:62px!important;
    padding:0 18px!important;
  }
}
@media(min-width:981px) and (max-width:1280px){
  body[data-page="demo.html"] .demo-contact-panel{
    margin-top:clamp(86px,6vw,112px)!important;
  }
}

/* V14.48 demo contact pinned to Delivery row */
@media(min-width:981px){
  body[data-page="demo.html"] .content-grid-2{
    align-items:stretch!important;
  }
  body[data-page="demo.html"] .content-grid-2>div:first-child{
    display:flex!important;
    flex-direction:column!important;
  }
  body[data-page="demo.html"] .content-grid-2>div:first-child .stack-diagram{
    flex:1 1 auto!important;
  }
  body[data-page="demo.html"] #request{
    position:relative!important;
    display:block!important;
    min-height:100%!important;
    padding-bottom:112px!important;
  }
  body[data-page="demo.html"] .demo-contact-panel{
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    margin:0!important;
    grid-template-columns:1fr 1fr 1fr!important;
  }
  body[data-page="demo.html"] .demo-contact-panel span{
    min-height:34px!important;
  }
  body[data-page="demo.html"] .demo-contact-panel a{
    min-height:64px!important;
  }
}
@media(max-width:980px){
  body[data-page="demo.html"] #request{
    padding-bottom:0!important;
  }
  body[data-page="demo.html"] .demo-contact-panel{
    position:static!important;
    margin-top:20px!important;
  }
}

/* V14.49 demo message box fills form space */
@media(min-width:981px){
  body[data-page="demo.html"] #request{
    padding-bottom:112px!important;
  }
  body[data-page="demo.html"] .demo-form textarea#message{
    min-height:clamp(210px,16vw,300px)!important;
  }
  body[data-page="demo.html"] .demo-form button[type="submit"]{
    margin-top:0!important;
  }
}
@media(min-width:1281px){
  body[data-page="demo.html"] .demo-form textarea#message{
    min-height:260px!important;
  }
}
@media(max-width:980px){
  body[data-page="demo.html"] .demo-form textarea#message{
    min-height:150px!important;
  }
}

/* V14.50 unified blue hover across platform */
@media(hover:hover){
  .mega-links a:hover,
  .m-model-strip a:hover,
  .proof-grid article:hover,
  .feature-card:hover,
  .trust-checks span:hover,
  .use-case-grid a:hover,
  .how-grid article:hover,
  .story-copy>a:hover,
  .applied-list a:hover,
  .content-card:hover,
  .api-card:hover,
  .industry-grid a:hover,
  .insight-grid a:hover,
  .capability-grid article:hover,
  .deployment-grid article:hover,
  .plane-row:hover,
  .stack-row:hover,
  .model-list button:hover,
  .program-index button:hover,
  .demo-contact-panel a:hover{
    background:#000066!important;
    border-color:#000066!important;
    color:#fff!important;
    box-shadow:0 14px 34px rgba(0,0,102,.12)!important;
  }
  .mega-links a:hover *,
  .m-model-strip a:hover *,
  .proof-grid article:hover *,
  .feature-card:hover *,
  .trust-checks span:hover *,
  .use-case-grid a:hover *,
  .how-grid article:hover *,
  .story-copy>a:hover *,
  .applied-list a:hover *,
  .content-card:hover *,
  .api-card:hover *,
  .industry-grid a:hover *,
  .insight-grid a:hover *,
  .capability-grid article:hover *,
  .deployment-grid article:hover *,
  .plane-row:hover *,
  .stack-row:hover *,
  .model-list button:hover *,
  .program-index button:hover *,
  .demo-contact-panel a:hover *{
    color:#fff!important;
  }
  .feature-card:hover .feature-art,
  .feature-card:hover .art-brain,
  .feature-card:hover .art-cfam,
  .feature-card:hover .art-platform{
    background:#000066!important;
    color:#fff!important;
  }
  .feature-card:hover .feature-art::before{
    opacity:.55!important;
  }
  .button.primary:hover,
  .header-cta:hover,
  .button.secondary:hover,
  .m-section-title>a:hover{
    background:#000066!important;
    border-color:#000066!important;
    color:#fff!important;
    box-shadow:0 12px 28px rgba(0,0,102,.14)!important;
  }
  .button.light:hover,
  .button.light.ghost:hover{
    background:#fff!important;
    border-color:#fff!important;
    color:#000066!important;
  }
}
@media(max-width:700px){
  .mega-links a:active,
  .m-model-strip a:active,
  .proof-grid article:active,
  .feature-card:active,
  .use-case-grid a:active,
  .how-grid article:active,
  .content-card:active,
  .api-card:active,
  .industry-grid a:active,
  .insight-grid a:active,
  .capability-grid article:active,
  .deployment-grid article:active,
  .plane-row:active,
  .stack-row:active,
  .demo-contact-panel a:active{
    background:#000066!important;
    border-color:#000066!important;
    color:#fff!important;
  }
  .mega-links a:active *,
  .m-model-strip a:active *,
  .proof-grid article:active *,
  .feature-card:active *,
  .use-case-grid a:active *,
  .how-grid article:active *,
  .content-card:active *,
  .api-card:active *,
  .industry-grid a:active *,
  .insight-grid a:active *,
  .capability-grid article:active *,
  .deployment-grid article:active *,
  .plane-row:active *,
  .stack-row:active *,
  .demo-contact-panel a:active *{
    color:#fff!important;
  }
}

/* V14.51 mobile app footer and cognitive intro */
.mobile-app-footer{display:none}
html.intro-lock,html.intro-lock body{overflow:hidden!important}
.iai-intro{
  position:fixed;
  inset:0;
  z-index:9999;
  display:grid;
  place-items:center;
  background:#000066;
  color:#fff;
  opacity:1;
  transform:scale(1);
  transition:opacity .65s ease,transform .65s ease;
}
.iai-intro.is-leaving{opacity:0;transform:scale(1.015);pointer-events:none}
.iai-intro__inner{
  width:min(680px,calc(100vw - 40px));
  display:grid;
  justify-items:center;
  gap:24px;
  text-align:center;
}
.iai-intro__brain{
  position:relative;
  width:min(320px,72vw);
  aspect-ratio:320/220;
  display:grid;
  place-items:center;
}
.iai-intro__brain svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.brain-path{
  fill:none;
  stroke:rgba(255,255,255,.82);
  stroke-width:4;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray:14 16;
  animation:intro-dash 2.4s linear infinite;
}
.path-a{stroke:rgba(255,255,255,.58);stroke-width:3;stroke-dasharray:220;animation:intro-outline 3.2s ease-in-out infinite alternate}
.path-b{animation-delay:.12s}.path-c{animation-delay:.28s}.path-d{animation-delay:.42s}
.brain-node{
  position:absolute;
  width:13px;
  height:13px;
  border:2px solid #fff;
  background:#000066;
  box-shadow:0 0 0 8px rgba(255,255,255,.08),0 0 30px rgba(255,255,255,.32);
  animation:intro-pulse 1.8s ease-in-out infinite;
}
.brain-node.n1{left:27%;top:34%;animation-delay:.05s}
.brain-node.n2{right:28%;top:29%;animation-delay:.32s}
.brain-node.n3{left:42%;bottom:23%;animation-delay:.58s}
.brain-node.n4{right:20%;bottom:31%;animation-delay:.82s}
.brain-core{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:82px;
  height:82px;
  border:1px solid rgba(255,255,255,.45);
  background:#fff;
  color:#000066;
  font-size:22px;
  font-weight:800;
  letter-spacing:0;
  box-shadow:0 20px 80px rgba(0,0,0,.26);
  animation:intro-core 2.6s ease-in-out infinite;
}
.iai-intro__copy span{
  display:block;
  color:rgba(255,255,255,.72);
  font-size:13px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:10px;
}
.iai-intro__copy strong{
  display:block;
  font-size:clamp(38px,6vw,72px);
  line-height:.96;
  letter-spacing:0;
  font-weight:750;
}
.iai-intro__copy p{
  max-width:520px;
  margin:16px auto 0;
  color:rgba(255,255,255,.78);
  font-size:clamp(15px,2vw,19px);
  line-height:1.55;
}
@keyframes intro-dash{to{stroke-dashoffset:-120}}
@keyframes intro-outline{from{stroke-dashoffset:260;opacity:.42}to{stroke-dashoffset:0;opacity:.82}}
@keyframes intro-pulse{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.28);opacity:1}}
@keyframes intro-core{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(max-width:700px){
  .site-footer{display:none!important}
  body{padding-bottom:calc(86px + env(safe-area-inset-bottom))!important}
  .mobile-app-footer{
    position:fixed;
    left:10px;
    right:10px;
    bottom:10px;
    z-index:1000;
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:4px;
    padding:6px;
    min-height:68px;
    background:#000066;
    color:#fff;
    border:1px solid rgba(255,255,255,.16);
    box-shadow:0 18px 45px rgba(0,0,60,.28);
  }
  .mobile-app-footer__item{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    min-width:0;
    color:rgba(255,255,255,.68)!important;
    text-decoration:none!important;
    border:1px solid transparent;
    transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;
  }
  .mobile-app-footer__item span{
    display:grid;
    place-items:center;
    width:24px;
    height:24px;
    border:1px solid rgba(255,255,255,.26);
    color:#fff;
    font-size:10px;
    font-weight:800;
    line-height:1;
  }
  .mobile-app-footer__item strong{
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:10px;
    line-height:1;
    font-weight:700;
    letter-spacing:0;
  }
  .mobile-app-footer__item.active,
  .mobile-app-footer__item:hover,
  .mobile-app-footer__item:focus-visible{
    background:#fff;
    color:#000066!important;
    border-color:#fff;
    transform:translateY(-1px);
  }
  .mobile-app-footer__item.active span,
  .mobile-app-footer__item:hover span,
  .mobile-app-footer__item:focus-visible span{border-color:#000066;color:#000066}
  .iai-intro__inner{gap:18px}
  .iai-intro__copy strong{font-size:42px}
}
@media(min-width:701px){.mobile-app-footer{display:none!important}}
@media(prefers-reduced-motion:reduce){
  .iai-intro,.iai-intro *{animation:none!important;transition:none!important}
}

/* V14.52 mobile rhythm and footer clearance */
@media(max-width:700px){
  :root{--mobile-pad:20px;--mobile-section-y:42px}
  body{padding-bottom:calc(104px + env(safe-area-inset-bottom))!important;overflow-x:hidden!important}
  .wrap,
  .m-hero-copy,
  .business-proof .wrap,
  .m-featured .wrap,
  .trust-panel .wrap,
  .use-case-strip .wrap,
  .how-it-works .wrap,
  .m-products-intro .wrap,
  .m-applied .wrap,
  .future-cta,
  .product-story,
  .product-story.reverse{
    padding-left:var(--mobile-pad)!important;
    padding-right:var(--mobile-pad)!important;
  }
  .business-proof,
  .m-featured.section,
  .trust-panel.section,
  .use-case-strip.section,
  .how-it-works.section,
  .m-products-intro.section,
  .m-applied.section.paper{
    padding-top:var(--mobile-section-y)!important;
    padding-bottom:var(--mobile-section-y)!important;
  }
  .business-proof{padding-top:22px!important;padding-bottom:28px!important}
  .m-products-intro.section{padding-top:38px!important;padding-bottom:38px!important}
  .m-products-intro .wrap{display:block!important}
  .m-display{font-size:clamp(32px,9vw,40px)!important;line-height:1.05!important;margin:0 0 12px!important;max-width:100%!important}
  .m-intro-copy{font-size:14px!important;line-height:1.65!important;max-width:100%!important;margin:0!important}
  .m-section-title{
    align-items:center!important;
    gap:14px!important;
    padding-top:14px!important;
    margin-bottom:18px!important;
  }
  .m-section-title span{font-size:12px!important;line-height:1.1!important;font-weight:800!important;letter-spacing:.04em!important}
  .m-section-title a{
    min-height:38px!important;
    padding:10px 12px!important;
    border:1px solid #d9ddec!important;
    background:#fff!important;
    color:#000066!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:750!important;
    text-decoration:none!important;
    white-space:nowrap!important;
  }
  .proof-grid,
  .m-feature-grid,
  .use-case-grid,
  .how-grid,
  .trust-checks{gap:14px!important}
  .proof-grid article,
  .use-case-grid a,
  .how-grid article,
  .trust-checks span,
  .feature-card{
    padding:20px!important;
    min-height:auto!important;
    box-shadow:0 8px 22px rgba(0,0,102,.045)!important;
  }
  .feature-card{display:block!important}
  .feature-copy{padding:18px 0 0!important;min-height:0!important}
  .feature-copy h2,.feature-copy h3{font-size:clamp(21px,6.4vw,27px)!important;line-height:1.12!important;font-weight:720!important;margin-bottom:12px!important}
  .feature-copy p,.feature-copy small,.use-case-grid p,.how-grid p,.proof-grid p{font-size:13px!important;line-height:1.62!important}
  .feature-art,.feature-main .feature-art{height:176px!important;margin:-20px -20px 0!important;width:calc(100% + 40px)!important}
  .use-case-grid strong,.how-grid strong{font-size:17px!important;line-height:1.25!important;font-weight:720!important}
  .product-story,
  .product-story.reverse{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:22px!important;
    padding-top:42px!important;
    padding-bottom:42px!important;
    min-height:auto!important;
    border-top:1px solid #edf0f7!important;
  }
  .story-copy{padding:0!important;min-width:0!important}
  .story-copy>span{font-size:10px!important;letter-spacing:.08em!important;margin-bottom:12px!important}
  .story-copy h2{font-size:clamp(29px,8.4vw,38px)!important;line-height:1.05!important;font-weight:720!important;margin:0 0 12px!important}
  .story-copy>p{font-size:13.5px!important;line-height:1.68!important;margin-bottom:14px!important}
  .story-copy>a{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    min-height:44px!important;
    padding:0 14px!important;
    margin:14px 0 0!important;
    border:1px solid #d9ddec!important;
    background:#fff!important;
    color:#000066!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:750!important;
    text-decoration:none!important;
  }
  .story-copy>a::after{content:'';width:7px;height:7px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg)}
  .story-copy ul{margin-top:12px!important}
  .story-copy li{font-size:12.5px!important;line-height:1.45!important;padding:9px 0!important}
  .story-visual{
    width:100%!important;
    min-width:0!important;
    padding:14px!important;
    overflow:hidden!important;
    border:1px solid #dde2ef!important;
    box-shadow:0 10px 28px rgba(0,0,102,.06)!important;
  }
  .workspace-ui,.studio-ui,.forge-ui,.compute-ui,.research-ui{
    width:100%!important;
    max-width:100%!important;
    min-height:290px!important;
    box-shadow:none!important;
  }
  .ui-body{grid-template-columns:1fr!important;min-height:auto!important}
  .ui-body aside{display:none!important}
  .ui-main,.ui-result{padding:16px!important}
  .node-canvas,.research-map,.compute-map{height:270px!important;min-height:270px!important;overflow:hidden!important}
  .node{width:92px!important;padding:9px!important;font-size:10px!important}
  .node strong{font-size:12px!important}
  .node.n1{left:5%!important}.node.n2{left:36%!important}.node.n3{right:5%!important}.node.n4{left:34%!important}.node.n5{right:6%!important}
  .forge-chart{height:240px!important;padding:12px!important}
  .forge-chart svg{height:150px!important}
  .metric-row{grid-template-columns:repeat(2,1fr)!important}
  .compute-card{padding:12px!important}
  .applied-layout{gap:24px!important}
  .applied-layout h2{font-size:clamp(28px,8vw,36px)!important;line-height:1.08!important;font-weight:720!important;margin-bottom:14px!important}
  .applied-layout p{font-size:13.5px!important;line-height:1.7!important}
  .applied-list{border-top:1px solid #d9ddec!important}
  .applied-list a{min-height:58px!important;padding:16px 0!important;gap:14px!important;background:transparent!important;color:#111!important}
  .applied-list a span{min-width:30px!important;padding-left:2px!important;color:#555660!important}
  .applied-list a strong{font-size:14px!important;line-height:1.35!important;font-weight:720!important}
  .future-cta{display:grid!important;gap:22px!important;padding-top:42px!important;padding-bottom:116px!important}
  .future-copy span{font-size:clamp(30px,9vw,42px)!important;line-height:1.05!important;font-weight:740!important}
  .future-copy h2{font-size:14px!important;line-height:1.55!important;margin-top:10px!important}
  .future-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;width:100%!important}
  .future-actions .button{width:100%!important;min-height:42px!important;padding:0 10px!important;font-size:11px!important;justify-content:center!important}
  .mobile-app-footer{
    left:0!important;
    right:0!important;
    bottom:0!important;
    min-height:64px!important;
    padding:6px 8px calc(6px + env(safe-area-inset-bottom))!important;
    border-left:0!important;
    border-right:0!important;
    border-bottom:0!important;
    box-shadow:0 -12px 34px rgba(0,0,60,.2)!important;
  }
  .mobile-app-footer__item{gap:3px!important;min-height:50px!important}
  .mobile-app-footer__item span{width:22px!important;height:22px!important;font-size:9px!important}
  .mobile-app-footer__item strong{font-size:9.5px!important;font-weight:700!important}
}
@media(max-width:420px){
  :root{--mobile-pad:16px}
  .feature-art,.feature-main .feature-art{height:164px!important}
  .future-actions{grid-template-columns:1fr!important}
}
@media(hover:hover){
  .story-copy>a:hover,
  .m-section-title a:hover,
  .applied-list a:hover{background:#000066!important;color:#fff!important;border-color:#000066!important}
}
@media(max-width:700px){
  .story-copy>a:active,
  .m-section-title a:active,
  .applied-list a:active{background:#000066!important;color:#fff!important;border-color:#000066!important}
}

/* V14.53 cognitive workflow diagram */
.cognitive-flow{
  position:relative;
  flex:1;
  display:grid;
  align-content:center;
  gap:7px;
  min-height:calc(620px - 46px);
  padding:24px clamp(22px,3vw,42px);
  background:
    linear-gradient(rgba(0,0,102,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,0,102,.08) 1px,transparent 1px),
    #fbfcff;
  background-size:42px 42px;
  overflow:hidden;
}
.cognitive-flow::before{
  content:"";
  position:absolute;
  left:50%;
  top:36px;
  bottom:36px;
  width:2px;
  background:linear-gradient(180deg,transparent,#000066 12%,#000066 88%,transparent);
  opacity:.22;
  transform:translateX(-50%);
}
.flow-step{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:10px 14px;
  align-items:center;
  width:min(100%,760px);
  min-height:36px;
  margin-inline:auto;
  padding:8px 14px;
  border:1px solid #d9ddec;
  background:rgba(255,255,255,.94);
  color:#111;
  box-shadow:0 8px 22px rgba(0,0,102,.035);
}
.flow-step::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-8px;
  width:8px;
  height:8px;
  border-right:1.5px solid #000066;
  border-bottom:1.5px solid #000066;
  transform:translateX(-50%) rotate(45deg);
  opacity:.72;
}
.flow-step:last-child::after{display:none}
.flow-step span{
  grid-row:1/3;
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border:1px solid rgba(0,0,102,.22);
  color:#000066;
  font-size:10px;
  font-weight:800;
  line-height:1;
}
.flow-step strong{
  min-width:0;
  color:#000066;
  font-size:clamp(13px,1.05vw,17px);
  line-height:1.14;
  font-weight:760;
  letter-spacing:0;
  text-transform:uppercase;
}
.flow-step small{
  min-width:0;
  color:#555660;
  font-size:clamp(10px,.82vw,12px);
  line-height:1.25;
}
.flow-step.active,
.flow-step.output{
  background:#000066;
  border-color:#000066;
  color:#fff;
  box-shadow:0 12px 30px rgba(0,0,102,.18);
}
.flow-step.active span,
.flow-step.output span{border-color:rgba(255,255,255,.38);color:#fff}
.flow-step.active strong,
.flow-step.active small,
.flow-step.output strong,
.flow-step.output small{color:#fff}
.flow-step.model{border-color:rgba(0,0,102,.42)}
.flow-step.input,.flow-step.verify{background:#f7f8ff}
.flow-step:nth-child(odd){transform:translateX(-10px)}
.flow-step:nth-child(even){transform:translateX(10px)}
.flow-step.active{animation:flow-active 2.8s ease-in-out infinite}
@keyframes flow-active{0%,100%{box-shadow:0 12px 30px rgba(0,0,102,.18)}50%{box-shadow:0 16px 42px rgba(0,0,102,.32)}}
@media(max-width:1280px){
  .cognitive-flow{gap:6px;padding:20px 24px;min-height:calc(560px - 46px)}
  .flow-step{min-height:34px;padding:7px 12px}
  .flow-step strong{font-size:13px}
  .flow-step small{font-size:10px}
}
@media(max-width:980px){
  .cognitive-flow{min-height:430px;padding:18px 20px;gap:6px}
  .flow-step{width:100%;transform:none!important}
}
@media(max-width:700px){
  .studio-ui .cognitive-flow{
    min-height:420px!important;
    height:auto!important;
    padding:14px!important;
    gap:6px!important;
    overflow:auto!important;
    background-size:32px 32px;
  }
  .flow-step{
    grid-template-columns:28px minmax(0,1fr)!important;
    gap:5px 9px!important;
    min-height:44px!important;
    padding:8px 10px!important;
  }
  .flow-step span{width:23px!important;height:23px!important;font-size:9px!important}
  .flow-step strong{font-size:11.5px!important;line-height:1.16!important}
  .flow-step small{font-size:9.5px!important;line-height:1.2!important}
  .flow-step::after{bottom:-7px;width:7px;height:7px}
}
@media(prefers-reduced-motion:reduce){.flow-step.active{animation:none!important}}

/* V14.54 cognitive map node diagram */
.story-visual.studio-ui .cognitive-map{
  position:relative!important;
  min-height:calc(620px - 46px)!important;
  height:auto!important;
  flex:1!important;
  background:
    linear-gradient(rgba(0,0,102,.09) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,0,102,.09) 1px,transparent 1px),
    #fbfcff!important;
  background-size:54px 54px!important;
  overflow:hidden!important;
}
.cognitive-map svg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:1!important;pointer-events:none!important}
.cognitive-map path{
  fill:none!important;
  stroke:#000066!important;
  stroke-width:3!important;
  stroke-linecap:round!important;
  stroke-dasharray:9 10!important;
  animation:dashFlow 18s linear infinite!important;
}
.cognitive-map .return-path{opacity:.5!important;stroke-width:2!important}
.cognitive-node{
  position:absolute!important;
  z-index:2!important;
  width:132px!important;
  min-height:76px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:5px!important;
  padding:12px!important;
  background:#fff!important;
  border:1px solid #111!important;
  color:#111!important;
  box-shadow:0 10px 24px rgba(0,0,102,.06)!important;
}
.cognitive-node small{color:#000066!important;font-size:10px!important;line-height:1!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-weight:750!important}
.cognitive-node strong{color:#111!important;font-size:17px!important;line-height:1.05!important;font-weight:760!important;letter-spacing:0!important}
.cognitive-node em{color:#555660!important;font-size:10px!important;line-height:1.1!important;font-style:normal!important}
.cognitive-node.active,.cognitive-node.output{background:#000066!important;border-color:#000066!important;color:#fff!important;box-shadow:0 16px 36px rgba(0,0,102,.22)!important}
.cognitive-node.active small,.cognitive-node.active strong,.cognitive-node.active em,.cognitive-node.output small,.cognitive-node.output strong,.cognitive-node.output em{color:#fff!important}
.cognitive-node.cn1{left:6%;top:9%}.cognitive-node.cn2{left:24%;top:9%;width:158px!important}.cognitive-node.cn3{left:47%;top:26%}.cognitive-node.cn4{right:17%;top:15%}.cognitive-node.cn5{right:17%;top:45%}.cognitive-node.cn6{right:17%;top:3%}.cognitive-node.cn7{left:26%;top:45%}.cognitive-node.cn8{left:47%;top:58%}.cognitive-node.cn9{right:15%;top:67%}.cognitive-node.cn10{left:7%;top:76%}.cognitive-node.cn11{left:39%;top:78%}.cognitive-node.cn12{right:17%;top:82%}.cognitive-node.cn13{right:3%;top:78%;width:140px!important}
@media(max-width:1280px){
  .cognitive-node{width:112px!important;min-height:68px!important;padding:10px!important}
  .cognitive-node.cn2{width:136px!important}.cognitive-node.cn13{width:122px!important}
  .cognitive-node strong{font-size:14px!important}.cognitive-node small{font-size:8.5px!important}.cognitive-node em{font-size:9px!important}
}
@media(max-width:980px){
  .story-visual.studio-ui .cognitive-map{min-height:440px!important;background-size:44px 44px!important}
  .cognitive-node{width:102px!important;min-height:62px!important;padding:8px!important}
  .cognitive-node.cn2{width:122px!important}.cognitive-node.cn13{width:110px!important}
  .cognitive-node strong{font-size:12.5px!important}.cognitive-node small{font-size:7.8px!important}
}
@media(max-width:700px){
  .story-visual.studio-ui .cognitive-map{min-height:360px!important;background-size:34px 34px!important;overflow:hidden!important}
  .cognitive-map path{stroke-width:2!important;stroke-dasharray:7 8!important}
  .cognitive-node{width:76px!important;min-height:50px!important;padding:6px!important;gap:3px!important}
  .cognitive-node.cn2{width:92px!important}.cognitive-node.cn13{width:82px!important}
  .cognitive-node small{font-size:6px!important;letter-spacing:.04em!important}
  .cognitive-node strong{font-size:9px!important;line-height:1.05!important}
  .cognitive-node em{display:none!important}
  .cognitive-node.cn1{left:3%;top:8%}.cognitive-node.cn2{left:24%;top:8%}.cognitive-node.cn3{left:45%;top:26%}.cognitive-node.cn4{right:15%;top:14%}.cognitive-node.cn5{right:15%;top:44%}.cognitive-node.cn6{right:14%;top:2%}.cognitive-node.cn7{left:24%;top:45%}.cognitive-node.cn8{left:45%;top:57%}.cognitive-node.cn9{right:14%;top:66%}.cognitive-node.cn10{left:3%;top:76%}.cognitive-node.cn11{left:35%;top:78%}.cognitive-node.cn12{right:16%;top:82%}.cognitive-node.cn13{right:1%;top:76%}
}

/* V14.55 no-overlap cognitive map */
.story-visual.studio-ui .cognitive-map{min-height:574px!important;padding:0!important}
.cognitive-map .cognitive-node{width:122px!important;min-height:72px!important;padding:11px 12px!important}
.cognitive-map .cognitive-node.cn2{width:154px!important}
.cognitive-map .cognitive-node.cn13{width:132px!important}
.cognitive-map .cognitive-node strong{font-size:16px!important;line-height:1.08!important}
.cognitive-map .cognitive-node small{font-size:9px!important;line-height:1!important}
.cognitive-map .cognitive-node em{font-size:10px!important}
.cognitive-node.cn1{left:4%!important;top:8%!important}
.cognitive-node.cn2{left:23%!important;top:8%!important}
.cognitive-node.cn3{left:46%!important;top:28%!important}
.cognitive-node.cn4{left:70%!important;top:8%!important}
.cognitive-node.cn6{left:86%!important;top:8%!important;width:110px!important}
.cognitive-node.cn5{left:70%!important;top:39%!important}
.cognitive-node.cn7{left:25%!important;top:43%!important}
.cognitive-node.cn8{left:46%!important;top:55%!important}
.cognitive-node.cn9{left:70%!important;top:68%!important}
.cognitive-node.cn10{left:5%!important;top:78%!important}
.cognitive-node.cn11{left:34%!important;top:78%!important}
.cognitive-node.cn12{left:58%!important;top:78%!important}
.cognitive-node.cn13{left:auto!important;right:3%!important;top:78%!important}
.cognitive-map path{stroke-width:2.6!important;opacity:.95!important}
.cognitive-map .return-path{opacity:.32!important}
@media(max-width:1280px){
  .story-visual.studio-ui .cognitive-map{min-height:520px!important}
  .cognitive-map .cognitive-node{width:104px!important;min-height:62px!important;padding:8px 9px!important}
  .cognitive-map .cognitive-node.cn2{width:132px!important}
  .cognitive-map .cognitive-node.cn6{width:94px!important}
  .cognitive-map .cognitive-node.cn13{width:112px!important}
  .cognitive-map .cognitive-node strong{font-size:13px!important}
  .cognitive-map .cognitive-node small{font-size:7.5px!important}
  .cognitive-map .cognitive-node em{font-size:8.5px!important}
}
@media(max-width:980px){
  .story-visual.studio-ui .cognitive-map{min-height:460px!important;background-size:40px 40px!important}
  .cognitive-map .cognitive-node{width:92px!important;min-height:56px!important;padding:7px!important}
  .cognitive-map .cognitive-node.cn2{width:110px!important}
  .cognitive-map .cognitive-node.cn6{width:86px!important}
  .cognitive-map .cognitive-node.cn13{width:98px!important}
  .cognitive-map .cognitive-node strong{font-size:11px!important}
  .cognitive-map .cognitive-node small{font-size:6.6px!important}
  .cognitive-map .cognitive-node em{display:none!important}
  .cognitive-node.cn1{left:3%!important;top:8%!important}
  .cognitive-node.cn2{left:22%!important;top:8%!important}
  .cognitive-node.cn3{left:44%!important;top:28%!important}
  .cognitive-node.cn4{left:67%!important;top:8%!important}
  .cognitive-node.cn6{left:84%!important;top:8%!important}
  .cognitive-node.cn5{left:67%!important;top:39%!important}
  .cognitive-node.cn7{left:22%!important;top:43%!important}
  .cognitive-node.cn8{left:44%!important;top:55%!important}
  .cognitive-node.cn9{left:67%!important;top:67%!important}
  .cognitive-node.cn10{left:3%!important;top:78%!important}
  .cognitive-node.cn11{left:31%!important;top:78%!important}
  .cognitive-node.cn12{left:55%!important;top:78%!important}
  .cognitive-node.cn13{right:2%!important;top:78%!important}
}
@media(max-width:700px){
  .story-visual.studio-ui .cognitive-map{min-height:420px!important;background-size:32px 32px!important}
  .cognitive-map .cognitive-node{width:70px!important;min-height:48px!important;padding:5px!important}
  .cognitive-map .cognitive-node.cn2{width:82px!important}
  .cognitive-map .cognitive-node.cn6{width:66px!important}
  .cognitive-map .cognitive-node.cn13{width:74px!important}
  .cognitive-map .cognitive-node strong{font-size:8px!important;line-height:1.05!important}
  .cognitive-map .cognitive-node small{font-size:5.5px!important;letter-spacing:.035em!important}
  .cognitive-map path{stroke-width:1.8!important;stroke-dasharray:6 8!important}
  .cognitive-node.cn1{left:2%!important;top:7%!important}
  .cognitive-node.cn2{left:21%!important;top:7%!important}
  .cognitive-node.cn3{left:42%!important;top:27%!important}
  .cognitive-node.cn4{left:64%!important;top:7%!important}
  .cognitive-node.cn6{left:82%!important;top:7%!important}
  .cognitive-node.cn5{left:64%!important;top:38%!important}
  .cognitive-node.cn7{left:21%!important;top:43%!important}
  .cognitive-node.cn8{left:42%!important;top:55%!important}
  .cognitive-node.cn9{left:64%!important;top:67%!important}
  .cognitive-node.cn10{left:2%!important;top:79%!important}
  .cognitive-node.cn11{left:28%!important;top:79%!important}
  .cognitive-node.cn12{left:52%!important;top:79%!important}
  .cognitive-node.cn13{right:1%!important;top:79%!important}
}

/* V14.56 three-row cognitive map */
.story-visual.studio-ui .cognitive-map{min-height:560px!important;background-size:50px 50px!important}
.cognitive-map .cognitive-node{width:126px!important;min-height:74px!important;padding:11px 12px!important}
.cognitive-map .cognitive-node.cn2{width:160px!important}
.cognitive-map .cognitive-node.cn13{width:138px!important}
.cognitive-map .cognitive-node strong{font-size:15.5px!important;line-height:1.08!important}
.cognitive-map .cognitive-node small{font-size:8.8px!important}
.cognitive-node.cn1{left:4%!important;top:8%!important}
.cognitive-node.cn2{left:25%!important;top:8%!important}
.cognitive-node.cn3{left:48%!important;top:8%!important}
.cognitive-node.cn4{left:70%!important;top:8%!important}
.cognitive-node.cn6{left:auto!important;right:3%!important;top:8%!important;width:122px!important}
.cognitive-node.cn5{left:70%!important;top:31%!important}
.cognitive-node.cn8{left:48%!important;top:31%!important}
.cognitive-node.cn7{left:25%!important;top:31%!important}
.cognitive-node.cn9{left:4%!important;top:31%!important}
.cognitive-node.cn10{left:4%!important;top:67%!important}
.cognitive-node.cn11{left:30%!important;top:67%!important}
.cognitive-node.cn12{left:55%!important;top:67%!important}
.cognitive-node.cn13{left:auto!important;right:3%!important;top:67%!important}
.cognitive-map path{stroke-width:2.5!important;opacity:.92!important}
.cognitive-map .return-path{opacity:.26!important}
@media(max-width:1280px){
  .story-visual.studio-ui .cognitive-map{min-height:520px!important}
  .cognitive-map .cognitive-node{width:104px!important;min-height:64px!important;padding:8px 9px!important}
  .cognitive-map .cognitive-node.cn2{width:132px!important}
  .cognitive-map .cognitive-node.cn6{width:98px!important}
  .cognitive-map .cognitive-node.cn13{width:112px!important}
  .cognitive-map .cognitive-node strong{font-size:12.5px!important}
  .cognitive-map .cognitive-node small{font-size:7.3px!important}
}
@media(max-width:980px){
  .story-visual.studio-ui .cognitive-map{min-height:460px!important;background-size:40px 40px!important}
  .cognitive-map .cognitive-node{width:86px!important;min-height:58px!important;padding:7px!important}
  .cognitive-map .cognitive-node.cn2{width:104px!important}
  .cognitive-map .cognitive-node.cn6{width:82px!important}
  .cognitive-map .cognitive-node.cn13{width:92px!important}
  .cognitive-map .cognitive-node strong{font-size:10.5px!important}
  .cognitive-map .cognitive-node small{font-size:6.2px!important}
  .cognitive-node.cn1{left:2%!important;top:8%!important}
  .cognitive-node.cn2{left:22%!important;top:8%!important}
  .cognitive-node.cn3{left:44%!important;top:8%!important}
  .cognitive-node.cn4{left:64%!important;top:8%!important}
  .cognitive-node.cn6{right:2%!important;top:8%!important}
  .cognitive-node.cn5{left:64%!important;top:31%!important}
  .cognitive-node.cn8{left:44%!important;top:31%!important}
  .cognitive-node.cn7{left:22%!important;top:31%!important}
  .cognitive-node.cn9{left:2%!important;top:31%!important}
  .cognitive-node.cn10{left:2%!important;top:67%!important}
  .cognitive-node.cn11{left:28%!important;top:67%!important}
  .cognitive-node.cn12{left:53%!important;top:67%!important}
  .cognitive-node.cn13{right:2%!important;top:67%!important}
}
@media(max-width:700px){
  .story-visual.studio-ui .cognitive-map{min-height:400px!important;background-size:31px 31px!important}
  .cognitive-map .cognitive-node{width:64px!important;min-height:48px!important;padding:5px!important}
  .cognitive-map .cognitive-node.cn2{width:78px!important}
  .cognitive-map .cognitive-node.cn6{width:62px!important}
  .cognitive-map .cognitive-node.cn13{width:70px!important}
  .cognitive-map .cognitive-node strong{font-size:7.4px!important;line-height:1.05!important}
  .cognitive-map .cognitive-node small{font-size:5px!important;letter-spacing:.025em!important}
  .cognitive-map path{stroke-width:1.6!important;stroke-dasharray:6 8!important}
}

/* V14.57 connected readable cognitive map */
.story-visual.studio-ui .cognitive-map{
  min-height:560px!important;
  background-size:50px 50px!important;
  background-position:center!important;
}
.cognitive-map .cognitive-node{
  width:124px!important;
  min-height:72px!important;
  padding:10px 12px!important;
  border-color:#111827!important;
  box-shadow:0 10px 26px rgba(0,0,102,.055)!important;
}
.cognitive-map .cognitive-node.cn2{width:136px!important}
.cognitive-map .cognitive-node.cn6{width:124px!important}
.cognitive-map .cognitive-node.cn13{width:134px!important}
.cognitive-map .cognitive-node strong{font-size:15px!important;line-height:1.08!important;font-weight:750!important}
.cognitive-map .cognitive-node small{font-size:8.7px!important;line-height:1!important;letter-spacing:.08em!important}
.cognitive-map .cognitive-node em{font-size:10px!important;line-height:1.15!important}
.cognitive-node.cn1{left:3.6%!important;top:8%!important}
.cognitive-node.cn2{left:24.8%!important;top:8%!important}
.cognitive-node.cn3{left:48.6%!important;top:8%!important}
.cognitive-node.cn4{left:70.6%!important;top:8%!important}
.cognitive-node.cn6{left:auto!important;right:3.6%!important;top:8%!important}
.cognitive-node.cn5{left:70.6%!important;top:34%!important}
.cognitive-node.cn8{left:48.6%!important;top:34%!important}
.cognitive-node.cn7{left:24.8%!important;top:34%!important}
.cognitive-node.cn9{left:3.6%!important;top:34%!important}
.cognitive-node.cn10{left:3.6%!important;top:68%!important}
.cognitive-node.cn11{left:29.8%!important;top:68%!important}
.cognitive-node.cn12{left:56.6%!important;top:68%!important}
.cognitive-node.cn13{left:auto!important;right:3.6%!important;top:68%!important}
.cognitive-map path{
  stroke:#000066!important;
  stroke-width:2.4!important;
  stroke-dasharray:8 9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  opacity:.96!important;
  animation:dashFlow 16s linear infinite!important;
}
.cognitive-map .support-path{opacity:.28!important;stroke-width:2!important;stroke-dasharray:8 12!important}
.cognitive-map .return-path{display:none!important}
.cognitive-node.active{animation:nodePulse 2.8s ease-in-out infinite!important}
.cognitive-node.output{animation:nodePulse 3.2s ease-in-out infinite .35s!important}
@keyframes dashFlow{to{stroke-dashoffset:-220}}
@keyframes nodePulse{0%,100%{box-shadow:0 14px 30px rgba(0,0,102,.18)}50%{box-shadow:0 18px 44px rgba(0,0,102,.34)}}
@media(max-width:1280px){
  .story-visual.studio-ui .cognitive-map{min-height:520px!important;background-size:44px 44px!important}
  .cognitive-map .cognitive-node{width:102px!important;min-height:62px!important;padding:8px 9px!important}
  .cognitive-map .cognitive-node.cn2{width:120px!important}
  .cognitive-map .cognitive-node.cn6{width:102px!important}
  .cognitive-map .cognitive-node.cn13{width:110px!important}
  .cognitive-map .cognitive-node strong{font-size:12.5px!important}
  .cognitive-map .cognitive-node small{font-size:7.2px!important}
  .cognitive-map .cognitive-node em{font-size:8.5px!important}
}
@media(max-width:980px){
  .story-visual.studio-ui .cognitive-map{min-height:460px!important;background-size:38px 38px!important}
  .cognitive-map .cognitive-node{width:84px!important;min-height:56px!important;padding:7px!important}
  .cognitive-map .cognitive-node.cn2{width:100px!important}
  .cognitive-map .cognitive-node.cn6{width:84px!important}
  .cognitive-map .cognitive-node.cn13{width:90px!important}
  .cognitive-map .cognitive-node strong{font-size:10px!important}
  .cognitive-map .cognitive-node small{font-size:6px!important;letter-spacing:.05em!important}
  .cognitive-map .cognitive-node em{display:none!important}
  .cognitive-node.cn1{left:2%!important}.cognitive-node.cn2{left:21.5%!important}.cognitive-node.cn3{left:43.8%!important}.cognitive-node.cn4{left:64.6%!important}.cognitive-node.cn6{right:2%!important}
  .cognitive-node.cn5{left:64.6%!important}.cognitive-node.cn8{left:43.8%!important}.cognitive-node.cn7{left:21.5%!important}.cognitive-node.cn9{left:2%!important}
  .cognitive-node.cn10{left:2%!important}.cognitive-node.cn11{left:28%!important}.cognitive-node.cn12{left:53.2%!important}.cognitive-node.cn13{right:2%!important}
}
@media(max-width:700px){
  .story-visual.studio-ui{overflow-x:auto!important;overscroll-behavior-inline:contain!important}
  .story-visual.studio-ui .cognitive-map{
    min-width:680px!important;
    min-height:390px!important;
    background-size:34px 34px!important;
    overflow:hidden!important;
  }
  .cognitive-map .cognitive-node{width:70px!important;min-height:48px!important;padding:5px!important}
  .cognitive-map .cognitive-node.cn2{width:86px!important}
  .cognitive-map .cognitive-node.cn6{width:70px!important}
  .cognitive-map .cognitive-node.cn13{width:76px!important}
  .cognitive-map .cognitive-node strong{font-size:8px!important;line-height:1.05!important}
  .cognitive-map .cognitive-node small{font-size:5.4px!important;letter-spacing:.025em!important}
  .cognitive-map path{stroke-width:1.7!important;stroke-dasharray:6 8!important}
  .story-visual.studio-ui::after{content:'Swipe to view full workflow';position:absolute;right:12px;bottom:10px;z-index:4;background:#000066;color:#fff;padding:7px 9px;font-size:10px;font-weight:750;letter-spacing:0;box-shadow:0 8px 18px rgba(0,0,102,.18)}
}
@media(prefers-reduced-motion:reduce){.cognitive-map path,.cognitive-node.active,.cognitive-node.output{animation:none!important}}

/* V14.59 centered complete cognitive map */
.story-visual.studio-ui .cognitive-map{
  min-height:560px!important;
  height:560px!important;
  max-width:1120px!important;
  margin:auto!important;
  background-size:62px 62px!important;
  background-position:center!important;
}
.cognitive-map .cognitive-node{
  width:124px!important;
  min-height:72px!important;
  padding:10px 12px!important;
  border:1px solid #111827!important;
  background:#fff!important;
  box-shadow:0 12px 26px rgba(0,0,102,.055)!important;
}
.cognitive-map .cognitive-node.cn2{width:136px!important}
.cognitive-map .cognitive-node.cn13{width:134px!important}
.cognitive-map .cognitive-node.cn6{width:124px!important}
.cognitive-map .cognitive-node strong{font-size:15px!important;line-height:1.08!important;font-weight:750!important}
.cognitive-map .cognitive-node small{font-size:8.7px!important;line-height:1!important;letter-spacing:.08em!important}
.cognitive-map .cognitive-node em{font-size:10px!important;line-height:1.15!important}
.cognitive-node.cn1{left:7%!important;top:70px!important}
.cognitive-node.cn2{left:25%!important;top:70px!important}
.cognitive-node.cn3{left:44%!important;top:70px!important}
.cognitive-node.cn4{left:63%!important;top:70px!important}
.cognitive-node.cn6{left:81%!important;right:auto!important;top:70px!important}
.cognitive-node.cn9{left:7%!important;top:220px!important}
.cognitive-node.cn7{left:25%!important;top:220px!important}
.cognitive-node.cn8{left:44%!important;top:220px!important}
.cognitive-node.cn5{left:63%!important;top:220px!important}
.cognitive-node.cn10{left:7%!important;top:392px!important}
.cognitive-node.cn11{left:29%!important;top:392px!important}
.cognitive-node.cn12{left:54%!important;top:392px!important}
.cognitive-node.cn13{left:81%!important;right:auto!important;top:392px!important}
.cognitive-map path{
  stroke:#000066!important;
  stroke-width:2.4!important;
  stroke-dasharray:8 8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  opacity:.98!important;
  animation:dashFlow 15s linear infinite!important;
}
.cognitive-map .support-path{opacity:.24!important;stroke-width:2!important;stroke-dasharray:8 12!important}
.cognitive-node.active,.cognitive-node.output{background:#000066!important;border-color:#000066!important;color:#fff!important}
.cognitive-node.active small,.cognitive-node.active strong,.cognitive-node.output small,.cognitive-node.output strong{color:#fff!important}
@media(max-width:1280px){
  .story-visual.studio-ui .cognitive-map{min-height:520px!important;height:520px!important;background-size:52px 52px!important}
  .cognitive-map .cognitive-node{width:104px!important;min-height:64px!important;padding:8px 9px!important}
  .cognitive-map .cognitive-node.cn2{width:120px!important}
  .cognitive-map .cognitive-node.cn6{width:104px!important}
  .cognitive-map .cognitive-node.cn13{width:112px!important}
  .cognitive-map .cognitive-node strong{font-size:12.5px!important}
  .cognitive-map .cognitive-node small{font-size:7.2px!important}
  .cognitive-map .cognitive-node em{font-size:8.5px!important}
  .cognitive-node.cn1,.cognitive-node.cn2,.cognitive-node.cn3,.cognitive-node.cn4,.cognitive-node.cn6{top:64px!important}
  .cognitive-node.cn9,.cognitive-node.cn7,.cognitive-node.cn8,.cognitive-node.cn5{top:210px!important}
  .cognitive-node.cn10,.cognitive-node.cn11,.cognitive-node.cn12,.cognitive-node.cn13{top:368px!important}
}
@media(max-width:980px){
  .story-visual.studio-ui .cognitive-map{min-height:460px!important;height:460px!important;background-size:42px 42px!important}
  .cognitive-map .cognitive-node{width:84px!important;min-height:56px!important;padding:7px!important}
  .cognitive-map .cognitive-node.cn2{width:100px!important}
  .cognitive-map .cognitive-node.cn6{width:84px!important}
  .cognitive-map .cognitive-node.cn13{width:92px!important}
  .cognitive-map .cognitive-node strong{font-size:10px!important}
  .cognitive-map .cognitive-node small{font-size:6px!important;letter-spacing:.05em!important}
  .cognitive-map .cognitive-node em{display:none!important}
  .cognitive-node.cn1,.cognitive-node.cn2,.cognitive-node.cn3,.cognitive-node.cn4,.cognitive-node.cn6{top:54px!important}
  .cognitive-node.cn9,.cognitive-node.cn7,.cognitive-node.cn8,.cognitive-node.cn5{top:182px!important}
  .cognitive-node.cn10,.cognitive-node.cn11,.cognitive-node.cn12,.cognitive-node.cn13{top:320px!important}
}
@media(max-width:700px){
  .story-visual.studio-ui{overflow-x:auto!important;position:relative!important}
  .story-visual.studio-ui .cognitive-map{
    min-width:760px!important;
    width:760px!important;
    min-height:420px!important;
    height:420px!important;
    margin:0!important;
    background-size:38px 38px!important;
  }
  .cognitive-map .cognitive-node{width:74px!important;min-height:50px!important;padding:6px!important}
  .cognitive-map .cognitive-node.cn2{width:92px!important}
  .cognitive-map .cognitive-node.cn6{width:74px!important}
  .cognitive-map .cognitive-node.cn13{width:82px!important}
  .cognitive-map .cognitive-node strong{font-size:8.6px!important;line-height:1.05!important}
  .cognitive-map .cognitive-node small{font-size:5.6px!important;letter-spacing:.025em!important}
  .cognitive-map path{stroke-width:1.8!important;stroke-dasharray:6 7!important}
  .cognitive-node.cn1,.cognitive-node.cn2,.cognitive-node.cn3,.cognitive-node.cn4,.cognitive-node.cn6{top:48px!important}
  .cognitive-node.cn9,.cognitive-node.cn7,.cognitive-node.cn8,.cognitive-node.cn5{top:170px!important}
  .cognitive-node.cn10,.cognitive-node.cn11,.cognitive-node.cn12,.cognitive-node.cn13{top:304px!important}
}

/* V14.60 locked coordinate cognitive map */
.story-visual.studio-ui{overflow:hidden!important}
.story-visual.studio-ui .cognitive-map{
  width:1000px!important;
  max-width:100%!important;
  min-width:0!important;
  height:560px!important;
  min-height:560px!important;
  margin:auto!important;
  flex:0 0 auto!important;
}
.cognitive-node.cn1{left:70px!important;top:70px!important}
.cognitive-node.cn2{left:250px!important;top:70px!important;width:136px!important}
.cognitive-node.cn3{left:440px!important;top:70px!important}
.cognitive-node.cn4{left:630px!important;top:70px!important}
.cognitive-node.cn6{left:810px!important;right:auto!important;top:70px!important;width:124px!important}
.cognitive-node.cn9{left:70px!important;top:220px!important}
.cognitive-node.cn7{left:250px!important;top:220px!important}
.cognitive-node.cn8{left:440px!important;top:220px!important}
.cognitive-node.cn5{left:630px!important;top:220px!important}
.cognitive-node.cn10{left:70px!important;top:392px!important}
.cognitive-node.cn11{left:290px!important;top:392px!important}
.cognitive-node.cn12{left:540px!important;top:392px!important}
.cognitive-node.cn13{left:810px!important;right:auto!important;top:392px!important;width:134px!important}
.cognitive-map svg{width:1000px!important;height:560px!important;max-width:none!important}
@media(max-width:980px){
  .story-visual.studio-ui{overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-inline:contain!important}
  .story-visual.studio-ui .cognitive-map{max-width:none!important;min-width:1000px!important;width:1000px!important;height:560px!important;min-height:560px!important}
  .cognitive-map .cognitive-node{width:124px!important;min-height:72px!important;padding:10px 12px!important}
  .cognitive-map .cognitive-node.cn2{width:136px!important}
  .cognitive-map .cognitive-node.cn6{width:124px!important}
  .cognitive-map .cognitive-node.cn13{width:134px!important}
  .cognitive-map .cognitive-node strong{font-size:15px!important;line-height:1.08!important}
  .cognitive-map .cognitive-node small{font-size:8.7px!important;letter-spacing:.08em!important}
  .cognitive-map .cognitive-node em{display:block!important;font-size:10px!important}
}
@media(max-width:700px){
  .story-visual.studio-ui .cognitive-map{min-width:1000px!important;width:1000px!important;height:560px!important;min-height:560px!important}
  .story-visual.studio-ui::after{content:'Swipe to view full workflow';position:sticky;left:12px;bottom:10px;z-index:4;display:inline-block;background:#000066;color:#fff;padding:7px 9px;font-size:10px;font-weight:750;letter-spacing:0;box-shadow:0 8px 18px rgba(0,0,102,.18)}
}

/* V14.61 fit cognitive map inside panel */
@media(min-width:981px){
  .story-visual.studio-ui{overflow:hidden!important}
  .story-visual.studio-ui .cognitive-map{
    width:920px!important;
    max-width:calc(100% - 28px)!important;
    min-width:0!important;
    height:540px!important;
    min-height:540px!important;
    margin:auto!important;
    background-size:56px 56px!important;
  }
  .cognitive-map svg{width:920px!important;height:540px!important;max-width:100%!important}
  .cognitive-map .cognitive-node{width:120px!important;min-height:70px!important;padding:10px 11px!important}
  .cognitive-map .cognitive-node.cn2{width:132px!important}
  .cognitive-map .cognitive-node.cn6{width:116px!important}
  .cognitive-map .cognitive-node.cn13{width:124px!important}
  .cognitive-map .cognitive-node strong{font-size:14.5px!important;line-height:1.08!important}
  .cognitive-map .cognitive-node small{font-size:8.4px!important}
  .cognitive-node.cn1{left:54px!important;top:72px!important}
  .cognitive-node.cn2{left:230px!important;top:72px!important}
  .cognitive-node.cn3{left:424px!important;top:72px!important}
  .cognitive-node.cn4{left:610px!important;top:72px!important}
  .cognitive-node.cn6{left:764px!important;right:auto!important;top:72px!important}
  .cognitive-node.cn9{left:54px!important;top:214px!important}
  .cognitive-node.cn7{left:230px!important;top:214px!important}
  .cognitive-node.cn8{left:424px!important;top:214px!important}
  .cognitive-node.cn5{left:610px!important;top:214px!important}
  .cognitive-node.cn10{left:54px!important;top:374px!important}
  .cognitive-node.cn11{left:272px!important;top:374px!important}
  .cognitive-node.cn12{left:516px!important;top:374px!important}
  .cognitive-node.cn13{left:764px!important;right:auto!important;top:374px!important}
}

/* V14.62 grid-based cognitive map final */
.story-visual.studio-ui{overflow:hidden!important}
.story-visual.studio-ui .cognitive-map{
  position:relative!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(118px,1fr))!important;
  grid-template-rows:repeat(3,1fr)!important;
  align-items:center!important;
  justify-items:center!important;
  column-gap:28px!important;
  row-gap:34px!important;
  width:100%!important;
  max-width:1060px!important;
  min-width:0!important;
  height:560px!important;
  min-height:560px!important;
  margin:auto!important;
  padding:64px 36px!important;
  box-sizing:border-box!important;
  background-size:56px 56px!important;
  background-position:center!important;
}
.cognitive-map svg{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  pointer-events:none!important;
}
.cognitive-map .cognitive-node{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  z-index:2!important;
  width:100%!important;
  max-width:156px!important;
  min-height:88px!important;
  display:flex!important;
  justify-content:center!important;
  padding:12px 14px!important;
  box-sizing:border-box!important;
  border:1px solid #111827!important;
  background:#fff!important;
  box-shadow:0 12px 26px rgba(0,0,102,.055)!important;
}
.cognitive-node.cn1{grid-column:1!important;grid-row:1!important}
.cognitive-node.cn2{grid-column:2!important;grid-row:1!important;max-width:170px!important}
.cognitive-node.cn3{grid-column:3!important;grid-row:1!important}
.cognitive-node.cn4{grid-column:4!important;grid-row:1!important}
.cognitive-node.cn6{grid-column:5!important;grid-row:1!important;max-width:156px!important}
.cognitive-node.cn9{grid-column:1!important;grid-row:2!important}
.cognitive-node.cn7{grid-column:2!important;grid-row:2!important}
.cognitive-node.cn8{grid-column:3!important;grid-row:2!important}
.cognitive-node.cn5{grid-column:4!important;grid-row:2!important}
.cognitive-node.cn10{grid-column:1!important;grid-row:3!important}
.cognitive-node.cn11{grid-column:2!important;grid-row:3!important}
.cognitive-node.cn12{grid-column:3!important;grid-row:3!important}
.cognitive-node.cn13{grid-column:5!important;grid-row:3!important;max-width:168px!important}
.cognitive-map .cognitive-node strong{font-size:15px!important;line-height:1.1!important;font-weight:750!important;white-space:normal!important;overflow-wrap:normal!important}
.cognitive-map .cognitive-node small{font-size:8.5px!important;line-height:1!important;letter-spacing:.08em!important;white-space:normal!important}
.cognitive-map .cognitive-node em{display:block!important;font-size:10px!important;line-height:1.15!important}
.cognitive-map .cognitive-node.active,.cognitive-map .cognitive-node.output{background:#000066!important;border-color:#000066!important;color:#fff!important}
.cognitive-map .cognitive-node.active small,.cognitive-map .cognitive-node.active strong,.cognitive-map .cognitive-node.output small,.cognitive-map .cognitive-node.output strong{color:#fff!important}
.cognitive-map path{stroke-width:2.4!important;stroke:#000066!important;stroke-dasharray:8 8!important;stroke-linecap:round!important;stroke-linejoin:round!important;opacity:.98!important;animation:dashFlow 15s linear infinite!important}
.cognitive-map .support-path{opacity:.24!important;stroke-width:2!important;stroke-dasharray:8 12!important}
@media(max-width:1280px){
  .story-visual.studio-ui .cognitive-map{column-gap:20px!important;padding:58px 28px!important;max-width:100%!important}
  .cognitive-map .cognitive-node{max-width:142px!important;min-height:80px!important;padding:10px 11px!important}
  .cognitive-node.cn2{max-width:158px!important}.cognitive-node.cn13{max-width:152px!important}
  .cognitive-map .cognitive-node strong{font-size:13px!important}.cognitive-map .cognitive-node small{font-size:7.4px!important}.cognitive-map .cognitive-node em{font-size:8.6px!important}
}
@media(max-width:980px){
  .story-visual.studio-ui{overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-inline:contain!important}
  .story-visual.studio-ui .cognitive-map{
    min-width:980px!important;
    width:980px!important;
    max-width:none!important;
    height:540px!important;
    min-height:540px!important;
    padding:58px 34px!important;
  }
  .cognitive-map .cognitive-node{max-width:150px!important;min-height:82px!important;padding:11px 12px!important}
  .cognitive-map .cognitive-node strong{font-size:14px!important}.cognitive-map .cognitive-node small{font-size:8px!important}.cognitive-map .cognitive-node em{font-size:9px!important}
}
@media(max-width:700px){
  .story-visual.studio-ui .cognitive-map{min-width:940px!important;width:940px!important;height:520px!important;min-height:520px!important;padding:56px 30px!important}
  .story-visual.studio-ui::after{content:'Swipe to view full workflow';position:sticky;left:12px;bottom:10px;z-index:4;display:inline-block;background:#000066;color:#fff;padding:7px 9px;font-size:10px;font-weight:750;letter-spacing:0;box-shadow:0 8px 18px rgba(0,0,102,.18)}
}
@media(prefers-reduced-motion:reduce){.cognitive-map path{animation:none!important}}

/* V14.63 ingenious architecture layers */
.story-visual.compute-ui{background:#fbfcff!important;color:#111!important;overflow:hidden!important}
.story-visual.compute-ui::before{background:#000066!important}
.architecture-stack{
  position:relative;
  flex:1;
  width:100%;
  min-height:620px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:18px;
  padding:34px;
  box-sizing:border-box;
  background:
    linear-gradient(rgba(0,0,102,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,0,102,.06) 1px,transparent 1px),
    #fbfcff;
  background-size:54px 54px;
}
.architecture-title{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  padding-bottom:6px;
  border-bottom:1px solid #dfe4ef;
}
.architecture-title span{color:#000066;font-size:11px;font-weight:800;line-height:1;text-transform:uppercase;letter-spacing:.12em}
.architecture-title strong{color:#111;font-size:18px;line-height:1.1;font-weight:760;letter-spacing:0;text-align:right}
.architecture-layers{display:grid;gap:11px}
.architecture-layers article{
  position:relative;
  display:grid;
  grid-template-columns:58px minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  min-height:72px;
  padding:14px 18px;
  border:1px solid #d9ddec;
  background:rgba(255,255,255,.94);
  color:#111;
  box-shadow:0 10px 24px rgba(0,0,102,.045);
  transition:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease,color .22s ease;
}
.architecture-layers article::before{
  content:"";
  position:absolute;
  left:28px;
  top:100%;
  width:2px;
  height:11px;
  background:#000066;
  opacity:.35;
}
.architecture-layers article:last-child::before{display:none}
.architecture-layers article>span{color:#006cff;font-size:20px;line-height:1;font-weight:760;letter-spacing:0}
.architecture-layers strong{display:block;color:#111;font-size:16px;line-height:1.18;font-weight:760;margin-bottom:6px;letter-spacing:0}
.architecture-layers p{margin:0;color:#384152;font-size:13px;line-height:1.45}
.architecture-layers em{justify-self:end;padding:8px 12px;border:1px solid #d9ddec;color:#8991a1;background:#fff;font-size:11px;line-height:1;font-style:normal;font-weight:650;white-space:nowrap}
.architecture-layers article:nth-child(1){animation:layerGlow 4.2s ease-in-out infinite}
.architecture-layers article:hover{background:#000066;color:#fff;border-color:#000066;box-shadow:0 16px 34px rgba(0,0,102,.18);transform:translateY(-2px)}
.architecture-layers article:hover span,.architecture-layers article:hover strong,.architecture-layers article:hover p{color:#fff!important}
.architecture-layers article:hover em{background:#fff;color:#000066;border-color:#fff}
@keyframes layerGlow{0%,100%{box-shadow:0 10px 24px rgba(0,0,102,.045)}50%{box-shadow:0 16px 36px rgba(0,0,102,.12)}}
@media(max-width:1280px){
  .architecture-stack{min-height:560px;padding:26px;gap:14px;background-size:46px 46px}
  .architecture-layers article{min-height:64px;padding:12px 14px;grid-template-columns:48px minmax(0,1fr) auto;gap:14px}
  .architecture-layers strong{font-size:14px}.architecture-layers p{font-size:11.5px}.architecture-layers em{font-size:10px;padding:7px 9px}
}
@media(max-width:980px){
  .architecture-stack{min-height:520px;padding:24px}
}
@media(max-width:700px){
  .story-visual.compute-ui{overflow:visible!important}
  .architecture-stack{min-height:0!important;padding:18px!important;gap:12px;background-size:34px 34px}
  .architecture-title{display:block;padding-bottom:12px}
  .architecture-title strong{display:block;text-align:left;font-size:16px;margin-top:7px}
  .architecture-layers{gap:9px}
  .architecture-layers article{grid-template-columns:38px minmax(0,1fr);min-height:0;padding:13px;gap:10px}
  .architecture-layers article::before{left:31px;height:9px}
  .architecture-layers article>span{font-size:16px}
  .architecture-layers strong{font-size:13px;margin-bottom:5px}
  .architecture-layers p{font-size:11px;line-height:1.45}
  .architecture-layers em{grid-column:2;justify-self:start;margin-top:2px;font-size:9.5px;padding:6px 8px}
}
@media(prefers-reduced-motion:reduce){.architecture-layers article{animation:none!important;transition:none!important}}

/* V14.64 old blue architecture map */
.story-visual.compute-ui{background:#000066!important;color:#fff!important;overflow:hidden!important}
.architecture-map{
  position:relative!important;
  width:100%!important;
  min-height:620px!important;
  height:100%!important;
  background:
    linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px),
    #000066!important;
  background-size:74px 74px!important;
  overflow:hidden!important;
}
.architecture-map .compute-links{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:1!important;pointer-events:none!important}
.architecture-map .compute-links path{fill:none!important;stroke:rgba(255,255,255,.76)!important;stroke-width:2.4!important;stroke-linecap:round!important;stroke-dasharray:9 10!important;animation:dashFlow 18s linear infinite!important}
.architecture-map .region{
  position:absolute!important;
  z-index:2!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  width:170px!important;
  height:104px!important;
  padding:16px!important;
  border:1px solid rgba(255,255,255,.72)!important;
  background:rgba(255,255,255,.03)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.architecture-map .region span{color:#fff!important;font-size:12px!important;line-height:1.2!important;font-weight:760!important;text-transform:uppercase!important;letter-spacing:.04em!important}
.architecture-map .region b{display:block;color:#fff!important;font-size:24px!important;line-height:1.05!important;margin-top:16px!important;font-weight:760!important;letter-spacing:0!important}
.architecture-map .r1{left:7%!important;top:12%!important}
.architecture-map .r2{right:7%!important;top:18%!important}
.architecture-map .r3{left:12%!important;bottom:12%!important}
.architecture-map .r4{right:12%!important;bottom:10%!important}
.architecture-core{
  position:absolute!important;
  z-index:3!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:min(46%,520px)!important;
  min-width:390px!important;
  padding:30px 34px!important;
  background:#fff!important;
  color:#111!important;
  text-align:center!important;
  box-shadow:0 22px 60px rgba(0,0,0,.18)!important;
}
.architecture-core small{display:block!important;color:#000066!important;font-size:12px!important;line-height:1!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-weight:800!important;margin-bottom:18px!important;text-align:center!important}
.architecture-core strong{display:block!important;color:#111!important;font-size:clamp(24px,2.4vw,36px)!important;line-height:1.06!important;font-weight:760!important;letter-spacing:0!important;text-align:center!important;margin-bottom:18px!important}
.architecture-mini-layers{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;text-align:left!important}
.architecture-mini-layers i{display:block!important;padding:8px 10px!important;border:1px solid #d9ddec!important;background:#fbfcff!important;color:#273044!important;font-style:normal!important;font-size:11px!important;line-height:1.15!important;font-weight:700!important;white-space:nowrap!important}
.architecture-mini-layers i:first-child{grid-column:1/-1!important;background:#000066!important;color:#fff!important;border-color:#000066!important;text-align:center!important}
@media(max-width:1280px){
  .architecture-map{min-height:540px!important;background-size:64px 64px!important}
  .architecture-map .region{width:142px!important;height:88px!important;padding:12px!important}
  .architecture-map .region span{font-size:10px!important}.architecture-map .region b{font-size:18px!important;margin-top:12px!important}
  .architecture-core{min-width:330px!important;padding:24px!important}
  .architecture-mini-layers i{font-size:9.5px!important;padding:7px!important}
}
@media(max-width:980px){
  .architecture-map{min-height:500px!important}
  .architecture-core{width:56%!important;min-width:330px!important}
}
@media(max-width:700px){
  .architecture-map{min-height:460px!important;background-size:46px 46px!important}
  .architecture-map .region{width:108px!important;height:68px!important;padding:9px!important}
  .architecture-map .region span{font-size:7.5px!important}.architecture-map .region b{font-size:13px!important;margin-top:8px!important}
  .architecture-map .r1{left:5%!important;top:9%!important}.architecture-map .r2{right:5%!important;top:11%!important}.architecture-map .r3{left:5%!important;bottom:9%!important}.architecture-map .r4{right:5%!important;bottom:9%!important}
  .architecture-core{width:62%!important;min-width:0!important;padding:18px!important}
  .architecture-core small{font-size:9px!important;margin-bottom:11px!important}
  .architecture-core strong{font-size:18px!important;margin-bottom:12px!important}
  .architecture-mini-layers{grid-template-columns:1fr!important;gap:5px!important}
  .architecture-mini-layers i{font-size:8.5px!important;padding:6px 7px!important;white-space:normal!important;text-align:center!important}
}
@media(prefers-reduced-motion:reduce){.architecture-map .compute-links path{animation:none!important}}

/* V14.65 full architecture layers one by one */
.architecture-core{
  width:min(62%,680px)!important;
  min-width:560px!important;
  padding:22px 24px!important;
  text-align:left!important;
}
.architecture-core small,.architecture-core strong{text-align:center!important}
.architecture-core>strong{font-size:clamp(22px,2vw,30px)!important;margin-bottom:16px!important}
.architecture-detail-layers{display:grid!important;gap:7px!important;margin-top:4px!important}
.architecture-detail-layers article{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  padding:8px 10px!important;
  border:1px solid #d9ddec!important;
  background:#fbfcff!important;
  color:#111!important;
}
.architecture-detail-layers article span{color:#006cff!important;font-size:15px!important;line-height:1!important;font-weight:800!important}
.architecture-detail-layers article strong{display:block!important;color:#111!important;font-size:12.5px!important;line-height:1.15!important;font-weight:780!important;text-align:left!important;margin:0 0 3px!important}
.architecture-detail-layers article p{margin:0!important;color:#4d5565!important;font-size:10.5px!important;line-height:1.32!important;text-align:left!important}
.architecture-detail-layers article em{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:72px!important;padding:6px 8px!important;border:1px solid #d9ddec!important;background:#fff!important;color:#6b7280!important;font-size:9.5px!important;line-height:1!important;font-style:normal!important;font-weight:700!important;white-space:nowrap!important}
.architecture-detail-layers article:first-child{background:#000066!important;border-color:#000066!important;color:#fff!important}
.architecture-detail-layers article:first-child span,.architecture-detail-layers article:first-child strong,.architecture-detail-layers article:first-child p{color:#fff!important}
.architecture-detail-layers article:first-child em{border-color:#fff!important;color:#000066!important;background:#fff!important}
@media(hover:hover){
  .architecture-detail-layers article:hover{background:#000066!important;border-color:#000066!important;color:#fff!important}
  .architecture-detail-layers article:hover span,.architecture-detail-layers article:hover strong,.architecture-detail-layers article:hover p{color:#fff!important}
  .architecture-detail-layers article:hover em{background:#fff!important;color:#000066!important;border-color:#fff!important}
}
@media(max-width:1280px){
  .architecture-core{width:min(66%,620px)!important;min-width:500px!important;padding:18px 20px!important}
  .architecture-core>strong{font-size:22px!important;margin-bottom:12px!important}
  .architecture-detail-layers{gap:6px!important}
  .architecture-detail-layers article{grid-template-columns:30px minmax(0,1fr) auto!important;padding:7px 9px!important}
  .architecture-detail-layers article strong{font-size:11.5px!important}.architecture-detail-layers article p{font-size:9.5px!important}.architecture-detail-layers article em{font-size:8.5px!important;min-width:62px!important}
}
@media(max-width:980px){
  .architecture-core{width:min(74%,640px)!important;min-width:520px!important}
}
@media(max-width:700px){
  .architecture-map{min-height:620px!important}
  .architecture-map .region{display:none!important}
  .architecture-map .compute-links{opacity:.35!important}
  .architecture-core{width:calc(100% - 28px)!important;min-width:0!important;padding:16px!important}
  .architecture-core small{font-size:9px!important;margin-bottom:9px!important}
  .architecture-core>strong{font-size:18px!important;margin-bottom:12px!important}
  .architecture-detail-layers article{grid-template-columns:28px minmax(0,1fr)!important;gap:8px!important;padding:8px!important}
  .architecture-detail-layers article span{font-size:13px!important}
  .architecture-detail-layers article strong{font-size:11px!important;margin-bottom:3px!important}
  .architecture-detail-layers article p{font-size:9.3px!important;line-height:1.3!important}
  .architecture-detail-layers article em{grid-column:2!important;justify-self:start!important;min-width:0!important;font-size:8.5px!important;padding:5px 7px!important;margin-top:2px!important}
}

/* V14.66 blue architecture workflow diagram */
.story-visual.compute-ui{background:#000066!important;color:#fff!important;overflow:hidden!important}
.architecture-workflow{
  flex:1;
  width:100%;
  min-height:620px;
  display:flex;
  flex-direction:column;
  background:#000066;
  color:#fff;
}
.architecture-workflow-head{
  flex:0 0 52px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:0 18px;
  border-bottom:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.03);
}
.architecture-workflow-head span{font-size:12px;line-height:1;font-weight:760;text-transform:uppercase;letter-spacing:.08em;color:#fff}
.architecture-workflow-head b{font-size:11px;line-height:1;font-weight:760;text-transform:uppercase;letter-spacing:.08em;color:#fff;border:1px solid rgba(255,255,255,.32);padding:10px 13px;background:rgba(255,255,255,.04)}
.architecture-workflow-canvas{
  position:relative;
  flex:1;
  min-height:568px;
  background:
    linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px),
    #000066;
  background-size:74px 74px;
  overflow:hidden;
}
.architecture-workflow-canvas svg{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.architecture-workflow-canvas path{fill:none;stroke:rgba(255,255,255,.76);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:9 10;animation:dashFlow 18s linear infinite}
.arch-node{
  position:absolute;
  z-index:2;
  width:210px;
  min-height:126px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  gap:7px;
  padding:15px;
  box-sizing:border-box;
  border:1px solid rgba(255,255,255,.78);
  background:#fff;
  color:#111;
  box-shadow:0 18px 42px rgba(0,0,0,.14);
}
.arch-node span{color:#000066;font-size:12px;line-height:1;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.arch-node strong{color:#111;font-size:17px;line-height:1.08;font-weight:780;letter-spacing:0}
.arch-node p{margin:0;color:#4d5565;font-size:11px;line-height:1.34}
.arch-node em{margin-top:auto;align-self:flex-start;padding:6px 9px;border:1px solid #d9ddec;background:#fbfcff;color:#000066;font-size:9.5px;line-height:1;font-style:normal;font-weight:760;white-space:nowrap}
.arch-node.an7{background:#000066;color:#fff;border-color:#fff;box-shadow:0 18px 42px rgba(0,0,0,.22)}
.arch-node.an7 span,.arch-node.an7 strong,.arch-node.an7 p{color:#fff}.arch-node.an7 em{background:#fff;color:#000066;border-color:#fff}
.arch-node.an1{left:5%;bottom:9%}
.arch-node.an2{left:28%;bottom:9%}
.arch-node.an3{left:52%;top:42%}
.arch-node.an4{right:5%;top:42%}
.arch-node.an5{right:5%;top:9%}
.arch-node.an6{left:31%;top:9%}
.arch-node.an7{left:5%;top:9%}
@media(hover:hover){
  .arch-node:hover{background:#000066;color:#fff;border-color:#fff;transform:translateY(-2px);transition:transform .2s ease,background .2s ease,color .2s ease}
  .arch-node:hover span,.arch-node:hover strong,.arch-node:hover p{color:#fff}.arch-node:hover em{background:#fff;color:#000066;border-color:#fff}
}
@media(max-width:1280px){
  .architecture-workflow{min-height:560px}.architecture-workflow-canvas{min-height:508px;background-size:64px 64px}
  .arch-node{width:176px;min-height:116px;padding:12px}.arch-node strong{font-size:14px}.arch-node p{font-size:9.6px}.arch-node em{font-size:8.5px}
  .arch-node.an6{left:30%}.arch-node.an3{left:52%}.arch-node.an2{left:28%}
}
@media(max-width:980px){
  .story-visual.compute-ui{overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-inline:contain!important}
  .architecture-workflow{min-width:960px;min-height:560px}
}
@media(max-width:700px){
  .architecture-workflow{min-width:900px;min-height:540px}
  .architecture-workflow-head{height:48px;flex-basis:48px;padding:0 12px}.architecture-workflow-head span{font-size:10px}.architecture-workflow-head b{font-size:9px;padding:8px 10px}
  .architecture-workflow-canvas{min-height:492px;background-size:52px 52px}
  .arch-node{width:166px;min-height:108px;padding:11px}.arch-node strong{font-size:13px}.arch-node p{font-size:9px}.arch-node span{font-size:10px}
  .story-visual.compute-ui::after{content:'Swipe to view architecture';position:sticky;left:12px;bottom:10px;z-index:4;display:inline-block;background:#fff;color:#000066;padding:7px 9px;font-size:10px;font-weight:750;letter-spacing:0;box-shadow:0 8px 18px rgba(0,0,102,.18)}
}
@media(prefers-reduced-motion:reduce){.architecture-workflow-canvas path{animation:none!important}}

/* V14.67 architecture sequence compact */
.architecture-workflow-head span{font-size:12px!important}
.architecture-workflow-canvas{min-height:568px!important}
.arch-node{width:220px!important;min-height:112px!important;padding:14px!important}
.arch-node strong{font-size:16px!important;line-height:1.08!important}
.arch-node p{font-size:10.5px!important;line-height:1.35!important}
.arch-node em{font-size:9px!important;padding:6px 8px!important}
.arch-node.an7{left:6%!important;top:12%!important}
.arch-node.an6{left:39%!important;top:12%!important;background:#fff!important;color:#111!important;border-color:rgba(255,255,255,.78)!important}
.arch-node.an5{left:auto!important;right:6%!important;top:12%!important;background:#fff!important;color:#111!important;border-color:rgba(255,255,255,.78)!important}
.arch-node.an4{left:auto!important;right:6%!important;top:39%!important;background:#fff!important;color:#111!important;border-color:rgba(255,255,255,.78)!important}
.arch-node.an3{left:39%!important;top:39%!important;background:#fff!important;color:#111!important;border-color:rgba(255,255,255,.78)!important}
.arch-node.an2{left:6%!important;top:39%!important;background:#fff!important;color:#111!important;border-color:rgba(255,255,255,.78)!important}
.arch-node.an1{left:39%!important;bottom:8%!important;top:auto!important;background:#fff!important;color:#111!important;border-color:rgba(255,255,255,.78)!important}
.arch-node.an6 span,.arch-node.an6 strong,.arch-node.an6 p,.arch-node.an5 span,.arch-node.an5 strong,.arch-node.an5 p,.arch-node.an4 span,.arch-node.an4 strong,.arch-node.an4 p,.arch-node.an3 span,.arch-node.an3 strong,.arch-node.an3 p,.arch-node.an2 span,.arch-node.an2 strong,.arch-node.an2 p,.arch-node.an1 span,.arch-node.an1 strong,.arch-node.an1 p{color:inherit!important}
.arch-node.an6 span,.arch-node.an5 span,.arch-node.an4 span,.arch-node.an3 span,.arch-node.an2 span,.arch-node.an1 span{color:#000066!important}
.arch-node.an7 span,.arch-node.an7 strong,.arch-node.an7 p{color:#fff!important}
.arch-node.an7 em{background:#fff!important;color:#000066!important;border-color:#fff!important}
@media(max-width:1280px){
  .arch-node{width:180px!important;min-height:104px!important;padding:12px!important}
  .arch-node strong{font-size:13.5px!important}.arch-node p{font-size:9px!important}
}
@media(max-width:980px){
  .architecture-workflow{min-width:960px!important}
  .arch-node{width:190px!important;min-height:106px!important}
  .arch-node strong{font-size:14px!important}.arch-node p{font-size:9.5px!important}
}
@media(max-width:700px){
  .architecture-workflow{min-width:900px!important}
  .arch-node{width:172px!important;min-height:100px!important;padding:11px!important}
  .arch-node strong{font-size:12.5px!important}.arch-node p{font-size:8.8px!important}
}

/* V14.68 supplied research map visual */
.story-visual.research-map-panel{
  background:#f9fafe!important;
  padding:0!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:center!important;
}
.research-map-panel img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:620px!important;
  object-fit:cover!important;
  object-position:center!important;
}
@media(max-width:1280px){
  .research-map-panel img{min-height:540px!important}
}
@media(max-width:980px){
  .story-visual.research-map-panel{overflow-x:auto!important;overflow-y:hidden!important;justify-content:flex-start!important;overscroll-behavior-inline:contain!important}
  .research-map-panel img{width:auto!important;min-width:900px!important;max-width:none!important;min-height:520px!important;object-fit:contain!important}
}
@media(max-width:700px){
  .research-map-panel img{min-width:820px!important;min-height:440px!important}
  .story-visual.research-map-panel::after{content:'Swipe to view research map';position:sticky;left:12px;bottom:10px;z-index:4;align-self:flex-end;background:#000066;color:#fff;padding:7px 9px;font-size:10px;font-weight:750;letter-spacing:0;box-shadow:0 8px 18px rgba(0,0,102,.18)}
}

/* V14.70 coded animated research map */
.story-visual.coded-research-panel{background:#f9fafe!important;padding:0!important;overflow:hidden!important;color:#111!important}
.coded-research-map{width:100%;min-height:620px;display:flex;flex-direction:column;background:#f9fafe;color:#111}
.research-map-head{flex:0 0 54px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 22px;border-bottom:1px solid #d8ddeb;background:#fff}
.research-map-head span{font-size:11px;line-height:1;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#171717}
.research-map-head b{display:grid;place-items:center;min-width:92px;min-height:38px;background:#171717;color:#fff;font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.research-stage-axis{height:38px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;border-bottom:1px solid #161b2a;background:#fff;color:#9aa1b1;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;text-align:center}
.research-canvas{position:relative;flex:1;min-height:500px;background:linear-gradient(#dce2f0 1px,transparent 1px),linear-gradient(90deg,#dce2f0 1px,transparent 1px),#f9fafe;background-size:63px 63px;overflow:hidden}
.research-canvas svg{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.research-canvas path{fill:none;stroke:#0a0780;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:10 10;animation:researchDash 18s linear infinite}
.research-canvas path.soft{stroke:#aaaaff;stroke-width:2.35;opacity:.78;animation-duration:22s}
.research-card{position:absolute;z-index:2;width:168px;min-height:104px;padding:15px 16px;box-sizing:border-box;border:1px solid #161b2a;background:#fff;color:#111;box-shadow:10px 12px 28px rgba(52,64,95,.12);display:flex;flex-direction:column;justify-content:center;gap:6px;animation:researchFloat 5.5s ease-in-out infinite}
.research-card span{color:#091064;font-size:9px;line-height:1;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.research-card strong{color:#171717;font-size:15px;line-height:1.08;font-weight:780;letter-spacing:0}
.research-card p{margin:0;color:#65697a;font-size:9.5px;line-height:1.25}
.research-card.dark{background:#111;color:#fff;box-shadow:10px 14px 30px rgba(0,0,0,.16)}
.research-card.dark span,.research-card.dark strong{color:#fff}.research-card.dark p{color:#c7c9d4}
.research-card.rc1{left:4%;top:12%;animation-delay:.05s}.research-card.rc2{left:25%;top:12%;animation-delay:.2s}.research-card.rc3{left:47%;top:12%;animation-delay:.35s}.research-card.rc4{left:69%;top:12%;animation-delay:.5s}
.research-card.rc5{left:8%;top:42%;animation-delay:.65s}.research-card.rc6{left:28%;top:42%;animation-delay:.8s}.research-card.rc7{left:49%;top:42%;animation-delay:.95s}.research-card.rc8{left:69%;top:42%;animation-delay:1.1s}.research-card.rc9{right:4%;top:42%;animation-delay:1.25s}
.research-card.rc10{left:25%;bottom:10%;animation-delay:1.4s}.research-card.rc11{left:47%;bottom:10%;animation-delay:1.55s}.research-card.rc12{left:69%;bottom:10%;animation-delay:1.7s}
.research-map-foot{flex:0 0 38px;display:flex;align-items:center;padding:0 22px;border-top:1px solid #d8ddeb;background:#fff;color:#646a7b;font-size:9.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
@keyframes researchDash{to{stroke-dashoffset:-220}}
@keyframes researchFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(max-width:1280px){
  .coded-research-map{min-height:540px}.research-canvas{min-height:438px;background-size:56px 56px}.research-card{width:142px;min-height:92px;padding:12px}.research-card strong{font-size:12.5px}.research-card p{font-size:8.4px}.research-card span{font-size:8px}
}
@media(max-width:980px){
  .story-visual.coded-research-panel{overflow-x:auto!important;overflow-y:hidden!important;justify-content:flex-start!important;overscroll-behavior-inline:contain!important}
  .coded-research-map{min-width:980px;min-height:560px}
}
@media(max-width:700px){
  .coded-research-map{min-width:900px;min-height:520px}.research-map-head{height:48px;flex-basis:48px;padding:0 14px}.research-stage-axis{height:34px}.research-canvas{min-height:410px;background-size:48px 48px}.research-card{width:132px;min-height:86px;padding:10px}.research-card strong{font-size:11.5px}.research-card p{font-size:8px}.research-map-foot{font-size:8px;padding:0 14px}.story-visual.coded-research-panel::after{content:'Swipe to view research map';position:sticky;left:12px;bottom:10px;z-index:4;display:inline-block;align-self:flex-end;background:#000066;color:#fff;padding:7px 9px;font-size:10px;font-weight:750;letter-spacing:0;box-shadow:0 8px 18px rgba(0,0,102,.18)}
}
@media(prefers-reduced-motion:reduce){.research-canvas path,.research-card{animation:none!important}}

/* V14.71 research map coded polish */
.story-visual.research-map-panel.coded-research-panel{
  align-items:stretch!important;
  justify-content:center!important;
  border-left:1px solid #d8ddeb!important;
  min-height:640px!important;
}
.story-visual.research-map-panel.coded-research-panel img{display:none!important}
.story-visual.research-map-panel.coded-research-panel .coded-research-map{
  flex:1 1 auto;
  max-width:1180px;
  margin:0 auto;
}
.coded-research-panel .research-canvas path.main{filter:drop-shadow(0 0 1px rgba(0,0,102,.12))}
.coded-research-panel .research-card{
  transition:background .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease;
}
.coded-research-panel .research-card:hover{
  background:#000066;
  color:#fff;
  border-color:#000066;
  box-shadow:0 18px 40px rgba(0,0,102,.20);
}
.coded-research-panel .research-card:hover span,
.coded-research-panel .research-card:hover strong,
.coded-research-panel .research-card:hover p{color:#fff!important}
@media(max-width:980px){
  .story-visual.research-map-panel.coded-research-panel{min-height:560px!important;justify-content:flex-start!important}
  .story-visual.research-map-panel.coded-research-panel .coded-research-map{max-width:none;margin:0}
}
@media(max-width:700px){
  .story-visual.research-map-panel.coded-research-panel{min-height:520px!important}
}

/* V14.72 blue research map spacing fix */
.story-visual.research-map-panel.coded-research-panel{
  background:#000066!important;
  border-color:#000066!important;
  min-height:650px!important;
}
.story-visual.research-map-panel.coded-research-panel .coded-research-map{
  max-width:none!important;
  background:#000066!important;
  color:#fff!important;
}
.coded-research-panel .research-map-head,
.coded-research-panel .research-stage-axis,
.coded-research-panel .research-map-foot{
  background:#000066!important;
  border-color:rgba(255,255,255,.22)!important;
  color:rgba(255,255,255,.72)!important;
}
.coded-research-panel .research-map-head span,
.coded-research-panel .research-map-head b{
  color:#fff!important;
}
.coded-research-panel .research-map-head b{
  background:#fff!important;
  color:#000066!important;
}
.coded-research-panel .research-stage-axis span{
  color:rgba(255,255,255,.62)!important;
}
.coded-research-panel .research-canvas{
  min-height:505px!important;
  background:
    linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px),
    #000066!important;
  background-size:62px 62px!important;
}
.coded-research-panel .research-canvas path{
  stroke:#ffffff!important;
  stroke-width:2.45!important;
  opacity:.9!important;
}
.coded-research-panel .research-canvas path.soft{
  stroke:#aaaaff!important;
  opacity:.72!important;
}
.coded-research-panel .research-card{
  width:186px!important;
  min-height:102px!important;
  padding:14px 15px!important;
  border-color:rgba(255,255,255,.85)!important;
  background:#fff!important;
  box-shadow:0 18px 38px rgba(0,0,0,.20)!important;
}
.coded-research-panel .research-card.dark{
  background:#101015!important;
  border-color:rgba(255,255,255,.28)!important;
}
.coded-research-panel .research-card.rc1{left:4%!important;top:14%!important}
.coded-research-panel .research-card.rc2{left:24%!important;top:14%!important}
.coded-research-panel .research-card.rc3{left:45%!important;top:14%!important}
.coded-research-panel .research-card.rc4{left:66%!important;top:14%!important}
.coded-research-panel .research-card.rc5{left:8%!important;top:43%!important}
.coded-research-panel .research-card.rc6{left:28%!important;top:43%!important}
.coded-research-panel .research-card.rc7{left:48%!important;top:43%!important}
.coded-research-panel .research-card.rc8{left:66%!important;top:43%!important}
.coded-research-panel .research-card.rc9{left:82%!important;right:auto!important;top:43%!important;width:170px!important}
.coded-research-panel .research-card.rc10{left:24%!important;bottom:10%!important}
.coded-research-panel .research-card.rc11{left:45%!important;bottom:10%!important}
.coded-research-panel .research-card.rc12{left:66%!important;bottom:10%!important}
.coded-research-panel .research-card:hover{
  background:#fff!important;
  color:#111!important;
  border-color:#fff!important;
  transform:translateY(-6px)!important;
}
.coded-research-panel .research-card:hover span{color:#000066!important}
.coded-research-panel .research-card:hover strong{color:#111!important}
.coded-research-panel .research-card:hover p{color:#65697a!important}
.coded-research-panel .research-card.dark:hover{
  background:#101015!important;
  color:#fff!important;
}
.coded-research-panel .research-card.dark:hover span,
.coded-research-panel .research-card.dark:hover strong,
.coded-research-panel .research-card.dark:hover p{color:#fff!important}
@media(max-width:1280px){
  .coded-research-panel .research-card{width:158px!important;min-height:92px!important;padding:12px!important}
  .coded-research-panel .research-card.rc9{width:150px!important;left:82%!important}
}
@media(max-width:980px){
  .story-visual.research-map-panel.coded-research-panel{min-height:570px!important}
  .coded-research-panel .coded-research-map{min-width:1040px!important;min-height:570px!important}
  .coded-research-panel .research-card{width:166px!important;min-height:96px!important}
  .coded-research-panel .research-card.rc9{width:158px!important;left:82%!important}
}
@media(max-width:700px){
  .story-visual.research-map-panel.coded-research-panel{min-height:535px!important}
  .coded-research-panel .coded-research-map{min-width:1010px!important;min-height:535px!important}
  .coded-research-panel .research-canvas{min-height:414px!important;background-size:50px 50px!important}
  .coded-research-panel .research-card{width:154px!important;min-height:88px!important;padding:10px!important}
  .coded-research-panel .research-card.rc9{width:148px!important;left:82%!important}
}

/* V14.73 research map compact SVG-like scale */
.story-visual.research-map-panel.coded-research-panel{
  min-height:610px!important;
}
.coded-research-panel .coded-research-map{
  min-height:610px!important;
}
.coded-research-panel .research-canvas{
  min-height:466px!important;
  background-size:58px 58px!important;
}
.coded-research-panel .research-card{
  width:150px!important;
  min-height:82px!important;
  padding:11px 12px!important;
  gap:5px!important;
}
.coded-research-panel .research-card span{
  font-size:8px!important;
  letter-spacing:.08em!important;
}
.coded-research-panel .research-card strong{
  font-size:13px!important;
  line-height:1.08!important;
}
.coded-research-panel .research-card p{
  font-size:8px!important;
  line-height:1.25!important;
}
.coded-research-panel .research-card.rc1{left:4%!important;top:13%!important}
.coded-research-panel .research-card.rc2{left:25%!important;top:13%!important}
.coded-research-panel .research-card.rc3{left:46%!important;top:13%!important}
.coded-research-panel .research-card.rc4{left:67%!important;top:13%!important}
.coded-research-panel .research-card.rc5{left:8%!important;top:40%!important;width:156px!important}
.coded-research-panel .research-card.rc6{left:28%!important;top:40%!important}
.coded-research-panel .research-card.rc7{left:48%!important;top:40%!important}
.coded-research-panel .research-card.rc8{left:68%!important;top:40%!important}
.coded-research-panel .research-card.rc9{left:84%!important;top:40%!important;width:150px!important}
.coded-research-panel .research-card.rc10{left:25%!important;bottom:12%!important}
.coded-research-panel .research-card.rc11{left:46%!important;bottom:12%!important}
.coded-research-panel .research-card.rc12{left:67%!important;bottom:12%!important}
.coded-research-panel .research-canvas path{
  stroke-width:2.15!important;
}
.coded-research-panel .research-canvas path.soft{
  stroke-width:2!important;
}
@media(max-width:1280px){
  .coded-research-panel .coded-research-map{min-width:980px!important}
  .coded-research-panel .research-card{width:142px!important;min-height:78px!important;padding:10px 11px!important}
  .coded-research-panel .research-card.rc5{width:148px!important}
  .coded-research-panel .research-card.rc9{width:142px!important;left:84%!important}
}
@media(max-width:980px){
  .story-visual.research-map-panel.coded-research-panel{min-height:535px!important}
  .coded-research-panel .coded-research-map{min-width:980px!important;min-height:535px!important}
  .coded-research-panel .research-canvas{min-height:405px!important;background-size:52px 52px!important}
}
@media(max-width:700px){
  .story-visual.research-map-panel.coded-research-panel{min-height:505px!important}
  .coded-research-panel .coded-research-map{min-width:940px!important;min-height:505px!important}
  .coded-research-panel .research-canvas{min-height:386px!important;background-size:48px 48px!important}
  .coded-research-panel .research-card{width:132px!important;min-height:74px!important;padding:9px 10px!important}
  .coded-research-panel .research-card strong{font-size:11.5px!important}
  .coded-research-panel .research-card p{font-size:7.6px!important}
  .coded-research-panel .research-card.rc5{width:138px!important}
  .coded-research-panel .research-card.rc9{width:132px!important;left:84%!important}
}

/* V14.74 research map final composition */
.story-visual.research-map-panel.coded-research-panel{
  min-height:590px!important;
  display:flex!important;
  justify-content:center!important;
}
.story-visual.research-map-panel.coded-research-panel .coded-research-map{
  width:min(100%,1060px)!important;
  min-height:590px!important;
  margin:0 auto!important;
}
.coded-research-panel .research-map-head{
  height:50px!important;
  flex-basis:50px!important;
  padding:0 26px!important;
}
.coded-research-panel .research-stage-axis{
  height:38px!important;
}
.coded-research-panel .research-canvas{
  min-height:448px!important;
  background-size:60px 60px!important;
}
.coded-research-panel .research-map-foot{
  height:34px!important;
  flex-basis:34px!important;
  padding:0 26px!important;
}
.coded-research-panel .research-card{
  width:150px!important;
  min-height:84px!important;
  padding:11px 12px!important;
  gap:5px!important;
  box-shadow:0 15px 32px rgba(0,0,0,.17)!important;
}
.coded-research-panel .research-card span{font-size:7.8px!important;letter-spacing:.08em!important}
.coded-research-panel .research-card strong{font-size:12.6px!important;line-height:1.06!important}
.coded-research-panel .research-card p{font-size:7.8px!important;line-height:1.24!important}
.coded-research-panel .research-card.rc1{left:4%!important;top:11%!important}
.coded-research-panel .research-card.rc2{left:25%!important;top:11%!important}
.coded-research-panel .research-card.rc3{left:46%!important;top:11%!important}
.coded-research-panel .research-card.rc4{left:67%!important;top:11%!important}
.coded-research-panel .research-card.rc5{left:8%!important;top:38%!important;width:156px!important}
.coded-research-panel .research-card.rc6{left:28%!important;top:38%!important}
.coded-research-panel .research-card.rc7{left:48%!important;top:38%!important}
.coded-research-panel .research-card.rc8{left:68%!important;top:38%!important;width:148px!important}
.coded-research-panel .research-card.rc9{left:82.5%!important;right:auto!important;top:38%!important;width:148px!important}
.coded-research-panel .research-card.rc10{left:25%!important;bottom:12%!important}
.coded-research-panel .research-card.rc11{left:46%!important;bottom:12%!important}
.coded-research-panel .research-card.rc12{left:67%!important;bottom:12%!important}
.coded-research-panel .research-canvas path{stroke-width:2!important;stroke-dasharray:9 11!important;opacity:.82!important}
.coded-research-panel .research-canvas path.soft{stroke-width:1.9!important;opacity:.62!important}
@media(max-width:1280px){
  .story-visual.research-map-panel.coded-research-panel .coded-research-map{width:min(100%,1020px)!important;min-width:0!important}
  .coded-research-panel .research-card{width:138px!important;min-height:78px!important;padding:10px!important}
  .coded-research-panel .research-card strong{font-size:11.4px!important}.coded-research-panel .research-card p{font-size:7.2px!important}
  .coded-research-panel .research-card.rc5{width:146px!important}.coded-research-panel .research-card.rc8,.coded-research-panel .research-card.rc9{width:136px!important}
  .coded-research-panel .research-card.rc9{left:82%!important}
}
@media(max-width:980px){
  .story-visual.research-map-panel.coded-research-panel{min-height:520px!important;justify-content:flex-start!important}
  .story-visual.research-map-panel.coded-research-panel .coded-research-map{width:980px!important;min-width:980px!important;max-width:none!important;min-height:520px!important;margin:0!important}
  .coded-research-panel .research-canvas{min-height:392px!important;background-size:52px 52px!important}
}
@media(max-width:700px){
  .story-visual.research-map-panel.coded-research-panel{min-height:500px!important}
  .story-visual.research-map-panel.coded-research-panel .coded-research-map{width:940px!important;min-width:940px!important;min-height:500px!important}
  .coded-research-panel .research-canvas{min-height:376px!important;background-size:48px 48px!important}
  .coded-research-panel .research-card{width:126px!important;min-height:72px!important;padding:9px!important}
  .coded-research-panel .research-card strong{font-size:10.8px!important}.coded-research-panel .research-card p{font-size:7px!important}
  .coded-research-panel .research-card.rc5{width:132px!important}.coded-research-panel .research-card.rc8,.coded-research-panel .research-card.rc9{width:126px!important}
}

/* V14.75 SVG-only research map restore */
.story-visual.research-map-panel.svg-research-panel{
  background:#f9fafe!important;
  padding:0!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:center!important;
  min-height:620px!important;
  border-left:1px solid #d8ddeb!important;
}
.story-visual.research-map-panel.svg-research-panel img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:620px!important;
  object-fit:cover!important;
  object-position:center!important;
}
@media(max-width:1280px){
  .story-visual.research-map-panel.svg-research-panel{min-height:540px!important}
  .story-visual.research-map-panel.svg-research-panel img{min-height:540px!important}
}
@media(max-width:980px){
  .story-visual.research-map-panel.svg-research-panel{min-height:520px!important;overflow-x:auto!important;overflow-y:hidden!important;justify-content:flex-start!important;overscroll-behavior-inline:contain!important}
  .story-visual.research-map-panel.svg-research-panel img{width:auto!important;min-width:900px!important;max-width:none!important;min-height:520px!important;object-fit:contain!important}
}
@media(max-width:700px){
  .story-visual.research-map-panel.svg-research-panel{min-height:440px!important}
  .story-visual.research-map-panel.svg-research-panel img{min-width:820px!important;min-height:440px!important}
  .story-visual.research-map-panel.svg-research-panel::after{content:'Swipe to view research map';position:sticky;left:12px;bottom:10px;z-index:4;align-self:flex-end;background:#000066;color:#fff;padding:7px 9px;font-size:10px;font-weight:750;letter-spacing:0;box-shadow:0 8px 18px rgba(0,0,102,.18)}
}

/* V14.76 correct SVG research map fit */
@media(min-width:981px){
  .product-story.story-research{
    grid-template-columns:minmax(360px,.68fr) minmax(0,1.32fr)!important;
  }
}
.story-visual.research-map-panel.svg-research-panel{
  background:#f9fafe!important;
  padding:0!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:620px!important;
  border-left:1px solid #d8ddeb!important;
}
.story-visual.research-map-panel.svg-research-panel img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:620px!important;
  object-fit:contain!important;
  object-position:center center!important;
}
@media(max-width:1280px) and (min-width:981px){
  .story-visual.research-map-panel.svg-research-panel{min-height:560px!important}
  .story-visual.research-map-panel.svg-research-panel img{max-height:560px!important}
}
@media(max-width:980px){
  .story-visual.research-map-panel.svg-research-panel{
    min-height:520px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overscroll-behavior-inline:contain!important;
  }
  .story-visual.research-map-panel.svg-research-panel img{
    width:auto!important;
    height:100%!important;
    min-width:900px!important;
    max-width:none!important;
    max-height:520px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
}
@media(max-width:700px){
  .story-visual.research-map-panel.svg-research-panel{min-height:440px!important}
  .story-visual.research-map-panel.svg-research-panel img{
    min-width:820px!important;
    max-height:440px!important;
  }
}

/* V14.78 inline coded research map */
.story-visual.research-map-panel.inline-research-panel{
  background:#f9fafe!important;
  padding:0!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:620px!important;
  border-left:1px solid #d8ddeb!important;
}
.story-visual.research-map-panel.inline-research-panel svg{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  max-height:620px!important;
  flex:0 0 auto!important;
}
@media(min-width:981px){
  .product-story.story-research{grid-template-columns:minmax(360px,.68fr) minmax(0,1.32fr)!important}
}
@media(max-width:1280px) and (min-width:981px){
  .story-visual.research-map-panel.inline-research-panel{min-height:560px!important}
  .story-visual.research-map-panel.inline-research-panel svg{max-height:560px!important}
}
@media(max-width:980px){
  .story-visual.research-map-panel.inline-research-panel{
    min-height:520px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    justify-content:flex-start!important;
    overscroll-behavior-inline:contain!important;
  }
  .story-visual.research-map-panel.inline-research-panel svg{
    width:900px!important;
    min-width:900px!important;
    max-width:none!important;
    max-height:520px!important;
  }
}
@media(max-width:700px){
  .story-visual.research-map-panel.inline-research-panel{min-height:440px!important}
  .story-visual.research-map-panel.inline-research-panel svg{
    width:820px!important;
    min-width:820px!important;
    max-height:440px!important;
  }
  .story-visual.research-map-panel.inline-research-panel::after{content:'Swipe to view research map';position:sticky;left:12px;bottom:10px;z-index:4;align-self:flex-end;background:#000066;color:#fff;padding:7px 9px;font-size:10px;font-weight:750;letter-spacing:0;box-shadow:0 8px 18px rgba(0,0,102,.18)}
}

/* V14.79 remove research section bottom gap */
.product-story.story-research{
  min-height:auto!important;
  align-items:stretch!important;
}
.product-story.story-research .story-copy,
.product-story.story-research .story-visual{
  min-height:0!important;
}
.product-story.story-research .story-copy{
  padding-top:clamp(52px,5vw,82px)!important;
  padding-bottom:clamp(44px,4.5vw,72px)!important;
}
.story-visual.research-map-panel.inline-research-panel{
  min-height:0!important;
  height:auto!important;
  align-self:stretch!important;
}
.story-visual.research-map-panel.inline-research-panel svg{
  max-height:none!important;
}
.m-applied.section.paper{
  padding-top:clamp(44px,4.5vw,72px)!important;
}
@media(max-width:980px){
  .product-story.story-research .story-copy{padding-block:44px!important}
  .story-visual.research-map-panel.inline-research-panel{min-height:440px!important}
  .m-applied.section.paper{padding-top:44px!important}
}
@media(max-width:700px){
  .product-story.story-research .story-copy{padding-block:38px!important}
  .story-visual.research-map-panel.inline-research-panel{min-height:380px!important}
  .m-applied.section.paper{padding-top:38px!important}
}

/* V14.80 remove Applied AI internal top gap */
.m-applied.section.paper{
  padding-top:0!important;
}
.m-applied.section.paper > .wrap,
.m-applied .wrap{
  padding-top:clamp(26px,2.4vw,38px)!important;
  padding-bottom:clamp(52px,5vw,78px)!important;
}
.m-applied .m-section-title{
  margin-top:0!important;
  margin-bottom:clamp(24px,2.6vw,34px)!important;
  padding-top:14px!important;
}
@media(max-width:980px){
  .m-applied.section.paper > .wrap,
  .m-applied .wrap{padding-top:30px!important;padding-bottom:48px!important}
}
@media(max-width:700px){
  .m-applied.section.paper > .wrap,
  .m-applied .wrap{padding-top:24px!important;padding-bottom:42px!important}
}

/* V14.81 animated inline research map */
.story-visual.research-map-panel.inline-research-panel svg line[stroke="#0A0780"],
.story-visual.research-map-panel.inline-research-panel svg path[stroke="#0A0780"],
.story-visual.research-map-panel.inline-research-panel svg path[stroke="#B9C2DE"]{
  animation: iaiResearchDash 16s linear infinite;
}
.story-visual.research-map-panel.inline-research-panel svg path[stroke="#B9C2DE"]{
  animation-duration:22s;
}
.story-visual.research-map-panel.inline-research-panel svg rect[filter="url(#shadow)"]{
  transform-box:fill-box;
  transform-origin:center;
  animation: iaiResearchCardBreathe 6.5s ease-in-out infinite;
}
.story-visual.research-map-panel.inline-research-panel svg rect[fill="#0A0780"][filter="url(#shadow)"]{
  animation: iaiResearchCardBreathe 6.5s ease-in-out infinite, iaiResearchBluePulse 4.8s ease-in-out infinite;
}
.story-visual.research-map-panel.inline-research-panel svg rect[filter="url(#shadow)"]:nth-of-type(3n){animation-delay:.35s}
.story-visual.research-map-panel.inline-research-panel svg rect[filter="url(#shadow)"]:nth-of-type(3n+1){animation-delay:.7s}
.story-visual.research-map-panel.inline-research-panel svg rect[filter="url(#shadow)"]:nth-of-type(4n){animation-delay:1.05s}
.story-visual.research-map-panel.inline-research-panel svg:hover rect[filter="url(#shadow)"]{
  animation-play-state:paused;
}
@keyframes iaiResearchDash{
  to{stroke-dashoffset:-220}
}
@keyframes iaiResearchCardBreathe{
  0%,100%{transform:translateY(0);filter:url(#shadow)}
  50%{transform:translateY(-3px);filter:url(#shadow)}
}
@keyframes iaiResearchBluePulse{
  0%,100%{opacity:1}
  50%{opacity:.9}
}
@media(prefers-reduced-motion:reduce){
  .story-visual.research-map-panel.inline-research-panel svg line,
  .story-visual.research-map-panel.inline-research-panel svg path,
  .story-visual.research-map-panel.inline-research-panel svg rect{animation:none!important}
}

/* V14.82 blue structured cognition hero card */
.m-hero-visual .lattice-core{
  background:#000066!important;
  border-color:#000066!important;
  color:#fff!important;
  box-shadow:0 20px 48px rgba(0,0,102,.22)!important;
}
.m-hero-visual .lattice-core span,
.m-hero-visual .lattice-core strong,
.m-hero-visual .lattice-core small{
  color:#fff!important;
}
.m-hero-visual .lattice-core small{
  opacity:.82!important;
}

/* V14.83 blue Workspace / Research task panel */
.story-visual.workspace-ui{
  background:#000066!important;
  border-color:#000066!important;
  color:#fff!important;
  box-shadow:0 18px 42px rgba(0,0,102,.16)!important;
}
.story-visual.workspace-ui .ui-top{
  background:#000066!important;
  border-bottom:1px solid rgba(255,255,255,.18)!important;
  color:#fff!important;
}
.story-visual.workspace-ui .ui-top span,
.story-visual.workspace-ui .ui-top i{
  color:#fff!important;
}
.story-visual.workspace-ui .ui-body{
  background:
    linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px),
    #000066!important;
  background-size:52px 52px!important;
  color:#fff!important;
}
.story-visual.workspace-ui .ui-body aside{
  background:rgba(255,255,255,.06)!important;
  border-right:1px solid rgba(255,255,255,.16)!important;
  color:#fff!important;
}
.story-visual.workspace-ui .ui-body aside b,
.story-visual.workspace-ui .ui-body aside span{
  color:#fff!important;
  border-color:rgba(255,255,255,.18)!important;
}
.story-visual.workspace-ui .ui-body aside span.done{
  color:rgba(255,255,255,.72)!important;
}
.story-visual.workspace-ui .ui-body aside span.active{
  background:#fff!important;
  color:#000066!important;
  border-color:#fff!important;
}
.story-visual.workspace-ui .ui-query{
  color:#fff!important;
  border-bottom:1px solid rgba(255,255,255,.16)!important;
}
.story-visual.workspace-ui .ui-result{
  background:#fff!important;
  color:#111!important;
  box-shadow:0 18px 36px rgba(0,0,0,.14)!important;
}
.story-visual.workspace-ui .ui-result span{color:#000066!important}
.story-visual.workspace-ui .ui-result h4{color:#111!important}
.story-visual.workspace-ui .ui-result p{color:#555b68!important}
.story-visual.workspace-ui .ui-metrics b{
  color:#111!important;
  border-color:#e3e6f0!important;
}
.story-visual.workspace-ui .ui-metrics em{color:#000066!important}

/* V14.84 mobile research overview and app footer polish */
@media(max-width:700px){
  .product-story.story-research{
    padding-bottom:0!important;
  }
  .story-visual.research-map-panel.inline-research-panel{
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    overflow:hidden!important;
    border-left:0!important;
    border-right:0!important;
    border-top:1px solid #dfe3ef!important;
    border-bottom:1px solid #dfe3ef!important;
    align-items:flex-start!important;
    justify-content:center!important;
    background:#f9fafe!important;
  }
  .story-visual.research-map-panel.inline-research-panel svg{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    max-height:none!important;
    display:block!important;
  }
  .story-visual.research-map-panel.inline-research-panel::after{
    content:none!important;
    display:none!important;
  }
  .mobile-app-footer{
    left:10px!important;
    right:10px!important;
    bottom:8px!important;
    min-height:68px!important;
    padding:7px 7px calc(7px + env(safe-area-inset-bottom))!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:5px!important;
    background:rgba(0,0,102,.96)!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:18px!important;
    box-shadow:0 16px 38px rgba(0,0,50,.28)!important;
    backdrop-filter:blur(18px)!important;
  }
  .mobile-app-footer__item{
    min-width:0!important;
    min-height:54px!important;
    padding:6px 3px!important;
    border:0!important;
    border-radius:14px!important;
    background:transparent!important;
    color:rgba(255,255,255,.76)!important;
    box-shadow:none!important;
    transform:none!important;
    gap:4px!important;
  }
  .mobile-app-footer__item span{
    width:24px!important;
    height:24px!important;
    border:0!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.10)!important;
    color:#fff!important;
    font-size:10px!important;
    font-weight:800!important;
    line-height:1!important;
  }
  .mobile-app-footer__item strong{
    font-size:10px!important;
    line-height:1.1!important;
    font-weight:650!important;
    letter-spacing:0!important;
    color:inherit!important;
  }
  .mobile-app-footer__item.active,
  .mobile-app-footer__item:hover,
  .mobile-app-footer__item:focus-visible{
    background:#fff!important;
    color:#000066!important;
  }
  .mobile-app-footer__item.active span,
  .mobile-app-footer__item:hover span,
  .mobile-app-footer__item:focus-visible span{
    background:#000066!important;
    color:#fff!important;
  }
}
@media(max-width:380px){
  .mobile-app-footer{left:6px!important;right:6px!important;gap:3px!important}
  .mobile-app-footer__item strong{font-size:9px!important}
  .mobile-app-footer__item span{width:22px!important;height:22px!important;font-size:9px!important}
}

/* V14.85 mobile diagram overview consistency */
@media(max-width:700px){
  .story-visual.studio-ui,
  .story-visual.compute-ui,
  .story-visual.forge-ui,
  .story-visual.workspace-ui{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    border-left:0!important;
    border-right:0!important;
    border-top:1px solid #dfe3ef!important;
    border-bottom:1px solid #dfe3ef!important;
    box-shadow:none!important;
  }

  .story-visual.studio-ui{
    min-height:0!important;
    height:auto!important;
    overflow:hidden!important;
    background:#f9fafe!important;
  }
  .story-visual.studio-ui .cognitive-map{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:360px!important;
    min-height:360px!important;
    padding:30px 18px!important;
    transform:none!important;
    overflow:hidden!important;
    column-gap:10px!important;
    row-gap:12px!important;
    background-size:44px 44px!important;
  }
  .story-visual.studio-ui .cognitive-node{
    max-width:none!important;
    min-height:64px!important;
    padding:8px!important;
  }
  .story-visual.studio-ui .cognitive-node strong{font-size:10px!important;line-height:1.08!important}
  .story-visual.studio-ui .cognitive-node small{font-size:6.5px!important;line-height:1!important}
  .story-visual.studio-ui .cognitive-node em{font-size:6.8px!important;line-height:1.1!important}
  .story-visual.studio-ui .cognitive-map svg{inset:0!important;width:100%!important;height:100%!important}
  .story-visual.studio-ui::after{content:none!important;display:none!important}

  .story-visual.compute-ui{
    overflow:hidden!important;
    min-height:0!important;
    height:auto!important;
  }
  .story-visual.compute-ui .architecture-workflow{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:430px!important;
    height:430px!important;
  }
  .story-visual.compute-ui .architecture-workflow-canvas{
    min-height:382px!important;
    background-size:44px 44px!important;
  }
  .story-visual.compute-ui .arch-node{
    width:128px!important;
    min-height:76px!important;
    padding:8px!important;
  }
  .story-visual.compute-ui .arch-node strong{font-size:10px!important;line-height:1.08!important}
  .story-visual.compute-ui .arch-node p{font-size:7px!important;line-height:1.18!important}
  .story-visual.compute-ui .arch-node span{font-size:8px!important}
  .story-visual.compute-ui::after{content:none!important;display:none!important}

  .story-visual.forge-ui{
    min-height:0!important;
    height:auto!important;
    overflow:hidden!important;
  }
  .story-visual.forge-ui .forge-chart{
    min-height:300px!important;
    height:300px!important;
    padding:18px 14px 10px!important;
  }
  .story-visual.forge-ui .forge-chart svg{
    width:100%!important;
    height:190px!important;
  }
  .story-visual.forge-ui .forge-metrics div{
    min-height:58px!important;
    padding:10px!important;
  }

  .story-visual.workspace-ui{
    min-height:0!important;
    height:auto!important;
    overflow:hidden!important;
  }
  .story-visual.workspace-ui .ui-body{
    min-height:320px!important;
  }
  .story-visual.workspace-ui .ui-body main{
    padding:18px!important;
  }
  .story-visual.workspace-ui .ui-query{
    font-size:14px!important;
    line-height:1.35!important;
    padding-bottom:16px!important;
  }
  .story-visual.workspace-ui .ui-result{
    margin-top:16px!important;
    padding:16px!important;
  }
  .story-visual.workspace-ui .ui-result h4{
    font-size:18px!important;
    line-height:1.12!important;
  }
  .story-visual.workspace-ui .ui-result p{
    font-size:11px!important;
  }
}
@media(max-width:380px){
  .story-visual.studio-ui .cognitive-map{height:330px!important;min-height:330px!important;padding:26px 14px!important}
  .story-visual.studio-ui .cognitive-node{min-height:58px!important;padding:7px!important}
  .story-visual.studio-ui .cognitive-node strong{font-size:9px!important}
  .story-visual.compute-ui .architecture-workflow{height:400px!important;min-height:400px!important}
  .story-visual.compute-ui .architecture-workflow-canvas{min-height:352px!important}
  .story-visual.compute-ui .arch-node{width:118px!important;min-height:70px!important}
}

/* V14.86 restore mobile diagram scroll consistency */
@media(max-width:700px){
  .story-visual.workspace-ui,
  .story-visual.studio-ui,
  .story-visual.forge-ui,
  .story-visual.compute-ui,
  .story-visual.research-map-panel.inline-research-panel{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    border-left:0!important;
    border-right:0!important;
    border-top:1px solid #dfe3ef!important;
    border-bottom:1px solid #dfe3ef!important;
    box-shadow:none!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    justify-content:flex-start!important;
    align-items:stretch!important;
    overscroll-behavior-inline:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .story-visual.workspace-ui{
    min-height:430px!important;
    background:#000066!important;
  }
  .story-visual.workspace-ui .ui-top{
    min-width:760px!important;
    width:760px!important;
    flex:0 0 46px!important;
  }
  .story-visual.workspace-ui .ui-body{
    min-width:760px!important;
    width:760px!important;
    min-height:384px!important;
    grid-template-columns:185px 1fr!important;
  }
  .story-visual.workspace-ui .ui-body aside{
    display:flex!important;
  }
  .story-visual.workspace-ui .ui-query{font-size:16px!important;line-height:1.35!important}
  .story-visual.workspace-ui .ui-result h4{font-size:22px!important}

  .story-visual.studio-ui{
    min-height:566px!important;
    background:#f9fafe!important;
  }
  .story-visual.studio-ui .canvas-toolbar{
    min-width:940px!important;
    width:940px!important;
    flex:0 0 46px!important;
  }
  .story-visual.studio-ui .cognitive-map{
    min-width:940px!important;
    width:940px!important;
    max-width:none!important;
    height:520px!important;
    min-height:520px!important;
    padding:56px 30px!important;
    column-gap:20px!important;
    row-gap:22px!important;
    background-size:52px 52px!important;
  }
  .story-visual.studio-ui .cognitive-node{
    max-width:142px!important;
    min-height:80px!important;
    padding:10px 11px!important;
  }
  .story-visual.studio-ui .cognitive-node strong{font-size:13px!important;line-height:1.08!important}
  .story-visual.studio-ui .cognitive-node small{font-size:7.4px!important}
  .story-visual.studio-ui .cognitive-node em{font-size:8.6px!important}

  .story-visual.compute-ui{
    min-height:588px!important;
    background:#000066!important;
  }
  .story-visual.compute-ui .architecture-workflow{
    min-width:900px!important;
    width:900px!important;
    max-width:none!important;
    min-height:540px!important;
    height:540px!important;
  }
  .story-visual.compute-ui .architecture-workflow-head{
    height:48px!important;
    flex-basis:48px!important;
    padding:0 12px!important;
  }
  .story-visual.compute-ui .architecture-workflow-canvas{
    min-height:492px!important;
    background-size:52px 52px!important;
  }
  .story-visual.compute-ui .arch-node{
    width:172px!important;
    min-height:100px!important;
    padding:11px!important;
  }
  .story-visual.compute-ui .arch-node strong{font-size:12.5px!important;line-height:1.08!important}
  .story-visual.compute-ui .arch-node p{font-size:8.8px!important;line-height:1.25!important}

  .story-visual.forge-ui{
    min-height:392px!important;
    background:#f9fafe!important;
  }
  .story-visual.forge-ui .forge-head{
    min-width:760px!important;
    width:760px!important;
    flex:0 0 46px!important;
  }
  .story-visual.forge-ui .forge-chart{
    min-width:760px!important;
    width:760px!important;
    min-height:346px!important;
    height:346px!important;
    padding:24px 22px 12px!important;
  }
  .story-visual.forge-ui .forge-chart svg{
    height:220px!important;
  }

  .story-visual.research-map-panel.inline-research-panel{
    min-height:440px!important;
    background:#f9fafe!important;
  }
  .story-visual.research-map-panel.inline-research-panel svg{
    width:820px!important;
    min-width:820px!important;
    max-width:none!important;
    height:auto!important;
    max-height:440px!important;
    flex:0 0 auto!important;
  }

  .story-visual.studio-ui::after,
  .story-visual.compute-ui::after,
  .story-visual.research-map-panel.inline-research-panel::after{
    content:'Swipe to view full diagram'!important;
    position:sticky!important;
    left:12px!important;
    bottom:10px!important;
    z-index:5!important;
    display:inline-block!important;
    align-self:flex-end!important;
    background:#000066!important;
    color:#fff!important;
    padding:7px 9px!important;
    font-size:10px!important;
    font-weight:750!important;
    letter-spacing:0!important;
    box-shadow:0 8px 18px rgba(0,0,102,.18)!important;
  }
  .story-visual.compute-ui::after{background:#fff!important;color:#000066!important}
}
@media(max-width:380px){
  .story-visual.workspace-ui .ui-top,
  .story-visual.workspace-ui .ui-body{min-width:720px!important;width:720px!important}
  .story-visual.forge-ui .forge-head,
  .story-visual.forge-ui .forge-chart{min-width:720px!important;width:720px!important}
}

/* V14.87 mobile CTA and footer spacing polish */
@media(max-width:700px){
  body{padding-bottom:72px!important}
  .future-cta{
    padding-top:42px!important;
    padding-bottom:28px!important;
    min-height:0!important;
    gap:20px!important;
  }
  .future-copy>span{
    font-size:clamp(34px,9.5vw,43px)!important;
    line-height:1.02!important;
  }
  .future-copy h2{
    margin-top:14px!important;
    font-size:16px!important;
    line-height:1.45!important;
    color:#555bff!important;
    opacity:.55!important;
  }
  .future-actions{
    gap:10px!important;
    width:100%!important;
  }
  .future-actions .button{
    min-height:50px!important;
    width:100%!important;
  }
  .mobile-app-footer{
    left:12px!important;
    right:12px!important;
    bottom:8px!important;
    min-height:58px!important;
    padding:0!important;
    grid-template-columns:repeat(5,1fr)!important;
    gap:0!important;
    border-radius:17px!important;
    overflow:hidden!important;
    background:#000066!important;
    border:1px solid rgba(255,255,255,.14)!important;
    box-shadow:0 10px 26px rgba(0,0,50,.24)!important;
  }
  .mobile-app-footer__item{
    min-height:58px!important;
    padding:7px 2px 6px!important;
    border-radius:0!important;
    gap:6px!important;
    color:rgba(255,255,255,.78)!important;
  }
  .mobile-app-footer__item span{
    width:22px!important;
    height:22px!important;
    margin-bottom:1px!important;
    background:rgba(255,255,255,.11)!important;
    font-size:9px!important;
  }
  .mobile-app-footer__item strong{
    font-size:9.5px!important;
    line-height:1!important;
    font-weight:650!important;
  }
  .mobile-app-footer__item.active,
  .mobile-app-footer__item:hover,
  .mobile-app-footer__item:focus-visible{
    background:#fff!important;
    color:#000066!important;
    border-radius:14px!important;
    margin:5px!important;
    min-height:48px!important;
    padding-top:5px!important;
    padding-bottom:5px!important;
  }
  .mobile-app-footer__item.active span,
  .mobile-app-footer__item:hover span,
  .mobile-app-footer__item:focus-visible span{
    background:#000066!important;
    color:#fff!important;
  }
}
@media(max-width:380px){
  body{padding-bottom:68px!important}
  .mobile-app-footer{left:8px!important;right:8px!important;bottom:6px!important;min-height:56px!important}
  .mobile-app-footer__item{min-height:56px!important;gap:5px!important}
  .mobile-app-footer__item strong{font-size:8.8px!important}
  .mobile-app-footer__item span{width:21px!important;height:21px!important}
}

/* V14.88 flat mobile footer and blue CTA divider */
@media(max-width:700px){
  .future-cta{
    border-top:1px solid #000066!important;
  }
  .mobile-app-footer{
    left:0!important;
    right:0!important;
    bottom:0!important;
    min-height:58px!important;
    padding:0!important;
    border-radius:0!important;
    border:0!important;
    border-top:1px solid rgba(255,255,255,.18)!important;
    box-shadow:0 -8px 24px rgba(0,0,50,.18)!important;
    background:#000066!important;
    gap:0!important;
  }
  .mobile-app-footer__item{
    margin:0!important;
    border-radius:0!important;
    min-height:58px!important;
    padding:7px 2px 6px!important;
    gap:6px!important;
  }
  .mobile-app-footer__item.active,
  .mobile-app-footer__item:hover,
  .mobile-app-footer__item:focus-visible{
    margin:0!important;
    border-radius:0!important;
    min-height:58px!important;
    padding:7px 2px 6px!important;
    background:#fff!important;
    color:#000066!important;
  }
  .mobile-app-footer__item span{
    margin:0 0 2px!important;
  }
}
@media(max-width:380px){
  .mobile-app-footer{left:0!important;right:0!important;bottom:0!important;min-height:56px!important}
  .mobile-app-footer__item,
  .mobile-app-footer__item.active,
  .mobile-app-footer__item:hover,
  .mobile-app-footer__item:focus-visible{min-height:56px!important}
}

/* V14.89 mobile CTA subtitle color correction */
@media(max-width:700px){
  .future-copy h2{
    color:#4f5565!important;
    opacity:1!important;
  }
}