/* CEREBRO V6 — zero-flash first-paint guard. This duplicates only V5's visible
   white/blue first-paint theme at very high specificity so legacy warm styles
   encountered later in this large single-file document can never paint first. */
html:root,html:root body{background:#fff!important;background-color:#fff!important;color:#05090d!important}
html:root body main#top#top{background:#fff!important;background-color:#fff!important}
html:root body .vignette.vignette{background:transparent!important}
html:root body .noise.noise{opacity:.018!important;mix-blend-mode:multiply!important;filter:grayscale(1)!important}
html:root body .cerebro-blue-atmosphere.cerebro-blue-atmosphere{
  display:block!important;opacity:.20!important;mix-blend-mode:screen!important;
  background-image:radial-gradient(circle at 82% 13%,rgba(25,168,255,.15),transparent 25%),radial-gradient(circle at 13% 68%,rgba(79,196,255,.10),transparent 29%),radial-gradient(circle at 52% 92%,rgba(94,202,255,.07),transparent 25%)!important
}
/* The old loader is intentionally bypassed in V6 so there is no intermediary theme. */
html:root body #loader#loader{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:none!important}
/* Hero must be V5 white from the first render, never the historical warm skin. */
html:root body main#top#top section.hero.hero{
  background:#fff!important;background-color:#fff!important;background-image:none!important;
  border-bottom:1.5px solid rgba(18,157,244,.68)!important;
  box-shadow:inset 0 -25px 36px -34px rgba(20,169,255,.34)!important
}
html:root body main#top#top section.hero.hero::before{background:none!important;background-image:none!important}
html:root body main#top#top section.hero.hero::after{
  background:linear-gradient(90deg,rgba(255,255,255,.80) 0%,rgba(255,255,255,.48) 34%,transparent 64%)!important
}
/* V5 blue headbar from first paint, including any routed state. */
html:root body header.nav-wrap.nav-wrap nav.nav.nav,
html:root body.northline-support-active header.nav-wrap.nav-wrap nav.nav.nav,
html:root body.systems-open header.nav-wrap.nav-wrap nav.nav.nav{
  background:linear-gradient(135deg,#43b7fb 0%,#229eea 48%,#1689d5 100%)!important;
  border:1.25px solid rgba(255,255,255,.62)!important;
  box-shadow:0 15px 42px rgba(20,133,204,.24),0 0 26px rgba(33,169,255,.18),inset 0 1px 0 rgba(255,255,255,.28)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important
}
html:root body header.nav-wrap.nav-wrap nav.nav.nav .brand-logo,
html:root body header.nav-wrap.nav-wrap nav.nav.nav .brand-logo-img{opacity:1!important}
html:root body header.nav-wrap.nav-wrap nav.nav.nav .brand-logo{filter:brightness(0) invert(1)!important}
html:root body header.nav-wrap.nav-wrap nav.nav.nav .brand-mark{width:34px!important;height:34px!important}
html:root body header.nav-wrap.nav-wrap nav.nav.nav .brand-mark .brand-logo-img{
  width:100%!important;height:100%!important;max-height:none!important;
  filter:brightness(1.18) saturate(1.32) contrast(1.08) drop-shadow(0 0 8px rgba(225,250,255,.74)) drop-shadow(0 0 16px rgba(72,218,255,.45))!important
}
html:root body header.nav-wrap.nav-wrap nav.nav.nav .brand-pipe{
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.96),transparent)!important;
  box-shadow:0 0 10px rgba(255,255,255,.38)!important
}
html:root body header.nav-wrap.nav-wrap nav.nav.nav .brand-sub,
html:root body header.nav-wrap.nav-wrap nav.nav.nav .nav-links>a,
html:root body header.nav-wrap.nav-wrap nav.nav.nav .cap-btn,
html:root body header.nav-wrap.nav-wrap nav.nav.nav .nav-cta,
html:root body header.nav-wrap.nav-wrap nav.nav.nav .mobile-nav-cta{
  background-color:transparent;color:#fff!important;-webkit-text-fill-color:#fff!important
}
html:root body header.nav-wrap.nav-wrap nav.nav.nav .brand-sub{background:none!important}
html:root body header.nav-wrap.nav-wrap nav.nav.nav .nav-cta{
  border-color:rgba(255,255,255,.76)!important;background:rgba(255,255,255,.08)!important
}

/* V7 first-paint hero lock: the visible hero must already match the fully loaded
   V5/V6 state before any historical warm stylesheet can paint. These selectors
   deliberately exceed the specificity of all legacy !important colour rules,
   while leaving dimensions, typography metrics and motion untouched. */
html:root body main#top#top#top section.hero.hero .hero-copywrap.hero-copywrap .hero-note.hero-note{
  background:none!important;
  background-image:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  color:#070a0f!important;
  -webkit-text-fill-color:#070a0f!important;
  text-shadow:none!important;
}
html:root body main#top#top#top section.hero.hero .hero-copywrap.hero-copywrap .hero-note.hero-note .hero-note-accent.hero-note-accent{
  display:inline!important;
  background:linear-gradient(105deg,#1b6cff 4%,#6da6ff 28%,#1b6cff 46%,#93bbff 58%,#1b6cff 74%,#4f8fff 96%)!important;
  background-size:240% 100%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:none!important;
}
html:root body main#top#top#top section.hero.hero .hero-copywrap.hero-copywrap .hero-desc.hero-desc,
html:root body main#top#top#top section.hero.hero .hero-copywrap.hero-copywrap .kicker.kicker{
  background:none!important;
  background-image:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  color:#070a0f!important;
  -webkit-text-fill-color:#070a0f!important;
  text-shadow:none!important;
}
html:root body main#top#top#top section.hero.hero .hero-copywrap.hero-copywrap .kicker.kicker i{
  background:#25a9ff!important;
  background-color:#25a9ff!important;
  border-color:rgba(37,169,255,.30)!important;
  box-shadow:0 0 12px rgba(37,169,255,.16)!important;
}
html:root body main#top#top#top section.hero.hero .hero-copywrap.hero-copywrap .actions.actions a.btn.btn.primary,
html:root body main#top#top#top section.hero.hero .hero-copywrap.hero-copywrap .actions.actions a.btn.btn.secondary{
  background:#fff!important;
  background-color:#fff!important;
  background-image:none!important;
  color:#070a0f!important;
  -webkit-text-fill-color:#070a0f!important;
  border:1px solid rgba(37,169,255,.42)!important;
  box-shadow:0 8px 24px rgba(20,91,160,.055)!important;
}
html:root body main#top#top#top section.hero.hero .hero-copywrap.hero-copywrap .actions.actions a.btn.btn.primary span,
html:root body main#top#top#top section.hero.hero .hero-copywrap.hero-copywrap .actions.actions a.btn.btn.primary b,
html:root body main#top#top#top section.hero.hero .hero-copywrap.hero-copywrap .actions.actions a.btn.btn.secondary span,
html:root body main#top#top#top section.hero.hero .hero-copywrap.hero-copywrap .actions.actions a.btn.btn.secondary b{
  color:#070a0f!important;
  -webkit-text-fill-color:#070a0f!important;
}
html:root body main#top#top#top section.hero.hero .hero-copywrap.hero-copywrap .actions.actions a.btn.btn.primary:hover,
html:root body main#top#top#top section.hero.hero .hero-copywrap.hero-copywrap .actions.actions a.btn.btn.secondary:hover{
  background:#fff!important;
  color:#070a0f!important;
  -webkit-text-fill-color:#070a0f!important;
  border-color:rgba(37,169,255,.72)!important;
  box-shadow:0 0 18px rgba(37,169,255,.15),0 12px 30px rgba(20,91,160,.06)!important;
}
html:root body main#top#top#top section.hero.hero .hero-note.hero-note::after,
html:root body main#top#top#top section.hero.hero .scrollcue.scrollcue i{
  border-color:rgba(27,108,255,.18)!important;
  background:linear-gradient(90deg,rgba(27,108,255,.58),transparent)!important;
  box-shadow:0 0 8px rgba(27,108,255,.10)!important;
}
html:root body main#top#top#top section.hero.hero .telemetry.telemetry,
html:root body main#top#top#top section.hero.hero .scrollcue.scrollcue{
  color:#667085!important;
  -webkit-text-fill-color:#667085!important;
  text-shadow:none!important;
}

/* Keep all top-level page canvases white even while the parser is still crossing legacy CSS. */
html:root body #company#company,
html:root body #solutions#solutions,
html:root body #method#method,
html:root body #devices#devices,
html:root body #founder#founder,
html:root body #contact#contact,
html:root body #systemsView#systemsView,
html:root body .solution-view.solution-view,
html:root body .contact-page-view.contact-page-view,
html:root body .legal-view.legal-view,
html:root body footer.footer{
  background:#fff!important;background-color:#fff!important;background-image:none!important
}



/* Semantic-only conversion: keeps the approved V11 hero title visually identical after p -> h1. */
html:root body main#top#top#top section.hero.hero h1.hero-note.hero-note{
  margin:20px 0 0!important;
  font-family:"Merriweather",Georgia,"Times New Roman",serif!important;
  font-size:clamp(54px,6.9vw,112px)!important;
  font-weight:400!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;
  max-width:10.6ch!important;
  background:none!important;
  background-image:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  color:#070a0f!important;
  -webkit-text-fill-color:#070a0f!important;
  text-shadow:none!important;
}



:root{--black:#020304;--panel:rgba(12,14,16,.72);--line:rgba(255,255,255,.12);--line2:rgba(255,255,255,.25);--white:#f5f7f8;--muted:#8c949a;--soft:#c8cdd1;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}body{margin:0;background:#020304;color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden;cursor:none}button,a,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}.noise{position:fixed;inset:0;pointer-events:none;z-index:80;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E")}.cursor,.cursor-ring{position:fixed;left:0;top:0;pointer-events:none;z-index:1000;border-radius:50%;transform:translate(-100px,-100px)}.cursor{width:4px;height:4px;background:white;box-shadow:0 0 12px white}.cursor-ring{width:34px;height:34px;border:1px solid rgba(255,255,255,.42);margin:-15px 0 0 -15px;transition:width .2s,height .2s,margin .2s,border .2s,background .2s}.cursor-ring.active{width:54px;height:54px;margin:-25px 0 0 -25px;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.8)}
#universe{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 64% 38%,transparent 0 12%,rgba(0,0,0,.08) 30%,rgba(0,0,0,.58) 74%,#020304 100%)}
.loader{position:fixed;inset:0;z-index:900;background:#010203;display:grid;place-items:center;transition:opacity .9s var(--ease),visibility .9s}.loader.done{opacity:0;visibility:hidden}.loader-core{position:relative;width:min(440px,80vw);height:min(440px,80vw);display:grid;place-items:center}.loader-core:before,.loader-core:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.18);inset:20%;animation:spin 3s linear infinite}.loader-core:after{inset:31%;animation-direction:reverse;animation-duration:2s}.loader-dot{width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 32px 10px rgba(255,255,255,.4);animation:loaderPulse 1.4s ease-in-out infinite}.loader-lines{position:absolute;inset:10%}.loader-lines i{position:absolute;left:50%;top:50%;width:1px;height:38%;transform-origin:0 0;background:linear-gradient(#fff,transparent);opacity:.34;animation:lineGrow 1.6s var(--ease) both}.loader-lines i:nth-child(2){transform:rotate(45deg);animation-delay:.1s}.loader-lines i:nth-child(3){transform:rotate(90deg);animation-delay:.2s}.loader-lines i:nth-child(4){transform:rotate(135deg);animation-delay:.3s}.loader-lines i:nth-child(5){transform:rotate(180deg);animation-delay:.4s}.loader-lines i:nth-child(6){transform:rotate(225deg);animation-delay:.5s}.loader-lines i:nth-child(7){transform:rotate(270deg);animation-delay:.6s}.loader-lines i:nth-child(8){transform:rotate(315deg);animation-delay:.7s}.loader-word{position:absolute;bottom:8%;font-size:11px;letter-spacing:.5em;color:#bfc5ca}.loader-progress{position:absolute;bottom:1%;font-size:9px;letter-spacing:.18em;color:#6b7379}.skip-loader{position:absolute;right:26px;top:26px;background:none;border:1px solid var(--line);padding:10px 14px;color:#8d959b;letter-spacing:.12em;font-size:9px;cursor:pointer}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes loaderPulse{50%{transform:scale(1.8);opacity:.45}}@keyframes lineGrow{from{height:0;opacity:0}to{height:38%;opacity:.34}}
.nav-wrap{position:fixed;left:0;right:0;top:0;z-index:90;padding:18px 2.5vw}.nav{max-width:1480px;height:66px;margin:auto;padding:0 12px 0 24px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(4,6,7,.58);backdrop-filter:blur(24px) saturate(120%);display:flex;align-items:center;box-shadow:0 18px 60px rgba(0,0,0,.32)}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand-name{font-size:18px;letter-spacing:.22em;font-weight:600}.brand-pipe{width:1px;height:18px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.58),transparent);box-shadow:0 0 10px rgba(255,255,255,.12)}.brand-sub{font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:#777f85;background:linear-gradient(90deg,#626a70 0%,#aeb5ba 46%,#626a70 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:brandSheen 8s var(--ease) infinite}@keyframes brandSheen{0%,72%,100%{background-position:100% 0}86%{background-position:0 0}}.brand-mark{width:22px;height:22px;border:1px solid #777;border-radius:50%;position:relative;box-shadow:inset 0 0 12px rgba(255,255,255,.13);flex:0 0 auto}.brand-mark:before,.brand-mark:after{content:"";position:absolute;inset:4px;border:1px solid #777;border-radius:50%;transform:rotate(58deg)}.brand-mark:after{transform:rotate(-58deg)}.nav-links{display:flex;align-items:center;gap:28px;margin-left:auto}.nav-links>a,.cap-btn{background:none;border:0;padding:10px 0;color:#8e969c;font-size:10px;letter-spacing:.11em;text-transform:uppercase;cursor:pointer;transition:.25s}.nav-links>a:hover,.cap-btn:hover{color:#fff}.capabilities{position:relative}.cap-btn span{display:inline-block;transition:transform .3s}.capabilities.open .cap-btn span{transform:rotate(180deg)}.dropdown{position:absolute;right:-155px;top:52px;width:570px;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:4px;background:rgba(7,9,10,.96);border:1px solid var(--line2);border-radius:20px;box-shadow:0 40px 100px rgba(0,0,0,.68);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.98);transition:.28s var(--ease)}.capabilities.open .dropdown{opacity:1;visibility:visible;transform:none}.dropdown a{display:block;padding:16px;border-radius:13px;color:#c7ccd0;transition:.25s}.dropdown a:hover{background:rgba(255,255,255,.055);transform:translateX(4px)}.dropdown strong{display:block;font-size:11px;margin-bottom:5px}.dropdown small{color:#697178;line-height:1.45}.nav-cta{margin-left:20px;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:13px 18px;font-size:10px;letter-spacing:.08em;transition:.3s}.nav-cta:hover{background:#fff;color:#050607}.menu{display:none;margin-left:auto;background:none;border:0;width:40px;height:40px;place-items:center;cursor:pointer}.menu i,.menu i:before,.menu i:after{content:"";display:block;width:18px;height:1px;background:#fff;position:relative}.menu i:before{position:absolute;top:-6px}.menu i:after{position:absolute;top:6px}
main{position:relative;z-index:2}.hero{min-height:100svh;padding:150px max(6vw,48px) 90px;display:flex;align-items:center;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,3,4,.84) 0%,rgba(2,3,4,.49) 32%,transparent 63%);pointer-events:none}.hero-copywrap{position:relative;z-index:3;width:min(980px,68vw);padding-top:6vh}.kicker,.eyebrow{font-size:9px;letter-spacing:.2em;color:#899198;text-transform:uppercase;display:flex;align-items:center;gap:13px}.kicker i,.eyebrow span{width:34px;height:1px;background:#aab0b4}.hero-note{margin:20px 0 0;font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:clamp(54px,6.9vw,112px);line-height:.98;letter-spacing:-.055em;color:#e3e7ea;max-width:10.6ch;opacity:0;transform:translateY(16px);animation:revealHeroNote .85s var(--ease) 2s forwards}.hero-note:after{content:"";display:block;width:84px;height:1px;margin-top:18px;background:linear-gradient(90deg,rgba(255,255,255,.55),transparent)}@keyframes revealHeroNote{to{opacity:1;transform:none}}.hero h1{font-size:clamp(86px,12.4vw,190px);font-weight:500;letter-spacing:-.082em;line-height:.76;margin:20px 0 26px;background:linear-gradient(180deg,#fff 6%,#969ea4 52%,#33383d 96%);-webkit-background-clip:text;color:transparent;text-shadow:0 15px 60px rgba(255,255,255,.05)}.hero h1 span{display:inline-block;opacity:0;transform:translateY(70px) rotateX(50deg);animation:letterIn .9s var(--ease) forwards}.hero h1 span:nth-child(1){animation-delay:2.2s}.hero h1 span:nth-child(2){animation-delay:2.26s}.hero h1 span:nth-child(3){animation-delay:2.32s}.hero h1 span:nth-child(4){animation-delay:2.38s}.hero h1 span:nth-child(5){animation-delay:2.44s}.hero h1 span:nth-child(6){animation-delay:2.5s}.hero h1 span:nth-child(7){animation-delay:2.56s}@keyframes letterIn{to{opacity:1;transform:none}}.hero-desc{max-width:590px;color:#a1a8ad;line-height:1.8;font-size:15px}.actions{display:flex;gap:13px;margin-top:42px}.btn{height:54px;min-width:190px;padding:0 20px;border:1px solid var(--line2);display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;position:relative;overflow:hidden;transition:.35s var(--ease)}.btn.primary{background:linear-gradient(135deg,#fff,#aeb5ba);color:#050607;border-color:transparent}.btn.secondary{background:rgba(255,255,255,.018)}.btn:before{content:"";position:absolute;left:-35%;top:0;width:28%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);transform:skewX(-18deg);transition:left .65s var(--ease)}.btn:hover{transform:translateY(-3px)}.btn:hover:before{left:115%}.telemetry{position:absolute;z-index:3;right:4vw;bottom:34px;display:flex;gap:28px;font-size:7px;color:#5e666c;letter-spacing:.15em}.scrollcue{position:absolute;left:max(6vw,48px);bottom:32px;z-index:3;font-size:8px;letter-spacing:.14em;color:#6a7278;text-transform:uppercase;display:flex;gap:14px;align-items:center}.scrollcue i{display:block;width:48px;height:1px;background:linear-gradient(90deg,#777,transparent);animation:cue 2s ease-in-out infinite}@keyframes cue{50%{width:80px;opacity:.25}}
.hero-brain-frame{position:absolute;z-index:2;right:clamp(-8px,.4vw,12px);top:50%;width:min(50vw,710px);height:min(78vh,710px);transform:translateY(-50%);pointer-events:auto;opacity:0;animation:heroBrainReveal 1.35s var(--ease) 2.15s forwards;isolation:isolate;filter:drop-shadow(0 16px 44px rgba(0,0,0,.20));-webkit-mask-image:radial-gradient(ellipse at center,#000 0 62%,rgba(0,0,0,.95) 72%,transparent 96%);mask-image:radial-gradient(ellipse at center,#000 0 62%,rgba(0,0,0,.95) 72%,transparent 96%)}
.hero-brain-frame:before{content:"";position:absolute;inset:13% 9%;border-radius:50%;background:radial-gradient(circle,rgba(226,232,236,.075),rgba(104,112,118,.018) 44%,transparent 70%);filter:blur(22px);pointer-events:none;animation:heroBrainAura 5.8s ease-in-out infinite;z-index:-1}
#cerebro-brain{width:100%;height:100%;aspect-ratio:auto;background:transparent;overflow:visible}
.hero-brain-frame .cerebro-brain-root{height:100%;aspect-ratio:auto;background:transparent;overflow:visible;contain:layout paint style}
.hero-brain-frame .cerebro-brain-root .cb-badge{font-size:8.5px;padding:5px 9px;letter-spacing:.06em;background:rgba(3,5,6,.78);backdrop-filter:blur(8px);border-color:color-mix(in srgb,var(--cb-accent) 76%,#30363a);box-shadow:0 0 12px color-mix(in srgb,var(--cb-accent) 30%,transparent)}
.hero-brain-frame .cerebro-brain-root .cb-badge .cb-badge-text{color:#dfe4e7;font-weight:600}
.hero-brain-frame .cerebro-brain-root .cb-hint{bottom:5%;font-size:7px;letter-spacing:.14em;color:#7f888e;background:rgba(3,5,6,.55);border:1px solid rgba(255,255,255,.055);padding:5px 10px}
.hero-brain-frame .cerebro-brain-root .cb-panel-overlay{background:rgba(2,3,4,.72);backdrop-filter:blur(12px)}
.hero-brain-frame .cerebro-brain-root .cb-panel{width:330px;background:rgba(7,9,10,.96);border-width:1px;border-radius:0;padding:24px;box-shadow:0 25px 80px rgba(0,0,0,.62),0 0 30px color-mix(in srgb,var(--cb-accent) 20%,transparent)}
.hero-brain-frame .cerebro-brain-root .cb-panel h3{font-size:12px;color:#e2e6e8;text-shadow:none}
.hero-brain-frame .cerebro-brain-root .cb-panel .cb-row{font-family:Arial,sans-serif;font-size:12px;color:#949da3;line-height:1.7}
.hero-brain-frame .cerebro-brain-root .cb-panel-close{border-color:#7b848a;color:#c7cdd1}
@keyframes heroBrainReveal{from{opacity:0;transform:translateY(-47%) scale(.94);filter:blur(12px) drop-shadow(0 16px 44px rgba(0,0,0,.20))}to{opacity:1;transform:translateY(-50%) scale(1);filter:blur(0) drop-shadow(0 16px 44px rgba(0,0,0,.20))}}
@keyframes heroBrainAura{50%{transform:scale(1.08);opacity:.62}}
.section{padding:150px max(6vw,48px);position:relative}.section-inner{max-width:1480px;margin:auto}.section-grid{display:grid;grid-template-columns:80px 1fr;gap:55px}.rail{font-size:8px;color:#535b61;letter-spacing:.17em;writing-mode:vertical-rl;transform:rotate(180deg)}.section-head{max-width:1120px;margin-bottom:76px}.section-head h2,.manifesto h2{font-family:"Merriweather",Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(48px,6.3vw,102px);line-height:.98;letter-spacing:-.055em;margin:26px 0;color:#dde1e4}.metal-call{display:inline;background:linear-gradient(105deg,#6d747a 4%,#aeb5ba 26%,#6c7379 44%,#d9dee2 56%,#747b80 72%,#a7adb2 96%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 30px rgba(185,195,203,.045);animation:metalCallSweep 9s cubic-bezier(.16,1,.3,1) infinite}@keyframes metalCallSweep{0%,18%{background-position:0% 50%}58%,100%{background-position:100% 50%}}.section-intro{max-width:700px;margin-left:auto;color:#858e94;line-height:1.8}.reveal{opacity:0;transform:translateY(52px) scale(.985);filter:blur(10px);transition:1.2s cubic-bezier(.16,1,.3,1);will-change:transform,opacity,filter}.reveal.visible{opacity:1;transform:none;filter:none}.manifesto{background:linear-gradient(180deg,rgba(2,3,4,.4),#060809 45%,#030405)}.manifesto h2{max-width:1240px}.manifesto-details{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;max-width:740px;margin:62px 0 85px 25%}.manifesto-details p{color:#899197;line-height:1.9}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metric{padding:34px 20px;border-right:1px solid var(--line)}.metric:last-child{border-right:0}.metric b{font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:32px;font-weight:400}.metric span{display:block;font-size:8px;color:#6e767c;margin-top:12px;letter-spacing:.12em;text-transform:uppercase}.cap-section{background:#030405}.service-list{display:flex;flex-direction:column}.service{position:relative;padding:108px 0 98px;border-top:1px solid var(--line);display:grid;grid-template-columns:120px minmax(0,1fr);gap:36px;align-items:start;overflow:hidden}.service:last-child{border-bottom:1px solid var(--line)}.service:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.04),transparent 70%);opacity:0;transition:.6s var(--ease)}.service:hover:before{opacity:1}.service-side{position:relative;padding-top:10px}.service-chapter{display:block;font-size:9px;letter-spacing:.22em;color:#798188;text-transform:uppercase;margin-bottom:18px}.service-num{display:block;font-size:clamp(94px,13vw,152px);line-height:.78;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px rgba(190,208,225,.2);text-shadow:0 0 32px rgba(74,111,149,.06)}.service-main{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:56px;align-items:end}.service-copy{max-width:760px}.service-copy h3{font-family:"Merriweather",Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(38px,4.4vw,72px);line-height:.96;letter-spacing:-.05em;margin:0 0 18px}.service-strap{font-size:clamp(18px,2vw,30px);line-height:1.15;color:#d8dde1;max-width:16ch;margin:0 0 28px}.service-body{color:#859097;line-height:1.95;max-width:60ch;margin:0 0 34px}.service-meta{display:flex;flex-wrap:wrap;gap:20px;align-items:center}.signal{font-size:8px;letter-spacing:.18em;color:#697178;text-transform:uppercase}.service-line{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.08em;color:#cfd4d7;text-transform:uppercase}.service-line:before{content:"";width:28px;height:1px;background:rgba(255,255,255,.35)}.service-visual{position:relative;justify-self:end;width:min(100%,340px);aspect-ratio:1/1;border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 50% 54%,rgba(160,192,236,.07),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01));overflow:hidden;box-shadow:inset 0 0 80px rgba(255,255,255,.035),0 22px 70px rgba(0,0,0,.32);transform:translateZ(0);animation:visualFloat 8s ease-in-out infinite}.service-visual:before,.service-visual:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.08)}.service-visual:before{inset:12px}.service-visual:after{left:18px;top:18px;right:18px;bottom:18px;clip-path:polygon(0 0,18px 0,18px 1px,1px 1px,1px 18px,0 18px,0 0,100% 0,100% 18px,calc(100% - 1px) 18px,calc(100% - 1px) 1px,calc(100% - 18px) 1px,calc(100% - 18px) 0,100% 0,100% 100%,calc(100% - 18px) 100%,calc(100% - 18px) calc(100% - 1px),calc(100% - 1px) calc(100% - 1px),calc(100% - 1px) calc(100% - 18px),100% calc(100% - 18px),100% 100%,0 100%,0 calc(100% - 18px),1px calc(100% - 18px),1px calc(100% - 1px),18px calc(100% - 1px),18px 100%,0 100%)}@keyframes visualFloat{50%{transform:translateY(-8px)}}.service-visual i,.service-visual span,.service-visual b{position:absolute;display:block}.visual-stars{inset:0;opacity:.32;background-image:radial-gradient(circle at 18% 25%,rgba(255,255,255,.9) 0 1px,transparent 1.2px),radial-gradient(circle at 78% 17%,rgba(255,255,255,.8) 0 1px,transparent 1.2px),radial-gradient(circle at 83% 76%,rgba(255,255,255,.76) 0 1px,transparent 1.2px),radial-gradient(circle at 29% 79%,rgba(255,255,255,.65) 0 1px,transparent 1.2px),radial-gradient(circle at 61% 53%,rgba(255,255,255,.8) 0 1px,transparent 1.2px)}.visual-halo{inset:18% 18%;border-radius:50%;border:1px solid rgba(255,255,255,.06)}.visual-gridring{left:50%;top:50%;width:42%;height:42%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(255,255,255,.18)}.visual-gridring.r2{width:66%;height:66%;opacity:.7}.visual-gridring.r3{width:88%;height:88%;opacity:.4}.visual-core{left:50%;top:50%;width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;border:1px solid rgba(255,255,255,.7);box-shadow:0 0 0 12px rgba(255,255,255,.02),0 0 38px rgba(255,255,255,.12)}.visual-core:after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:#e4edf7;box-shadow:0 0 18px rgba(255,255,255,.55)}.visual-node{width:6px;height:6px;border-radius:50%;background:#eef3f7;box-shadow:0 0 12px rgba(255,255,255,.36);animation:pulseNode 4.2s ease-in-out infinite}.visual-node.n1{left:28%;top:31%;animation-delay:.2s}.visual-node.n2{right:27%;top:24%;animation-delay:1.1s}.visual-node.n3{left:31%;bottom:34%;animation-delay:1.8s}.visual-node.n4{left:52%;bottom:30%;animation-delay:2.6s}@keyframes pulseNode{50%{transform:scale(1.8);opacity:.65}}.visual-line{height:1px;transform-origin:left center;background:linear-gradient(90deg,rgba(255,255,255,.22),rgba(255,255,255,0));opacity:.7;animation:scanLine 6s ease-in-out infinite}.visual-line.l1{left:50%;top:50%;width:88px;transform:rotate(210deg)}.visual-line.l2{left:50%;top:50%;width:100px;transform:rotate(314deg)}.visual-line.l3{left:50%;top:50%;width:72px;transform:rotate(150deg)}.visual-line.l4{left:50%;top:50%;width:80px;transform:rotate(84deg)}@keyframes scanLine{50%{opacity:1}}.visual-tag{min-width:50px;padding:4px 8px;border:1px solid rgba(255,255,255,.14);font-size:7px;letter-spacing:.14em;color:#9fa8af;text-transform:uppercase;background:rgba(7,10,12,.72)}.visual-tag.t1{left:14%;top:15%}.visual-tag.t2{right:11%;top:13%}.visual-tag.t3{left:44%;bottom:10%}.v-orbit{border:1px solid rgba(255,255,255,.14);border-radius:50%;animation:spin 14s linear infinite}.v-orbit.o1{inset:27%}.v-orbit.o2{inset:12%;animation-direction:reverse;animation-duration:19s}.v-box{height:22px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.035);box-shadow:inset 0 0 18px rgba(255,255,255,.03)}.svc-reception .v-box.b1{left:16%;top:28%;width:52px}.svc-reception .v-box.b2{right:13%;top:22%;width:46px}.svc-reception .v-box.b3{left:12%;bottom:28%;width:44px}.svc-reception .v-box:after{content:"";position:absolute;left:9px;right:9px;top:10px;height:1px;background:rgba(255,255,255,.28)}.svc-sales .v-axis{background:rgba(255,255,255,.18)}.svc-sales .v-axis.x{left:16%;right:14%;bottom:20%;height:1px}.svc-sales .v-axis.y{left:16%;top:18%;bottom:20%;width:1px}.svc-sales .v-bar{bottom:20%;width:22px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.2));border:1px solid rgba(255,255,255,.14)}.svc-sales .v-bar.b1{left:28%;height:52px}.svc-sales .v-bar.b2{left:42%;height:86px}.svc-sales .v-bar.b3{left:56%;height:124px}.svc-sales .v-trend{left:24%;top:56%;width:150px;height:96px;border-left:1px solid transparent;border-bottom:1px solid transparent}.svc-sales .v-trend:before{content:"";position:absolute;left:0;top:72px;width:48px;height:1px;background:rgba(255,255,255,.22);transform:rotate(-28deg);transform-origin:left center}.svc-sales .v-trend:after{content:"";position:absolute;left:42px;top:48px;width:46px;height:1px;background:rgba(255,255,255,.38);transform:rotate(-12deg);transform-origin:left center;box-shadow:42px -22px 0 rgba(255,255,255,.52)}.svc-sales .v-arrow{right:24%;top:24%;width:14px;height:14px;border-top:1px solid rgba(255,255,255,.65);border-right:1px solid rgba(255,255,255,.65);transform:rotate(45deg)}.svc-service .v-ticket{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.03)}.svc-service .v-ticket.t1{left:14%;top:22%;width:62px;height:28px}.svc-service .v-ticket.t2{right:14%;top:36%;width:58px;height:26px}.svc-service .v-ticket.t3{left:40%;bottom:16%;width:64px;height:28px}.svc-service .v-ticket:after{content:"";position:absolute;left:10px;right:10px;top:12px;height:1px;background:rgba(255,255,255,.24)}.svc-service .v-orbit.o1{inset:30%}.svc-leads .v-track{height:1px;background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,.35),rgba(255,255,255,0));transform-origin:left center}.svc-leads .v-track.t1{left:18%;top:26%;width:104px;transform:rotate(32deg)}.svc-leads .v-track.t2{left:56%;top:26%;width:84px;transform:rotate(148deg)}.svc-leads .v-track.t3{left:24%;bottom:32%;width:84px;transform:rotate(-24deg)}.svc-leads .v-funnel{left:50%;top:50%;width:0;height:0;border-left:52px solid transparent;border-right:52px solid transparent;border-top:78px solid rgba(255,255,255,.05);transform:translate(-50%,-30%)}.svc-leads .v-funnel:after{content:"";position:absolute;left:-7px;top:-3px;width:14px;height:54px;background:linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,.06));box-shadow:0 0 18px rgba(255,255,255,.12)}.svc-sites .v-window{left:17%;top:18%;right:17%;bottom:19%;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.03)}.svc-sites .v-window:before{content:"";position:absolute;left:0;right:0;top:0;height:28px;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.02)}.svc-sites .v-window:after{content:"";position:absolute;left:14%;top:28%;width:40%;height:20%;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.04))}.svc-sites .v-line{height:1px;background:rgba(255,255,255,.18)}.svc-sites .v-line.a{left:18%;right:26%;top:58%}.svc-sites .v-line.b{left:18%;right:22%;top:66%}.svc-sites .v-line.c{left:58%;right:22%;top:36%;transform:rotate(90deg)}.svc-sites .v-cursor{right:24%;bottom:22%;width:16px;height:22px;border-left:1px solid rgba(255,255,255,.75);border-top:1px solid rgba(255,255,255,.75);transform:skew(-10deg) rotate(-18deg);filter:drop-shadow(0 0 8px rgba(255,255,255,.3))}.svc-apps .v-card{width:62px;height:62px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.03)}.svc-apps .v-card.c1{left:18%;top:22%}.svc-apps .v-card.c2{left:50%;top:22%;transform:translateX(-50%)}.svc-apps .v-card.c3{right:18%;top:22%}.svc-apps .v-card.c4{left:18%;bottom:18%}.svc-apps .v-card.c5{left:50%;bottom:18%;transform:translateX(-50%)}.svc-apps .v-card.c6{right:18%;bottom:18%}.svc-apps .v-card:after{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.1),transparent)}.svc-workflow .v-step{height:30px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.03)}.svc-workflow .v-step.s1{left:10%;top:24%;width:60px}.svc-workflow .v-step.s2{left:40%;top:24%;width:74px}.svc-workflow .v-step.s3{right:10%;top:24%;width:64px}.svc-workflow .v-step.s4{left:24%;bottom:22%;width:70px}.svc-workflow .v-step.s5{right:18%;bottom:22%;width:82px}.svc-workflow .v-route{height:1px;background:linear-gradient(90deg,rgba(255,255,255,.1),rgba(255,255,255,.42),rgba(255,255,255,.04))}.svc-workflow .v-route.r1{left:26%;top:39%;width:70px}.svc-workflow .v-route.r2{left:60%;top:39%;width:56px}.svc-workflow .v-route.r3{left:40%;top:54%;width:1px;height:62px;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.42),rgba(255,255,255,.04))}.svc-training .v-panel{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.03);box-shadow:inset 0 0 18px rgba(255,255,255,.03)}.svc-training .v-panel.p1{left:20%;top:24%;width:64px;height:90px;transform:rotate(-8deg)}.svc-training .v-panel.p2{left:50%;top:18%;width:74px;height:104px;transform:translateX(-50%)}.svc-training .v-panel.p3{right:18%;top:28%;width:64px;height:90px;transform:rotate(8deg)}.svc-training .v-panel:after{content:"";position:absolute;left:12px;right:12px;top:18px;height:1px;background:rgba(255,255,255,.24);box-shadow:0 16px 0 rgba(255,255,255,.18),0 32px 0 rgba(255,255,255,.18)}.svc-training .v-orbit.o1{inset:24%}.svc-custom .v-hex{left:50%;top:50%;width:124px;height:72px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.28);clip-path:polygon(24% 0,76% 0,100% 50%,76% 100%,24% 100%,0 50%);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02))}.svc-custom .v-ray{width:1px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.42),rgba(255,255,255,.02));transform-origin:top center}.svc-custom .v-ray.r1{left:50%;top:18%;height:56px}.svc-custom .v-ray.r2{left:35%;top:40%;height:66px;transform:rotate(60deg)}.svc-custom .v-ray.r3{left:65%;top:40%;height:66px;transform:rotate(-60deg)}.svc-custom .v-ray.r4{left:35%;top:38%;height:66px;transform:rotate(-60deg)}.svc-custom .v-ray.r5{left:65%;top:38%;height:66px;transform:rotate(60deg)}.svc-custom .v-ray.r6{left:50%;top:50%;height:60px;transform:rotate(180deg)}.method{background:radial-gradient(circle at 50% 55%,rgba(255,255,255,.065),transparent 32%),#050607}.method-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:28px;position:relative}.method-tabs:before{content:"";position:absolute;left:3%;right:3%;top:18px;height:1px;background:var(--line)}.method-tab{background:none;border:0;text-align:left;padding:0;cursor:pointer;position:relative}.method-tab i{display:block;width:11px;height:11px;border:1px solid #777;border-radius:50%;background:#050607;margin-bottom:22px;transition:.35s;position:relative;z-index:2}.method-tab span{display:block;font-size:9px;color:#686f74;letter-spacing:.12em}.method-tab strong{display:block;font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:26px;font-weight:400;color:#7e858a;margin-top:5px;transition:.35s}.method-tab.active i{background:white;box-shadow:0 0 22px white}.method-tab.active strong{color:white}.method-display{min-height:540px;border:1px solid var(--line2);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.008));display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:clamp(35px,6vw,90px);gap:70px;overflow:hidden}.method-copy .index{font-size:9px;color:#777;letter-spacing:.12em}.method-copy h3{font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:clamp(56px,6vw,96px);font-weight:400;margin:18px 0}.method-copy p{color:#969ea4;line-height:1.9;max-width:580px}.machine{height:350px;position:relative;display:grid;place-items:center;isolation:isolate}.machine i,.machine span,.machine b{position:absolute;display:block}.m-ring{border:1px solid rgba(255,255,255,.22);border-radius:50%;animation:spin 10s linear infinite}.m-ring.r1{width:240px;height:140px;transform:rotate(25deg)}.m-ring.r2{width:290px;height:180px;transform:rotate(-35deg);animation-direction:reverse;animation-duration:13s}.m-ring.r3{width:205px;height:285px;animation-duration:16s}.m-core{width:126px;height:126px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#e5e8ea,#53595e 20%,#0a0c0e 66%);box-shadow:inset -20px -20px 35px #000,0 0 80px rgba(255,255,255,.09);animation:float 4s ease-in-out infinite}.m-core.small{width:94px;height:94px}.m-dot{width:5px;height:5px;background:white;border-radius:50%;box-shadow:0 0 18px white;animation:orbitDot 3.4s linear infinite}.m-dot.d2{animation-duration:5.2s;animation-direction:reverse}.m-scan{width:162px;height:162px;border-radius:50%;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 30px rgba(255,255,255,.08) inset}.m-scan:after{content:"";position:absolute;left:50%;top:50%;width:1px;height:92px;background:linear-gradient(180deg,rgba(255,255,255,.8),transparent);transform-origin:top center;animation:scanSweep 4.8s linear infinite}.m-frame{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.02);box-shadow:inset 0 0 20px rgba(255,255,255,.04)}.m-frame.f1{width:148px;height:148px;transform:rotate(45deg);animation:float 5s ease-in-out infinite}.m-frame.f2{width:98px;height:98px;transform:rotate(15deg)}.m-link{height:1px;background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,.46),rgba(255,255,255,.12))}.m-link.l1{width:86px;transform:rotate(20deg)}.m-link.l2{width:86px;transform:rotate(-35deg)}.m-link.l3{width:72px;transform:rotate(90deg)}.m-cluster{width:22px;height:22px;border-radius:50%;border:1px solid rgba(255,255,255,.62);background:rgba(255,255,255,.06);box-shadow:0 0 20px rgba(255,255,255,.1)}.m-cluster.c1{left:28%;top:36%}.m-cluster.c2{right:24%;top:30%}.m-cluster.c3{left:38%;bottom:24%}.m-pill{width:74px;height:26px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.03)}.m-pill.p1{left:18%;top:26%}.m-pill.p2{right:14%;top:24%}.m-pill.p3{left:40%;bottom:16%}.m-hex{width:132px;height:76px;border:1px solid rgba(255,255,255,.24);clip-path:polygon(22% 0,78% 0,100% 50%,78% 100%,22% 100%,0 50%);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));box-shadow:0 0 40px rgba(255,255,255,.08)}.m-wave{width:180px;height:180px;border-radius:50%;border:1px solid rgba(255,255,255,.08);animation:pulseRing 3.8s ease-in-out infinite}.m-wave.w2{animation-delay:-1.6s}.machine.observe .m-dot{transform:rotate(0deg) translateX(122px)}.machine.observe .m-dot.d2{transform:rotate(180deg) translateX(86px)}.machine.architect .m-dot{transform:rotate(30deg) translateX(128px)}.machine.integrate .m-dot{transform:rotate(90deg) translateX(118px)}.machine.refine .m-dot{transform:rotate(0deg) translateX(122px)}@keyframes float{50%{transform:translateY(-18px) rotate(8deg)}}@keyframes orbitDot{from{transform:rotate(0deg) translateX(122px)}to{transform:rotate(360deg) translateX(122px)}}@keyframes scanSweep{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes pulseRing{50%{transform:scale(1.08);opacity:.42}}.flow-section{background:#020304}.flow-box{border:1px solid var(--line2);padding:60px 35px 34px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.005));min-height:610px;position:relative}.flow-map{height:330px;position:relative}.flow-axis{position:absolute;left:8%;right:8%;top:50%;height:1px;background:linear-gradient(90deg,transparent,#464d52,#ccd1d4,#464d52,transparent)}.flow-light{position:absolute;top:-1px;width:90px;height:3px;background:linear-gradient(90deg,transparent,#fff,transparent);filter:blur(.5px);animation:flow 4s linear infinite}@keyframes flow{from{left:-3%}to{left:100%}}.flow-node{position:absolute;top:50%;transform:translate(-50%,-50%);width:22px;height:22px;border-radius:50%;border:1px solid #777;background:#07090a;cursor:pointer;transition:.35s;z-index:3}.flow-node:after{content:"";position:absolute;inset:5px;border-radius:50%;background:#70777c;transition:.35s}.flow-node span{position:absolute;width:150px;left:50%;top:40px;transform:translateX(-50%);font-size:8px;line-height:1.4;color:#6f777d;text-align:center;letter-spacing:.08em}.flow-node.active{width:36px;height:36px;border-color:white;box-shadow:0 0 35px rgba(255,255,255,.28)}.flow-node.active:after{background:white;box-shadow:0 0 13px white}.flow-node.active span{color:white}.flow-copy{max-width:780px;margin:auto;text-align:center}.flow-copy h3{font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:38px;font-weight:400;margin:0 0 14px}.flow-copy p{color:#858d93;line-height:1.8}
.devices{background:#030405}.device-stage{min-height:680px;border:1px solid var(--line2);padding:18px;background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.005));position:relative}.device-tabs{display:flex;gap:6px;flex-wrap:wrap;padding:5px 5px 22px}.device-tabs button{border:1px solid var(--line);background:transparent;color:#727a80;padding:10px 14px;font-size:8px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.device-tabs button.active{background:#fff;color:#050607}.device-space{min-height:590px;display:grid;place-items:center;perspective:1300px}.device-frame{width:min(970px,90%);min-height:510px;border:10px solid #191c1e;border-radius:20px;background:#090b0d;box-shadow:0 50px 100px rgba(0,0,0,.65),inset 0 0 0 1px #555;transform:rotateX(2deg) rotateY(-4deg);transition:.6s var(--ease);overflow:hidden}.device-frame.mobile{width:310px;min-height:560px;border-radius:38px}.device-frame.tablet{width:680px}.ui-top{height:45px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:#777;font-size:8px}.ui-body{display:grid;grid-template-columns:180px 1fr;min-height:465px}.device-frame.mobile .ui-body{grid-template-columns:1fr}.device-frame.mobile .ui-side{display:none}.ui-side{border-right:1px solid var(--line);padding:20px}.ui-side i{display:block;height:8px;background:#252a2e;margin:0 0 16px;border-radius:10px}.ui-main{padding:28px}.ui-main h3{font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:38px;font-weight:400;margin:0 0 25px}.ui-panels{display:grid;grid-template-columns:1.3fr 1fr;gap:12px}.ui-panel{border:1px solid var(--line);min-height:130px;padding:16px;background:rgba(255,255,255,.018)}.ui-panel.wide{grid-column:1/3;min-height:170px}.chart{height:70px;margin-top:20px;position:relative;overflow:hidden}.chart:before{content:"";position:absolute;inset:0;background:linear-gradient(165deg,transparent 45%,#60676c 46%,transparent 47%),linear-gradient(190deg,transparent 56%,#d5d9dc 57%,transparent 58%);opacity:.65}.bars{display:flex;gap:6px;align-items:flex-end;height:85px}.bars i{flex:1;background:linear-gradient(#bfc5c9,#262b2f);animation:bars 3s ease-in-out infinite alternate}.bars i:nth-child(1){height:30%}.bars i:nth-child(2){height:65%}.bars i:nth-child(3){height:48%}.bars i:nth-child(4){height:90%}.bars i:nth-child(5){height:72%}@keyframes bars{to{filter:brightness(1.45);transform:scaleY(.8)}}
.founder{background:linear-gradient(180deg,#020304,#07090a)}.founder-layout{display:grid;grid-template-columns:minmax(360px,.85fr) minmax(0,1.15fr);gap:clamp(44px,6vw,90px);align-items:start}.portrait{width:100%;min-height:0;aspect-ratio:10/16;border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden;background:#020304;display:block;padding:0;isolation:isolate;box-shadow:0 28px 80px rgba(0,0,0,.36),inset 0 0 50px rgba(255,255,255,.03)}.portrait:before{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),inset 0 -24px 48px rgba(2,3,4,.28),inset 0 0 80px rgba(255,255,255,.025);z-index:2}.portrait:after{content:"";position:absolute;inset:-1px;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 22%,transparent 78%,rgba(255,255,255,.02));opacity:.5;z-index:1}.portrait img{position:absolute;inset:0;width:100%;height:100%;display:block;background:#020304;object-fit:cover;object-position:50% 42%;transform:none;filter:saturate(.94) contrast(1.015)}.founder-copy{min-width:0}.founder-copy h2{font-size:clamp(64px,8vw,118px);font-weight:500;letter-spacing:-.07em;line-height:.8;margin:28px 0;background:linear-gradient(#fff,#686f74);-webkit-background-clip:text;color:transparent}.founder-copy>p{color:#8d959b;line-height:1.9;max-width:650px;overflow-wrap:anywhere}.founder-copy blockquote{font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:clamp(22px,2.5vw,34px);line-height:1.5;margin:50px 0 0;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#c7ccd0;overflow-wrap:anywhere}.founder-story{display:grid;gap:0;margin-top:26px}.founder-chapter{display:grid;grid-template-columns:56px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.08)}.founder-chapter:first-child{border-top:1px solid rgba(255,255,255,.08)}.founder-num{font-size:8px;letter-spacing:.17em;color:#687076;text-transform:uppercase;padding-top:7px}.founder-chapter h3{font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:26px;font-weight:400;color:#d7dde0;margin:0 0 8px}.founder-chapter p{margin:0;color:#879096;line-height:1.85;max-width:unset}.founder-chapter .dash-list{white-space:pre-line}.contact{background:radial-gradient(circle at 70% 35%,rgba(255,255,255,.06),transparent 25%),#030405}.contact-layout{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:clamp(42px,5vw,80px);align-items:start}.consultation-workspace{min-width:0;display:grid;grid-template-columns:1fr;gap:18px;align-items:stretch}.consultation-workspace.has-selection{grid-template-columns:minmax(230px,.62fr) minmax(380px,1fr)}.selected-package-card{display:none;border:1px solid var(--line2);background:radial-gradient(circle at 80% 12%,rgba(168,196,228,.1),transparent 28%),linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.008));padding:30px;position:relative;overflow:hidden;min-width:0}.selected-package-card.show{display:flex;flex-direction:column;animation:selectedPackageIn .55s var(--ease)}.selected-package-card:before{content:"";position:absolute;inset:11px;border:1px solid rgba(255,255,255,.045);pointer-events:none}.selected-package-card:after{content:"";position:absolute;width:190px;height:190px;border:1px solid rgba(255,255,255,.06);border-radius:50%;right:-95px;bottom:-105px;box-shadow:0 0 55px rgba(255,255,255,.025)}@keyframes selectedPackageIn{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}.selected-package-label{font-size:7px;letter-spacing:.18em;color:#7a848b;text-transform:uppercase;margin-bottom:30px}.selected-package-solution{font-size:9px;letter-spacing:.16em;color:#9da6ac;text-transform:uppercase;margin-bottom:12px}.selected-package-card h3{font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:clamp(28px,3vw,42px);font-weight:400;line-height:1.02;letter-spacing:-.035em;margin:0 0 20px;color:#e5e9ec;overflow-wrap:anywhere}.selected-package-price{font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:clamp(38px,4vw,58px);letter-spacing:-.055em;color:#f0f3f5;margin-bottom:7px}.selected-package-mode{font-size:8px;letter-spacing:.15em;text-transform:uppercase;color:#7f8990;margin-bottom:27px}.selected-package-steps{display:grid;gap:14px;margin:0 0 30px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.selected-package-step{display:grid;grid-template-columns:25px 1fr;gap:10px;font-size:10px;line-height:1.55;color:#939ca2}.selected-package-step b{font-size:8px;color:#596268;font-weight:400}.selected-package-change{margin-top:auto;border:0;border-top:1px solid var(--line);background:transparent;color:#b8c0c5;padding:18px 0 0;text-align:left;font-size:8px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;position:relative;z-index:2}.selected-package-change:hover{color:#fff}.contact-form{border:1px solid var(--line2);padding:44px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.008));backdrop-filter:blur(20px);position:relative;overflow:hidden;min-width:0}.contact-form:before{content:"";position:absolute;left:-50%;top:0;width:28%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.09),transparent);transform:skewX(-18deg);animation:formSweep 7s ease-in-out infinite}@keyframes formSweep{60%,100%{left:130%}}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{margin-bottom:20px}.field span{display:block;font-size:8px;letter-spacing:.13em;color:#747c82;margin-bottom:9px;text-transform:uppercase}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);background:rgba(0,0,0,.28);color:#fff;padding:16px;outline:none;resize:vertical;font:inherit}.field select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:48px}.field select option{background:#090b0d;color:#eef1f3}.select-wrap{position:relative;display:block}.select-wrap:after{content:"↓";position:absolute;right:17px;top:50%;transform:translateY(-50%);font-size:11px;color:#899198;pointer-events:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:#aab0b4;box-shadow:0 0 0 4px rgba(255,255,255,.035)}.consultation-free{display:inline;color:#bcc3c8}.submit{width:100%;height:58px;border:0;background:linear-gradient(135deg,#fff,#aab1b6);color:#050607;display:flex;align-items:center;justify-content:space-between;padding:0 20px;text-transform:uppercase;font-size:10px;letter-spacing:.1em;cursor:pointer}.success{display:none;margin-top:16px;padding:14px;border:1px solid var(--line);color:#c7ccd0;font-size:10px;line-height:1.65}.success.show{display:block}.success.error{border-color:rgba(255,135,135,.34);color:#e2b3b3}.submit[disabled]{cursor:wait;opacity:.7}.submit[disabled] b{animation:submitPulse 1s ease-in-out infinite}@keyframes submitPulse{50%{opacity:.25}}.package-confirm-modal,.checkout-handoff{position:fixed;inset:0;z-index:250;display:none;place-items:center;padding:24px;background:rgba(0,0,0,.78);backdrop-filter:blur(18px)}.package-confirm-modal.open,.checkout-handoff.open{display:grid}.package-confirm-panel,.checkout-handoff-panel{width:min(620px,100%);border:1px solid rgba(255,255,255,.2);background:radial-gradient(circle at 82% 16%,rgba(150,187,228,.12),transparent 28%),#07090b;padding:clamp(28px,5vw,52px);box-shadow:0 35px 110px rgba(0,0,0,.7);position:relative;overflow:hidden;animation:confirmIn .42s var(--ease)}@keyframes confirmIn{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}.package-confirm-panel small,.checkout-handoff-panel small{display:block;font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:#778087;margin-bottom:20px}.package-confirm-panel h3,.checkout-handoff-panel h3{font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:clamp(38px,6vw,64px);font-weight:400;line-height:.98;letter-spacing:-.05em;margin:0 0 18px}.package-confirm-panel p,.checkout-handoff-panel p{color:#899299;line-height:1.8;margin:0}.package-confirm-meta{display:grid;grid-template-columns:1fr auto;gap:16px;margin:30px 0;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.package-confirm-meta span{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#717a81}.package-confirm-meta strong{font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:25px;font-weight:400;text-align:right}.package-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.package-confirm-actions button{height:52px;border:1px solid var(--line2);background:transparent;color:#d4dade;text-transform:uppercase;font-size:9px;letter-spacing:.13em;cursor:pointer}.package-confirm-actions .confirm-primary{background:linear-gradient(135deg,#fff,#aab1b6);color:#050607;border:0}.checkout-handoff-code{margin:28px 0;padding:18px;border:1px solid var(--line);font-size:10px;line-height:1.7;color:#9fa7ad;background:rgba(255,255,255,.018)}
footer{min-height:85vh;padding:150px max(6vw,48px) 35px;background:linear-gradient(#030405,#000 75%);position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.architecture{position:absolute;left:0;right:0;bottom:155px;height:45vh;display:flex;justify-content:space-around;align-items:flex-end;opacity:.2;mask-image:linear-gradient(transparent,#000 45%)}.architecture i{width:5%;border:1px solid rgba(255,255,255,.18);border-bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);position:relative}.architecture i:after{content:"";position:absolute;left:25%;right:25%;height:2px;top:15px;background:#fff;box-shadow:0 0 8px #fff;animation:city 4s ease-in-out infinite alternate}.architecture i:nth-child(2n):after{animation-delay:-2s}@keyframes city{to{transform:translateY(130px);opacity:.1}}.footer-inner{max-width:1480px;width:100%;margin:auto;position:relative}.wordmark{font-size:clamp(95px,15vw,230px);line-height:.72;letter-spacing:-.085em;font-weight:500;background:linear-gradient(#e8ecef,#3d4348);-webkit-background-clip:text;color:transparent}.footer-copy{max-width:410px;margin:55px 0 70px auto;color:#737b81;line-height:1.8}.footer-bottom{border-top:1px solid var(--line);padding-top:25px;display:grid;grid-template-columns:1fr auto 1fr;gap:25px;font-size:8px;letter-spacing:.12em;color:#4f565b}.footer-bottom nav{display:flex;gap:22px}.footer-bottom span:last-child{text-align:right}

.service{scroll-margin-top:104px}.solution-link{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;min-width:210px;height:48px;margin-top:28px;padding:0 16px;border:1px solid rgba(255,255,255,.18);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#d9dde0;background:rgba(255,255,255,.015);transition:.4s var(--ease);position:relative;overflow:hidden}.solution-link:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.09),transparent);transform:translateX(-120%);transition:.65s var(--ease)}.solution-link:hover{border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.045);transform:translateY(-2px)}.solution-link:hover:before{transform:translateX(120%)}
.solution-view{display:none;min-height:100vh;padding-top:104px;background:#020304}.solution-view.active{display:block}.solution-page{min-height:100vh}.solution-hero{min-height:68vh;padding:92px max(6vw,48px) 58px;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);gap:clamp(50px,7vw,120px);align-items:center;position:relative;overflow:hidden}.solution-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 45%,rgba(102,149,205,.1),transparent 28%),linear-gradient(180deg,transparent,rgba(0,0,0,.28));pointer-events:none}.solution-back{display:inline-flex;gap:12px;align-items:center;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#7f888f;margin-bottom:42px}.solution-back:hover{color:#fff}.solution-kicker{font-size:9px;letter-spacing:.2em;color:#899198;text-transform:uppercase;display:flex;align-items:center;gap:13px}.solution-kicker:before{content:"";width:34px;height:1px;background:#aab0b4}.solution-title{font-family:"Merriweather",Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(58px,7.2vw,116px);line-height:.9;letter-spacing:-.065em;margin:28px 0;color:#e1e5e8;max-width:10ch}.solution-lede{font-size:clamp(17px,1.55vw,23px);line-height:1.55;color:#bbc1c5;max-width:680px}.solution-summary{color:#818a91;line-height:1.9;max-width:700px;margin-top:28px}.solution-summary-receptionist{font-size:clamp(16px,1.22vw,19px);line-height:1.82;padding:24px 26px;color:#9aa6ae;background:linear-gradient(90deg,rgba(75,166,255,.9),rgba(75,166,255,.9)) left top/42px 1px no-repeat,linear-gradient(180deg,rgba(75,166,255,.9),rgba(75,166,255,.9)) left top/1px 42px no-repeat,linear-gradient(270deg,rgba(75,166,255,.9),rgba(75,166,255,.9)) right top/42px 1px no-repeat,linear-gradient(180deg,rgba(75,166,255,.9),rgba(75,166,255,.9)) right top/1px 42px no-repeat,linear-gradient(90deg,rgba(75,166,255,.9),rgba(75,166,255,.9)) left bottom/42px 1px no-repeat,linear-gradient(0deg,rgba(75,166,255,.9),rgba(75,166,255,.9)) left bottom/1px 42px no-repeat,linear-gradient(270deg,rgba(75,166,255,.9),rgba(75,166,255,.9)) right bottom/42px 1px no-repeat,linear-gradient(0deg,rgba(75,166,255,.9),rgba(75,166,255,.9)) right bottom/1px 42px no-repeat;filter:drop-shadow(0 0 14px rgba(56,148,255,.12))}.solution-hero-art{min-height:455px;position:relative;display:grid;place-items:center}.sol-orbit{position:absolute;border:1px solid rgba(255,255,255,.14);border-radius:50%;animation:spin 18s linear infinite}.sol-orbit.o1{width:360px;height:220px;transform:rotate(23deg)}.sol-orbit.o2{width:420px;height:270px;transform:rotate(-37deg);animation-direction:reverse;animation-duration:24s}.sol-orbit.o3{width:250px;height:430px;animation-duration:29s}.sol-core{width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#e9edf0,#616970 18%,#080a0c 64%);box-shadow:inset -24px -22px 42px #000,0 0 90px rgba(255,255,255,.12);animation:float 4.8s ease-in-out infinite}.sol-pulse{position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.07);border-radius:50%;animation:solPulse 4s ease-out infinite}.sol-pulse.p2{animation-delay:-2s}.sol-dot{position:absolute;width:6px;height:6px;background:#fff;border-radius:50%;box-shadow:0 0 16px #fff;animation:orbitDot 5s linear infinite}.sol-panel{position:absolute;border:1px solid rgba(255,255,255,.14);background:rgba(5,7,9,.78);backdrop-filter:blur(10px);padding:12px 14px;min-width:120px;font-size:8px;letter-spacing:.13em;text-transform:uppercase;color:#929ba2;box-shadow:0 18px 50px rgba(0,0,0,.35)}.sol-panel.p1{left:3%;top:20%}.sol-panel.p2{right:0;top:28%}.sol-panel.p3{left:13%;bottom:18%}.sol-panel.p4{right:8%;bottom:12%}@keyframes solPulse{0%{transform:scale(.7);opacity:.45}100%{transform:scale(1.55);opacity:0}}
.solution-context-shell{max-width:1480px;margin:auto;border:1px solid var(--line2);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.006));overflow:hidden;position:relative;box-shadow:0 32px 100px rgba(0,0,0,.3)}.solution-context-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 18%,rgba(255,255,255,.023) 48%,transparent 78%);transform:translateX(-75%);animation:studentSweep 12s ease-in-out infinite}.solution-context-grid{display:grid;grid-template-columns:1.08fr .92fr}.solution-context-copy{padding:clamp(34px,5vw,76px);position:relative;z-index:1}.solution-context-copy h2{font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:clamp(40px,5.2vw,78px);font-weight:400;line-height:.98;letter-spacing:-.052em;margin:20px 0 24px;max-width:13ch}.solution-context-copy p{color:#899197;line-height:1.9;max-width:680px}.solution-context-metrics{display:grid;grid-template-columns:1fr 1fr;border-left:1px solid var(--line);position:relative;z-index:1}.solution-context-stat{padding:clamp(26px,4vw,48px);display:flex;flex-direction:column;justify-content:flex-end;min-height:205px;border-bottom:1px solid var(--line)}.solution-context-stat:nth-child(odd){border-right:1px solid var(--line)}.solution-context-stat:nth-child(n+3){border-bottom:0}.solution-context-stat b{font-family:"Merriweather",Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(38px,5vw,72px);letter-spacing:-.05em;color:#e3e7ea}.solution-context-stat span{font-size:10px;letter-spacing:.105em;text-transform:uppercase;color:#7a848b;margin-top:14px;line-height:1.72}.solution-context-stat span strong{display:block;font-size:8px;letter-spacing:.17em;color:#c3c9cd;margin-bottom:7px;font-weight:500}.solution-context-note{margin-top:28px!important;font-size:11px!important;color:#667078!important}.solution-editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}.solution-editorial-card{min-height:210px;border:1px solid var(--line2);padding:28px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.006));position:relative;overflow:hidden;transition:.45s var(--ease)}.solution-editorial-card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.24)}.solution-editorial-card:after{content:"";position:absolute;right:-40px;bottom:-55px;width:130px;height:130px;border:1px solid rgba(255,255,255,.055);border-radius:50%;transition:.55s var(--ease)}.solution-editorial-card:hover:after{transform:scale(1.28)}.solution-editorial-card small{display:block;font-size:8px;letter-spacing:.16em;color:#697178;text-transform:uppercase;margin-bottom:18px}.solution-editorial-card h3{font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:28px;font-weight:400;margin:0 0 13px}.solution-editorial-card p{font-size:14px;color:#808a91;line-height:1.78;margin:0}.solution-band{padding:120px max(6vw,48px);position:relative}.solution-inner{max-width:1480px;margin:auto}.solution-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(42px,7vw,110px);align-items:start}.solution-hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:34px}.solution-hero-actions .btn{cursor:pointer}.solution-compact-band{padding:86px max(6vw,48px);background:linear-gradient(180deg,#020304,#050708 52%,#020304)}.solution-compact-head{max-width:900px;margin:0 0 34px}.solution-compact-head h2{font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:clamp(42px,5.1vw,76px);font-weight:400;line-height:.98;letter-spacing:-.05em;margin:20px 0;color:#dde1e4}.solution-compact-head p{color:#858e94;line-height:1.82;max-width:720px}.solution-compact-grid{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:16px}.solution-compact-panel{border:1px solid var(--line2);background:linear-gradient(145deg,rgba(255,255,255,.038),rgba(255,255,255,.006));padding:28px;position:relative;overflow:hidden;min-height:100%}.solution-compact-panel:after{content:"";position:absolute;width:150px;height:150px;border:1px solid rgba(255,255,255,.05);border-radius:50%;right:-72px;bottom:-82px}.solution-compact-panel>small{display:block;font-size:8px;letter-spacing:.17em;color:#687178;text-transform:uppercase;margin-bottom:15px}.solution-compact-panel>h3{font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:clamp(28px,3vw,42px);font-weight:400;line-height:1.05;margin:0 0 22px;color:#dce1e4}.solution-mini-list{display:grid;border-top:1px solid var(--line)}.solution-mini-row{display:grid;grid-template-columns:38px 1fr;gap:13px;padding:16px 0;border-bottom:1px solid var(--line)}.solution-mini-row em{font-style:normal;font-size:8px;letter-spacing:.13em;color:#606970;padding-top:4px}.solution-mini-row strong{display:block;font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:20px;font-weight:400;color:#ccd2d6;margin-bottom:5px}.solution-mini-row span{display:block;font-size:11px;line-height:1.62;color:#747e85}.solution-feature-compact{display:grid;grid-template-columns:1fr 1fr;gap:10px}.solution-feature-compact article{border:1px solid var(--line);padding:14px;min-height:108px;background:rgba(255,255,255,.012)}.solution-feature-compact small{display:block;font-size:7px;letter-spacing:.14em;color:#657077;text-transform:uppercase;margin-bottom:9px}.solution-feature-compact strong{display:block;font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:18px;font-weight:400;color:#cfd5d9;margin-bottom:6px}.solution-feature-compact p{font-size:10px;line-height:1.58;color:#727c83;margin:0}.solution-control-compact{display:grid;gap:10px}.solution-control-compact article{padding:15px;border-top:1px solid var(--line);background:rgba(255,255,255,.012)}.solution-control-compact strong{display:block;font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:19px;font-weight:400;color:#d0d6da;margin-bottom:7px}.solution-control-compact p{font-size:11px;line-height:1.64;color:#747e85;margin:0}
.pricing-section{padding:90px max(6vw,48px);scroll-margin-top:92px;background:linear-gradient(180deg,#030405,#050708 56%,#020304);position:relative;overflow:hidden}.pricing-section:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 76% 18%,rgba(121,165,211,.085),transparent 28%),linear-gradient(110deg,transparent 14%,rgba(255,255,255,.018) 48%,transparent 80%);transform:translateX(-70%);animation:pricingSweep 14s ease-in-out infinite}.pricing-shell{max-width:1480px;margin:auto;position:relative;z-index:1}.pricing-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.74fr);gap:clamp(38px,7vw,105px);align-items:end;margin-bottom:42px}.pricing-intro h2{font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:clamp(44px,5.6vw,84px);font-weight:400;line-height:.96;letter-spacing:-.052em;margin:20px 0 0;color:#dde1e4;max-width:12ch}.pricing-intro-copy{color:#879096;line-height:1.85;max-width:630px}.pricing-intro-copy strong{display:block;color:#cbd1d5;font-weight:500;margin-bottom:10px;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.pricing-disclaimer{font-size:10px;color:#656e74;line-height:1.7;margin-top:14px}.pricing-accordion{border:1px solid var(--line2);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.005));box-shadow:0 28px 90px rgba(0,0,0,.3)}.pricing-mode{border-bottom:1px solid var(--line)}.pricing-mode:last-of-type{border-bottom:0}.pricing-mode-toggle{width:100%;border:0;background:transparent;color:#d9dee1;display:grid;grid-template-columns:52px 1fr auto;gap:20px;align-items:center;padding:26px 30px;text-align:left;cursor:pointer;transition:.35s var(--ease)}.pricing-mode-toggle:hover,.pricing-mode-toggle[aria-expanded="true"]{background:rgba(255,255,255,.035)}.pricing-mode-toggle small{font-size:8px;letter-spacing:.16em;color:#687178}.pricing-mode-toggle strong{font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:clamp(23px,2.3vw,32px);font-weight:400}.pricing-mode-toggle span{font-size:11px;color:#7f888e;line-height:1.65;max-width:650px;margin-left:auto;margin-right:26px}.pricing-mode-toggle b{font-size:20px;font-weight:300;transition:.35s var(--ease)}.pricing-mode-toggle[aria-expanded="true"] b{transform:rotate(45deg)}.pricing-panel{display:none;padding:0 30px 34px}.pricing-panel.active{display:block;animation:pricingOpen .5s var(--ease)}.pricing-panel-note{display:grid;grid-template-columns:38px 1fr;gap:14px;max-width:900px;padding:24px 0 28px;color:#7e888f;line-height:1.8;font-size:13px}.pricing-panel-note:before{content:"";width:28px;height:1px;background:rgba(255,255,255,.32);margin-top:12px}.pricing-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.pricing-cards.is-single{grid-template-columns:minmax(0,680px);justify-content:start}.pricing-card{min-height:390px;border:1px solid var(--line2);background:linear-gradient(145deg,rgba(255,255,255,.038),rgba(255,255,255,.006));padding:24px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:.4s var(--ease)}.pricing-card:after{content:"";position:absolute;width:170px;height:170px;border:1px solid rgba(255,255,255,.055);border-radius:50%;right:-75px;bottom:-90px;transition:.6s var(--ease)}.pricing-card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.25)}.pricing-card:hover:after{transform:scale(1.3)}.pricing-card.selected{border-color:rgba(220,230,239,.55);box-shadow:inset 0 0 40px rgba(255,255,255,.025),0 20px 55px rgba(0,0,0,.3)}.pricing-card-badge{min-height:19px;font-size:7px;letter-spacing:.16em;color:#9ca6ad;text-transform:uppercase}.pricing-card h3{font-family:"Merriweather",Georgia,"Times New Roman",serif;font-weight:400;font-size:30px;line-height:1.05;margin:17px 0 12px;color:#e0e4e7}.pricing-price{display:flex;align-items:flex-end;gap:7px;margin:6px 0 18px}.pricing-price b{font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:clamp(38px,4.4vw,60px);font-weight:400;letter-spacing:-.055em;color:#eef1f3}.pricing-price span{font-size:9px;color:#747d84;text-transform:uppercase;letter-spacing:.12em;padding-bottom:10px}.pricing-card>p{font-size:12px;color:#7d878e;line-height:1.75;margin:0 0 21px}.pricing-list{display:grid;gap:11px;margin:0 0 28px;padding:0;list-style:none}.pricing-list li{font-size:11px;line-height:1.55;color:#a5adb2;display:grid;grid-template-columns:13px 1fr;gap:9px}.pricing-list li:before{content:"+";color:#626b71}.pricing-select{margin-top:auto;height:46px;border:1px solid var(--line2);background:transparent;color:#d3d8db;padding:0 15px;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.11em;text-transform:uppercase;cursor:pointer;position:relative;z-index:2;transition:.35s var(--ease)}.pricing-select:hover,.pricing-card.selected .pricing-select{background:#e7ebee;color:#050607;border-color:transparent}.pricing-selection{display:none;grid-template-columns:1fr auto;gap:24px;align-items:center;border-top:1px solid var(--line);padding:25px 30px;background:rgba(255,255,255,.022)}.pricing-selection.show{display:grid}.pricing-selection small{display:block;font-size:7px;letter-spacing:.16em;color:#6d767c;text-transform:uppercase;margin-bottom:7px}.pricing-selection strong{font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:22px;font-weight:400;color:#dce1e4}.pricing-selection .btn{min-width:245px}.pricing-footnote{font-size:10px;color:#626b71;line-height:1.75;margin:20px 2px 0}.pricing-embedded{border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.016),rgba(255,255,255,.005));padding:54px 34px 36px}.pricing-embedded .pricing-intro{margin-bottom:32px}.pricing-embedded .pricing-intro h2{font-size:clamp(38px,4.7vw,68px)}.pricing-embedded .pricing-card{min-height:395px}@keyframes pricingOpen{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@keyframes pricingSweep{55%,100%{transform:translateX(72%)}}
.solution-cta{padding:115px max(6vw,48px);text-align:center;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.065),transparent 32%),#030405}.solution-cta h2{font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:clamp(48px,6.5vw,96px);font-weight:400;line-height:.95;letter-spacing:-.055em;max-width:980px;margin:0 auto 42px}.solution-cta .btn{margin:auto}.solution-progress{position:fixed;left:0;top:0;height:2px;background:linear-gradient(90deg,#7b8790,#fff);z-index:120;transform-origin:left;transform:scaleX(0)}body.solution-open main>section:not(.solution-view){display:none}body.solution-open footer{display:none}body.solution-open .solution-view{display:block}
.founder-layout{grid-template-columns:minmax(300px,450px) minmax(0,1fr);align-items:center}.portrait{width:min(100%,430px);aspect-ratio:10/13.9;justify-self:start}.portrait img{object-position:50% 42%;transform:none}.founder-story{margin-top:64px;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid rgba(255,255,255,.08)}.founder-chapter{grid-template-columns:1fr;gap:14px;padding:30px 24px;border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.founder-chapter:first-child{border-top:0}.founder-chapter:last-child{border-right:0}.founder-chapter h3{font-size:23px}.founder-chapter p{font-size:13px}
@media(max-width:1320px){.founder-layout{grid-template-columns:1fr;gap:54px}.portrait{width:min(620px,100%);justify-self:start}.founder-copy{max-width:900px}.founder-copy h2{font-size:clamp(64px,10vw,104px)}}@media(max-width:1000px){body{cursor:auto}.cursor,.cursor-ring{display:none}.nav-cta{display:none}.hero-copywrap{width:72vw}.hero-brain-frame{right:-100px;width:min(65vw,680px);height:min(76vh,680px);opacity:.9}.service{grid-template-columns:92px 1fr;padding:86px 0 78px}.service-main{grid-template-columns:minmax(0,1fr) 290px;gap:34px}.service-strap{max-width:20ch}.contact-layout{grid-template-columns:1fr}}
@media(max-width:760px){.brand{gap:9px}.brand-name{font-size:15px;letter-spacing:.18em}.brand-sub{font-size:6.5px;letter-spacing:.12em}.brand-pipe{height:15px}.brand-mark{width:19px;height:19px}.nav-wrap{padding:10px}.nav{height:58px;padding:0 14px}.menu{display:grid}.nav-links{position:absolute;left:10px;right:10px;top:77px;display:none;flex-direction:column;align-items:stretch;background:rgba(4,6,7,.97);border:1px solid var(--line2);padding:12px;border-radius:18px}.nav-links.mobile-open{display:flex}.nav-links>a,.cap-btn{text-align:left;padding:14px}.dropdown{position:static;width:100%;grid-template-columns:1fr;box-shadow:none;margin-top:5px}.hero{padding:130px 22px 90px;align-items:flex-end;min-height:100svh}.hero-copywrap{width:100%;padding-top:43vh}.hero-brain-frame{top:78px;left:0;right:0;width:auto;height:53vh;transform:none;opacity:.78;animation:heroBrainRevealMobile 1.25s var(--ease) 1.7s forwards;-webkit-mask-image:linear-gradient(180deg,#000 0 73%,transparent 100%);mask-image:linear-gradient(180deg,#000 0 73%,transparent 100%)}.hero-brain-frame .cerebro-brain-root .cb-badge{font-size:6.5px;padding:4px 6px}.hero-brain-frame .cerebro-brain-root .cb-hint{display:none}@keyframes heroBrainRevealMobile{from{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:.78;transform:translateY(0) scale(1)}}.hero-note{font-size:13vw;line-height:.98;max-width:10.6ch}.hero h1{font-size:21vw}.hero:after{background:linear-gradient(180deg,transparent,rgba(2,3,4,.88) 56%)}.hero-desc{font-size:13px}.actions{flex-direction:column}.btn{width:100%}.telemetry{display:none}.scrollcue{left:22px}.section{padding:105px 22px}.section-grid{grid-template-columns:1fr;gap:25px}.rail{writing-mode:initial;transform:none}.section-head h2,.manifesto h2{font-size:12vw}.manifesto-details{grid-template-columns:1fr;margin:50px 0}.metrics{grid-template-columns:1fr 1fr}.metric:nth-child(2){border-right:0}.service{grid-template-columns:1fr;gap:24px;padding:72px 0 68px}.service-side{padding-top:0}.service-num{font-size:22vw}.service-main{grid-template-columns:1fr;gap:30px}.service-copy h3{font-size:12vw}.service-strap{font-size:24px;max-width:18ch}.service-body{font-size:14px}.service-visual{justify-self:start;width:min(100%,320px)}.method-tabs{grid-template-columns:1fr 1fr}.method-tabs:before{display:none}.method-display{grid-template-columns:1fr;padding:30px;min-height:730px}.machine{order:-1}.founder-chapter{grid-template-columns:1fr;gap:8px}.flow-box{padding:35px 20px;min-height:700px}.flow-map{height:430px}.flow-axis{left:50%;right:auto;top:5%;bottom:5%;width:1px;height:auto}.flow-light{top:-5%;left:-1px!important;width:3px;height:90px;animation:flowMobile 4s linear infinite}.flow-node{left:50%!important;top:calc(40px + var(--i)*54px)!important}.flow-node span{left:48px;top:4px;transform:none;text-align:left}.flow-copy{margin-top:35px}@keyframes flowMobile{from{top:-5%}to{top:100%}}.device-stage{padding:10px}.device-space{min-height:600px}.device-frame,.device-frame.tablet{width:100%;min-height:530px;transform:none}.ui-body{grid-template-columns:1fr}.ui-side{display:none}.ui-panels{grid-template-columns:1fr}.ui-panel.wide{grid-column:auto}.founder-layout{grid-template-columns:1fr}.portrait{min-height:0;height:auto;aspect-ratio:10/13.9;padding:0}.portrait img{object-position:50% 42%;transform:none}.contact-form{padding:26px}.form-grid{grid-template-columns:1fr}.footer-bottom{grid-template-columns:1fr}.footer-bottom nav{flex-wrap:wrap}.footer-bottom span:last-child{text-align:left}.wordmark{font-size:24vw}}
@media(max-width:1180px){.solution-context-grid{grid-template-columns:1fr}.solution-context-metrics{border-left:0;border-top:1px solid var(--line)}.solution-editorial-grid{grid-template-columns:repeat(2,1fr)}.student-context{grid-template-columns:1fr}.student-context-stats{border-left:0;border-top:1px solid var(--line)}.student-workspace{grid-template-columns:240px minmax(0,1fr)}.student-stage{grid-template-columns:1fr}.student-screen{max-width:720px;width:100%}.student-integrity{grid-template-columns:1fr 1fr}.integrity-item:nth-child(2){border-right:0}.integrity-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.solution-hero{grid-template-columns:1fr;min-height:auto}.solution-hero-art{min-height:460px}.solution-feature-grid{grid-template-columns:repeat(2,1fr)}.founder-story{grid-template-columns:repeat(2,1fr)}.founder-chapter:nth-child(2n){border-right:0}.founder-chapter:last-child{grid-column:1/-1}}@media(max-width:760px){.solution-context-metrics,.solution-editorial-grid{grid-template-columns:1fr}.solution-context-stat{min-height:150px;border-right:0!important;border-bottom:1px solid var(--line)!important}.solution-context-stat:last-child{border-bottom:0!important}.solution-context-copy{padding:34px 22px}.solution-context-copy h2{font-size:12vw}.student-context-stats{grid-template-columns:1fr}.student-stat{min-height:140px;border-right:0!important;border-bottom:1px solid var(--line)!important}.student-stat:last-child{border-bottom:0!important}.student-workspace{grid-template-columns:1fr}.student-tabs{border-right:0;border-bottom:1px solid var(--line);display:flex;overflow-x:auto;padding:12px}.student-tab{min-width:190px;border-bottom:0;border-right:1px solid var(--line)}.student-stage{padding:30px 20px}.student-screen{height:430px;transform:none}.student-screen:hover{transform:translateY(-4px)}.student-integrity{grid-template-columns:1fr}.integrity-item{border-right:0;border-bottom:1px solid var(--line)}.student-cta{align-items:flex-start;flex-direction:column}.student-cta--solo{align-items:stretch}.student-cta .btn{width:100%}.solution-view{padding-top:72px}.solution-hero,.solution-band,.solution-cta{padding-left:22px;padding-right:22px}.solution-hero{padding-top:75px}.solution-title{font-size:15vw}.solution-hero-art{min-height:390px;transform:scale(.82)}.solution-grid-2,.solution-feature-grid,.solution-controls{grid-template-columns:1fr}.process-step{grid-template-columns:38px 1fr}.process-step span{grid-column:2}.solution-feature{min-height:190px}.control-item{border-right:0}.founder-story{grid-template-columns:1fr;margin-top:48px}.founder-chapter{border-right:0}.founder-chapter:last-child{grid-column:auto}.portrait{width:min(100%,400px);aspect-ratio:10/14.2}.portrait img{object-position:50% 40%;transform:none}}@media(max-width:430px){.brand-sub,.brand-pipe{display:none}.brand-name{font-size:15px;letter-spacing:.2em}}

@media(max-width:980px){.pricing-intro{grid-template-columns:1fr;align-items:start}.pricing-cards{grid-template-columns:1fr}.pricing-card{min-height:0}.pricing-mode-toggle{grid-template-columns:44px 1fr auto}.pricing-mode-toggle span{grid-column:2/4;margin:0;max-width:720px}.pricing-selection{grid-template-columns:1fr}.pricing-selection .btn{width:100%}}
@media(max-width:760px){.pricing-section{padding:90px 22px}.pricing-embedded{padding:48px 20px 28px}.pricing-mode-toggle{padding:22px 18px;grid-template-columns:34px 1fr auto;gap:12px}.pricing-mode-toggle span{font-size:10px}.pricing-panel{padding:0 18px 24px}.pricing-card{padding:23px}.pricing-selection{padding:22px 18px}.pricing-selection strong{font-size:19px}.pricing-intro h2{font-size:12vw}}
@media(max-width:1180px){.solution-compact-grid{grid-template-columns:1fr 1fr}.solution-compact-panel:first-child{grid-column:1/-1}}@media(max-width:760px){.solution-hero-actions{flex-direction:column}.solution-hero-actions .btn{width:100%}.solution-compact-band{padding:72px 22px}.solution-compact-grid{grid-template-columns:1fr}.solution-compact-panel:first-child{grid-column:auto}.solution-feature-compact{grid-template-columns:1fr}.pricing-section{padding-top:72px;padding-bottom:72px}}
@media(max-width:1320px){.contact-layout{grid-template-columns:1fr}.contact-layout>.section-head{max-width:780px}.consultation-workspace.has-selection{grid-template-columns:minmax(230px,.55fr) minmax(0,1fr)}}@media(max-width:900px){.consultation-workspace.has-selection{grid-template-columns:1fr}.selected-package-card{min-height:0}.package-confirm-actions{grid-template-columns:1fr}}@media(max-width:760px){.contact-form{padding:26px}.selected-package-card{padding:25px}.selected-package-card h3{font-size:35px}.selected-package-price{font-size:46px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.loader{display:none}}
:focus-visible{outline:2px solid #fff;outline-offset:4px}

/* LEGAL CENTRE */
.footer-legal{margin-top:26px;padding-top:22px;border-top:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#555d63}.footer-legal nav{display:flex;flex-wrap:wrap;gap:18px}.footer-legal a{color:#747c82;transition:.3s}.footer-legal a:hover{color:#fff}.form-legal-note{margin:14px 0 0;color:#697178;font-size:10px;line-height:1.7}.form-legal-note a{color:#c9ced2;text-decoration:underline;text-decoration-color:rgba(255,255,255,.25);text-underline-offset:4px}.legal-view{display:none;min-height:100vh;padding-top:104px;background:radial-gradient(circle at 78% 14%,rgba(114,151,194,.08),transparent 26%),#020304}.legal-view.active{display:block}body.legal-open main>section:not(.legal-view){display:none}body.legal-open footer{display:none}body.legal-open .legal-view{display:block}.legal-progress{position:fixed;left:0;top:0;height:2px;background:linear-gradient(90deg,#6d7880,#fff);z-index:121;transform-origin:left;transform:scaleX(0)}.legal-shell{width:min(1480px,88vw);margin:0 auto;padding:74px 0 120px}.legal-topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:62px}.legal-back{display:inline-flex;align-items:center;gap:12px;color:#7f888f;font-size:9px;letter-spacing:.15em;text-transform:uppercase;transition:.3s}.legal-back:hover{color:#fff}.legal-actions{display:flex;gap:10px}.legal-action{height:42px;padding:0 15px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.02);color:#aab2b8;font-size:8px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:.3s}.legal-action:hover{border-color:rgba(255,255,255,.38);color:#fff}.legal-header{display:grid;grid-template-columns:120px minmax(0,1fr) minmax(280px,.55fr);gap:38px;padding-bottom:52px;border-bottom:1px solid rgba(255,255,255,.1);align-items:end}.legal-index{font-size:9px;letter-spacing:.18em;color:#687178;text-transform:uppercase}.legal-header h1{font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:clamp(62px,8.4vw,126px);line-height:.84;font-weight:400;letter-spacing:-.065em;margin:0;color:#e3e7ea}.legal-header-copy{color:#899298;line-height:1.85}.legal-header-copy strong{display:block;color:#d0d5d8;font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px}.legal-status{margin:34px 0 0;padding:18px 20px;border:1px solid rgba(208,171,105,.22);background:linear-gradient(90deg,rgba(208,171,105,.065),rgba(255,255,255,.012));color:#a9a19a;font-size:10px;line-height:1.7}.legal-status b{color:#d0c0a5;font-weight:500}.legal-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(48px,7vw,110px);padding-top:58px}.legal-nav{position:sticky;top:122px;align-self:start;border-top:1px solid rgba(255,255,255,.1)}.legal-nav a{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:15px 4px;border-bottom:1px solid rgba(255,255,255,.07);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#747d83;transition:.3s}.legal-nav a small{color:#4f575d}.legal-nav a:hover,.legal-nav a.active{color:#fff;padding-left:10px;background:rgba(255,255,255,.025)}.legal-article{max-width:880px}.legal-article-intro{font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:clamp(25px,3vw,40px);line-height:1.42;color:#c9ced2;margin:0 0 48px}.legal-section{padding:34px 0 38px;border-top:1px solid rgba(255,255,255,.08)}.legal-section:first-of-type{border-top:0}.legal-section h2{font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:clamp(25px,3vw,40px);font-weight:400;letter-spacing:-.035em;color:#d9dde0;margin:0 0 20px}.legal-section p,.legal-section li{color:#899197;line-height:1.92;font-size:14px}.legal-section p{margin:0 0 16px}.legal-section strong{color:#cdd2d6;font-weight:500}.legal-section a{color:#d5d9dc;text-decoration:underline;text-decoration-color:rgba(255,255,255,.25);text-underline-offset:4px}.legal-section ul{margin:12px 0 0;padding:0;list-style:none}.legal-section li{position:relative;padding:0 0 12px 22px}.legal-section li:before{content:'—';position:absolute;left:0;color:#5f6970}.legal-form-box{padding:24px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.025);line-height:1.85;color:#9aa2a8}.legal-footer-nav{margin-top:68px;padding-top:28px;border-top:1px solid rgba(255,255,255,.1);display:grid;grid-template-columns:1fr 1fr;gap:20px}.legal-footer-nav a{padding:22px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.015);transition:.35s}.legal-footer-nav a:last-child{text-align:right}.legal-footer-nav small{display:block;font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:#626b71;margin-bottom:8px}.legal-footer-nav strong{font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:22px;font-weight:400;color:#cfd4d7}.legal-footer-nav a:hover{border-color:rgba(255,255,255,.3);transform:translateY(-2px)}.legal-centre-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.09);margin-top:56px}.legal-centre-card{min-height:260px;padding:28px;background:#050708;position:relative;overflow:hidden;transition:.4s}.legal-centre-card:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.055),transparent 48%);opacity:.55}.legal-centre-card:hover{background:#080b0d}.legal-centre-card small,.legal-centre-card h2,.legal-centre-card p,.legal-centre-card span{position:relative}.legal-centre-card small{font-size:8px;letter-spacing:.15em;text-transform:uppercase;color:#697178}.legal-centre-card h2{font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:30px;font-weight:400;color:#d9dde0;margin:42px 0 14px}.legal-centre-card p{font-size:12px;line-height:1.75;color:#7f888e;max-width:32ch}.legal-centre-card span{position:absolute;right:24px;bottom:22px;color:#9da5aa}.legal-launch-check{margin-top:1px;padding:34px;background:linear-gradient(110deg,rgba(255,255,255,.04),rgba(255,255,255,.012));border:1px solid rgba(255,255,255,.09);display:grid;grid-template-columns:.7fr 1.3fr;gap:40px}.legal-launch-check h2{font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:34px;font-weight:400;color:#d6dbde;margin:0}.legal-launch-check p{color:#858e94;line-height:1.8;margin:0}.legal-launch-check strong{color:#cbd0d4}.legal-centre-note{max-width:760px;margin-top:24px;color:#737c82;line-height:1.8}.legal-date{margin-top:20px;font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:#5f676d}@media(max-width:1000px){.legal-header{grid-template-columns:80px 1fr}.legal-header-copy{grid-column:2}.legal-layout{grid-template-columns:1fr}.legal-nav{position:static;display:grid;grid-template-columns:repeat(3,1fr)}.legal-centre-grid{grid-template-columns:1fr 1fr}.legal-launch-check{grid-template-columns:1fr}}@media(max-width:760px){.footer-legal{align-items:flex-start;flex-direction:column}.legal-view{padding-top:72px}.legal-shell{width:auto;margin:0;padding:58px 22px 90px}.legal-topbar{align-items:flex-start;flex-direction:column;margin-bottom:42px}.legal-actions{width:100%}.legal-action{flex:1}.legal-header{grid-template-columns:1fr;gap:18px;padding-bottom:38px}.legal-header-copy{grid-column:auto}.legal-header h1{font-size:16vw}.legal-layout{padding-top:38px}.legal-nav{grid-template-columns:1fr 1fr}.legal-article-intro{font-size:28px}.legal-section p,.legal-section li{font-size:13px}.legal-centre-grid{grid-template-columns:1fr}.legal-centre-card{min-height:230px}.legal-footer-nav{grid-template-columns:1fr}.legal-footer-nav a:last-child{text-align:left}}@media print{body{background:#fff!important;color:#000!important}.nav-wrap,.loader,#universe,.vignette,.noise,.cursor,.cursor-ring,.legal-topbar,.legal-nav,.legal-footer-nav,.legal-progress{display:none!important}.legal-view{display:block!important;padding:0!important;background:#fff!important}.legal-shell{width:100%!important;padding:0!important}.legal-header{grid-template-columns:1fr!important}.legal-header h1,.legal-section h2,.legal-article-intro,.legal-header-copy,.legal-section p,.legal-section li,.legal-section strong{color:#000!important}.legal-layout{display:block!important}.legal-article{max-width:none!important}.legal-section{break-inside:avoid;border-color:#ccc!important}.legal-status{border-color:#999!important;color:#333!important}}


/* Curated visual pack integration — applied to a copy of the protected baseline */
.cvx-method-machine{height:390px;position:relative;overflow:hidden;isolation:isolate}
.cvx-method-machine canvas{filter:saturate(.2) contrast(1.04)}
.cvx-flow-visual{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.96}
.flow-map>.flow-axis{opacity:.08}
.flow-map>#flowNodes{position:absolute;inset:0;z-index:3}
.cvx-student-hologram{position:absolute;inset:48px 0 0;z-index:0;pointer-events:none;opacity:.24;mix-blend-mode:screen;filter:contrast(1.04)}
.student-topbar{position:relative;z-index:4;background:rgba(6,8,10,.76);backdrop-filter:blur(9px)}
.student-ui{z-index:2;background:linear-gradient(160deg,rgba(8,10,12,.72),rgba(3,4,5,.76))}
.student-canvas{background:rgba(2,3,4,.22)}
.cvx-solution-art{min-height:455px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.035),transparent 54%)}
.cvx-solution-art:before{content:"";position:absolute;inset:8%;border:1px solid rgba(255,255,255,.045);border-radius:50%;pointer-events:none;opacity:.55}
.cvx-solution-art canvas{position:absolute!important;inset:0;width:100%!important;height:100%!important}
.cvx-solution-constellation:before{inset:5%;border-radius:0;background:radial-gradient(circle,rgba(255,255,255,.025),transparent 65%)}
@media(max-width:1000px){
  .cvx-method-machine{height:330px}
  .cvx-solution-art{min-height:360px}
  .cvx-student-hologram{opacity:.18}
}
@media(max-width:700px){
  .cvx-method-machine{height:300px}
  .cvx-solution-art{min-height:310px}
  .cvx-student-hologram{opacity:.13}
}


/* ===== Cerebro sculptural-motion review pass ===== */
:root{
  --csm-page:#030405;
  --csm-surface:rgba(10,12,13,.56);
  --csm-surface-matte:rgba(10,12,13,.82);
  --csm-line:rgba(255,255,255,.065);
  --csm-line-medium:rgba(255,255,255,.11);
  --csm-line-strong:rgba(255,255,255,.18);
  --csm-text:#eef1f3;
  --csm-muted:#899197;
  --csm-metal:#c8cdd1;
  --csm-metal-soft:rgba(200,205,209,.28);
  --csm-reflection:rgba(240,243,245,.09);
}
.csm-site-stage{position:relative;isolation:isolate;min-width:0;overflow:hidden;background:transparent!important;border:0!important;box-shadow:none!important}
.csm-site-stage::before,.csm-site-stage::after{pointer-events:none}
.csm-site-stage canvas,.csm-site-stage svg{display:block;width:100%;height:100%;max-width:100%;background:transparent!important}
.csm-company-stage{width:min(100%,760px);height:390px;margin:62px 0 0 auto;opacity:.9;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 11%,#000 88%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 11%,#000 88%,transparent 100%)}
.csm-solutions-ribbon{height:230px;margin:-22px 0 46px;opacity:.86;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.csm-depth-cut{position:relative;height:30px;margin:-18px 0 48px;overflow:hidden;pointer-events:none;opacity:.82}
.device-space{position:relative;isolation:isolate}
.csm-device-chamber{position:absolute;inset:4% 4% 6%;z-index:0;opacity:.42;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 78%);mask-image:radial-gradient(ellipse at center,#000 30%,transparent 78%)}
.device-frame{position:relative;z-index:2}
.founder-layout{position:relative;isolation:isolate}
.founder-layout>[data-csm-plane]{position:relative;z-index:1}
.csm-contact-visuals{position:relative;width:min(100%,330px);height:265px;margin:46px 0 0;isolation:isolate;overflow:hidden;-webkit-mask-image:radial-gradient(ellipse at center,#000 35%,transparent 82%);mask-image:radial-gradient(ellipse at center,#000 35%,transparent 82%)}
.csm-contact-stack{position:absolute;inset:20px 42px 26px;z-index:2;opacity:.92}
.csm-contact-particles{position:absolute;inset:0;z-index:1;opacity:.58;pointer-events:none}
.csm-site-stage.csm-frame,.csm-site-stage .csm-frame{background:transparent!important;border:0!important;box-shadow:none!important}
.csm-peel-layer,.csm-slice-layer{border-radius:inherit}
#company .csm-company-stage,#solutions .csm-solutions-ribbon,#contact .csm-contact-visuals{transform:translateZ(0)}
@media(max-width:1000px){
  .csm-company-stage{height:330px;width:min(100%,650px)}
  .csm-solutions-ribbon{height:190px}
  .csm-device-chamber{opacity:.3}
  .csm-contact-visuals{height:225px;width:min(100%,300px)}
}
@media(max-width:760px){
  .csm-company-stage{height:250px;margin-top:42px}
  .csm-solutions-ribbon{height:145px;margin:0 0 28px}
  .csm-device-chamber{display:none}
  .csm-contact-visuals{height:180px;width:min(100%,250px);margin-top:30px}
  .csm-contact-stack{inset:8px 28px 16px}
  .csm-depth-cut{height:20px;margin:-8px 0 34px}
}
@media(prefers-reduced-motion:reduce){
  .csm-site-stage,.csm-contact-visuals{transform:none!important}
}



/* Neutral continuity + visual integration pass.
   Starts from the protected curated baseline. No copy, layout, typography,
   interaction logic or animation timing has been altered. */
:root{
  --black:#030405;
  --panel:rgba(9,11,12,.72);
  --surface-base:#030405;
  --surface-soft:#050607;
  --surface-raised:#07090b;
}
html,body{background:var(--surface-base)!important}
body{background-color:var(--surface-base)!important}
#universe{background:var(--surface-base)}
.noise{
  opacity:.018!important;
  filter:grayscale(1) contrast(.88);
  mix-blend-mode:soft-light;
}
.vignette{
  background:radial-gradient(circle at 64% 38%,transparent 0 12%,rgba(0,0,0,.07) 30%,rgba(0,0,0,.52) 74%,var(--surface-base) 100%)!important;
}
.loader{background:#020304!important}

/* Preserve the established dark graphite character while removing isolated
   blue/green casts and abrupt tonal changes between sections. */
.hero{background-color:transparent!important}
.hero:after{
  background:linear-gradient(90deg,rgba(3,4,5,.84) 0%,rgba(3,4,5,.49) 32%,transparent 63%)!important;
}
.manifesto{background:linear-gradient(180deg,rgba(3,4,5,.42),#060708 45%,#030405)!important}
.cap-section,.flow-section,.devices,.solution-view{background:#030405!important}
.method{
  background:radial-gradient(circle at 50% 55%,rgba(255,255,255,.055),transparent 32%),#050607!important;
}
.students{
  background:radial-gradient(circle at 74% 35%,rgba(255,255,255,.042),transparent 28%),linear-gradient(180deg,#050607,#030405)!important;
}
.founder{background:linear-gradient(180deg,#030405,#07090a)!important}
.contact{
  background:radial-gradient(circle at 70% 35%,rgba(255,255,255,.052),transparent 25%),#030405!important;
}
footer{background:linear-gradient(#030405,#010203 78%)!important}
.solution-hero:before,.pricing-section:before{
  background:radial-gradient(circle at 76% 42%,rgba(255,255,255,.045),transparent 29%),linear-gradient(180deg,transparent,rgba(0,0,0,.25))!important;
}
.legal-view{
  background:radial-gradient(circle at 78% 14%,rgba(255,255,255,.038),transparent 26%),#030405!important;
}
.selected-package-card{
  background:radial-gradient(circle at 80% 12%,rgba(255,255,255,.055),transparent 28%),linear-gradient(145deg,rgba(255,255,255,.044),rgba(255,255,255,.007))!important;
}
.package-confirm-panel,.checkout-handoff-panel{
  background:radial-gradient(circle at 82% 16%,rgba(255,255,255,.055),transparent 28%),#07090b!important;
}
.solution-editorial-shell:before{
  background:radial-gradient(circle at 76% 18%,rgba(255,255,255,.04),transparent 28%),linear-gradient(110deg,transparent 14%,rgba(255,255,255,.016) 48%,transparent 80%)!important;
}
.service-num{
  -webkit-text-stroke-color:rgba(210,216,220,.19)!important;
  text-shadow:0 0 32px rgba(255,255,255,.028)!important;
}

/* Remove residual hue from rendered motion without flattening brightness. */
.hero-brain-frame canvas,
.cvx-root>.cvx-canvas,
.cvx-method-machine canvas,
.cvx-flow-visual canvas,
.cvx-student-hologram canvas,
.cvx-solution-art canvas{
  filter:saturate(0) contrast(1.025)!important;
}

/* Hero network dissolves into the surrounding graphite field. */
.hero-brain-frame{
  background:transparent!important;
  box-shadow:none!important;
  -webkit-mask-image:radial-gradient(ellipse closest-side at 50% 50%,#000 0 62%,rgba(0,0,0,.97) 76%,rgba(0,0,0,.72) 86%,rgba(0,0,0,.32) 94%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse closest-side at 50% 50%,#000 0 62%,rgba(0,0,0,.97) 76%,rgba(0,0,0,.72) 86%,rgba(0,0,0,.32) 94%,transparent 100%)!important;
}
.hero-brain-frame:before{
  background:radial-gradient(circle,rgba(235,240,243,.058),rgba(140,146,151,.012) 45%,transparent 72%)!important;
}
#cerebro-brain,.hero-brain-frame .cerebro-brain-root,.hero-brain-frame canvas{background:transparent!important}
.hero-brain-frame .cerebro-brain-root .cb-badge{background:rgba(4,5,6,.74)!important}
.hero-brain-frame .cerebro-brain-root .cb-hint{background:rgba(4,5,6,.5)!important}
.hero-brain-frame .cerebro-brain-root .cb-panel-overlay{background:rgba(3,4,5,.72)!important}
.hero-brain-frame .cerebro-brain-root .cb-panel{background:rgba(7,9,10,.96)!important}

/* Original solution illustrations: keep the object, lose the inserted-box look. */
.service-visual{
  border-color:transparent!important;
  background:radial-gradient(circle at 50% 54%,rgba(255,255,255,.045),transparent 38%)!important;
  box-shadow:none!important;
  overflow:visible!important;
  -webkit-mask-image:radial-gradient(circle at center,#000 0 66%,rgba(0,0,0,.83) 82%,transparent 100%);
  mask-image:radial-gradient(circle at center,#000 0 66%,rgba(0,0,0,.83) 82%,transparent 100%);
}
.service-visual:before,.service-visual:after{opacity:0!important;border-color:transparent!important}
.visual-tag{background:rgba(4,5,6,.66)!important}

/* Curated motion pack: transparent hosts with softly dissolved boundaries. */
.cvx-root{background:transparent!important}
.cvx-method-machine,.cvx-flow-visual,.cvx-student-hologram,.cvx-solution-art{
  background:transparent!important;
  box-shadow:none!important;
}
.cvx-method-machine{
  -webkit-mask-image:radial-gradient(ellipse at center,#000 0 68%,rgba(0,0,0,.82) 86%,transparent 100%);
  mask-image:radial-gradient(ellipse at center,#000 0 68%,rgba(0,0,0,.82) 86%,transparent 100%);
}
.cvx-flow-visual{
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}
.cvx-student-hologram{
  mix-blend-mode:screen;
  -webkit-mask-image:radial-gradient(ellipse at center,#000 0 64%,rgba(0,0,0,.82) 82%,transparent 100%);
  mask-image:radial-gradient(ellipse at center,#000 0 64%,rgba(0,0,0,.82) 82%,transparent 100%);
}
.cvx-solution-art{
  background:transparent!important;
  -webkit-mask-image:radial-gradient(ellipse at center,#000 0 65%,rgba(0,0,0,.82) 84%,transparent 100%);
  mask-image:radial-gradient(ellipse at center,#000 0 65%,rgba(0,0,0,.82) 84%,transparent 100%);
}
.cvx-solution-art:before,.cvx-solution-constellation:before{
  opacity:0!important;
  border-color:transparent!important;
  background:none!important;
}

/* Let the editorial shells remain readable, but dissolve the visible outer box. */
.method-display,.flow-box{
  background-color:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
  background-image:radial-gradient(ellipse at 74% 52%,rgba(255,255,255,.018),transparent 48%)!important;
}
.solution-context-shell{
  background-color:rgba(5,6,7,.28)!important;
  border-color:rgba(255,255,255,.035)!important;
  box-shadow:none!important;
  background-image:linear-gradient(145deg,rgba(255,255,255,.012),transparent 48%)!important;
}
.student-shell:before,.solution-context-shell:before{opacity:.45!important}
.student-screen{
  background:linear-gradient(160deg,#0a0c0e,#040506 72%)!important;
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.42),inset 0 0 50px rgba(255,255,255,.015)!important;
}
.student-topbar{background:rgba(5,6,7,.73)!important}
.student-ui{background:linear-gradient(160deg,rgba(8,9,10,.7),rgba(3,4,5,.77))!important}
.student-canvas{background:rgba(3,4,5,.18)!important}

@media(max-width:760px){
  .hero:after{background:linear-gradient(180deg,transparent,rgba(3,4,5,.88) 56%)!important}
}



:root{
  --cpi-bg:transparent;
  --cpi-surface:rgba(8,10,11,.66);
  --cpi-surface-matte:rgba(9,11,12,.88);
  --cpi-line:rgba(235,240,243,.075);
  --cpi-line-strong:rgba(235,240,243,.16);
  --cpi-text:#e7ebed;
  --cpi-muted:#879096;
  --cpi-metal:#c3c9cd;
  --cpi-glow:rgba(229,235,238,.10);
  --cpi-editorial-border:rgba(235,240,243,.085);
}
html,body{overflow-x:clip}
.cpi-pulse-track{contain:paint;max-width:100%}
.section-head h2.cpi-heading-depth,.founder-copy h2.cpi-heading-depth,.solution-title.cpi-heading-depth{overflow:clip}
.cpi-integration-rule{display:block;width:min(180px,34vw);height:1px;margin-top:28px;background:linear-gradient(90deg,rgba(230,235,238,.34),rgba(230,235,238,.05),transparent);transform-origin:left center;pointer-events:none}
.cpi-editorial .cpi-editorial-surface{background:radial-gradient(circle at var(--cpi-local-x,70%) var(--cpi-local-y,30%),rgba(230,235,238,.045),transparent 42%),linear-gradient(145deg,rgba(255,255,255,.026),rgba(255,255,255,.006));box-shadow:0 18px 60px rgba(0,0,0,.16),inset 0 0 0 1px rgba(255,255,255,.035)}
.cpi-card{will-change:transform}.service.cpi-card,.founder-chapter.cpi-card,.solution-compact-panel.cpi-card,.solution-feature-compact>article.cpi-card,.solution-control-compact>article.cpi-card{border-radius:2px}
.pricing-card.cpi-card{border-radius:4px}
.cpi-proximity-layer{mix-blend-mode:screen;opacity:calc(var(--cpi-proximity,0)*.42)!important}
.cpi-heading-depth-layer{color:#b7bec3!important;text-shadow:none!important}
.cpi-pulse-track{opacity:.68}
.cpi-solution-linked{transition:opacity .38s ease,filter .38s ease,transform .38s ease}.cpi-solution-linked.cpi-solution-dim{opacity:.72!important;filter:saturate(.8) brightness(.88)}.cpi-solution-linked.cpi-solution-focus{opacity:1!important;filter:brightness(1.08)}
.hero-brain-frame .cb-badge.cpi-brain-linked{opacity:1!important;filter:brightness(1.3) drop-shadow(0 0 10px rgba(235,240,243,.32));transform:translate(-50%,-50%) scale(1.055);z-index:2000!important}.hero-brain-frame .cb-badge{transition:filter .28s ease,transform .28s ease,opacity .28s ease}
.cpi-depth-thread{position:absolute;pointer-events:none;z-index:1;width:160px;height:160px;border:1px solid rgba(230,235,238,.055);border-radius:50%;opacity:.55;mask-image:linear-gradient(135deg,#000,transparent 72%);-webkit-mask-image:linear-gradient(135deg,#000,transparent 72%)}
.hero .cpi-depth-thread{left:46%;top:18%}.founder .cpi-depth-thread{right:6%;top:17%;width:210px;height:210px;opacity:.33}
.cpi-ambient{mix-blend-mode:screen}.cpi-ambient canvas{opacity:.58!important}
.portrait.cpi-image-depth .cpi-image-edge{opacity:.32}
.contact-form.cpi-cta{isolation:isolate}.contact-form .submit.cpi-cta{overflow:hidden}
[data-cpi-state="transitioning"] .contact-form,[data-cpi-state="ready"] .contact-form{border-color:rgba(220,228,233,.19)}
[data-cpi-state="submitting"] .contact-form{box-shadow:0 0 0 1px rgba(220,228,233,.11),0 28px 80px rgba(0,0,0,.22)}
[data-cpi-state="success"] .contact-form{border-color:rgba(220,228,233,.28)}
.cpi-nav-link.is-current{color:#eef2f4!important}
@media(max-width:1000px){.cpi-depth-thread{display:none}.cpi-editorial{transform:none!important}.cpi-solution-linked.cpi-solution-dim{opacity:.9!important}.cpi-integration-rule{width:120px}}
@media(prefers-reduced-motion:reduce){.cpi-integration-rule{transform:none!important;opacity:1!important}}



.hero-brain-frame .cerebro-brain-root .cb-badge,
.hero-brain-frame .cerebro-brain-root .cb-hint,
.hero-brain-frame .cerebro-brain-root .cb-panel-overlay,
.hero-brain-frame .cerebro-brain-root .cb-controls{display:none!important}
.hero-brain-frame .cerebro-brain-root .cb-canvas,
.hero-brain-frame .cerebro-brain-root canvas{cursor:grab!important}
.hero-brain-frame .cerebro-brain-root .cb-canvas:active,
.hero-brain-frame .cerebro-brain-root canvas:active{cursor:grabbing!important}



/* Final approved cleanup: retain the sculptural pass while removing stray visual duplication. */
#company{padding-bottom:72px}
#solutions{padding-top:82px}
#flowVisual{display:none!important}
@media (max-width:760px){
  #company{padding-bottom:52px}
  #solutions{padding-top:62px}
}



/* Approved baseline refinements: portrait crop, compact device presentation,
   restored flowing system paths, and slower consultation sculpture timing. */

/* Founder portrait: respect the source photograph's natural composition and
   remove any exposed dark container strip caused by crop/shift transforms. */
#founder .portrait{
  aspect-ratio:831/1475;
  background:transparent;
  line-height:0;
  /* BOTTOM CROP.
     The box keeps its authored height, so the founder layout, the depth-cut
     rule that follows it and every element after are all left exactly where
     they were - only the painted region is shortened. That lifts the visible
     photograph clear of the horizontal depth-cut line, which previously ran
     across the lower part of the portrait, and it also keeps the source
     file's own black footer band outside the visible window.

     The trim is set from the measured worst case. On the two-column desktop
     layout the portrait is the tallest grid item, so the depth-cut rule sits
     687.5px below the portrait's top; at 8.05% the painted region still
     reached 691.3px and the rule grazed the crop edge. 10.8% puts the
     photograph's visible bottom at 670.6px, a clear 16.9px above the rule.
     Every stacked layout has the rule hundreds of pixels lower again, and at
     10.8% the image still overruns the window at every breakpoint (37px spare
     at 1440, 40px at 1180 and 834, 21px at 390), so no background is exposed. */
  clip-path:inset(0 0 10.8% 0);
}
#founder .portrait img{
  position:relative;
  inset:auto;
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:center top;
  /* TOP CROP.
     A negative margin in percent resolves against the portrait's own width,
     and the image's height is a fixed ratio of that same width, so exactly the
     same proportion of headroom is removed at every breakpoint. The photograph
     is never scaled, stretched or resampled - this only selects which part of
     it the frame shows. Roughly a third of the ceiling above the hair goes;
     what remains is about 50px of breathing room at desktop size. */
  margin-top:-19.4%;
  transform:none!important;
  background:transparent;
}

/* Digital infrastructure: keep the responsive device itself and its existing
   interface motion, but remove the oversized chamber/square and wasted space. */
#devices .csm-device-chamber{display:none!important}
#devices .device-stage{
  min-height:0;
  padding:0;
  border:0;
  background:transparent;
}
#devices .device-tabs{padding:0 0 18px}
#devices .device-space{
  min-height:540px;
  padding:0;
}
#devices .device-frame{width:min(900px,94%)}
@media(max-width:760px){
  #devices .device-space{min-height:500px}
  #devices .device-frame{width:min(100%,680px)}
}

/* Intelligent System Flow: retain only the meaningful clickable stages while
   restoring three calm, curved, interweaving flow paths. */
.flow-map{overflow:hidden}
.flow-axis{display:none!important}
.cerebro-flow-curves{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:1;
  pointer-events:none;
  overflow:visible;
  opacity:.84;
}
.cerebro-flow-curves path{
  fill:none;
  vector-effect:non-scaling-stroke;
  stroke-linecap:round;
}
.cerebro-flow-curves .flow-base{
  stroke:rgba(199,206,211,.18);
  stroke-width:1;
}
.cerebro-flow-curves .flow-thread{
  stroke:rgba(232,236,239,.5);
  stroke-width:1.05;
  stroke-dasharray:10 18;
  animation:cerebroFlowThread 9s linear infinite;
}
.cerebro-flow-curves .flow-thread.thread-b{
  opacity:.56;
  stroke-dasharray:6 24;
  animation-duration:12s;
  animation-direction:reverse;
}
.cerebro-flow-curves .flow-thread.thread-c{
  opacity:.36;
  stroke-dasharray:2 28;
  animation-duration:15s;
}
@keyframes cerebroFlowThread{to{stroke-dashoffset:-224}}
.flow-node{z-index:3}
@media(prefers-reduced-motion:reduce){
  .cerebro-flow-curves .flow-thread{animation:none}
}

/* Consultation sculpture: make the layer separation and return deliberate,
   rather than reading as a rapid pop or frame skip. */
#contact .csm-contact-stack{
  --csm-dur-fast:.75s;
  --csm-dur-base:1.05s;
  --csm-dur-slow:1.55s;
  --csm-ease-structural:cubic-bezier(.16,1,.3,1);
}
#contact .csm-contact-stack .csm-layer-plate{
  transition-duration:1.55s,1.05s,1.05s!important;
  transition-timing-function:cubic-bezier(.16,1,.3,1),ease,ease!important;
}
#contact .csm-contact-stack .csm-strata-body{
  transition:transform 1.55s cubic-bezier(.16,1,.3,1)!important;
}



/* Final baseline repair: remove only the continuous founder divider while
   preserving the portrait, quote, copy, chapter layout and existing spacing. */
#founder .founder-story{border-top:0!important}

/* Restore distinct, smooth previews for every device/interface tab. These
   rules intentionally sit after the compact-device refinement so mode widths
   are no longer overridden by the general frame width. */
#devices .device-frame{
  width:min(900px,94%);
  max-width:100%;
  min-height:510px;
  transition:width .62s var(--ease),min-height .62s var(--ease),border-radius .62s var(--ease),border-width .62s var(--ease),transform .62s var(--ease),box-shadow .62s var(--ease);
}
#devices .device-frame.device-mode-enter{animation:cerebroDeviceModeIn .44s var(--ease)}
@keyframes cerebroDeviceModeIn{from{opacity:.82;filter:brightness(.82)}to{opacity:1;filter:none}}

#devices .device-frame[data-device-mode="desktop"]{width:min(900px,94%);min-height:510px;border-radius:20px}
#devices .device-frame[data-device-mode="laptop"]{width:min(760px,88%);min-height:455px;border-width:8px;border-radius:16px;transform:rotateX(2deg) rotateY(-3deg)}
#devices .device-frame[data-device-mode="tablet"]{width:min(620px,86%);min-height:610px;border-width:11px;border-radius:30px;transform:rotateX(1deg) rotateY(-2deg)}
#devices .device-frame[data-device-mode="mobile"]{width:min(310px,82%);min-height:560px;border-width:9px;border-radius:38px;transform:rotateX(1deg) rotateY(-2deg)}
#devices .device-frame[data-device-mode="customer-portal"]{width:min(860px,92%);min-height:500px;border-radius:18px;transform:rotateX(1deg) rotateY(-2deg)}
#devices .device-frame[data-device-mode="dashboard"]{width:min(940px,96%);min-height:520px;border-radius:18px;transform:rotateX(2deg) rotateY(-3deg)}

#devices .device-frame[data-device-mode="laptop"] .ui-body{grid-template-columns:150px 1fr;min-height:410px}
#devices .device-frame[data-device-mode="laptop"] .ui-main{padding:24px}
#devices .device-frame[data-device-mode="laptop"] .ui-main h3{font-size:34px}

#devices .device-frame[data-device-mode="tablet"] .ui-body{grid-template-columns:108px 1fr;min-height:565px}
#devices .device-frame[data-device-mode="tablet"] .ui-side{padding:18px 15px}
#devices .device-frame[data-device-mode="tablet"] .ui-main{padding:25px}
#devices .device-frame[data-device-mode="tablet"] .ui-main h3{font-size:34px;line-height:1.06}
#devices .device-frame[data-device-mode="tablet"] .ui-panels{grid-template-columns:1fr}
#devices .device-frame[data-device-mode="tablet"] .ui-panel.wide{grid-column:1}

#devices .device-frame[data-device-mode="mobile"] .ui-body{grid-template-columns:1fr;min-height:515px}
#devices .device-frame[data-device-mode="mobile"] .ui-side{display:none}
#devices .device-frame[data-device-mode="mobile"] .ui-main{padding:22px 18px}
#devices .device-frame[data-device-mode="mobile"] .ui-main h3{font-size:29px;line-height:1.04;margin-bottom:20px}
#devices .device-frame[data-device-mode="mobile"] .ui-panels{grid-template-columns:1fr;gap:10px}
#devices .device-frame[data-device-mode="mobile"] .ui-panel{min-height:104px;padding:13px}
#devices .device-frame[data-device-mode="mobile"] .ui-panel.wide{grid-column:1;min-height:126px}
#devices .device-frame[data-device-mode="mobile"] .bars{height:62px}
#devices .device-frame[data-device-mode="mobile"] .chart{height:54px;margin-top:14px}

#devices .device-frame[data-device-mode="customer-portal"] .ui-body{grid-template-columns:1fr;min-height:455px}
#devices .device-frame[data-device-mode="customer-portal"] .ui-side{display:none}
#devices .device-frame[data-device-mode="customer-portal"] .ui-main{padding:36px}
#devices .device-frame[data-device-mode="customer-portal"] .ui-main h3{max-width:18ch}
#devices .device-frame[data-device-mode="customer-portal"] .ui-panels{grid-template-columns:repeat(3,minmax(0,1fr))}
#devices .device-frame[data-device-mode="customer-portal"] .ui-panel.wide{grid-column:auto;min-height:130px}

#devices .device-frame[data-device-mode="dashboard"] .ui-body{grid-template-columns:160px 1fr;min-height:475px}
#devices .device-frame[data-device-mode="dashboard"] .ui-main{padding:28px 24px}
#devices .device-frame[data-device-mode="dashboard"] .ui-panels{grid-template-columns:repeat(3,minmax(0,1fr))}
#devices .device-frame[data-device-mode="dashboard"] .ui-panel.wide{grid-column:auto;min-height:130px}

@media(max-width:760px){
  #devices .device-space{min-height:500px}
  #devices .device-frame[data-device-mode="desktop"],
  #devices .device-frame[data-device-mode="laptop"],
  #devices .device-frame[data-device-mode="customer-portal"],
  #devices .device-frame[data-device-mode="dashboard"]{width:100%;transform:none}
  #devices .device-frame[data-device-mode="tablet"]{width:min(100%,620px);transform:none}
  #devices .device-frame[data-device-mode="mobile"]{width:min(310px,88%);transform:none}
  #devices .device-frame[data-device-mode="customer-portal"] .ui-panels,
  #devices .device-frame[data-device-mode="dashboard"] .ui-panels{grid-template-columns:1fr 1fr}
  #devices .device-frame[data-device-mode="customer-portal"] .ui-panel.wide,
  #devices .device-frame[data-device-mode="dashboard"] .ui-panel.wide{grid-column:1/-1}
}
@media(max-width:520px){
  #devices .device-frame[data-device-mode="desktop"] .ui-body,
  #devices .device-frame[data-device-mode="laptop"] .ui-body,
  #devices .device-frame[data-device-mode="tablet"] .ui-body,
  #devices .device-frame[data-device-mode="customer-portal"] .ui-body,
  #devices .device-frame[data-device-mode="dashboard"] .ui-body{grid-template-columns:1fr}
  #devices .device-frame[data-device-mode="desktop"] .ui-side,
  #devices .device-frame[data-device-mode="laptop"] .ui-side,
  #devices .device-frame[data-device-mode="tablet"] .ui-side,
  #devices .device-frame[data-device-mode="customer-portal"] .ui-side,
  #devices .device-frame[data-device-mode="dashboard"] .ui-side{display:none}
  #devices .device-frame[data-device-mode="customer-portal"] .ui-panels,
  #devices .device-frame[data-device-mode="dashboard"] .ui-panels{grid-template-columns:1fr}
  #devices .device-frame[data-device-mode="customer-portal"] .ui-panel.wide,
  #devices .device-frame[data-device-mode="dashboard"] .ui-panel.wide{grid-column:1}
}
@media(prefers-reduced-motion:reduce){#devices .device-frame.device-mode-enter{animation:none}}



/* Supplied Cerebro wordmark integration */
.brand-logo{display:block;width:108px;height:auto;flex:0 0 auto}
.loader-core:before,.loader-core:after{display:none!important}
.loader-brain{position:absolute;left:7%;right:7%;top:3%;bottom:27%;pointer-events:none;overflow:visible;-webkit-mask-image:radial-gradient(ellipse at center,#000 0 63%,rgba(0,0,0,.92) 77%,transparent 100%);mask-image:radial-gradient(ellipse at center,#000 0 63%,rgba(0,0,0,.92) 77%,transparent 100%)}
.loader-brain,.loader-brain .cerebro-brain-root,.loader-brain canvas{background:transparent!important}
.loader-brain .cb-badge,.loader-brain .cb-hint,.loader-brain .cb-panel-overlay,.loader-brain .cb-panel{display:none!important}
.loader-word{left:50%;bottom:12%;width:min(280px,64vw);height:auto;transform:translateX(-50%);letter-spacing:0}
.loader-word img{display:block;width:100%;height:auto}
.wordmark{width:100%;height:clamp(84px,14vw,215px);font-size:0;line-height:1}
.footer-logo-mask{display:block;width:100%;height:100%;background:linear-gradient(180deg,#e8ecef 0%,#8c949a 46%,#3d4348 100%);-webkit-mask:url("/assets/cerebro-wordmark-alt.png") left center/contain no-repeat;mask:url("/assets/cerebro-wordmark-alt.png") left center/contain no-repeat;filter:drop-shadow(0 15px 60px rgba(255,255,255,.035))}
/* More intentional chapter-number separation */
.service{grid-template-columns:145px minmax(0,1fr);gap:50px}
.service-side{transform:translateX(-10px)}
/* The supplied wordmark and Legal item switch to the existing mobile menu before tablet widths can crowd the pill. */
@media(max-width:1080px){.brand-logo{width:96px}.menu{display:grid}.nav-links{position:absolute;left:10px;right:10px;top:77px;display:none;flex-direction:column;align-items:stretch;background:rgba(4,6,7,.97);border:1px solid var(--line2);padding:12px;border-radius:18px}.nav-links.mobile-open{display:flex}.nav-links>a,.cap-btn{text-align:left;padding:14px}.dropdown{position:static;width:100%;grid-template-columns:1fr;box-shadow:none;margin-top:5px}}
@media(max-width:760px){.brand-logo{width:86px}.loader-brain{left:2%;right:2%;top:5%;bottom:30%}.loader-word{width:min(245px,66vw)}.service{grid-template-columns:1fr;gap:24px}.service-side{transform:none}.wordmark{height:22vw;min-height:72px}}



/* Systems in Action — initial empty page shell.
   The approved baseline remains untouched; this page inherits Cerebro's
   graphite-black palette, typography, spacing and navigation language. */

.systems-view{
  display:none;
  min-height:100vh;
  padding-top:104px;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 18%,rgba(255,255,255,.035),transparent 31%),
    linear-gradient(180deg,#0b0d0f 0%,#0e1013 58%,#0b0d0f 100%)!important;
}
.systems-view.active{display:block}
body.systems-open main>section:not(.systems-view){display:none}
body.systems-open footer{display:none}
body.systems-open .systems-view{display:block}

.systems-shell{
  width:min(1480px,88vw);
  min-height:calc(100vh - 104px);
  margin:0 auto;
  padding:74px 0 140px;
  position:relative;
}
.systems-shell:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.24;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:72px 72px;
  -webkit-mask-image:linear-gradient(180deg,#000,transparent 72%);
  mask-image:linear-gradient(180deg,#000,transparent 72%);
}
.systems-back{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:#7f888f;
  font-size:9px;
  letter-spacing:.15em;
  text-transform:uppercase;
  transition:.3s var(--ease);
}
.systems-back:hover{color:#fff}
.systems-hero{
  position:relative;
  z-index:1;
  max-width:1120px;
  padding:clamp(88px,11vh,150px) 0 72px;
  border-bottom:1px solid rgba(255,255,255,.1);
}
.systems-kicker{
  margin:0 0 28px;
  display:flex;
  align-items:center;
  gap:13px;
  color:#899198;
  font-size:9px;
  letter-spacing:.2em;
  text-transform:uppercase;
}
.systems-kicker span{
  width:34px;
  height:1px;
  background:#aab0b4;
}
.systems-hero h1{
  max-width:9.5ch;
  margin:0;
  color:#e3e7ea;
  font-family:"Merriweather",Georgia,"Times New Roman",serif;
  font-size:clamp(64px,9vw,138px);
  font-weight:400;
  letter-spacing:-.067em;
  line-height:.86;
}
.systems-subtitle{
  max-width:720px;
  margin:34px 0 0;
  color:#9aa2a8;
  font-family:"Merriweather",Georgia,"Times New Roman",serif;
  font-size:clamp(22px,2.3vw,36px);
  line-height:1.45;
}

/* Keep the extra navigation label comfortable across laptop widths. */
@media(max-width:1320px) and (min-width:761px){
  .nav-links{gap:20px}
  .nav-links>a,.cap-btn{font-size:9px;letter-spacing:.095em}
}
@media(max-width:1080px) and (min-width:761px){
  .nav-links{gap:14px}
  .nav-links>a,.cap-btn{font-size:8px}
}
@media(max-width:760px){
  .systems-view{padding-top:78px}
  .systems-shell{
    width:auto;
    min-height:calc(100vh - 78px);
    padding:44px 22px 100px;
  }
  .systems-shell:before{background-size:46px 46px}
  .systems-hero{padding:78px 0 54px}
  .systems-hero h1{
    max-width:10ch;
    font-size:clamp(54px,18vw,82px);
  }
  .systems-subtitle{
    margin-top:26px;
    font-size:22px;
  }
}
@media(prefers-reduced-motion:reduce){
  .systems-back{transition:none}
}



/* Systems in Action / Singularity project study */
.systems-shell{padding-bottom:0}
.sia-project{position:relative;z-index:1;padding:100px 0 0;color:#e6e9eb}
.sia-project:before{content:"";position:absolute;inset:0 calc(50% - 50vw);pointer-events:none;background:radial-gradient(circle at 84% 9%,rgba(146,170,202,.055),transparent 24%),radial-gradient(circle at 18% 38%,rgba(255,255,255,.025),transparent 30%);z-index:-1}
.sia-project-intro{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);gap:clamp(52px,7vw,110px);align-items:center;padding:60px 0 145px;border-bottom:1px solid rgba(255,255,255,.1)}
.sia-project-label{display:flex;align-items:center;gap:13px;color:#697279;font-size:8px;letter-spacing:.2em;text-transform:uppercase}.sia-project-label i{width:36px;height:1px;background:linear-gradient(90deg,#969fa5,transparent)}
.sia-project-copy h2{font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:clamp(72px,9vw,142px);font-weight:400;letter-spacing:-.07em;line-height:.82;margin:30px 0 32px;background:linear-gradient(180deg,#f1f3f4,#8a9298 68%,#555c61);-webkit-background-clip:text;color:transparent}
.sia-deck{font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:clamp(24px,2.5vw,38px);line-height:1.35;color:#cdd2d5;max-width:22ch;margin:0 0 28px}.sia-body{max-width:760px;color:#929aa0;line-height:1.95;font-size:14px}.sia-disclosure{display:inline-flex;margin-top:28px;padding:9px 13px;border:1px solid rgba(255,255,255,.1);color:#747d83;font-size:8px;letter-spacing:.13em;text-transform:uppercase;background:rgba(255,255,255,.018)}
.sia-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}.sia-meta span{padding:10px 13px;border:1px solid rgba(255,255,255,.09);border-radius:999px;color:#848d93;font-size:8px;letter-spacing:.12em;text-transform:uppercase;background:rgba(255,255,255,.015)}
.sia-orbit-stage{height:560px;position:relative;perspective:1000px;isolation:isolate}.sia-orbit-glow{position:absolute;inset:17%;border-radius:50%;background:radial-gradient(circle at 40% 34%,rgba(237,242,245,.36),rgba(110,124,137,.1) 24%,transparent 68%);filter:blur(22px);animation:siaBreathe 5.8s ease-in-out infinite}
.sia-orbit-core{position:absolute;left:50%;top:47%;width:150px;height:150px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 34% 27%,#f5f7f8 0 4%,#aab5bd 8%,#3a4147 28%,#0b0e10 67%);box-shadow:inset -25px -28px 45px #000,0 0 60px rgba(205,215,222,.13),0 0 160px rgba(160,181,198,.06);z-index:3}.sia-orbit-core:before{content:"";position:absolute;inset:-22px;border:1px solid rgba(255,255,255,.12);border-radius:50%}.sia-orbit-core i{position:absolute;inset:28%;border:1px solid rgba(255,255,255,.22);border-radius:50%;animation:siaSpin 8s linear infinite}.sia-orbit-core b{position:absolute;width:7px;height:7px;border-radius:50%;background:white;left:50%;top:50%;box-shadow:0 0 18px white;animation:siaOrbDot 4.2s linear infinite}
.sia-ring{position:absolute;left:50%;top:47%;border:1px solid rgba(255,255,255,.16);border-radius:50%;transform-style:preserve-3d}.sia-ring.r1{width:350px;height:180px;transform:translate(-50%,-50%) rotate(23deg);animation:siaRing1 14s linear infinite}.sia-ring.r2{width:430px;height:240px;transform:translate(-50%,-50%) rotate(-34deg);animation:siaRing2 18s linear infinite}.sia-ring.r3{width:310px;height:480px;transform:translate(-50%,-50%) rotate(7deg);opacity:.55;animation:siaRing3 22s linear infinite}
.sia-sat{position:absolute;padding:7px 10px;border:1px solid rgba(255,255,255,.12);background:rgba(11,13,15,.76);backdrop-filter:blur(8px);color:#9ba3a8;font-size:7px;letter-spacing:.16em;box-shadow:0 12px 35px rgba(0,0,0,.4)}.sia-sat:before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:#d7dde0;box-shadow:0 0 8px white;margin-right:7px}.sia-sat.s1{left:12%;top:25%;animation:siaFloat 4.4s ease-in-out infinite}.sia-sat.s2{right:9%;top:20%;animation:siaFloat 5.1s ease-in-out -1.2s infinite}.sia-sat.s3{left:8%;bottom:23%;animation:siaFloat 4.8s ease-in-out -.7s infinite}.sia-sat.s4{right:13%;bottom:27%;animation:siaFloat 5.4s ease-in-out -2s infinite}
.sia-orbit-caption{position:absolute;left:50%;bottom:5%;transform:translateX(-50%);width:76%;padding:18px 20px;border-top:1px solid rgba(255,255,255,.09);display:flex;justify-content:space-between;align-items:end;gap:20px}.sia-orbit-caption small{font-size:7px;letter-spacing:.18em;color:#596167}.sia-orbit-caption strong{font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:17px;font-weight:400;color:#aeb5ba;text-align:right}
.sia-walkthrough,.sia-gallery,.sia-live{padding:145px 0;border-bottom:1px solid rgba(255,255,255,.1)}.sia-section-head{display:grid;grid-template-columns:240px minmax(0,1fr);gap:60px;margin-bottom:58px}.sia-section-head>div:first-child{display:flex;align-items:flex-start;gap:16px;padding-top:8px}.sia-index{font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:45px;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.2);line-height:.8}.sia-section-head>div:first-child p,.sia-mini-label{font-size:8px;letter-spacing:.18em;color:#6f787e;text-transform:uppercase}.sia-section-head h3,.sia-live-copy h3{font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:clamp(44px,5vw,76px);font-weight:400;letter-spacing:-.055em;line-height:.98;margin:0;color:#dde1e4}.sia-section-head>div:last-child p{max-width:700px;margin:20px 0 0;color:#838c92;line-height:1.85}.sia-section-head.compact{margin-bottom:48px}
.sia-video-frame{border:1px solid rgba(255,255,255,.14);background:#060708;box-shadow:0 45px 120px rgba(0,0,0,.45),inset 0 0 50px rgba(255,255,255,.02);overflow:hidden;position:relative}.sia-browserbar{height:48px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:7px;padding:0 18px;color:#626b71;font-size:7px;letter-spacing:.12em;text-transform:uppercase;background:rgba(255,255,255,.018)}.sia-browserbar>span{width:7px;height:7px;border-radius:50%;border:1px solid #5f686e}.sia-browserbar>div{margin-left:11px}.sia-browserbar>b{margin-left:auto;color:#8c959b;font-weight:400}.sia-video-frame video{display:block;width:100%;aspect-ratio:16/9;background:#030405;object-fit:cover}.sia-video-note{display:flex;justify-content:space-between;gap:20px;padding:17px 20px;color:#596268;font-size:7px;letter-spacing:.15em;text-transform:uppercase;border-top:1px solid rgba(255,255,255,.08)}
.sia-shot-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.sia-shot{margin:0;position:relative;border:1px solid rgba(255,255,255,.11);background:#060708;overflow:hidden;transition:transform .65s var(--ease),border-color .5s,box-shadow .5s;transform-style:preserve-3d}.sia-shot:hover{transform:perspective(1100px) translateY(-8px) rotateX(1.5deg);border-color:rgba(255,255,255,.24);box-shadow:0 35px 80px rgba(0,0,0,.38)}.sia-shot img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;filter:saturate(.92) contrast(1.025);transition:transform 1s var(--ease)}.sia-shot:hover img{transform:scale(1.025)}.sia-shot figcaption{padding:22px 24px;display:flex;justify-content:space-between;align-items:end;gap:20px;border-top:1px solid rgba(255,255,255,.08)}.sia-shot figcaption span{font-size:7px;letter-spacing:.16em;color:#667077}.sia-shot figcaption strong{font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:19px;font-weight:400;color:#bfc5c9;text-align:right}
.sia-live{display:grid;grid-template-columns:minmax(0,.75fr) minmax(520px,1.25fr);gap:clamp(55px,7vw,110px);align-items:center}.sia-live-copy>.sia-index{display:block;margin-bottom:25px}.sia-live-copy h3{margin:18px 0 25px}.sia-live-copy>p:not(.sia-mini-label){color:#899197;line-height:1.9;max-width:620px}.sia-device-row{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.sia-device-row span{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid rgba(255,255,255,.09);font-size:8px;color:#7d868c;letter-spacing:.1em;text-transform:uppercase}.sia-device-row i{display:block;border:1px solid #818a90;border-radius:2px}.sia-device-row i.desktop{width:16px;height:11px}.sia-device-row i.tablet{width:10px;height:13px}.sia-device-row i.phone{width:7px;height:12px;border-radius:3px}
.sia-arrow-callout{width:230px;margin:22px 0 5px;color:#899299;font-size:7px;letter-spacing:.17em}.sia-arrow-callout svg{display:block;width:180px;height:54px;margin:3px 0 0 26px;overflow:visible}.sia-arrow-callout path{fill:none;stroke:rgba(255,255,255,.45);stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:220;animation:siaDraw 4s ease-in-out infinite}
.sia-actions{display:flex;gap:11px;align-items:center;flex-wrap:wrap}.sia-primary,.sia-secondary,.sia-footer-launch{height:54px;padding:0 20px;border:1px solid rgba(255,255,255,.22);display:inline-flex;align-items:center;justify-content:space-between;gap:28px;font-size:9px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:.35s var(--ease)}.sia-primary{background:linear-gradient(135deg,#f3f5f6,#aeb5ba);color:#050607;border-color:transparent;min-width:250px}.sia-primary:hover,.sia-footer-launch:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(0,0,0,.32)}.sia-secondary{color:#929a9f;background:rgba(255,255,255,.012)}.sia-secondary:hover{color:#fff;border-color:rgba(255,255,255,.4)}
.sia-live-device{height:610px;position:relative;perspective:1400px}.sia-device-glow{position:absolute;inset:8%;background:radial-gradient(circle,rgba(192,205,214,.1),transparent 68%);filter:blur(34px);animation:siaBreathe 6s ease-in-out infinite}.sia-browser-shell{position:absolute;left:50%;top:50%;width:min(100%,780px);transform:translate(-50%,-50%) perspective(1400px) rotateY(-6deg) rotateX(2deg);border:1px solid rgba(255,255,255,.19);background:#060708;box-shadow:0 50px 110px rgba(0,0,0,.55),inset 0 0 50px rgba(255,255,255,.025);transition:.8s var(--ease);overflow:hidden}.sia-live-device:hover .sia-browser-shell{transform:translate(-50%,-52%) perspective(1400px) rotateY(-2deg) rotateX(.5deg)}.sia-browser-shell>img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;filter:brightness(.78)}.sia-browser-shell>button{position:absolute;inset:48px 0 0;width:100%;display:grid;place-content:center;gap:14px;background:radial-gradient(circle at center,transparent,rgba(0,0,0,.3));cursor:pointer;color:#fff}.sia-browser-shell>button i{display:block;width:64px;height:64px;margin:auto;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(4,5,6,.45);backdrop-filter:blur(10px);position:relative;box-shadow:0 0 40px rgba(255,255,255,.08)}.sia-browser-shell>button i:after{content:"";position:absolute;left:26px;top:21px;border-left:15px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent}.sia-browser-shell>button span{font-size:8px;letter-spacing:.18em;text-transform:uppercase}.sia-float-label{position:absolute;padding:15px 16px;border:1px solid rgba(255,255,255,.1);background:rgba(11,13,15,.82);backdrop-filter:blur(14px);box-shadow:0 22px 60px rgba(0,0,0,.38);animation:siaFloat 5s ease-in-out infinite}.sia-float-label small{display:block;font-size:6px;letter-spacing:.17em;color:#596268;margin-bottom:5px}.sia-float-label strong{font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:14px;font-weight:400;color:#aeb5ba}.sia-float-label.fl1{left:-2%;top:19%}.sia-float-label.fl2{right:-1%;bottom:18%;animation-delay:-2.4s}
.sia-project-footer{padding:55px 0 65px;display:flex;justify-content:space-between;align-items:center;gap:30px}.sia-project-footer>div span{display:block;color:#5f686e;font-size:7px;letter-spacing:.17em;margin-bottom:8px}.sia-project-footer>div strong{font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:20px;font-weight:400;color:#aeb5ba}.sia-footer-launch{background:transparent;color:#b3bac0;min-width:245px}
.sia-overlay{position:fixed;inset:0;z-index:1200;background:#030405;display:none;grid-template-rows:64px 1fr}.sia-overlay.open{display:grid}.sia-overlay-top{display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.12);background:#080a0b;gap:20px}.sia-overlay-top>div{display:flex;align-items:center;gap:12px}.sia-overlay-top strong{font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:19px;font-weight:400}.sia-overlay-top small{color:#697279;font-size:7px;letter-spacing:.14em;text-transform:uppercase}.sia-live-dot{width:7px;height:7px;border-radius:50%;background:#dbe1e4;box-shadow:0 0 14px rgba(255,255,255,.65)}.sia-overlay-actions a,.sia-overlay-actions button{border:1px solid rgba(255,255,255,.15);padding:10px 13px;background:transparent;color:#a6adb2;font-size:8px;letter-spacing:.11em;text-transform:uppercase;cursor:pointer}.sia-overlay iframe{width:100%;height:100%;border:0;background:#040507}.sia-overlay-actions button:hover,.sia-overlay-actions a:hover{color:#fff;border-color:rgba(255,255,255,.4)}
@keyframes siaSpin{to{transform:rotate(360deg)}}@keyframes siaOrbDot{from{transform:rotate(0) translateX(48px)}to{transform:rotate(360deg) translateX(48px)}}@keyframes siaRing1{to{transform:translate(-50%,-50%) rotate(383deg)}}@keyframes siaRing2{to{transform:translate(-50%,-50%) rotate(-394deg)}}@keyframes siaRing3{to{transform:translate(-50%,-50%) rotate(367deg)}}@keyframes siaBreathe{50%{transform:scale(1.08);opacity:.65}}@keyframes siaFloat{50%{transform:translateY(-8px)}}@keyframes siaDraw{0%,15%{stroke-dashoffset:220}55%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:-220}}
@media(max-width:1120px){.sia-project-intro{grid-template-columns:1fr}.sia-orbit-stage{height:500px}.sia-live{grid-template-columns:1fr}.sia-live-device{height:570px}.sia-section-head{grid-template-columns:170px 1fr}}
@media(max-width:760px){.sia-project{padding-top:55px}.sia-project-intro{padding:45px 0 90px;gap:20px}.sia-project-copy h2{font-size:clamp(65px,22vw,96px)}.sia-deck{font-size:23px}.sia-orbit-stage{height:390px;margin-top:20px}.sia-ring.r2{width:330px}.sia-ring.r3{height:340px}.sia-sat{font-size:6px}.sia-orbit-caption{width:92%}.sia-walkthrough,.sia-gallery,.sia-live{padding:95px 0}.sia-section-head{grid-template-columns:1fr;gap:22px;margin-bottom:36px}.sia-section-head>div:first-child{align-items:center}.sia-section-head h3,.sia-live-copy h3{font-size:47px}.sia-shot-grid{grid-template-columns:1fr;gap:16px}.sia-shot figcaption{padding:18px;display:block}.sia-shot figcaption strong{display:block;text-align:left;margin-top:8px;font-size:17px}.sia-video-note{flex-wrap:wrap}.sia-live-device{height:420px;margin-top:25px}.sia-browser-shell{width:108%;transform:translate(-50%,-50%) perspective(900px) rotateY(-2deg)}.sia-float-label{display:none}.sia-actions{align-items:stretch}.sia-primary,.sia-secondary{width:100%;justify-content:space-between}.sia-project-footer{display:block}.sia-footer-launch{margin-top:24px;width:100%}.sia-overlay{grid-template-rows:58px 1fr}.sia-overlay-top small,.sia-overlay-actions a{display:none}.sia-overlay-top{padding:0 12px}.sia-overlay-actions button{padding:9px 11px}}
@media(prefers-reduced-motion:reduce){.sia-orbit-glow,.sia-orbit-core i,.sia-orbit-core b,.sia-ring,.sia-sat,.sia-device-glow,.sia-float-label,.sia-arrow-callout path{animation:none!important}.sia-shot,.sia-browser-shell{transition:none!important}}



/* Systems in Action index + detail routing and navigation stability. */
.sia-index-page{position:relative;z-index:1;padding:92px 0 150px}
.sia-index-heading{display:grid;grid-template-columns:230px minmax(0,1fr);gap:60px;align-items:start;margin-bottom:55px}
.sia-index-heading>div:first-child{display:flex;align-items:flex-start;gap:16px;padding-top:9px}
.sia-index-heading>div:first-child span{font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:45px;line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.2)}
.sia-index-heading>div:first-child p{margin:0;color:#6f787e;font-size:8px;letter-spacing:.18em;text-transform:uppercase}
.sia-index-heading h2{margin:0;color:#dde1e4;font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:clamp(44px,5vw,76px);font-weight:400;letter-spacing:-.055em;line-height:.98}
.sia-index-heading>div:last-child p{max-width:720px;margin:20px 0 0;color:#838c92;line-height:1.85}
.sia-system-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.sia-system-card{min-height:390px;border:1px solid rgba(255,255,255,.105);background:linear-gradient(145deg,rgba(255,255,255,.038),rgba(255,255,255,.009));position:relative;overflow:hidden;transition:border-color .45s var(--ease),transform .45s var(--ease),box-shadow .45s var(--ease)}
.sia-system-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 82% 16%,rgba(205,216,224,.07),transparent 30%);opacity:.75}
.sia-system-card-link,.sia-system-card.is-coming{padding:38px;display:flex;flex-direction:column;color:inherit;min-height:390px}
.sia-system-card-link{position:relative;z-index:2}
.sia-system-card.is-available:hover,.sia-system-card.is-available:focus-within{transform:translateY(-6px);border-color:rgba(255,255,255,.28);box-shadow:0 32px 90px rgba(0,0,0,.3)}
.sia-system-card-top{position:relative;z-index:2;display:flex;justify-content:space-between;gap:18px;color:#697279;font-size:8px;letter-spacing:.16em;text-transform:uppercase}
.sia-system-card-top b{font-weight:400;color:#9fa7ac}
.sia-system-card h2{position:relative;z-index:2;margin:56px 0 19px;max-width:14ch;color:#dce1e4;font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:clamp(31px,3.4vw,52px);font-weight:400;line-height:1;letter-spacing:-.045em}
.sia-system-card h2 em{font-style:normal;color:#9ba4aa}
.sia-system-card>p,.sia-system-card-link>p{position:relative;z-index:2;max-width:62ch;margin:0;color:#858e94;line-height:1.82;font-size:13px}
.sia-system-card-meta{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}
.sia-system-card-meta span{padding:8px 10px;border:1px solid rgba(255,255,255,.08);color:#717a80;font-size:7px;letter-spacing:.13em;text-transform:uppercase;background:rgba(255,255,255,.012)}
.sia-system-card-action{position:relative;z-index:2;margin-top:auto;padding-top:28px;display:flex;justify-content:space-between;align-items:center;color:#cbd1d5;font-size:9px;letter-spacing:.13em;text-transform:uppercase;border-top:1px solid rgba(255,255,255,.08)}
.sia-system-card-action span{font-size:17px;transition:transform .35s var(--ease)}
.sia-system-card.is-available:hover .sia-system-card-action span{transform:translate(4px,-4px)}
.sia-system-card.is-coming{opacity:.66}
.sia-system-card.is-coming h2{margin-top:56px}
.sia-system-card.is-coming .sia-system-card-meta{margin-top:auto;padding-top:28px}
.sia-system-card-orbit{position:absolute;right:-40px;top:50px;width:225px;height:225px;opacity:.42;pointer-events:none;transition:transform .8s var(--ease),opacity .5s}
.sia-system-card-orbit i{position:absolute;inset:18%;border:1px solid rgba(255,255,255,.15);border-radius:50%;transform:rotate(28deg)}
.sia-system-card-orbit i:nth-child(2){inset:4%;transform:rotate(-38deg)}
.sia-system-card-orbit b{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#dce2e6,#444b50 25%,#0b0d0f 70%);box-shadow:0 0 35px rgba(255,255,255,.1)}
.sia-system-card.is-available:hover .sia-system-card-orbit{transform:rotate(24deg) scale(1.08);opacity:.68}
.sia-system-card-ghost{position:absolute;right:32px;bottom:32px;width:150px;height:90px;opacity:.25;pointer-events:none}
.sia-system-card-ghost i{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent)}
.sia-system-card-ghost i:nth-child(1){top:15%;transform:rotate(12deg)}.sia-system-card-ghost i:nth-child(2){top:50%;transform:rotate(-8deg)}.sia-system-card-ghost i:nth-child(3){top:80%;transform:rotate(6deg)}
.sia-system-card-ghost.nodes i{width:10px;height:10px;right:auto;border-radius:50%;background:#9ca5aa;box-shadow:50px 26px 0 #737c82,104px -4px 0 #aab1b5}.sia-system-card-ghost.routes i{transform-origin:left}.sia-system-card-ghost.routes i:nth-child(2){width:85%}.sia-system-card-ghost.routes i:nth-child(3){width:62%}
.sia-detail-page{display:none;position:relative;z-index:1}
.systems-view.sia-detail-mode .sia-index-page{display:none}
.systems-view.sia-detail-mode .sia-detail-page{display:block}
.sia-project-back{display:inline-flex;margin-top:72px;color:#7f888f;font-size:9px;letter-spacing:.15em;text-transform:uppercase;transition:color .3s var(--ease),transform .3s var(--ease)}
.sia-project-back:hover{color:#fff;transform:translateX(-4px)}
/* Keep the approved project composition; chapter order is now walkthrough, live, frames. */
/* The main Cerebro navigation remains visible and usable while the live preview is open. */
body.sia-preview-open .nav-wrap{z-index:1500}
body.sia-preview-open .nav{background:rgba(7,9,10,.92)}
.sia-overlay{inset:100px 0 0;z-index:1400}
html.sia-scroll-locked,body.sia-scroll-locked{overflow:hidden!important;overscroll-behavior:none}
@media(max-width:1120px){.sia-system-grid{grid-template-columns:1fr}.sia-system-card,.sia-system-card-link,.sia-system-card.is-coming{min-height:350px}}
@media(max-width:760px){
  .sia-index-page{padding:68px 0 100px}
  .sia-index-heading{grid-template-columns:1fr;gap:22px;margin-bottom:35px}
  .sia-index-heading>div:first-child{align-items:center}
  .sia-system-card-link,.sia-system-card.is-coming{padding:26px;min-height:340px}
  .sia-system-card h2{margin-top:44px;font-size:38px}
  .sia-system-card-orbit{right:-70px;top:70px}
  .sia-project-back{margin-top:48px}
  .sia-overlay{inset:82px 0 0;grid-template-rows:auto 1fr}
  .sia-overlay-top{padding:10px 12px;flex-wrap:wrap}
  .sia-overlay-top small{display:none}
}
@media(prefers-reduced-motion:reduce){.sia-system-card,.sia-system-card-orbit,.sia-system-card-action span,.sia-project-back{transition:none!important}.sia-system-card.is-available:hover{transform:none}}



/* Larger four-project index cards. */
.sia-system-grid{gap:24px}
.sia-system-card,
.sia-system-card-link,
.sia-system-card.is-coming{min-height:520px}
.sia-system-card-link,
.sia-system-card.is-coming{padding:44px}
.sia-system-card.is-coming h2{margin-top:72px}
.sia-system-card.is-coming .sia-system-card-meta{padding-top:36px}

/* Singularity card — same controlled cyan / blue / purple visual language as
   the demonstration itself, without adding another WebGL context. */
.sia-singularity-card{
  border-color:rgba(111,245,255,.2);
  background:
    radial-gradient(circle at 82% 22%,rgba(111,245,255,.14),transparent 26%),
    radial-gradient(circle at 76% 60%,rgba(63,125,255,.16),transparent 34%),
    radial-gradient(circle at 92% 82%,rgba(139,92,255,.19),transparent 34%),
    linear-gradient(145deg,#07090d 0%,#0b0e17 52%,#100c1b 100%);
  box-shadow:inset 0 0 90px rgba(111,245,255,.035);
}
.sia-singularity-card:before{
  opacity:1;
  background:
    radial-gradient(circle at 12% 16%,rgba(255,255,255,.75) 0 1px,transparent 1.4px),
    radial-gradient(circle at 33% 23%,rgba(111,245,255,.65) 0 1px,transparent 1.4px),
    radial-gradient(circle at 58% 13%,rgba(255,255,255,.55) 0 1px,transparent 1.4px),
    radial-gradient(circle at 89% 18%,rgba(111,245,255,.7) 0 1px,transparent 1.4px),
    radial-gradient(circle at 69% 45%,rgba(139,92,255,.75) 0 1px,transparent 1.4px),
    radial-gradient(circle at 94% 66%,rgba(255,255,255,.5) 0 1px,transparent 1.4px),
    radial-gradient(circle at 45% 77%,rgba(63,125,255,.65) 0 1px,transparent 1.4px),
    radial-gradient(circle at 15% 88%,rgba(255,255,255,.55) 0 1px,transparent 1.4px);
}
.sia-singularity-card .sia-system-card-link{
  display:grid;
  grid-template-rows:auto 1fr auto;
  gap:24px;
}
.sia-singularity-card-layout{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(210px,.82fr);
  gap:26px;
  align-items:stretch;
}
.sia-singularity-card-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
}
.sia-singularity-card h2{
  margin:18px 0 18px;
  max-width:none;
  font-size:clamp(34px,3.1vw,49px);
  color:#edf5ff;
  text-shadow:0 0 28px rgba(111,245,255,.08);
}
.sia-singularity-card h2 em{color:#90dce9}
.sia-singularity-card .sia-singularity-card-copy>p{
  margin:0;
  max-width:58ch;
  color:rgba(234,241,255,.66);
  line-height:1.78;
  font-size:12.5px;
}
.sia-singularity-card .sia-system-card-meta{margin-top:20px}
.sia-singularity-card .sia-system-card-meta span{
  border-color:rgba(111,245,255,.16);
  color:rgba(200,226,236,.7);
  background:rgba(111,245,255,.035);
}

/* Small visual preview frames inside the card. */
.sia-card-preview-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:auto;
  padding-top:22px;
}
.sia-card-preview-strip figure{
  min-width:0;
  margin:0;
  position:relative;
  aspect-ratio:16/10;
  overflow:hidden;
  border:1px solid rgba(111,245,255,.15);
  background:#040507;
  box-shadow:0 12px 28px rgba(0,0,0,.28);
}
.sia-card-preview-strip img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  opacity:.78;
  filter:saturate(.88) contrast(1.04);
  transition:transform .6s var(--ease),opacity .45s var(--ease);
}
.sia-card-preview-strip span{
  position:absolute;
  left:7px;
  bottom:6px;
  padding:4px 6px;
  background:rgba(4,5,7,.72);
  color:rgba(234,241,255,.72);
  font-size:6px;
  letter-spacing:.12em;
  text-transform:uppercase;
  backdrop-filter:blur(7px);
}
.sia-singularity-card:hover .sia-card-preview-strip img{
  transform:scale(1.055);
  opacity:.94;
}

/* Lightweight, non-WebGL rendering of Singularity's cyan/blue energy core. */
.sia-singularity-card-visual{
  min-height:330px;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(111,245,255,.13);
  background:
    radial-gradient(circle at 50% 50%,rgba(111,245,255,.075),transparent 36%),
    linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.003));
  box-shadow:inset 0 0 70px rgba(63,125,255,.05);
}
.sia-singularity-stars{
  position:absolute;
  inset:0;
  opacity:.62;
  background-image:
    radial-gradient(circle at 14% 19%,#eaf1ff 0 1px,transparent 1.4px),
    radial-gradient(circle at 81% 16%,#6ff5ff 0 1px,transparent 1.4px),
    radial-gradient(circle at 88% 72%,#c8d4e6 0 1px,transparent 1.4px),
    radial-gradient(circle at 21% 76%,#8b5cff 0 1px,transparent 1.4px),
    radial-gradient(circle at 62% 55%,#eaf1ff 0 1px,transparent 1.4px);
}
.sia-singularity-nebula{
  position:absolute;
  width:210px;height:210px;border-radius:50%;
  filter:blur(35px);opacity:.23;
}
.sia-singularity-nebula.n1{right:-55px;top:-35px;background:#3f7dff}
.sia-singularity-nebula.n2{left:-80px;bottom:-70px;background:#8b5cff}
.sia-singularity-orb{
  position:absolute;
  left:50%;top:50%;
  width:230px;height:230px;
  transform:translate(-50%,-50%);
  transform-style:preserve-3d;
}
.sia-singularity-core{
  position:absolute;
  left:50%;top:50%;
  width:104px;height:104px;
  margin:-52px;
  border-radius:50%;
  background:
    radial-gradient(circle at 34% 28%,#ffffff 0 3%,#9dfaff 10%,#4c8dff 34%,#432c90 58%,#080b17 78%);
  box-shadow:
    0 0 22px rgba(111,245,255,.9),
    0 0 66px rgba(63,125,255,.55),
    0 0 120px rgba(139,92,255,.24),
    inset -18px -22px 30px rgba(0,0,0,.58);
  animation:siaSingCore 4.8s ease-in-out infinite;
}
.sia-singularity-core:before,
.sia-singularity-core:after{
  content:"";
  position:absolute;
  border-radius:50%;
  inset:15%;
  border:1px solid rgba(234,241,255,.34);
  box-shadow:inset 0 0 20px rgba(111,245,255,.14);
}
.sia-singularity-core:after{
  inset:31%;
  background:#eaf1ff;
  border:0;
  opacity:.72;
  filter:blur(2px);
  box-shadow:0 0 21px #6ff5ff;
}
.sia-singularity-ring{
  position:absolute;
  left:50%;top:50%;
  border:1px solid rgba(111,245,255,.38);
  border-radius:50%;
  transform-origin:center;
  box-shadow:0 0 12px rgba(111,245,255,.08);
}
.sia-singularity-ring.r1{
  width:205px;height:92px;margin:-46px -102.5px;
  transform:rotate(22deg);
  animation:siaSingRing1 9s linear infinite;
}
.sia-singularity-ring.r2{
  width:176px;height:126px;margin:-63px -88px;
  border-color:rgba(139,92,255,.38);
  transform:rotate(-42deg);
  animation:siaSingRing2 12s linear infinite reverse;
}
.sia-singularity-ring.r3{
  width:128px;height:212px;margin:-106px -64px;
  border-color:rgba(200,212,230,.24);
  transform:rotate(12deg);
  animation:siaSingRing3 15s linear infinite;
}
.sia-singularity-satellite{
  position:absolute;
  left:50%;top:50%;
  width:7px;height:7px;margin:-3.5px;
  border-radius:50%;
  background:#eaf1ff;
  box-shadow:0 0 12px #6ff5ff;
}
.sia-singularity-satellite.s1{animation:siaSingSatellite1 5.2s linear infinite}
.sia-singularity-satellite.s2{animation:siaSingSatellite2 7s linear infinite reverse;background:#8b5cff}
.sia-singularity-satellite.s3{animation:siaSingSatellite3 8.6s linear infinite;background:#6ff5ff}

@keyframes siaSingCore{50%{transform:scale(1.055);filter:brightness(1.12)}}
@keyframes siaSingRing1{to{transform:rotate(382deg)}}
@keyframes siaSingRing2{to{transform:rotate(318deg)}}
@keyframes siaSingRing3{to{transform:rotate(372deg)}}
@keyframes siaSingSatellite1{from{transform:rotate(0) translateX(100px)}to{transform:rotate(360deg) translateX(100px)}}
@keyframes siaSingSatellite2{from{transform:rotate(70deg) translateX(82px)}to{transform:rotate(430deg) translateX(82px)}}
@keyframes siaSingSatellite3{from{transform:rotate(150deg) translateX(65px)}to{transform:rotate(510deg) translateX(65px)}}

.sia-singularity-card .sia-system-card-action{
  margin-top:0;
  color:#e4f7ff;
  border-top-color:rgba(111,245,255,.18);
}

/* Prevent the parent Cerebro cursor from freezing over the iframe. It remains
   available only when the pointer returns to the Cerebro navigation. */
body.sia-preview-open:not(.sia-preview-nav-hover) .cursor,
body.sia-preview-open:not(.sia-preview-nav-hover) .cursor-ring{
  opacity:0!important;
  visibility:hidden!important;
  transform:translate(-120px,-120px)!important;
}
body.sia-preview-open.sia-preview-nav-hover .cursor,
body.sia-preview-open.sia-preview-nav-hover .cursor-ring{
  opacity:1!important;
  visibility:visible!important;
}

/* An opaque navigation shield prevents detail-page titles or labels from
   appearing behind the Cerebro header during the embedded preview. */
body.sia-preview-open .nav-wrap{
  background:#0b0d0f!important;
  box-shadow:0 18px 44px rgba(0,0,0,.44);
}
body.sia-preview-open .nav{
  position:relative;
  z-index:2;
  background:rgba(7,9,10,.96)!important;
}
body.sia-preview-open .sia-overlay{
  background:#040507;
}

/* Immediate visual feedback while the iframe is preparing. */
.sia-preview-loading{
  position:absolute;
  inset:64px 0 0;
  z-index:3;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  background:
    radial-gradient(circle at 50% 46%,rgba(111,245,255,.09),transparent 30%),
    #040507;
  opacity:0;
  visibility:hidden;
  transition:opacity .28s ease,visibility .28s ease;
  pointer-events:none;
}
.sia-preview-loading.show{opacity:1;visibility:visible}
.sia-preview-loading-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.2;
  filter:saturate(.75) brightness(.48) blur(1px);
  transform:scale(1.025);
}
.sia-preview-loading:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(4,5,7,.62),rgba(4,5,7,.82)),
    radial-gradient(circle at 50% 44%,transparent,rgba(4,5,7,.68) 72%);
}
.sia-preview-loading-core,
.sia-preview-loading strong,
.sia-preview-loading>span{position:relative;z-index:2}
.sia-preview-loading strong{
  color:#eaf1ff;
  font-family:"Merriweather",Georgia,"Times New Roman",serif;
  font-size:23px;
  font-weight:400;
}
.sia-preview-loading>span{
  color:rgba(200,212,230,.5);
  font-size:8px;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.sia-preview-loading-core{
  width:82px;height:82px;
  position:relative;
  margin-bottom:12px;
}
.sia-preview-loading-core i{
  position:absolute;inset:8px;
  border-radius:50%;
  border:1px solid rgba(111,245,255,.42);
  animation:siaPreviewLoadSpin 1.3s linear infinite;
}
.sia-preview-loading-core i:nth-child(2){
  inset:19px;
  border-color:rgba(139,92,255,.5);
  animation-direction:reverse;
  animation-duration:.95s;
}
.sia-preview-loading-core b{
  position:absolute;
  left:50%;top:50%;
  width:14px;height:14px;margin:-7px;
  border-radius:50%;
  background:#eaf1ff;
  box-shadow:0 0 20px #6ff5ff,0 0 42px rgba(139,92,255,.5);
}
@keyframes siaPreviewLoadSpin{to{transform:rotate(360deg)}}

@media(max-width:1120px){
  .sia-system-card,
  .sia-system-card-link,
  .sia-system-card.is-coming{min-height:470px}
  .sia-singularity-card-layout{grid-template-columns:minmax(0,1fr) 250px}
  .sia-singularity-card-visual{min-height:300px}
}
@media(max-width:760px){
  .sia-system-grid{gap:16px}
  .sia-system-card,
  .sia-system-card-link,
  .sia-system-card.is-coming{min-height:430px}
  .sia-system-card-link,
  .sia-system-card.is-coming{padding:28px}
  .sia-singularity-card-layout{grid-template-columns:1fr;gap:18px}
  .sia-singularity-card-visual{min-height:270px;order:-1}
  .sia-singularity-orb{transform:translate(-50%,-50%) scale(.9)}
  .sia-card-preview-strip{gap:6px}
  .sia-card-preview-strip span{display:none}
  .sia-preview-loading{inset:58px 0 0}
}
@media(prefers-reduced-motion:reduce){
  .sia-singularity-core,.sia-singularity-ring,.sia-singularity-satellite,
  .sia-preview-loading-core i{animation:none!important}
}



/* Literal Singularity hero universe copied from singularity.html.
   The canvas replaces the prior CSS approximation. */
.sia-singularity-exact-hero{
  isolation:isolate;
  background:#040507;
}
.sia-singularity-exact-hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  border:1px solid rgba(111,245,255,.06);
  box-shadow:
    inset 0 0 70px rgba(4,5,7,.42),
    inset 0 -54px 70px rgba(4,5,7,.36);
}
.sia-singularity-exact-hero canvas{
  position:absolute;
  inset:0;
  z-index:2;
  width:100%;
  height:100%;
  display:block;
  opacity:0;
  transition:opacity .7s cubic-bezier(.22,1,.36,1);
}
.sia-singularity-exact-hero.is-ready canvas{opacity:1}
.sia-singularity-exact-fallback{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    radial-gradient(circle at 50% 48%,rgba(111,245,255,.11),transparent 24%),
    radial-gradient(circle at 68% 28%,rgba(63,125,255,.12),transparent 30%),
    radial-gradient(circle at 30% 72%,rgba(139,92,255,.14),transparent 34%),
    #040507;
  transition:opacity .55s ease;
}
.sia-singularity-exact-hero.is-ready .sia-singularity-exact-fallback{opacity:0}
.sia-singularity-exact-status{
  position:absolute;
  left:16px;
  bottom:14px;
  z-index:4;
  color:rgba(200,212,230,.43);
  font-size:6.5px;
  letter-spacing:.17em;
  text-transform:uppercase;
  pointer-events:none;
}
@media(max-width:760px){
  .sia-singularity-exact-status{left:12px;bottom:11px;font-size:6px}
}
@media(prefers-reduced-motion:reduce){
  .sia-singularity-exact-hero canvas{transition:none}
}



/* Additive global atmosphere. The approved graphite system remains unchanged underneath. */
.cerebro-blue-atmosphere{position:fixed;inset:0;z-index:79;pointer-events:none;opacity:.34;mix-blend-mode:screen;background-image:radial-gradient(circle at 82% 13%,rgba(35,107,188,.13),transparent 26%),radial-gradient(circle at 13% 64%,rgba(38,96,166,.075),transparent 30%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='360' viewBox='0 0 360 360'%3E%3Cg fill='%238bc4ff'%3E%3Ccircle cx='31' cy='52' r='.7' opacity='.28'/%3E%3Ccircle cx='146' cy='91' r='.55' opacity='.22'/%3E%3Ccircle cx='302' cy='42' r='.8' opacity='.24'/%3E%3Ccircle cx='244' cy='211' r='.6' opacity='.2'/%3E%3Ccircle cx='68' cy='292' r='.7' opacity='.23'/%3E%3C/g%3E%3C/svg%3E");background-size:auto,auto,360px 360px;}
body.sia-preview-open .cerebro-blue-atmosphere{opacity:.08}
.nav{box-shadow:0 18px 60px rgba(0,0,0,.32),0 0 48px rgba(40,111,184,.045)}
.eyebrow span,.kicker i,.systems-kicker span{background:linear-gradient(90deg,#aab0b4,rgba(80,151,221,.8),transparent)}
.solution-kicker,.systems-kicker,.sia-mini-label{text-shadow:0 0 18px rgba(70,143,215,.16)}
.btn.secondary:hover,.nav-cta:hover{box-shadow:0 0 32px rgba(64,137,210,.09)}

/* Multiple detail pages: only the active route is displayed. */
.systems-view.sia-detail-mode .sia-detail-page{display:none}
.systems-view.sia-singularity-mode #siaSingularityDetail{display:block}
.systems-view.sia-plumbing-mode #siaPlumbingDetail{display:block}

/* Compact demonstration headers so Chapter 01 appears quickly. */
.sia-project{padding-top:66px}
.sia-project-intro.sia-project-intro-compact{grid-template-columns:minmax(0,1fr) 330px;gap:34px;align-items:stretch;padding:26px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(145deg,rgba(255,255,255,.028),rgba(255,255,255,.008));margin:20px 0 54px;min-height:0}
.sia-project-intro-compact .sia-project-copy{padding:4px 0}
.sia-project-intro-compact .sia-project-copy h2{font-size:clamp(42px,5.2vw,72px);line-height:.9;margin:16px 0 14px;letter-spacing:-.06em}
.sia-project-intro-compact .sia-deck{font-size:clamp(18px,1.8vw,25px);max-width:32ch;margin-bottom:13px}
.sia-project-intro-compact .sia-body{font-size:11.5px;line-height:1.72;max-width:78ch;margin:0}
.sia-project-intro-compact .sia-disclosure{margin-top:15px;padding:7px 10px}
.sia-project-intro-compact .sia-meta{margin-top:12px;gap:6px}
.sia-project-intro-compact .sia-meta span{padding:7px 9px;font-size:6.5px}
.sia-detail-visual-card{position:relative;min-height:260px;overflow:hidden;border:1px solid rgba(255,255,255,.09);background:#040507;isolation:isolate}
.sia-detail-visual-card canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .7s var(--ease);z-index:2}
.sia-detail-visual-card.is-ready canvas{opacity:1}
.sia-detail-visual-card .sia-singularity-exact-fallback{position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 50% 48%,rgba(111,245,255,.11),transparent 24%),radial-gradient(circle at 68% 28%,rgba(63,125,255,.12),transparent 30%),radial-gradient(circle at 30% 72%,rgba(139,92,255,.14),transparent 34%),#040507}
.sia-detail-visual-card.is-ready .sia-singularity-exact-fallback{opacity:0}
.sia-detail-visual-label{position:absolute;left:14px;bottom:12px;z-index:4;color:rgba(200,212,230,.44);font-size:6px;letter-spacing:.16em;text-transform:uppercase}
.sia-walkthrough,.sia-gallery,.sia-live{padding:105px 0}

/* Example Website 2 card: palette taken from the supplied plumbing website. */
.sia-plumbing-card{border-color:rgba(94,155,198,.34);background:linear-gradient(145deg,#fff 0%,#f7f5f1 50%,#eaf3f8 100%);box-shadow:0 28px 70px rgba(0,0,0,.24)}
.sia-plumbing-card:before{background:radial-gradient(circle at 82% 16%,rgba(21,92,147,.16),transparent 32%);opacity:1}
.sia-plumbing-card .sia-system-card-top{color:#67747c}.sia-plumbing-card .sia-system-card-top b{color:#155c93}
.sia-plumbing-card-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(220px,.82fr);gap:26px;align-items:stretch}
.sia-plumbing-card-copy{display:flex;flex-direction:column;min-width:0}
.sia-plumbing-card h2{margin:18px 0;color:#1d272d;font-size:clamp(33px,3vw,48px);max-width:none}
.sia-plumbing-card h2 em{color:#155c93}
.sia-plumbing-card .sia-plumbing-card-copy>p{color:#53636c;line-height:1.75;font-size:12.5px;max-width:60ch}
.sia-plumbing-card .sia-system-card-meta span{color:#155c93;border-color:rgba(21,92,147,.18);background:rgba(21,92,147,.045)}
.sia-plumbing-card .sia-card-preview-strip figure{border-color:rgba(21,92,147,.22);background:#fff}
.sia-plumbing-card .sia-card-preview-strip img{opacity:.92;filter:saturate(.94) contrast(1.01)}
.sia-plumbing-card .sia-card-preview-strip span{background:rgba(255,255,255,.86);color:#123a5a}
.sia-plumbing-card-visual{position:relative;min-height:330px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(21,92,147,.18);background:linear-gradient(155deg,#fff,#eaf3f8)}
.sia-plumbing-card-wash{position:absolute;inset:0;background:radial-gradient(circle at 52% 43%,rgba(21,92,147,.12),transparent 42%),linear-gradient(125deg,transparent 48%,rgba(128,100,79,.08));}
.sia-plumbing-card-visual img{position:relative;z-index:2;width:min(84%,330px);height:auto;filter:drop-shadow(0 16px 28px rgba(18,58,90,.15))}
.sia-plumbing-card-visual>span{position:absolute;left:14px;bottom:13px;z-index:3;color:#67747c;font-size:6px;letter-spacing:.14em}
.sia-plumbing-card .sia-system-card-action{color:#123a5a;border-top-color:rgba(21,92,147,.16)}

/* Plumbing detail presentation. */
.sia-plumbing-project:before{background:radial-gradient(circle at 84% 9%,rgba(21,92,147,.07),transparent 25%),radial-gradient(circle at 12% 44%,rgba(255,255,255,.022),transparent 30%)}
.sia-plumbing-project-intro{border-color:rgba(107,161,199,.2)!important;background:linear-gradient(145deg,rgba(255,255,255,.038),rgba(21,92,147,.025))!important}
.sia-plumbing-project-intro .sia-project-copy h2{background:linear-gradient(180deg,#f2f6f8,#94b6cc 72%,#5e7788);-webkit-background-clip:text;color:transparent}
.sia-plumbing-project-intro .sia-project-label,.sia-plumbing-project-intro .sia-meta span{color:#82a9c2}
.sia-plumbing-detail-logo{display:grid;place-items:center;background:linear-gradient(145deg,#fff,#eaf3f8);border-color:rgba(21,92,147,.22)}
.sia-plumbing-detail-wash{position:absolute;inset:0;background:radial-gradient(circle at 50% 46%,rgba(21,92,147,.12),transparent 42%),linear-gradient(135deg,transparent 45%,rgba(128,100,79,.07))}
.sia-plumbing-detail-logo img{position:relative;z-index:2;width:82%;height:auto;filter:drop-shadow(0 17px 28px rgba(18,58,90,.15))}
.sia-plumbing-detail-logo .sia-detail-visual-label{color:#53636c}
.sia-plumbing-live .sia-device-glow{background:radial-gradient(circle,rgba(21,92,147,.14),transparent 68%)}
.plumbing-primary,.plumbing-footer-launch{background:linear-gradient(135deg,#fff,#d7eaf5);color:#123a5a;border-color:rgba(21,92,147,.22)}
.plumbing-live-dot{background:#4d9bd0;box-shadow:0 0 14px rgba(77,155,208,.72)}
.plumbing-overlay iframe{background:#fff}
.plumbing-preview-loading{background:#f7f9fb;color:#1d272d}
.plumbing-preview-loading:after{background:linear-gradient(180deg,rgba(247,249,251,.74),rgba(234,243,248,.92)),radial-gradient(circle at 50% 44%,transparent,rgba(234,243,248,.72) 72%)}
.plumbing-preview-loading strong{color:#1d272d}.plumbing-preview-loading>span{color:#67747c}
.plumbing-loading-mark{position:relative;z-index:3;width:min(310px,48vw);padding:18px 24px;border:1px solid rgba(21,92,147,.16);background:rgba(255,255,255,.82);box-shadow:0 22px 60px rgba(18,58,90,.12)}
.plumbing-loading-mark img{display:block;width:100%;height:auto}

@media(max-width:1120px){
 .sia-project-intro.sia-project-intro-compact{grid-template-columns:1fr 280px}
 .sia-plumbing-card-layout{grid-template-columns:minmax(0,1fr) 250px}
}
@media(max-width:760px){
 .cerebro-blue-atmosphere{opacity:.25;background-size:auto,auto,300px 300px}
 .sia-project{padding-top:40px}
 .sia-project-intro.sia-project-intro-compact{grid-template-columns:1fr;padding:20px;margin-bottom:35px}
 .sia-project-intro-compact .sia-project-copy h2{font-size:48px}
 .sia-detail-visual-card{min-height:225px;order:-1}
 .sia-walkthrough,.sia-gallery,.sia-live{padding:80px 0}
 .sia-plumbing-card-layout{grid-template-columns:1fr;gap:18px}
 .sia-plumbing-card-visual{min-height:245px;order:-1}
}
@media(prefers-reduced-motion:reduce){.cerebro-blue-atmosphere{opacity:.22}.sia-detail-visual-card canvas{transition:none}}



/* Final additive colour pass.
   This block does not remove or reposition any approved element. It only
   deepens the existing graphite environment with restrained blue light,
   sparse star points and minimal technical linework. */

:root{
  --cerebro-tech-blue:#397fbe;
  --cerebro-tech-blue-soft:#79b7e8;
  --cerebro-tech-blue-deep:#173e67;
  --cerebro-tech-line:rgba(76,143,207,.12);
  --cerebro-tech-line-soft:rgba(76,143,207,.065);
  --cerebro-star-field:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='520' viewBox='0 0 520 520'%3E%3Cg fill='%237bb8eb'%3E%3Ccircle cx='38' cy='72' r='.72' opacity='.32'/%3E%3Ccircle cx='142' cy='34' r='.48' opacity='.22'/%3E%3Ccircle cx='248' cy='116' r='.6' opacity='.27'/%3E%3Ccircle cx='417' cy='61' r='.75' opacity='.28'/%3E%3Ccircle cx='478' cy='193' r='.45' opacity='.19'/%3E%3Ccircle cx='79' cy='229' r='.55' opacity='.23'/%3E%3Ccircle cx='317' cy='284' r='.66' opacity='.25'/%3E%3Ccircle cx='454' cy='392' r='.52' opacity='.22'/%3E%3Ccircle cx='198' cy='443' r='.7' opacity='.26'/%3E%3Ccircle cx='28' cy='470' r='.46' opacity='.18'/%3E%3C/g%3E%3C/svg%3E");
}

/* A clearer but still restrained shared atmosphere. The tiny grid makes the
   result read as technical rather than as a fantasy galaxy. */
.cerebro-blue-atmosphere{
  opacity:.52!important;
  mix-blend-mode:screen;
  background-image:
    radial-gradient(ellipse at 79% 13%,rgba(48,126,203,.20),transparent 31%),
    radial-gradient(ellipse at 16% 68%,rgba(29,84,145,.12),transparent 36%),
    radial-gradient(ellipse at 55% 102%,rgba(32,91,151,.09),transparent 32%),
    linear-gradient(rgba(85,153,214,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(85,153,214,.018) 1px,transparent 1px),
    var(--cerebro-star-field)!important;
  background-size:auto,auto,auto,112px 112px,112px 112px,520px 520px!important;
  background-position:center,center,center,0 0,0 0,0 0!important;
  animation:cerebroBlueDrift 28s ease-in-out infinite alternate;
}
@keyframes cerebroBlueDrift{
  0%{background-position:center,center,center,0 0,0 0,0 0}
  100%{background-position:2vw -1vh,-2vw 2vh,0 0,14px 10px,14px 10px,34px 22px}
}
body.sia-preview-open .cerebro-blue-atmosphere,
body.plumbing-preview-open .cerebro-blue-atmosphere{opacity:.09!important}

/* The hero keeps its approved brain and composition while gaining a more
   evident graphite/blue blend behind it. */
.hero{
  background-color:#0b0d0f!important;
  background-image:
    radial-gradient(ellipse at 72% 40%,rgba(45,119,194,.18),transparent 35%),
    radial-gradient(ellipse at 22% 20%,rgba(25,70,116,.10),transparent 38%),
    var(--cerebro-star-field),
    linear-gradient(180deg,#0d1116 0%,#0b0d0f 74%,#0b0d0f 100%)!important;
  background-size:auto,auto,560px 560px,auto!important;
}
.hero-brain-frame{
  filter:drop-shadow(0 0 48px rgba(42,109,176,.075));
}
.telemetry span,.scrollcue,.hero-note{
  text-shadow:0 0 18px rgba(70,143,215,.10);
}

/* Shared section backgrounds. Every approved section keeps the same base and
   geometry; only a controlled blue light field is layered into it. */
.manifesto,#solutions,.method,.flow-section,.devices,.founder,
.contact,footer,.solution-view,.solution-hero,.solution-band,.solution-context,
.solution-compact-band,.solution-cta,.pricing-section,.legal-view,
.systems-view,.sia-index-page,.sia-singularity-detail,.sia-plumbing-detail{
  background-color:#0b0d0f!important;
  background-image:
    radial-gradient(ellipse at 82% 16%,rgba(42,112,183,.105),transparent 33%),
    radial-gradient(ellipse at 12% 84%,rgba(24,72,124,.065),transparent 37%),
    var(--cerebro-star-field),
    linear-gradient(180deg,rgba(14,18,23,.96),rgba(11,13,15,.985))!important;
  background-size:auto,auto,560px 560px,auto!important;
  box-shadow:inset 0 1px 0 rgba(78,145,207,.035);
}

/* Alternate the ambient-light direction between chapters so the site feels
   continuous rather than stamped with one repeated gradient. */
#solutions,.flow-section,.devices,.contact,.solution-band,.solution-compact-band,
.pricing-section,.sia-index-page{
  background-image:
    radial-gradient(ellipse at 16% 20%,rgba(43,111,181,.105),transparent 34%),
    radial-gradient(ellipse at 86% 78%,rgba(23,72,125,.065),transparent 38%),
    var(--cerebro-star-field),
    linear-gradient(180deg,rgba(12,16,21,.97),rgba(11,13,15,.99))!important;
  background-position:center,center,120px 60px,center!important;
}
.method,.founder,.solution-hero,.solution-context,.legal-view,
.sia-singularity-detail,.sia-plumbing-detail{
  background-image:
    radial-gradient(ellipse at 73% 52%,rgba(50,121,190,.115),transparent 35%),
    radial-gradient(ellipse at 8% 20%,rgba(25,75,129,.055),transparent 34%),
    var(--cerebro-star-field),
    linear-gradient(180deg,rgba(14,18,23,.97),rgba(11,13,15,.99))!important;
  background-position:center,center,260px 110px,center!important;
}

/* Keep the actual example website identities intact. */
.sia-singularity-card,.sia-singularity-card-visual,.sia-overlay,.sia-preview-shell,
.sia-plumbing-card,.sia-plumbing-card-visual,.plumbing-overlay,
.plumbing-preview-shell,.plumbing-preview-loading{
  background-blend-mode:normal;
}
.sia-singularity-card,.sia-singularity-card-visual,.sia-overlay,.sia-preview-shell{
  --black:#040507;
}

/* Secondary blue accents: borders, micro-labels, controls and selected panels.
   These remain low-contrast so the site stays minimalist. */
.rail,.service-chapter,.signal,.solution-kicker,.systems-kicker,
.sia-mini-label,.telemetry span{
  color:#7895ad!important;
}
.eyebrow,.kicker,.solution-kicker,.systems-kicker,.sia-mini-label{
  text-shadow:0 0 20px rgba(71,145,215,.14);
}
.eyebrow span,.kicker i,.systems-kicker span,
.service-line:before{
  background:linear-gradient(90deg,rgba(150,165,176,.52),rgba(75,153,224,.78),transparent)!important;
}
.metrics,.metric,.service,.service-visual,.method-visual,.flow-shell,
.device-card,.founder-card,.solution-card,.pricing-card,
.legal-card,.sia-system-card:not(.sia-singularity-card):not(.sia-plumbing-card){
  border-color:rgba(78,145,207,.13);
}
.service-visual,.cvx-solution-art,.method-visual,.flow-shell,
.device-card,.founder-card,.solution-card,.pricing-card,.legal-card{
  box-shadow:
    inset 0 0 90px rgba(41,101,162,.035),
    0 24px 72px rgba(0,0,0,.28);
}
.nav{
  background:rgba(11,14,18,.79)!important;
  border-bottom-color:rgba(75,142,205,.10)!important;
  box-shadow:0 18px 60px rgba(0,0,0,.34),0 0 54px rgba(42,110,178,.065)!important;
}
.dropdown{
  border-color:rgba(75,142,205,.13)!important;
  box-shadow:0 24px 68px rgba(0,0,0,.48),0 0 42px rgba(42,110,178,.055)!important;
}
.btn.secondary:hover,.nav-cta:hover,.cap-btn:hover,
.service:hover .service-visual{
  border-color:rgba(84,157,224,.25)!important;
  box-shadow:0 0 34px rgba(53,129,201,.10);
}
a:focus-visible,button:focus-visible{
  outline-color:rgba(103,178,239,.88)!important;
}

/* A faint blue technical edge around internal-page hero areas. */
.solution-hero,.systems-shell,.legal-shell{
  box-shadow:inset 0 1px 0 rgba(84,151,213,.045);
}

/* Preserve performance and accessibility. */
@media(max-width:760px){
  .cerebro-blue-atmosphere{
    opacity:.42!important;
    background-size:auto,auto,auto,128px 128px,128px 128px,440px 440px!important;
  }
  .manifesto,#solutions,.method,.flow-section,.devices,.founder,
  .contact,footer,.solution-view,.solution-hero,.solution-band,.solution-context,
  .solution-compact-band,.solution-cta,.pricing-section,.legal-view,
  .systems-view,.sia-index-page,.sia-singularity-detail,.sia-plumbing-detail{
    background-size:auto,auto,460px 460px,auto!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .cerebro-blue-atmosphere{animation:none!important}
}



/* Additive refinement only.
   This block strengthens the approved blue/graphite language through
   backgrounds, outlines and separator lines. It does not change layout,
   dimensions, content, routes, animation timing or element position. */

:root{
  --black:#090c10;
  --panel:rgba(10,15,21,.78);
  --line:rgba(72,157,232,.24);
  --line2:rgba(97,181,244,.43);
  --cerebro-tech-blue:#4c9de6;
  --cerebro-tech-blue-soft:#8bc9f5;
  --cerebro-tech-blue-deep:#1c568c;
  --cerebro-outline-blue:rgba(77,162,236,.34);
  --cerebro-outline-blue-strong:rgba(102,188,248,.58);
  --cerebro-outline-blue-soft:rgba(69,149,221,.19);
  --cerebro-grid-blue:rgba(76,158,231,.034);
}

/* The shared fixed atmosphere becomes only slightly clearer. */
.cerebro-blue-atmosphere{
  opacity:.62!important;
  background-image:
    radial-gradient(ellipse at 78% 15%,rgba(48,132,213,.235),transparent 32%),
    radial-gradient(ellipse at 14% 70%,rgba(27,88,153,.14),transparent 37%),
    radial-gradient(ellipse at 54% 104%,rgba(33,101,168,.10),transparent 34%),
    linear-gradient(rgba(76,158,231,.037) 1px,transparent 1px),
    linear-gradient(90deg,rgba(76,158,231,.032) 1px,transparent 1px),
    var(--cerebro-star-field)!important;
  background-size:auto,auto,auto,96px 96px,96px 96px,520px 520px!important;
  filter:saturate(1.04);
}

/* One consistent blue-graphite environment across every Cerebro chapter.
   The examples themselves remain visually independent inside their cards
   and live previews. */
.hero,
.manifesto,#solutions,.method,.flow-section,.devices,.founder,
.contact,footer,.solution-view,.solution-hero,.solution-band,.solution-context,
.solution-compact-band,.solution-cta,.pricing-section,.legal-view,
.systems-view,.sia-index-page,.sia-singularity-detail,.sia-plumbing-detail{
  background-color:#0a0e13!important;
  background-image:
    linear-gradient(rgba(75,157,229,.026) 1px,transparent 1px),
    linear-gradient(90deg,rgba(75,157,229,.023) 1px,transparent 1px),
    radial-gradient(ellipse at 79% 17%,rgba(42,122,200,.155),transparent 34%),
    radial-gradient(ellipse at 13% 82%,rgba(25,79,137,.085),transparent 39%),
    var(--cerebro-star-field),
    linear-gradient(180deg,rgba(14,19,25,.975),rgba(9,12,16,.995))!important;
  background-size:
    104px 104px,
    104px 104px,
    auto,
    auto,
    580px 580px,
    auto!important;
  background-position:0 0,0 0,center,center,80px 40px,center!important;
  box-shadow:
    inset 0 1px 0 rgba(83,166,235,.075),
    inset 0 -1px 0 rgba(34,103,166,.055);
}

/* Give the hero slightly more depth while preserving the brain and copy. */
.hero{
  background-image:
    linear-gradient(rgba(77,162,235,.031) 1px,transparent 1px),
    linear-gradient(90deg,rgba(77,162,235,.027) 1px,transparent 1px),
    radial-gradient(ellipse at 72% 39%,rgba(49,134,216,.22),transparent 36%),
    radial-gradient(ellipse at 19% 17%,rgba(27,83,142,.105),transparent 39%),
    var(--cerebro-star-field),
    linear-gradient(180deg,#0d1218 0%,#0a0e13 72%,#090c10 100%)!important;
  background-size:100px 100px,100px 100px,auto,auto,560px 560px,auto!important;
}
.hero-brain-frame{
  filter:
    drop-shadow(0 0 48px rgba(48,128,207,.095))
    drop-shadow(0 0 90px rgba(29,88,148,.045));
}

/* Main navigation capsule and brand separator. */
.nav{
  border-color:var(--cerebro-outline-blue)!important;
  border-bottom-color:var(--cerebro-outline-blue)!important;
  background:rgba(10,14,19,.84)!important;
  box-shadow:
    0 18px 60px rgba(0,0,0,.36),
    0 0 40px rgba(43,121,193,.085),
    inset 0 0 24px rgba(55,137,211,.025)!important;
}
.brand-pipe{
  background:linear-gradient(
    180deg,
    transparent,
    rgba(105,190,249,.92),
    transparent
  )!important;
  box-shadow:0 0 13px rgba(77,163,234,.38)!important;
}
.brand-mark,
.brand-mark:before,
.brand-mark:after{
  border-color:rgba(89,174,239,.58)!important;
}
.dropdown{
  border-color:var(--cerebro-outline-blue)!important;
}
.nav-cta,.btn,.skip-loader{
  border-color:var(--cerebro-outline-blue)!important;
}

/* Structural boxes and panel outlines only — interiors remain graphite. */
.metrics,.service-visual,.method-display,.flow-box,
.student-panel,.device-stage,.ui-panel,.portrait,
.selected-package-card,.contact-form,.package-confirm-panel,
.checkout-handoff-panel,.solution-context-shell,.solution-link,.sol-panel,
.pricing-card,.legal-card,.solution-card,.founder-card,.device-card,
.flow-shell,
.sia-system-card:not(.sia-singularity-card):not(.sia-plumbing-card){
  border-color:var(--cerebro-outline-blue)!important;
}

.service-visual,.method-display,.flow-box,.device-stage,
.portrait,.selected-package-card,.contact-form,.solution-context-shell,
.pricing-card,.legal-card,.solution-card,.founder-card,.device-card,
.flow-shell{
  box-shadow:
    inset 0 0 80px rgba(39,106,171,.035),
    0 0 0 1px rgba(47,126,197,.018),
    0 24px 72px rgba(0,0,0,.29)!important;
}

/* Separator lines throughout the main listing, Method, Students, Devices,
   Founder, consultation and footer. */
.metrics,.metric,.service,.service:last-child,
.student-context,.student-context-stats,.student-stat,.student-tabs,
.student-tab,.student-topbar,.student-side,.student-integrity,
.integrity-item,.student-cta,.ui-top,.ui-side,
.founder-copy blockquote,.founder-chapter,
.selected-package-steps,.selected-package-change,
.package-confirm-meta,.footer-bottom,.footer-legal{
  border-color:var(--cerebro-outline-blue-soft)!important;
}

.method-tabs:before{
  background:linear-gradient(
    90deg,
    transparent,
    rgba(72,157,232,.34) 12%,
    rgba(104,190,248,.76) 50%,
    rgba(72,157,232,.34) 88%,
    transparent
  )!important;
  box-shadow:0 0 16px rgba(69,157,229,.12);
}
.method-tab i{
  border-color:rgba(82,167,235,.52)!important;
  background:#080c11!important;
}
.method-tab.active i{
  background:#92cff6!important;
  border-color:#9ed8fb!important;
  box-shadow:0 0 22px rgba(87,181,245,.72)!important;
}
.method-tab.active strong{color:#dceefa!important}

/* Intelligent System Flow separator and nodes. */
.flow-axis{
  background:linear-gradient(
    90deg,
    transparent,
    rgba(57,133,204,.45),
    rgba(108,191,246,.92),
    rgba(57,133,204,.45),
    transparent
  )!important;
  box-shadow:0 0 18px rgba(62,151,225,.11);
}
.flow-light{
  background:linear-gradient(
    90deg,
    transparent,
    #79c4f4,
    transparent
  )!important;
  box-shadow:0 0 18px rgba(85,179,240,.52);
}
.flow-node{
  border-color:rgba(77,161,231,.55)!important;
  background:#080c11!important;
}
.flow-node:after{background:#427aa8!important}
.flow-node.active{
  border-color:#92d0f8!important;
  box-shadow:0 0 35px rgba(72,170,237,.43)!important;
}
.flow-node.active:after{
  background:#a2dcfc!important;
  box-shadow:0 0 15px rgba(109,198,251,.88)!important;
}
.cerebro-flow-curves .flow-thread{
  stroke:rgba(96,180,239,.62)!important;
}

/* Solution-list micro-lines and structural art frames. */
.service-line:before,
.eyebrow span,.kicker i,.systems-kicker span{
  background:linear-gradient(
    90deg,
    rgba(64,145,216,.30),
    rgba(105,192,247,.92),
    transparent
  )!important;
}
.service-visual:before,.service-visual:after,
.visual-halo,.visual-gridring,.visual-tag,
.v-orbit,.v-box,.svc-sales .v-bar,.svc-service .v-ticket,
.svc-sites .v-window,.svc-sites .v-window:before,
.svc-apps .v-card,.svc-apps .v-card:after,
.svc-workflow .v-step,.svc-training .v-panel,.svc-custom .v-hex,
.sol-orbit,.sol-pulse{
  border-color:rgba(71,155,226,.25)!important;
}

/* Students, Devices and internal UI lines that were hard-coded grey. */
.student-panel,.portrait,
.architecture i,.package-confirm-panel,.checkout-handoff-panel,
.checkout-handoff-code{
  border-color:var(--cerebro-outline-blue-soft)!important;
}
.device-tabs button{
  border-color:rgba(73,157,228,.26)!important;
}
.device-tabs button.active{
  border-color:rgba(103,189,247,.64)!important;
  box-shadow:0 0 22px rgba(63,149,220,.10);
}

/* Founder chapter separators and consultation form outlines. */
.founder-chapter,
.founder-chapter:first-child{
  border-color:rgba(72,156,226,.20)!important;
}
.field input,.field textarea,.field select{
  border-color:rgba(72,157,229,.27)!important;
  background:rgba(3,7,11,.34)!important;
}
.field input:focus,.field textarea:focus,.field select:focus{
  border-color:rgba(111,197,249,.84)!important;
  box-shadow:0 0 0 4px rgba(65,157,226,.075)!important;
}
.selected-package-card:before,
.selected-package-card:after{
  border-color:rgba(72,157,228,.13)!important;
}

/* Internal-page and Systems-in-Action shell edges. */
.solution-hero,.systems-shell,.legal-shell,
.sia-project-intro,.sia-plumbing-intro{
  box-shadow:
    inset 0 1px 0 rgba(87,171,237,.095),
    inset 0 -1px 0 rgba(42,113,178,.055)!important;
}

/* Preserve each example website's own internal palette. */
.sia-singularity-card,.sia-singularity-card-visual,
.sia-overlay,.sia-preview-shell{
  --line:rgba(111,245,255,.14);
  --line2:rgba(111,245,255,.28);
}
.sia-plumbing-card,.sia-plumbing-card-visual,
.plumbing-overlay,.plumbing-preview-shell{
  --line:rgba(21,92,147,.18);
  --line2:rgba(21,92,147,.34);
}

/* Keep the atmospheric layer restrained while a live demonstration is open. */
body.sia-preview-open .cerebro-blue-atmosphere,
body.plumbing-preview-open .cerebro-blue-atmosphere{
  opacity:.08!important;
}

@media(max-width:760px){
  .cerebro-blue-atmosphere{
    opacity:.52!important;
    background-size:auto,auto,auto,112px 112px,112px 112px,440px 440px!important;
  }
  .hero,
  .manifesto,#solutions,.method,.flow-section,.devices,.founder,
  .contact,footer,.solution-view,.solution-hero,.solution-band,.solution-context,
  .solution-compact-band,.solution-cta,.pricing-section,.legal-view,
  .systems-view,.sia-index-page,.sia-singularity-detail,.sia-plumbing-detail{
    background-size:
      116px 116px,
      116px 116px,
      auto,
      auto,
      470px 470px,
      auto!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .cerebro-blue-atmosphere{animation:none!important}
}



/* Additive consistency pass only.
   This block balances the existing graphite and blue atmosphere. It does not
   change content, layout, dimensions, positioning, routes, media, animation
   timing or interaction behaviour. */

:root{
  --cerebro-balance-base:#0a0e13;
  --cerebro-balance-base-deep:#080c11;
  --cerebro-balance-blue:rgba(48,132,208,.125);
  --cerebro-balance-blue-soft:rgba(35,94,156,.075);
  --cerebro-balance-grid:rgba(77,158,229,.028);
  --cerebro-balance-grid-soft:rgba(77,158,229,.022);
}

/* Equalise the fixed atmosphere so blue remains visible without washing out
   the approved graphite foundation. */
.cerebro-blue-atmosphere{
  opacity:.49!important;
  filter:saturate(1.01) brightness(.98);
  background-image:
    radial-gradient(ellipse at 79% 15%,rgba(45,126,202,.17),transparent 35%),
    radial-gradient(ellipse at 14% 73%,rgba(27,80,137,.095),transparent 39%),
    radial-gradient(ellipse at 52% 105%,rgba(27,84,145,.065),transparent 36%),
    linear-gradient(var(--cerebro-balance-grid) 1px,transparent 1px),
    linear-gradient(90deg,var(--cerebro-balance-grid-soft) 1px,transparent 1px),
    var(--cerebro-star-field)!important;
  background-size:auto,auto,auto,102px 102px,102px 102px,560px 560px!important;
}

/* Establish one balanced blue/graphite recipe throughout Cerebro. */
body,
main,
.solution-page,
.systems-shell,
.legal-shell{
  background-color:var(--cerebro-balance-base)!important;
}

.hero,
.manifesto,#solutions,.cap-section,.method,.flow-section,.students,.devices,
.founder,.contact,footer,.solution-view,.solution-hero,.solution-band,
.solution-context,.solution-compact-band,.solution-cta,.pricing-section,
.legal-view,.systems-view,.sia-index-page,.sia-singularity-detail,
.sia-plumbing-detail{
  background-color:var(--cerebro-balance-base)!important;
  background-image:
    linear-gradient(var(--cerebro-balance-grid) 1px,transparent 1px),
    linear-gradient(90deg,var(--cerebro-balance-grid-soft) 1px,transparent 1px),
    radial-gradient(ellipse at 80% 18%,var(--cerebro-balance-blue),transparent 39%),
    radial-gradient(ellipse at 14% 82%,var(--cerebro-balance-blue-soft),transparent 43%),
    var(--cerebro-star-field),
    linear-gradient(180deg,rgba(14,19,25,.985),rgba(8,12,17,.995))!important;
  background-size:
    106px 106px,
    106px 106px,
    auto,
    auto,
    590px 590px,
    auto!important;
  box-shadow:
    inset 0 1px 0 rgba(78,160,229,.065),
    inset 0 -1px 0 rgba(32,91,150,.048)!important;
}

/* Alternate only the light direction — not its strength — so every chapter
   feels related while avoiding a visibly repeated stamp. */
#solutions,.flow-section,.devices,.contact,.solution-band,
.solution-compact-band,.pricing-section,.sia-index-page{
  background-image:
    linear-gradient(var(--cerebro-balance-grid) 1px,transparent 1px),
    linear-gradient(90deg,var(--cerebro-balance-grid-soft) 1px,transparent 1px),
    radial-gradient(ellipse at 18% 20%,var(--cerebro-balance-blue),transparent 39%),
    radial-gradient(ellipse at 84% 81%,var(--cerebro-balance-blue-soft),transparent 43%),
    var(--cerebro-star-field),
    linear-gradient(180deg,rgba(13,18,24,.985),rgba(8,12,17,.995))!important;
  background-position:0 0,0 0,center,center,130px 70px,center!important;
}

.method,.founder,.solution-hero,.solution-context,.legal-view,
.sia-singularity-detail,.sia-plumbing-detail{
  background-image:
    linear-gradient(var(--cerebro-balance-grid) 1px,transparent 1px),
    linear-gradient(90deg,var(--cerebro-balance-grid-soft) 1px,transparent 1px),
    radial-gradient(ellipse at 71% 51%,var(--cerebro-balance-blue),transparent 40%),
    radial-gradient(ellipse at 10% 18%,var(--cerebro-balance-blue-soft),transparent 42%),
    var(--cerebro-star-field),
    linear-gradient(180deg,rgba(14,19,25,.985),rgba(8,12,17,.995))!important;
  background-position:0 0,0 0,center,center,260px 120px,center!important;
}

/* Keep the hero readable while balancing its left-hand graphite falloff with
   the blue atmosphere around the existing brain. */
.hero{
  background-image:
    linear-gradient(var(--cerebro-balance-grid) 1px,transparent 1px),
    linear-gradient(90deg,var(--cerebro-balance-grid-soft) 1px,transparent 1px),
    radial-gradient(ellipse at 73% 40%,rgba(48,132,208,.16),transparent 39%),
    radial-gradient(ellipse at 18% 20%,rgba(29,83,140,.08),transparent 44%),
    var(--cerebro-star-field),
    linear-gradient(180deg,#0e141b 0%,#0a0e13 72%,#080c11 100%)!important;
  background-size:102px 102px,102px 102px,auto,auto,570px 570px,auto!important;
}
.hero:after{
  background:linear-gradient(
    90deg,
    rgba(5,9,14,.84) 0%,
    rgba(7,13,20,.56) 33%,
    rgba(20,65,108,.085) 61%,
    transparent 78%
  )!important;
}

/* The small line beneath “Intelligence, engineered around your business.” */
.hero-note:after{
  background:linear-gradient(
    90deg,
    rgba(115,202,253,.98),
    rgba(65,151,224,.58) 58%,
    transparent
  )!important;
  box-shadow:
    0 0 9px rgba(90,184,242,.45),
    0 0 20px rgba(52,139,209,.20);
}

/* Normalise the graphite-blue treatment of internal shells without changing
   their dimensions or positions. */
.solution-context-shell,.solution-compact-panel,.pricing-card,.legal-card,
.method-display,.flow-box,.device-stage,.portrait,
.contact-form,.selected-package-card,.package-confirm-panel,
.checkout-handoff-panel{
  background-color:rgba(8,13,18,.72)!important;
  background-image:
    radial-gradient(ellipse at 88% 12%,rgba(49,129,203,.045),transparent 42%),
    linear-gradient(145deg,rgba(255,255,255,.018),rgba(0,0,0,.045))!important;
}

/* Preserve the separate identities of the two demonstration websites. */
.sia-singularity-card,.sia-singularity-card-visual,.sia-overlay,
.sia-preview-shell,
.sia-plumbing-card,.sia-plumbing-card-visual,.plumbing-overlay,
.plumbing-preview-shell,.plumbing-preview-loading{
  background-blend-mode:normal!important;
}

/* Preview overlays remain visually isolated from the Cerebro atmosphere. */
body.sia-preview-open .cerebro-blue-atmosphere,
body.plumbing-preview-open .cerebro-blue-atmosphere{
  opacity:.075!important;
}

@media(max-width:760px){
  .cerebro-blue-atmosphere{
    opacity:.42!important;
    background-size:auto,auto,auto,116px 116px,116px 116px,470px 470px!important;
  }

  .hero,
  .manifesto,#solutions,.cap-section,.method,.flow-section,.students,.devices,
  .founder,.contact,footer,.solution-view,.solution-hero,.solution-band,
  .solution-context,.solution-compact-band,.solution-cta,.pricing-section,
  .legal-view,.systems-view,.sia-index-page,.sia-singularity-detail,
  .sia-plumbing-detail{
    background-size:
      118px 118px,
      118px 118px,
      auto,
      auto,
      490px 490px,
      auto!important;
  }
}



/* Performance-safe refinement: static background gradients only. No extra
   canvases, fixed atmosphere layers, filters, pseudo-element overlays or new
   animation loops are added. */
.loader{
  transition:opacity .08s linear,visibility .08s linear!important;
  animation:cerebroLoaderHardLimit11 .08s linear .22s forwards!important;
}
.loader.done{display:none!important;pointer-events:none!important}
#loader-brain{display:none!important}
@keyframes cerebroLoaderHardLimit11{
  to{opacity:0;visibility:hidden;pointer-events:none}
}

/* Selective ambient lighting placed directly in existing section backgrounds. */
.hero{
  background-image:
    linear-gradient(var(--cerebro-balance-grid) 1px,transparent 1px),
    linear-gradient(90deg,var(--cerebro-balance-grid-soft) 1px,transparent 1px),
    radial-gradient(ellipse at 75% 39%,rgba(61,147,218,.18),transparent 39%),
    radial-gradient(ellipse at 20% 79%,rgba(34,91,151,.075),transparent 44%),
    var(--cerebro-star-field),
    linear-gradient(180deg,#0e141b 0%,#0a0e13 72%,#080c11 100%)!important;
}
#solutions,.manifesto,.flow-section,.devices,.systems-view,.contact,.solution-view,
.solution-band,.solution-compact-band,.solution-cta,.pricing-section,.sia-index-page{
  background-image:
    linear-gradient(var(--cerebro-balance-grid) 1px,transparent 1px),
    linear-gradient(90deg,var(--cerebro-balance-grid-soft) 1px,transparent 1px),
    radial-gradient(ellipse at 18% 24%,rgba(59,145,216,.125),transparent 41%),
    radial-gradient(ellipse at 84% 78%,rgba(29,82,139,.065),transparent 44%),
    var(--cerebro-star-field),
    linear-gradient(180deg,rgba(14,19,25,.985),rgba(8,12,17,.995))!important;
}
.method,.students,.founder,.legal-view,footer,.solution-hero,.solution-context,
.sia-singularity-detail,.sia-plumbing-detail{
  background-image:
    linear-gradient(var(--cerebro-balance-grid) 1px,transparent 1px),
    linear-gradient(90deg,var(--cerebro-balance-grid-soft) 1px,transparent 1px),
    radial-gradient(ellipse at 80% 22%,rgba(63,151,222,.12),transparent 41%),
    radial-gradient(ellipse at 14% 82%,rgba(27,78,133,.06),transparent 45%),
    var(--cerebro-star-field),
    linear-gradient(180deg,rgba(14,19,25,.985),rgba(8,12,17,.995))!important;
}

/* The hero brain WebGL canvas now has a genuine transparent clear. The distant
   space background is removed in the embedded brain bundle; brain-local stars,
   prominent nodes, small nodes, connecting paths and rays remain. */
.hero-brain-frame,
.hero-brain-frame:before,
#cerebro-brain,
.hero-brain-frame.cerebro-brain-root,
.hero-brain-frame .cerebro-brain-root,
.hero-brain-frame .cb-canvas{
  background:transparent!important;
  background-color:transparent!important;
}
.hero-brain-frame:before{display:none!important}
.hero-brain-frame{
  filter:drop-shadow(0 0 40px rgba(56,143,215,.085))!important;
}



/* Additive refinement only.
   This pass:
   1) removes the boxed/choppy feel around the Systems in Action header
   2) matches the hero-brain stage to the exact surrounding hero palette
   No text, routes, layout structure, media, scripts, or animations are removed. */

/* --- Systems in Action: remove the boxed container feel around the page title --- */
.systems-shell{
  width:min(1520px,90vw)!important;
  max-width:none!important;
}
.systems-shell:before{
  display:none!important;
}
.systems-hero{
  max-width:none!important;
  padding:clamp(86px,10vh,138px) 0 44px!important;
  border-bottom:1px solid rgba(88,171,236,.12)!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.systems-kicker,
.systems-hero h1,
.systems-subtitle{
  text-shadow:none!important;
}

/* --- Hero brain: use the exact surrounding hero background so the stage blends in --- */
.hero-brain-frame{
  background-image:
    linear-gradient(rgba(77,158,229,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(77,158,229,.022) 1px,transparent 1px),
    radial-gradient(ellipse at 73% 40%,rgba(48,132,208,.16),transparent 39%),
    radial-gradient(ellipse at 18% 20%,rgba(29,83,140,.08),transparent 44%),
    radial-gradient(44% 38% at 71% 37%,rgba(83,171,237,.13),transparent 70%),
    radial-gradient(28% 24% at 18% 74%,rgba(33,97,159,.08),transparent 75%),
    linear-gradient(180deg,#0e141b 0%,#0a0e13 72%,#080c11 100%)!important;
  background-size:
    102px 102px,
    102px 102px,
    auto,
    auto,
    auto,
    auto,
    auto!important;
  background-position:
    0 0,
    0 0,
    center center,
    center center,
    center center,
    center center,
    center center!important;
  background-color:#0a0e13!important;
  border-color:transparent!important;
  box-shadow:none!important;
  filter:none!important;
}

/* Keep the actual renderer transparent so only the preserved brain content sits on top. */
#cerebro-brain,
.hero-brain-frame .cerebro-brain-root,
.hero-brain-frame canvas,
.hero-brain-frame svg,
.hero-brain-frame [data-brain-stage],
.hero-brain-frame [data-brain-bg],
.hero-brain-frame .cb-root,
.hero-brain-frame .cb-scene,
.hero-brain-frame .cb-stage-inner,
.hero-brain-frame .cb-panel-overlay,
.hero-brain-frame .cb-backdrop,
.hero-brain-frame .cb-scene-bg,
.hero-brain-frame .cb-scene-shell,
.hero-brain-frame .cb-scene-stage,
.hero-brain-frame .cb-stage,
.hero-brain-frame .cb-sky,
.hero-brain-frame .cb-atmosphere{
  background:transparent!important;
  background-color:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}

/* Preserve the soft integration edge without adding heavy visual effects. */
.hero-brain-frame{
  -webkit-mask-image:radial-gradient(ellipse at center,#000 0 64%,rgba(0,0,0,.97) 76%,transparent 99%)!important;
  mask-image:radial-gradient(ellipse at center,#000 0 64%,rgba(0,0,0,.97) 76%,transparent 99%)!important;
}



/* Renderer-level transparency completion.
   The WebGL bloom compositor now preserves the original scene alpha, so the
   brain stage no longer needs a colour-matched background or radial clipping. */
.hero-brain-frame{
  background:transparent!important;
  background-image:none!important;
  background-color:transparent!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
.hero-brain-frame:before,
.hero-brain-frame:after{
  display:none!important;
  content:none!important;
  background:none!important;
}
#cerebro-brain,
.hero-brain-frame .cerebro-brain-root,
.hero-brain-frame canvas,
.hero-brain-frame svg{
  background:transparent!important;
  background-color:transparent!important;
}



/* Investigated refinement.
   The remaining brain outline came from the finite canvas/composer boundary,
   not from another opaque background. This block expands the transparent
   render stage slightly, retains the original apparent brain scale with a
   matching camera-FOV adjustment, and feathers only the remote outer edge.
   It also unifies the existing graphite/blue atmosphere with static CSS only. */

:root{
  --c14-graphite:#0a0e13;
  --c14-graphite-deep:#080c11;
  --c14-blue:rgba(57,145,216,.13);
  --c14-blue-soft:rgba(33,94,155,.072);
  --c14-blue-line:rgba(82,171,237,.34);
  --c14-blue-line-soft:rgba(69,151,222,.20);
  --c14-grid:rgba(77,158,229,.027);
  --c14-grid-soft:rgba(77,158,229,.021);
}

/* ---------------------------------------------------------------
   HERO BRAIN — transparent overscan, no new canvas or render loop
   --------------------------------------------------------------- */
.hero-brain-frame{
  top:48.55%!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  overflow:visible!important;
}

/* The mount target is enlarged by 8%. Camera FOV 53 compensates for that
   increase, leaving the brain's visible scale effectively unchanged while
   moving the hard render boundary farther away from all visible content. */
#cerebro-brain.hero-brain-frame,
#cerebro-brain,
.hero-brain-frame .cerebro-brain-root{
  width:108%!important;
  height:108%!important;
  position:absolute!important;
  left:-4%!important;
  top:-4%!important;
  max-width:none!important;
  overflow:visible!important;
  contain:layout style!important;
  background:transparent!important;
  background-color:transparent!important;
}

/* A very small rectangular edge feather is applied only at the enlarged
   canvas perimeter. It does not create an oval or circular container. */
.hero-brain-frame .cb-canvas,
.hero-brain-frame canvas{
  background:transparent!important;
  background-color:transparent!important;
  -webkit-mask-image:
    linear-gradient(to right,transparent 0%,#000 2.4%,#000 97.6%,transparent 100%),
    linear-gradient(to bottom,transparent 0%,#000 2.4%,#000 97.6%,transparent 100%)!important;
  -webkit-mask-composite:source-in!important;
  mask-image:
    linear-gradient(to right,transparent 0%,#000 2.4%,#000 97.6%,transparent 100%),
    linear-gradient(to bottom,transparent 0%,#000 2.4%,#000 97.6%,transparent 100%)!important;
  mask-composite:intersect!important;
}

/* ---------------------------------------------------------------
   CONSISTENT BLUE / GRAPHITE ENVIRONMENT
   Same intensity throughout; only light direction alternates.
   --------------------------------------------------------------- */
body,
main{
  background-color:var(--c14-graphite)!important;
}

.hero,
.manifesto,#solutions,.cap-section,.method,.flow-section,.students,.devices,
.founder,.contact,footer,.solution-view,.solution-hero,.solution-band,
.solution-context,.solution-compact-band,.solution-cta,.pricing-section,
.legal-view,.systems-view,.sia-index-page,.sia-singularity-detail,
.sia-plumbing-detail{
  background-color:var(--c14-graphite)!important;
  background-image:
    linear-gradient(var(--c14-grid) 1px,transparent 1px),
    linear-gradient(90deg,var(--c14-grid-soft) 1px,transparent 1px),
    radial-gradient(ellipse at 80% 20%,var(--c14-blue),transparent 40%),
    radial-gradient(ellipse at 13% 82%,var(--c14-blue-soft),transparent 44%),
    var(--cerebro-star-field),
    linear-gradient(180deg,rgba(14,19,25,.985),rgba(8,12,17,.996))!important;
  background-size:
    106px 106px,
    106px 106px,
    auto,
    auto,
    590px 590px,
    auto!important;
  box-shadow:
    inset 0 1px 0 rgba(82,167,233,.062),
    inset 0 -1px 0 rgba(34,96,157,.045)!important;
}

#solutions,.flow-section,.devices,.contact,.solution-band,
.solution-compact-band,.pricing-section,.sia-index-page{
  background-image:
    linear-gradient(var(--c14-grid) 1px,transparent 1px),
    linear-gradient(90deg,var(--c14-grid-soft) 1px,transparent 1px),
    radial-gradient(ellipse at 18% 21%,var(--c14-blue),transparent 40%),
    radial-gradient(ellipse at 84% 80%,var(--c14-blue-soft),transparent 44%),
    var(--cerebro-star-field),
    linear-gradient(180deg,rgba(14,19,25,.985),rgba(8,12,17,.996))!important;
  background-position:0 0,0 0,center,center,140px 80px,center!important;
}

.method,.founder,.solution-hero,.solution-context,.legal-view,
.sia-singularity-detail,.sia-plumbing-detail{
  background-image:
    linear-gradient(var(--c14-grid) 1px,transparent 1px),
    linear-gradient(90deg,var(--c14-grid-soft) 1px,transparent 1px),
    radial-gradient(ellipse at 72% 48%,var(--c14-blue),transparent 40%),
    radial-gradient(ellipse at 10% 18%,var(--c14-blue-soft),transparent 44%),
    var(--cerebro-star-field),
    linear-gradient(180deg,rgba(14,19,25,.985),rgba(8,12,17,.996))!important;
  background-position:0 0,0 0,center,center,270px 130px,center!important;
}

/* Keep the hero's existing editorial contrast, with blue centred around the
   transparent brain rather than inside a separate stage. */
.hero{
  background-image:
    linear-gradient(var(--c14-grid) 1px,transparent 1px),
    linear-gradient(90deg,var(--c14-grid-soft) 1px,transparent 1px),
    radial-gradient(ellipse at 73% 38%,rgba(62,151,223,.165),transparent 40%),
    radial-gradient(ellipse at 17% 22%,rgba(30,84,142,.078),transparent 44%),
    var(--cerebro-star-field),
    linear-gradient(180deg,#0e141b 0%,#0a0e13 72%,#080c11 100%)!important;
  background-size:104px 104px,104px 104px,auto,auto,570px 570px,auto!important;
}

/* ---------------------------------------------------------------
   STATIC BLUE AMBIENT DEPTH AROUND EXISTING LINES AND PANELS
   No filters, pseudo-element scene layers or animation loops.
   --------------------------------------------------------------- */
.nav{
  box-shadow:
    0 18px 60px rgba(0,0,0,.34),
    0 0 28px rgba(48,133,204,.105),
    inset 0 0 24px rgba(56,143,215,.034)!important;
}

.method-display,.flow-box,.device-stage,.portrait,
.contact-form,.selected-package-card,.solution-context-shell,
.pricing-card,.legal-card{
  border-color:rgba(84,174,239,.38)!important;
  box-shadow:
    inset 0 1px 0 rgba(111,197,249,.075),
    inset 0 0 54px rgba(40,108,174,.038),
    0 0 26px rgba(45,132,204,.075),
    0 24px 66px rgba(0,0,0,.27)!important;
}

.metrics,.service-visual,.student-panel,.ui-panel,
.package-confirm-panel,.checkout-handoff-panel,.solution-link,.sol-panel,
.solution-card,.founder-card,.device-card,.flow-shell,
.sia-system-card:not(.sia-singularity-card):not(.sia-plumbing-card){
  border-color:rgba(74,158,226,.28)!important;
  box-shadow:
    inset 0 0 32px rgba(42,111,177,.026),
    0 0 18px rgba(44,128,199,.045)!important;
}

.brand-pipe,
.hero-note:after,
.method-tabs:before,
.flow-axis,
.flow-light,
.systems-kicker span,
.eyebrow span,
.kicker i{
  box-shadow:
    0 0 10px rgba(92,188,246,.34),
    0 0 22px rgba(52,143,214,.13)!important;
}

.method-tab i,
.flow-node,
.device-tabs button,
.field input,.field textarea,.field select{
  border-color:rgba(79,166,233,.39)!important;
}

.method-tab.active i,
.flow-node.active,
.device-tabs button.active{
  box-shadow:
    0 0 18px rgba(87,181,242,.38),
    0 0 34px rgba(50,139,210,.13)!important;
}

/* Do not wash the demonstration websites with the parent atmosphere. */
.sia-singularity-card,.sia-plumbing-card,
.sia-singularity-card-visual,.sia-plumbing-card-visual,
.sia-overlay,.plumbing-overlay,
.sia-preview-shell,.plumbing-preview-shell{
  background-blend-mode:normal!important;
}

/* Slightly higher mobile placement, with proportionally smaller overscan. */
@media(max-width:760px){
  .hero-brain-frame{
    top:68px!important;
  }
  #cerebro-brain,
  .hero-brain-frame .cerebro-brain-root{
    width:106%!important;
    height:106%!important;
    left:-3%!important;
    top:-3%!important;
  }
  .hero-brain-frame .cb-canvas,
  .hero-brain-frame canvas{
    -webkit-mask-image:
      linear-gradient(to right,transparent 0%,#000 2.8%,#000 97.2%,transparent 100%),
      linear-gradient(to bottom,transparent 0%,#000 2.8%,#000 97.2%,transparent 100%)!important;
    mask-image:
      linear-gradient(to right,transparent 0%,#000 2.8%,#000 97.2%,transparent 100%),
      linear-gradient(to bottom,transparent 0%,#000 2.8%,#000 97.2%,transparent 100%)!important;
  }

  .hero,
  .manifesto,#solutions,.cap-section,.method,.flow-section,.students,.devices,
  .founder,.contact,footer,.solution-view,.solution-hero,.solution-band,
  .solution-context,.solution-compact-band,.solution-cta,.pricing-section,
  .legal-view,.systems-view,.sia-index-page,.sia-singularity-detail,
  .sia-plumbing-detail{
    background-size:
      118px 118px,
      118px 118px,
      auto,
      auto,
      490px 490px,
      auto!important;
  }
}



/* Additive brightness and ambient-depth refinement.
   Static CSS only: no new canvas, animation loop, filter layer, script,
   route, content, layout or positioning change. */

:root{
  --c15-base:#0d151d;
  --c15-deep:#091119;
  --c15-mid:#101a24;
  --c15-blue:rgba(62,153,225,.19);
  --c15-blue-soft:rgba(43,111,177,.105);
  --c15-blue-faint:rgba(57,139,207,.065);
  --c15-grid:rgba(89,174,238,.038);
  --c15-grid-soft:rgba(75,156,225,.030);
  --c15-line:rgba(91,183,244,.43);
  --c15-line-soft:rgba(75,160,229,.255);
}

/* Raise the overall blue-graphite exposure without turning the site cyan. */
html,
body,
main{
  background-color:var(--c15-base)!important;
}

.cerebro-blue-atmosphere{
  opacity:.57!important;
  filter:saturate(1.035) brightness(1.035)!important;
  background-image:
    radial-gradient(ellipse at 79% 16%,rgba(56,145,218,.205),transparent 37%),
    radial-gradient(ellipse at 15% 73%,rgba(35,96,157,.12),transparent 42%),
    radial-gradient(ellipse at 53% 104%,rgba(31,90,150,.078),transparent 38%),
    linear-gradient(var(--c15-grid) 1px,transparent 1px),
    linear-gradient(90deg,var(--c15-grid-soft) 1px,transparent 1px),
    var(--cerebro-star-field)!important;
  background-size:auto,auto,auto,104px 104px,104px 104px,560px 560px!important;
}

/* One brighter graphite-blue recipe across all primary and internal pages. */
.hero,
.manifesto,#solutions,.cap-section,.method,.flow-section,.students,.devices,
.founder,.contact,footer,.solution-view,.solution-hero,.solution-band,
.solution-context,.solution-compact-band,.solution-cta,.pricing-section,
.legal-view,.systems-view,.sia-index-page,.sia-singularity-detail,
.sia-plumbing-detail{
  background-color:var(--c15-base)!important;
  background-image:
    linear-gradient(var(--c15-grid) 1px,transparent 1px),
    linear-gradient(90deg,var(--c15-grid-soft) 1px,transparent 1px),
    radial-gradient(ellipse at 79% 20%,var(--c15-blue),transparent 42%),
    radial-gradient(ellipse at 13% 82%,var(--c15-blue-soft),transparent 47%),
    var(--cerebro-star-field),
    linear-gradient(180deg,rgba(17,27,37,.992),rgba(9,17,25,.997))!important;
  background-size:
    106px 106px,
    106px 106px,
    auto,
    auto,
    590px 590px,
    auto!important;
  box-shadow:
    inset 0 1px 0 rgba(102,190,247,.075),
    inset 0 -1px 0 rgba(40,109,173,.052)!important;
}

/* Alternate direction only; brightness remains consistent. */
#solutions,.flow-section,.devices,.contact,.solution-band,
.solution-compact-band,.pricing-section,.sia-index-page{
  background-image:
    linear-gradient(var(--c15-grid) 1px,transparent 1px),
    linear-gradient(90deg,var(--c15-grid-soft) 1px,transparent 1px),
    radial-gradient(ellipse at 18% 21%,var(--c15-blue),transparent 42%),
    radial-gradient(ellipse at 84% 80%,var(--c15-blue-soft),transparent 47%),
    var(--cerebro-star-field),
    linear-gradient(180deg,rgba(17,27,37,.992),rgba(9,17,25,.997))!important;
  background-position:0 0,0 0,center,center,140px 80px,center!important;
}

.method,.founder,.solution-hero,.solution-context,.legal-view,
.sia-singularity-detail,.sia-plumbing-detail{
  background-image:
    linear-gradient(var(--c15-grid) 1px,transparent 1px),
    linear-gradient(90deg,var(--c15-grid-soft) 1px,transparent 1px),
    radial-gradient(ellipse at 72% 47%,var(--c15-blue),transparent 42%),
    radial-gradient(ellipse at 10% 18%,var(--c15-blue-soft),transparent 47%),
    var(--cerebro-star-field),
    linear-gradient(180deg,rgba(17,27,37,.992),rgba(9,17,25,.997))!important;
  background-position:0 0,0 0,center,center,270px 130px,center!important;
}

/* Preserve the transparent hero brain while brightening only its page environment. */
.hero{
  background-image:
    linear-gradient(var(--c15-grid) 1px,transparent 1px),
    linear-gradient(90deg,var(--c15-grid-soft) 1px,transparent 1px),
    radial-gradient(ellipse at 73% 38%,rgba(70,163,230,.215),transparent 42%),
    radial-gradient(ellipse at 17% 22%,rgba(36,99,159,.108),transparent 47%),
    var(--cerebro-star-field),
    linear-gradient(180deg,#121d28 0%,#0d151d 72%,#091119 100%)!important;
  background-size:104px 104px,104px 104px,auto,auto,570px 570px,auto!important;
}

/* Keep every Solutions listing chapter at the same visible exposure.
   The direction alternates, but entries 05–09 no longer fall into a darker zone. */
#solutions .service{
  background-image:
    radial-gradient(ellipse at 86% 50%,rgba(63,151,222,.095),transparent 48%),
    linear-gradient(90deg,rgba(20,35,49,.30),rgba(11,20,29,.08) 67%,transparent)!important;
  background-color:rgba(13,21,29,.26)!important;
}
#solutions .service:nth-of-type(even){
  background-image:
    radial-gradient(ellipse at 15% 50%,rgba(63,151,222,.095),transparent 48%),
    linear-gradient(270deg,rgba(20,35,49,.30),rgba(11,20,29,.08) 67%,transparent)!important;
}
#solutions .service:before{
  background:linear-gradient(
    90deg,
    rgba(78,166,231,.075),
    rgba(78,166,231,.025) 45%,
    transparent 78%
  )!important;
}

/* Brighter graphite interiors with restrained blue three-dimensional depth. */
.method-display,.flow-box,.device-stage,.portrait,
.contact-form,.selected-package-card,.solution-context-shell,
.pricing-card,.legal-card{
  background-color:rgba(11,20,28,.80)!important;
  background-image:
    radial-gradient(ellipse at 87% 12%,rgba(63,153,223,.075),transparent 43%),
    linear-gradient(145deg,rgba(255,255,255,.026),rgba(0,0,0,.045))!important;
  border-color:var(--c15-line)!important;
  box-shadow:
    inset 0 1px 0 rgba(128,211,255,.105),
    inset 0 -1px 0 rgba(46,124,188,.085),
    inset 0 0 58px rgba(45,120,184,.055),
    0 0 24px rgba(47,142,215,.105),
    0 30px 78px rgba(0,0,0,.26)!important;
}

.metrics,.service-visual,.student-panel,.ui-panel,
.package-confirm-panel,.checkout-handoff-panel,.solution-link,.sol-panel,
.solution-card,.founder-card,.device-card,.flow-shell,
.sia-system-card:not(.sia-singularity-card):not(.sia-plumbing-card){
  background-color:rgba(12,21,30,.66)!important;
  border-color:rgba(86,174,238,.34)!important;
  box-shadow:
    inset 0 1px 0 rgba(117,202,251,.072),
    inset 0 0 38px rgba(45,119,184,.042),
    0 0 19px rgba(44,134,207,.07)!important;
}

/* Founder portrait: a minimal blue edge with ambient light around the crop. */
#founder .portrait{
  border-color:rgba(107,198,251,.72)!important;
  box-shadow:
    0 0 0 1px rgba(64,154,225,.22),
    0 0 19px rgba(68,164,232,.22),
    0 0 42px rgba(43,126,196,.12),
    0 30px 82px rgba(0,0,0,.31),
    inset 0 0 48px rgba(53,139,205,.065)!important;
  filter:
    drop-shadow(0 0 10px rgba(91,184,242,.18))
    drop-shadow(0 0 24px rgba(46,132,204,.095))!important;
}
#founder .portrait:before{
  box-shadow:
    inset 0 0 0 1px rgba(116,207,255,.42),
    inset 0 -24px 48px rgba(4,10,16,.24),
    inset 0 0 72px rgba(50,137,205,.075)!important;
}
#founder .portrait:after{
  background:
    linear-gradient(
      180deg,
      rgba(117,208,255,.065),
      transparent 24%,
      transparent 76%,
      rgba(50,139,209,.055)
    )!important;
  opacity:.72!important;
}

/* Existing architectural lines receive a clean blue illuminated edge. */
.metrics,.metric,.service,.service:last-child,
.student-context,.student-context-stats,.student-stat,.student-tabs,
.student-tab,.student-topbar,.student-side,.student-integrity,
.integrity-item,.student-cta,.ui-top,.ui-side,
.founder-copy blockquote,.founder-chapter,
.selected-package-steps,.selected-package-change,
.package-confirm-meta,.footer-bottom,.footer-legal{
  border-color:var(--c15-line-soft)!important;
}

.nav{
  border-color:rgba(98,189,247,.48)!important;
  box-shadow:
    0 18px 60px rgba(0,0,0,.31),
    0 0 30px rgba(53,146,217,.15),
    inset 0 1px 0 rgba(119,204,251,.07),
    inset 0 0 27px rgba(58,145,216,.05)!important;
}

.brand-pipe,
.hero-note:after,
.method-tabs:before,
.flow-axis,
.flow-light,
.systems-kicker span,
.eyebrow span,
.kicker i,
.service-line:before{
  background-color:rgba(88,182,241,.82)!important;
  box-shadow:
    0 0 11px rgba(107,200,252,.47),
    0 0 25px rgba(52,148,220,.18)!important;
}

.method-tab i,.flow-node,.device-tabs button,
.field input,.field textarea,.field select{
  border-color:rgba(91,181,241,.47)!important;
  background-color:rgba(9,18,26,.72)!important;
}

.method-tab.active i,.flow-node.active,.device-tabs button.active{
  box-shadow:
    0 0 20px rgba(101,197,249,.48),
    0 0 38px rgba(52,148,219,.17)!important;
}

/* Preserve the separate website identities inside Systems in Action. */
.sia-singularity-card,.sia-plumbing-card,
.sia-singularity-card-visual,.sia-plumbing-card-visual,
.sia-overlay,.plumbing-overlay,
.sia-preview-shell,.plumbing-preview-shell{
  background-blend-mode:normal!important;
}

body.sia-preview-open .cerebro-blue-atmosphere,
body.plumbing-preview-open .cerebro-blue-atmosphere{
  opacity:.075!important;
}

@media(max-width:760px){
  .cerebro-blue-atmosphere{
    opacity:.49!important;
    background-size:auto,auto,auto,118px 118px,118px 118px,480px 480px!important;
  }

  .hero,
  .manifesto,#solutions,.cap-section,.method,.flow-section,.students,.devices,
  .founder,.contact,footer,.solution-view,.solution-hero,.solution-band,
  .solution-context,.solution-compact-band,.solution-cta,.pricing-section,
  .legal-view,.systems-view,.sia-index-page,.sia-singularity-detail,
  .sia-plumbing-detail{
    background-size:
      118px 118px,
      118px 118px,
      auto,
      auto,
      500px 500px,
      auto!important;
  }

  #founder .portrait{
    filter:drop-shadow(0 0 12px rgba(82,174,234,.14))!important;
  }
}



/* Targeted hero refinement only.
   No changes to the brain renderer, ambient system, navigation, routes,
   sections, content outside the requested sentence, or any animation timing. */

/* Lift the transparent hero brain slightly for better alignment with the
   opening proposition. Horizontal position, dimensions and scale are unchanged. */
.hero-brain-frame{
  top:47.45%!important;
}

/* Give the opening description the same editorial serif language as the
   proposition above it, while keeping it clearly secondary in scale. */
.hero h1{
  margin-bottom:18px!important;
}
.hero-desc{
  max-width:720px!important;
  margin:0!important;
  color:#a1a8ad!important;
  font-family:"Merriweather",Georgia,"Times New Roman",serif!important;
  font-size:clamp(20px,1.85vw,29px)!important;
  font-weight:400!important;
  line-height:1.34!important;
  letter-spacing:-.028em!important;
}

/* Preserve comfortable mobile hierarchy and move the brain only slightly. */
@media(max-width:760px){
  .hero-brain-frame{
    top:60px!important;
  }
  .hero h1{
    margin-bottom:16px!important;
  }
  .hero-desc{
    max-width:31ch!important;
    font-size:clamp(19px,5.6vw,23px)!important;
    line-height:1.36!important;
    letter-spacing:-.022em!important;
  }
}



/* Candidate 18: restore a calmer blue/graphite blend and reduce the overpowered
   blue feeling in the main solutions listing while keeping the established site. */
:root{
  --black:#0b1117;
  --panel:rgba(12,17,23,.76);
  --line:rgba(121,153,184,.13);
  --line2:rgba(108,160,210,.24);
  --cerebro-outline-blue:rgba(77,151,218,.24);
  --cerebro-outline-blue-strong:rgba(101,178,233,.42);
  --cerebro-outline-blue-soft:rgba(73,138,197,.14);
  --cerebro-grid-blue:rgba(72,142,206,.020);
}
html,body{background:#0b1117!important;}
body{
  background:
    radial-gradient(1100px 780px at 18% 8%, rgba(39,93,145,.10), transparent 58%),
    radial-gradient(980px 740px at 84% 22%, rgba(23,63,103,.08), transparent 54%),
    linear-gradient(180deg,#0c1218 0%, #0b1117 46%, #0a1016 100%)!important;
}

/* Keep one consistent graphite/blue character across the main Cerebro pages. */
.hero,
.manifesto,
#solutions,
.method,
.flow-section,
.students,
.systems-view,
.founder,
.contact,
footer,
.solution-view,
.legal-view,
.solution-band,
.solution-context,
.solution-compact,
.solution-hero{
  background-color:#0b1117!important;
  background-image:
    radial-gradient(900px 560px at 16% 14%, rgba(42,97,150,.10), transparent 56%),
    radial-gradient(760px 520px at 86% 18%, rgba(24,65,104,.08), transparent 54%),
    radial-gradient(880px 560px at 50% 100%, rgba(12,28,44,.10), transparent 58%),
    linear-gradient(rgba(79,150,214,.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(79,150,214,.022) 1px, transparent 1px),
    linear-gradient(180deg,#0c1218 0%,#0b1117 52%,#0a1016 100%)!important;
  background-size:auto,auto,auto,92px 92px,92px 92px,auto!important;
}

/* Calm the main solutions list specifically so the blue does not overpower the page. */
#solutions{
  background-image:
    radial-gradient(840px 500px at 16% 14%, rgba(46,92,136,.085), transparent 58%),
    radial-gradient(820px 520px at 83% 78%, rgba(28,61,94,.065), transparent 58%),
    radial-gradient(900px 520px at 50% 105%, rgba(10,23,36,.10), transparent 62%),
    linear-gradient(rgba(78,145,205,.020) 1px, transparent 1px),
    linear-gradient(90deg, rgba(78,145,205,.018) 1px, transparent 1px),
    linear-gradient(180deg,#0c1218 0%,#0b1016 54%,#0a0f15 100%)!important;
}
#solutions .section-head,
#solutions .service-list{position:relative;z-index:2;}
#solutions .csm-solutions-ribbon{
  opacity:.63!important;
  filter:saturate(.78) brightness(.84)!important;
}
#solutions .service:before{
  background:linear-gradient(90deg,rgba(70,124,173,.06),rgba(24,35,46,.028) 54%,transparent 74%)!important;
}
#solutions .service-num{
  -webkit-text-stroke:1px rgba(185,201,214,.18)!important;
  text-shadow:0 0 24px rgba(70,114,156,.05)!important;
}
#solutions .service-line:before{
  background:rgba(120,168,208,.28)!important;
}
#solutions .service-visual{
  border-color:rgba(118,155,189,.12)!important;
  background:
    radial-gradient(circle at 50% 54%, rgba(132,163,193,.05), transparent 35%),
    linear-gradient(180deg, rgba(255,255,255,.024), rgba(255,255,255,.008))!important;
  box-shadow:
    inset 0 0 72px rgba(70,103,134,.028),
    0 20px 58px rgba(0,0,0,.28)!important;
}
#solutions .service-visual:before,
#solutions .service-visual:after,
#solutions .visual-halo,
#solutions .visual-gridring{
  border-color:rgba(126,160,191,.10)!important;
}
#solutions .visual-stars{opacity:.19!important;}
#solutions .visual-core{
  border-color:rgba(218,229,240,.52)!important;
  box-shadow:0 0 0 12px rgba(255,255,255,.016),0 0 28px rgba(141,180,217,.10)!important;
}
#solutions .visual-core:after{
  background:#dfe7ee!important;
  box-shadow:0 0 14px rgba(192,214,235,.28)!important;
}

/* Global consistency: keep outlines and separators blue, but quieter and blended. */
.main-nav,
.metrics,.metric,.service,.service:last-child,
.student-context,.student-context-stats,.student-stat,.student-tabs,
.student-tab,.student-topbar,.student-side,.student-integrity,
.integrity-item,.student-cta,.ui-top,.ui-side,
.founder-copy blockquote,.founder-chapter,
.selected-package-steps,.selected-package-change,
.package-confirm-meta,.footer-bottom,.footer-legal,
.solution-card,.pricing-card,.contact-form,.flow-box,.method-display,
.portrait,.founder-card,.device-card,.legal-card,
.sia-system-card,.systems-shell,.systems-back{
  border-color:var(--cerebro-outline-blue-soft)!important;
}

.service-visual,.method-display,.flow-box,.device-stage,
.portrait,.selected-package-card,.contact-form,.solution-context-shell,
.pricing-card,.legal-card,.solution-card,.founder-card,.device-card,
.flow-shell,.sia-system-card,.systems-shell{
  box-shadow:
    inset 0 0 78px rgba(40,92,142,.030),
    0 0 0 1px rgba(77,151,218,.018),
    0 24px 72px rgba(0,0,0,.28)!important;
}

/* Slightly soften heavy blue backgrounds inside systems cards so they sit with the rest. */
.sia-singularity-card,
.sia-plumbing-card{
  box-shadow:
    inset 0 0 70px rgba(44,101,156,.034),
    0 24px 72px rgba(0,0,0,.28)!important;
}



body{cursor:auto!important}
.cursor,.cursor-ring{display:none!important}



/* Targeted consultation-form refinement only. */

/* Make the form container slightly larger without changing its placement. */
#contactForm.contact-form{
  padding:52px 50px!important;
}

/* Remove the moving shine sweep from the consultation form. */
#contactForm.contact-form::before{
  content:none!important;
  display:none!important;
  animation:none!important;
}

/* Keep the name input and user-type selector exactly aligned in size. */
#contactForm .form-grid{
  align-items:end;
}
#contactForm .form-grid input[name="name"],
#contactForm .form-grid select[name="user_type"]{
  width:100%!important;
  height:56px!important;
  min-height:56px!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
#contactForm .select-wrap{
  width:100%;
}

/* Increase selector and option readability. The browser's native option list
   remains vertically scrollable when its contents exceed the available space. */
#contactForm select[name="user_type"]{
  font-size:16px!important;
  line-height:1.35!important;
  padding-left:16px!important;
  padding-right:48px!important;
}
#contactForm select[name="user_type"] option{
  font-size:16px!important;
  line-height:1.45!important;
  padding:11px 14px!important;
}

/* Add clear breathing room after Email before the longer request field. */
#contactForm > .form-grid + .field{
  margin-bottom:64px!important;
}

/* Keep the approved hero brain visible immediately rather than waiting for the
   delayed reveal animation or user interaction. */
.hero-brain-frame{
  opacity:1!important;
  animation:none!important;
}

@media(max-width:760px){
  #contactForm.contact-form{
    padding:30px!important;
  }
  #contactForm .form-grid input[name="name"],
  #contactForm .form-grid select[name="user_type"]{
    height:56px!important;
    min-height:56px!important;
  }
  #contactForm select[name="user_type"],
  #contactForm select[name="user_type"] option{
    font-size:16px!important;
  }
  #contactForm > .form-grid + .field{
    margin-bottom:48px!important;
  }
}



/* Candidate 22 — requested branding, footer and founder refinements only. */
.brand-mark{
  width:28px!important;
  height:28px!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  flex:0 0 28px!important;
}
.brand-mark:before,.brand-mark:after{display:none!important;content:none!important}
.brand-mark img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 0 8px rgba(91,184,255,.20));
}

.founder-copy>.eyebrow{
  font-size:10px!important;
  letter-spacing:.18em!important;
}
.founder-copy h2 .founder-name-part{display:block}
.founder-name-line{
  display:block;
  width:clamp(150px,22vw,320px);
  height:1px;
  margin:clamp(14px,1.5vw,20px) 0 clamp(16px,1.8vw,24px);
  background:linear-gradient(90deg,rgba(67,157,226,.10),rgba(105,197,250,.96) 38%,rgba(64,151,220,.62) 72%,rgba(67,157,226,.08));
  box-shadow:0 0 7px rgba(92,187,244,.55),0 0 20px rgba(61,151,220,.30);
}

.footer-copy{
  max-width:620px!important;
  margin:22px 0 24px auto!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:clamp(28px,3.3vw,48px)!important;
  font-weight:500!important;
  letter-spacing:-.055em!important;
  line-height:1.04!important;
  text-align:right;
  background:linear-gradient(180deg,#fff 6%,#a2aab0 56%,#51585e 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
  text-shadow:0 12px 42px rgba(255,255,255,.035);
}
.footer-socials{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  margin:0 0 48px auto;
}
.footer-social{
  width:48px;
  height:48px;
  padding:7px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:14px;
  background:rgba(246,248,250,.94);
  box-shadow:0 12px 30px rgba(0,0,0,.28),0 0 20px rgba(68,151,218,.055);
  display:grid;
  place-items:center;
  cursor:default;
  appearance:none;
  -webkit-appearance:none;
  transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease;
}
.footer-social:hover,
.footer-social:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(110,190,245,.52);
  box-shadow:0 15px 34px rgba(0,0,0,.32),0 0 24px rgba(68,151,218,.15);
  outline:none;
}
.footer-social img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
@media(max-width:720px){
  .brand-mark{width:24px!important;height:24px!important;flex-basis:24px!important}
  .footer-copy{max-width:100%!important;text-align:left;margin:18px 0 22px!important;font-size:clamp(27px,8.3vw,40px)!important}
  .footer-socials{justify-content:flex-start;margin:0 0 38px}
  .footer-social{width:44px;height:44px;border-radius:12px;padding:6px}
  .founder-name-line{width:min(62vw,270px)}
}



/* Candidate 23: visibility-only correction for the founder name. */
#founder .founder-copy h2 .founder-name-part{
  display:block;
  background:linear-gradient(180deg,#ffffff 0%,#c4cbd0 50%,#727a80 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  opacity:1!important;
  visibility:visible!important;
}



/* Candidate 24: tighten founder name spacing only.
   Keep the illuminated divider, pull both name lines closer so
   Okasha sits on the divider and Abdirahim remains very close beneath it. */
#founder .founder-copy h2{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
#founder .founder-copy h2 .founder-name-part:first-of-type{
  margin-bottom:-4px;
}
#founder .founder-copy h2 .founder-name-line{
  margin:2px 0 8px;
}
#founder .founder-copy h2 .founder-name-part:last-of-type{
  margin-top:0;
}
@media(max-width:720px){
  #founder .founder-copy h2 .founder-name-part:first-of-type{margin-bottom:-2px}
  #founder .founder-copy h2 .founder-name-line{margin:1px 0 6px}
  #founder .founder-copy h2 .founder-name-part:last-of-type{margin-top:0}
}



/* Candidate 26 — additive ambient-tech refinement.
   Scope: box the five Founder chapters, preserve their approved interaction,
   and add restrained blue technical light/line accents across appropriate
   existing surfaces. No content, route, structure, position or renderer logic
   is changed. */
:root{
  --c26-blue:#62b7ee;
  --c26-blue-bright:#8fd2fb;
  --c26-blue-line:rgba(92,181,238,.30);
  --c26-blue-line-soft:rgba(92,181,238,.14);
  --c26-blue-glow:rgba(64,155,222,.14);
  --c26-graphite:rgba(10,15,21,.78);
}

/* --------------------------------------------------------------------------
   Founder chapters — five individually boxed technical modules.
   -------------------------------------------------------------------------- */
#founder .founder-story{
  gap:clamp(10px,1vw,16px)!important;
  border-top:0!important;
  perspective:1150px;
  perspective-origin:50% 44%;
}
#founder .founder-story .founder-chapter{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-width:0;
  border:1px solid rgba(100,173,224,.20)!important;
  border-radius:8px!important;
  background:
    linear-gradient(90deg,rgba(103,190,244,.13),transparent 34%) top left/100% 1px no-repeat,
    linear-gradient(180deg,rgba(103,190,244,.10),transparent 38%) top left/1px 100% no-repeat,
    radial-gradient(circle at 14% 8%,rgba(65,151,214,.10),transparent 38%),
    linear-gradient(145deg,rgba(19,28,38,.84),rgba(8,12,17,.78))!important;
  box-shadow:
    inset 0 1px 0 rgba(213,236,250,.045),
    inset 0 0 38px rgba(46,118,174,.035),
    0 0 0 1px rgba(67,150,211,.025),
    0 18px 42px -30px rgba(0,0,0,.88),
    0 0 30px -22px rgba(58,156,225,.38)!important;
  transition:
    transform .52s cubic-bezier(.16,1,.3,1),
    border-color .52s cubic-bezier(.16,1,.3,1),
    box-shadow .52s cubic-bezier(.16,1,.3,1),
    background-color .52s cubic-bezier(.16,1,.3,1)!important;
}
#founder .founder-story .founder-chapter::before{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  top:0;
  height:1px;
  pointer-events:none;
  z-index:0;
  background:linear-gradient(90deg,transparent,rgba(117,201,250,.54),rgba(76,168,229,.24),transparent);
  box-shadow:0 0 12px rgba(76,174,235,.28);
  opacity:.72;
}
#founder .founder-story .founder-chapter::after{
  content:"";
  position:absolute;
  right:12px;
  bottom:12px;
  width:22px;
  height:22px;
  pointer-events:none;
  z-index:0;
  border-right:1px solid rgba(104,192,244,.30);
  border-bottom:1px solid rgba(104,192,244,.30);
  filter:drop-shadow(0 0 5px rgba(80,177,236,.22));
  opacity:.68;
}
#founder .founder-story .founder-chapter > *{
  position:relative;
  z-index:1;
}
#founder .founder-story .founder-num{
  color:#8fc9ed!important;
  text-shadow:0 0 14px rgba(89,179,236,.24);
}
#founder .founder-story .founder-chapter:hover,
#founder .founder-story .founder-chapter:focus-visible{
  transform:translate3d(0,-5px,30px) rotateX(3deg)!important;
  border-color:rgba(119,203,251,.48)!important;
  background-color:rgba(12,20,28,.88)!important;
  box-shadow:
    inset 0 1px 0 rgba(225,242,252,.08),
    inset 0 0 42px rgba(52,134,192,.055),
    0 0 0 1px rgba(108,197,247,.12),
    0 30px 58px -30px rgba(0,0,0,.86),
    0 0 34px -18px rgba(65,166,230,.40)!important;
  z-index:3;
}
#founder .founder-story .founder-chapter:focus-visible{
  outline:1px solid rgba(148,215,252,.58)!important;
  outline-offset:3px;
}

/* --------------------------------------------------------------------------
   Site-wide technical lines and ambient blue depth. These are quiet accents,
   not a recolour or a new visual system.
   -------------------------------------------------------------------------- */
.nav{
  position:relative;
  border-color:rgba(91,170,225,.22)!important;
  box-shadow:
    0 18px 60px rgba(0,0,0,.32),
    0 0 48px rgba(40,111,184,.055),
    inset 0 -1px 0 rgba(88,178,236,.10)!important;
}
.nav::after{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  bottom:-1px;
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(96,188,242,.22),transparent);
  box-shadow:0 0 10px rgba(71,166,225,.16);
}

.section>.section-inner,
.manifesto>.section-inner,
footer>.section-inner{
  position:relative;
}
.section>.section-inner::before,
.manifesto>.section-inner::before{
  content:"";
  position:absolute;
  top:-42px;
  right:0;
  width:min(28vw,340px);
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(83,169,226,.22),rgba(128,205,249,.30));
  box-shadow:0 0 13px rgba(66,157,216,.14);
  opacity:.62;
}
.section>.section-inner::after,
.manifesto>.section-inner::after{
  content:"";
  position:absolute;
  top:-42px;
  right:0;
  width:1px;
  height:34px;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(126,204,249,.30),transparent);
  box-shadow:0 0 10px rgba(66,157,216,.13);
  opacity:.62;
}

.section-head{
  position:relative;
}
.section-head::after{
  content:"";
  display:block;
  width:min(260px,44vw);
  height:1px;
  margin-top:30px;
  background:linear-gradient(90deg,rgba(108,194,244,.42),rgba(58,143,204,.15),transparent);
  box-shadow:0 0 12px rgba(67,160,220,.15);
  opacity:.66;
}

/* Existing large UI surfaces receive a consistent low-energy blue edge. */
.method-display,
.flow-box,

.device-stage,
.contact-form,
.selected-package-card,
.systems-shell,
.sia-system-card,
.solution-context-shell,
.solution-compact-panel,
.pricing-card,
.legal-card,
.ui-panel,
.student-panel{
  border-color:rgba(91,165,218,.18)!important;
  box-shadow:
    inset 0 1px 0 rgba(218,237,249,.032),
    inset 0 0 64px rgba(46,112,163,.026),
    0 0 0 1px rgba(61,142,201,.014),
    0 24px 72px rgba(0,0,0,.28),
    0 0 34px -28px rgba(60,157,224,.34)!important;
}

/* Fine horizontal technical rails where the site already uses separators. */
.metrics,
.method-tabs,
.student-tabs,
.student-integrity,
.footer-bottom,
.footer-legal,
.sia-index-heading,
.solution-context-metrics{
  border-color:rgba(82,155,210,.15)!important;
  box-shadow:inset 0 1px 0 rgba(87,170,227,.035);
}
.service,
.founder-chapter,
.metric,
.integrity-item,
.student-stat,
.founder-copy blockquote{
  border-color:rgba(83,155,208,.14)!important;
}
.service-line::before,
.method-tabs::before,
.flow-axis,
.brand-pipe{
  filter:drop-shadow(0 0 7px rgba(74,168,227,.18));
}

/* Button and field focus light: subtle and useful, not constantly animated. */
.btn.secondary,
.nav-cta,
.field input,
.field textarea,
.field select{
  border-color:rgba(101,167,214,.18)!important;
}
.btn.secondary:hover,
.nav-cta:hover,
.field input:focus,
.field textarea:focus,
.field select:focus{
  border-color:rgba(120,201,248,.42)!important;
  box-shadow:0 0 0 4px rgba(65,151,211,.035),0 0 24px rgba(65,151,211,.09)!important;
}

footer{
  position:relative;
}
footer::before{
  content:"";
  position:absolute;
  left:max(6vw,48px);
  right:max(6vw,48px);
  top:0;
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(91,181,238,.24) 28%,rgba(91,181,238,.13) 72%,transparent);
  box-shadow:0 0 14px rgba(67,159,218,.13);
}

@media(max-width:1180px){
  #founder .founder-story{gap:12px!important;}
}
@media(max-width:760px){
  #founder .founder-story{gap:12px!important;}
  #founder .founder-story .founder-chapter{padding:25px 22px!important;}
  .section>.section-inner::before,
  .manifesto>.section-inner::before{
    top:-28px;
    width:min(46vw,220px);
  }
  .section>.section-inner::after,
  .manifesto>.section-inner::after{
    top:-28px;
    height:24px;
  }
  footer::before{left:22px;right:22px;}
}
@media(hover:none){
  #founder .founder-story .founder-chapter:hover{
    transform:none!important;
    border-color:rgba(100,173,224,.20)!important;
    background:
      linear-gradient(90deg,rgba(103,190,244,.13),transparent 34%) top left/100% 1px no-repeat,
      linear-gradient(180deg,rgba(103,190,244,.10),transparent 38%) top left/1px 100% no-repeat,
      radial-gradient(circle at 14% 8%,rgba(65,151,214,.10),transparent 38%),
      linear-gradient(145deg,rgba(19,28,38,.84),rgba(8,12,17,.78))!important;
    box-shadow:
      inset 0 1px 0 rgba(213,236,250,.045),
      inset 0 0 38px rgba(46,118,174,.035),
      0 0 0 1px rgba(67,150,211,.025),
      0 18px 42px -30px rgba(0,0,0,.88),
      0 0 30px -22px rgba(58,156,225,.38)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #founder .founder-story .founder-chapter{transition:none!important;}
  #founder .founder-story .founder-chapter:hover,
  #founder .founder-story .founder-chapter:focus-visible{
    transform:none!important;
  }
}



/* Candidate 27 — scoped only to the renamed About section and new footer contact card. */

/* Expanded About description: same editorial serif language as the approved heading,
   with a measured hover lift and enough vertical room for the metrics below. */
#company .about-details{
  position:relative;
  isolation:isolate;
  max-width:980px;
  margin:42px 0 112px 14%;
  padding:clamp(28px,3vw,44px) clamp(28px,3.5vw,52px);
  border:1px solid rgba(96,174,226,.19);
  border-radius:8px;
  background:
    linear-gradient(90deg,rgba(104,193,246,.14),transparent 42%) top left/100% 1px no-repeat,
    radial-gradient(circle at 10% 8%,rgba(60,146,208,.10),transparent 38%),
    linear-gradient(145deg,rgba(17,25,34,.80),rgba(8,12,17,.72));
  box-shadow:
    inset 0 1px 0 rgba(220,240,252,.045),
    inset 0 0 54px rgba(44,112,165,.028),
    0 0 0 1px rgba(69,151,211,.018),
    0 24px 60px -38px rgba(0,0,0,.88),
    0 0 32px -24px rgba(61,157,221,.30);
  transform-style:preserve-3d;
  transition:
    transform .55s cubic-bezier(.16,1,.3,1),
    border-color .55s cubic-bezier(.16,1,.3,1),
    box-shadow .55s cubic-bezier(.16,1,.3,1),
    background-color .55s cubic-bezier(.16,1,.3,1);
}
#company .about-details::before{
  content:"";
  position:absolute;
  left:26px;
  right:26px;
  top:0;
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(122,205,251,.48),rgba(75,165,226,.20),transparent);
  box-shadow:0 0 12px rgba(75,169,229,.24);
}
#company .about-details::after{
  content:"";
  position:absolute;
  right:14px;
  bottom:14px;
  width:25px;
  height:25px;
  pointer-events:none;
  border-right:1px solid rgba(111,197,246,.28);
  border-bottom:1px solid rgba(111,197,246,.28);
  filter:drop-shadow(0 0 6px rgba(77,176,235,.20));
}
#company .about-details p{
  position:relative;
  z-index:1;
  margin:0;
  max-width:none;
  font-family:"Merriweather",Georgia,"Times New Roman",serif;
  font-size:clamp(20px,1.72vw,27px);
  font-weight:400;
  line-height:1.56;
  letter-spacing:-.022em;
  color:#cbd3d8;
  text-wrap:pretty;
}
#company .about-details:hover{
  transform:translate3d(0,-5px,24px) rotateX(1.8deg);
  border-color:rgba(119,200,247,.36);
  box-shadow:
    inset 0 1px 0 rgba(226,243,253,.065),
    inset 0 0 58px rgba(49,125,181,.040),
    0 0 0 1px rgba(103,190,241,.07),
    0 30px 68px -38px rgba(0,0,0,.90),
    0 0 38px -22px rgba(64,165,228,.37);
}

/* Compact footer contact card, placed beside the approved social area. */
.footer-contact-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  width:min(680px,100%);
  margin:0 0 52px auto;
  padding:clamp(24px,2.6vw,36px);
  display:grid;
  grid-template-columns:minmax(150px,.48fr) minmax(0,1fr);
  gap:clamp(24px,3vw,46px);
  align-items:end;
  border:1px solid rgba(96,178,231,.22);
  border-radius:8px;
  background:
    linear-gradient(90deg,rgba(105,194,247,.15),transparent 42%) top left/100% 1px no-repeat,
    radial-gradient(circle at 12% 10%,rgba(58,145,208,.12),transparent 42%),
    linear-gradient(145deg,rgba(17,25,34,.84),rgba(7,11,16,.80));
  box-shadow:
    inset 0 1px 0 rgba(222,240,252,.05),
    inset 0 0 48px rgba(46,118,171,.035),
    0 22px 54px -34px rgba(0,0,0,.88),
    0 0 34px -22px rgba(61,162,226,.34);
}
.footer-contact-card::before{
  content:"";
  position:absolute;
  left:24px;
  right:24px;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(127,210,253,.58),rgba(73,165,226,.20),transparent);
  box-shadow:0 0 12px rgba(75,170,229,.28);
}
.footer-contact-card::after{
  content:"";
  position:absolute;
  right:13px;
  bottom:13px;
  width:24px;
  height:24px;
  border-right:1px solid rgba(111,198,247,.30);
  border-bottom:1px solid rgba(111,198,247,.30);
  filter:drop-shadow(0 0 6px rgba(78,176,235,.22));
}
.footer-contact-heading,
.footer-contact-details{position:relative;z-index:1;}
.footer-contact-heading span{
  display:block;
  margin-bottom:11px;
  font-size:8px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#7693a7;
}
.footer-contact-heading h3{
  margin:0;
  font-family:"Merriweather",Georgia,"Times New Roman",serif;
  font-size:clamp(34px,3.3vw,50px);
  font-weight:400;
  line-height:1;
  letter-spacing:-.045em;
  color:#e1e7eb;
}
.footer-contact-details{
  display:grid;
  gap:12px;
}
.footer-contact-details a{
  min-width:0;
  padding:13px 0 14px;
  border-bottom:1px solid rgba(90,163,216,.15);
  transition:color .25s ease,border-color .25s ease,text-shadow .25s ease;
}
.footer-contact-details a:first-child{border-top:1px solid rgba(90,163,216,.15);}
.footer-contact-details small{
  display:block;
  margin-bottom:6px;
  font-size:7px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#6f7e89;
}
.footer-contact-details strong{
  display:block;
  overflow-wrap:anywhere;
  font-size:clamp(13px,1.15vw,16px);
  font-weight:500;
  letter-spacing:.015em;
  color:#cbd5dc;
}
.footer-contact-details a:hover,
.footer-contact-details a:focus-visible{
  border-color:rgba(118,202,249,.38);
  outline:none;
}
.footer-contact-details a:hover strong,
.footer-contact-details a:focus-visible strong{
  color:#eff8fd;
  text-shadow:0 0 14px rgba(88,184,240,.24);
}

@media(max-width:1100px){
  #company .about-details{margin:36px 0 96px 8%;}
}
@media(max-width:760px){
  #company .about-details{
    margin:30px 0 74px;
    padding:26px 22px 30px;
  }
  #company .about-details p{
    font-size:clamp(19px,5.5vw,24px);
    line-height:1.58;
  }
  .footer-contact-card{
    margin:0 0 42px;
    grid-template-columns:1fr;
    gap:24px;
    padding:26px 22px 28px;
  }
}
@media(hover:none){
  #company .about-details:hover{transform:none;}
}
@media(prefers-reduced-motion:reduce){
  #company .about-details,
  .footer-contact-details a{transition:none!important;}
  #company .about-details:hover{transform:none!important;}
}



/* Candidate 32 — Solutions copy hierarchy only. */
#solutions .section-head h2{
  max-width:980px;
  font-size:clamp(44px,5.55vw,90px);
  position:relative;
  margin-bottom:32px;
  padding-bottom:34px;
}
#solutions .section-head h2::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:min(330px,46vw);
  height:1px;
  background:linear-gradient(90deg,rgba(136,216,255,.72),rgba(69,169,229,.33),transparent);
  box-shadow:0 0 18px rgba(75,183,240,.32);
  opacity:.92;
}
#solutions .section-intro{
  max-width:940px;
  margin:0;
  font-family:"Merriweather",Georgia,"Times New Roman",serif;
  font-weight:400;
  font-size:clamp(20px,1.85vw,28px);
  line-height:1.42;
  letter-spacing:-.025em;
  color:#c9d3da;
}
#solutions .section-head::after{display:none;}
@media(max-width:760px){
  #solutions .section-head h2{
    font-size:11.2vw;
    margin-bottom:26px;
    padding-bottom:28px;
  }
  #solutions .section-intro{
    font-size:19px;
    line-height:1.48;
  }
}



/* Requested additive line-density refinement only. These are 1px ambient
   technical rails painted into existing containers; they do not change layout. */
#company .section-inner,
#solutions .section-inner,
#method .section-inner,
.flow-section .section-inner,
#devices .section-inner,
#founder .section-inner,
#contact .section-inner{
  background-image:linear-gradient(90deg,transparent 0%,rgba(70,165,231,.18) 8%,rgba(118,207,252,.54) 34%,rgba(70,165,231,.19) 68%,transparent 100%);
  background-repeat:no-repeat;
  background-position:0 0;
  background-size:100% 1px;
}
#solutions .service-line:before,
#method .method-tabs:before,
.flow-section .flow-axis,
#founder .founder-name-line,
#contact .eyebrow span,
.solution-page .eyebrow span,
.systems-shell .systems-kicker span,
.legal-shell .eyebrow span{
  filter:drop-shadow(0 0 5px rgba(95,192,246,.24));
}
.solution-page,
.systems-shell,
.legal-shell{
  background-image:linear-gradient(90deg,transparent,rgba(96,190,244,.25),transparent);
  background-repeat:no-repeat;
  background-position:50% 0;
  background-size:min(1180px,88%) 1px;
}
@media(max-width:760px){
  #company .section-inner,#solutions .section-inner,#method .section-inner,
  .flow-section .section-inner,#devices .section-inner,#founder .section-inner,#contact .section-inner{
    background-image:linear-gradient(90deg,transparent,rgba(105,197,246,.35),transparent);
  }
}



/* Site-wide removal of the CPI heading-depth text echo.
   The authored/base sentence is untouched; only the duplicated presentation layer is hidden. */
.cpi-heading-depth-layer{display:none!important;}



/* Candidate 39 — strictly scoped device-section and continuous-text-visibility refinements. */

/* Device tab labels remain white in every state, including the selected state. */
#devices .device-tabs button,
#devices .device-tabs button.active,
#devices .device-tabs button[aria-pressed="true"],
#devices .device-tabs button[aria-pressed="false"]{
  color:#fff!important;
}

/* Preserve every approved device size, shape, transform and internal animation;
   only make the mode-to-mode handoff calmer and more continuous. */
#devices .device-frame{
  transition:
    width .72s cubic-bezier(.22,1,.36,1),
    min-height .72s cubic-bezier(.22,1,.36,1),
    border-radius .72s cubic-bezier(.22,1,.36,1),
    border-width .72s cubic-bezier(.22,1,.36,1),
    transform .72s cubic-bezier(.22,1,.36,1),
    box-shadow .72s cubic-bezier(.22,1,.36,1)!important;
}
#devices .device-frame.device-mode-enter{
  animation:cerebroDeviceModeIn39 .58s cubic-bezier(.22,1,.36,1)!important;
}
#devices .device-frame.device-mode-enter .ui-body{
  animation:cerebroDeviceContentIn39 .50s cubic-bezier(.22,1,.36,1);
}
@keyframes cerebroDeviceModeIn39{
  from{opacity:.92;filter:brightness(.96)}
  to{opacity:1;filter:none}
}
@keyframes cerebroDeviceContentIn39{
  from{opacity:.80;transform:translateY(5px)}
  to{opacity:1;transform:none}
}

/* Text must never wait for scroll-triggered reveal state. This retains the
   approved typography, sizes and layout while removing delayed visibility. */
.reveal,
.reveal.visible{
  opacity:1!important;
  transform:none!important;
  filter:none!important;
  transition:none!important;
  will-change:auto!important;
}
.hero-note{
  opacity:1!important;
  transform:none!important;
  animation:none!important;
}
.hero h1 span{
  opacity:1!important;
  transform:none!important;
  animation:none!important;
}

@media(prefers-reduced-motion:reduce){
  #devices .device-frame.device-mode-enter,
  #devices .device-frame.device-mode-enter .ui-body{animation:none!important}
}



/* Candidate 39: after removing the unintended oversized CEREBRO word, keep a small
   clean gap between the approved blue hero rule and the existing description. */
.hero .hero-desc{margin-top:14px!important;}



/* Candidate 40: requested spacing, consultation/payment clarity and a modest
   site-wide lift to the already-approved blue ambient language only. */

/* Give the hero proposition room to land before the supporting copy. */
.hero .hero-desc{margin-top:74px!important;}
@media(max-width:760px){.hero .hero-desc{margin-top:52px!important;}}

/* Consultation-first guidance beside every displayed managed price. */
.pricing-consult-first{
  margin:22px 0 24px;
  padding:18px 0 0;
  border-top:1px solid rgba(101,194,247,.34);
}
.pricing-consult-first>strong,
.package-confirm-consultation>strong{
  display:block;
  font-family:"Merriweather",Georgia,"Times New Roman",serif;
  font-size:clamp(19px,1.55vw,24px);
  font-weight:400;
  line-height:1.18;
  letter-spacing:-.025em;
  color:#e4edf4;
}
.pricing-consult-first>p,
.package-confirm-consultation>p{
  margin:10px 0 0!important;
  color:#aab6bf!important;
  font-family:"Merriweather",Georgia,"Times New Roman",serif!important;
  font-size:clamp(15px,1.15vw,18px)!important;
  font-weight:400!important;
  line-height:1.52!important;
  letter-spacing:-.012em!important;
}
.package-confirm-consultation{
  margin:0 0 30px;
  padding:20px 0;
  border-top:1px solid rgba(101,194,247,.32);
  border-bottom:1px solid rgba(101,194,247,.32);
}
.package-confirm-consultation>strong{font-size:clamp(21px,2vw,28px);}

/* Modestly brighter blue across Cerebro without altering layout, typography,
   content, renderer behaviour or the independent Systems in Action previews. */
:root{
  --line:rgba(82,171,239,.30);
  --line2:rgba(107,194,250,.50);
  --cerebro-outline-blue:rgba(88,179,243,.43);
  --cerebro-outline-blue-strong:rgba(116,202,252,.66);
  --cerebro-outline-blue-soft:rgba(78,164,232,.25);
  --c15-line-soft:rgba(86,174,235,.31);
}
.cerebro-blue-atmosphere{
  opacity:.79!important;
  filter:saturate(1.18) brightness(1.12)!important;
}
.section>.section-inner::before,
.manifesto>.section-inner::before{
  opacity:.92!important;
  box-shadow:0 0 22px rgba(77,185,244,.34)!important;
}
.section>.section-inner::after,
.manifesto>.section-inner::after{
  opacity:.90!important;
  box-shadow:0 0 18px rgba(78,184,241,.32)!important;
}
.section-head::after{
  opacity:.93!important;
  box-shadow:0 0 22px rgba(78,187,245,.34)!important;
}
.brand-pipe,
.hero-note:after,
.method-tabs:before,
.flow-axis,
.flow-light,
.systems-kicker span,
.eyebrow span,
.kicker i,
.service-line:before{
  box-shadow:0 0 15px rgba(121,211,255,.70),0 0 34px rgba(63,170,239,.36)!important;
}
body.sia-preview-open .cerebro-blue-atmosphere,
body.plumbing-preview-open .cerebro-blue-atmosphere{
  opacity:.075!important;
  filter:none!important;
}
@media(max-width:760px){
  .cerebro-blue-atmosphere{opacity:.62!important;}
}



/* Candidate 42 — mobile navigation clarity and completeness only.
   Desktop layout/content remain unchanged. */
.mobile-nav-cta{display:none}
@media(max-width:1080px){
  .nav{
    background:rgba(9,12,15,.965)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    border-color:rgba(103,190,243,.42)!important;
    box-shadow:0 18px 52px rgba(0,0,0,.38),0 0 34px rgba(47,137,211,.10),inset 0 -1px 0 rgba(108,201,250,.16)!important;
    -webkit-font-smoothing:antialiased;
    text-rendering:geometricPrecision;
  }
  .brand-logo,
  .brand-mark img{
    image-rendering:auto;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    transform:translateZ(0);
  }
  .brand-logo{width:96px!important}
  .nav-links{
    gap:0!important;
    max-height:calc(100svh - 96px);
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-width:none;
    box-shadow:0 22px 60px rgba(0,0,0,.48),0 0 28px rgba(47,137,211,.07);
  }
  .nav-links::-webkit-scrollbar{display:none}
  .nav-links>.capabilities>.dropdown{
    display:none;
    opacity:0;
    visibility:hidden;
    transform:none;
    margin-top:0;
  }
  .nav-links>.capabilities.open>.dropdown{
    display:grid;
    opacity:1;
    visibility:visible;
    margin-top:5px;
  }
  .mobile-nav-cta{
    display:block!important;
    margin-top:5px;
    padding:15px 14px!important;
    border:1px solid rgba(103,190,243,.32);
    border-radius:12px;
    color:#f5f7f8!important;
    background:rgba(72,154,218,.065);
  }
}
@media(max-width:760px){
  .brand-logo{width:92px!important}
  .nav{height:60px!important}
}



/* Candidate 43: focused Systems in Action lead-generation demonstration only. */
.systems-view.sia-leads-mode #siaLeadsDetail{display:block}

.sia-leads-card{
  border-color:rgba(107,211,169,.24)!important;
  background:
    radial-gradient(circle at 82% 18%,rgba(95,211,166,.13),transparent 28%),
    radial-gradient(circle at 72% 72%,rgba(65,132,201,.12),transparent 34%),
    linear-gradient(145deg,#0a1011 0%,#0b1114 52%,#0a0d11 100%)!important;
  box-shadow:inset 0 0 90px rgba(93,207,164,.025),0 28px 70px rgba(0,0,0,.25)
}
.sia-leads-card:before{opacity:.9;background:linear-gradient(115deg,transparent 0 54%,rgba(110,220,179,.035) 54% 55%,transparent 55% 100%)}
.sia-leads-card .sia-system-card-top b{color:#7fd7b4}
.sia-leads-card .sia-system-card-link{display:grid;grid-template-rows:auto 1fr auto;gap:24px}
.sia-leads-card-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.14fr) minmax(235px,.86fr);gap:28px;align-items:stretch}
.sia-leads-card-copy{display:flex;flex-direction:column;min-width:0}
.sia-leads-card h2{margin:18px 0 18px;max-width:none;font-size:clamp(34px,3.05vw,49px);color:#edf5f2}
.sia-leads-card h2 em{color:#85d2b6}
.sia-leads-card .sia-leads-card-copy>p{margin:0;max-width:60ch;color:rgba(222,236,231,.65);font-size:12.5px;line-height:1.78}
.sia-leads-card .sia-system-card-meta{margin-top:21px}
.sia-leads-card .sia-system-card-meta span{border-color:rgba(107,211,169,.15);color:rgba(179,225,208,.72);background:rgba(107,211,169,.035)}
.sia-leads-card .sia-system-card-action{color:#c5e5da;border-top-color:rgba(107,211,169,.13)}
.sia-leads-card-visual{min-height:330px;position:relative;overflow:hidden;border:1px solid rgba(107,211,169,.14);background:linear-gradient(150deg,rgba(118,220,181,.045),rgba(70,124,186,.025)),#070a0c;box-shadow:inset 0 0 70px rgba(89,199,158,.035)}
.sia-leads-card-grid{position:absolute;inset:0;opacity:.5;background-image:linear-gradient(rgba(113,205,171,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(113,205,171,.03) 1px,transparent 1px);background-size:42px 42px}
.sia-leads-card-status{position:absolute;left:18px;right:18px;top:18px;display:flex;justify-content:space-between;align-items:center;font-size:6.5px;letter-spacing:.15em;color:#70847d;text-transform:uppercase}
.sia-leads-card-status b{font-weight:500;color:#85d2b6}
.sia-leads-card-pipeline{position:absolute;left:28px;right:28px;top:78px;bottom:76px;display:flex;flex-direction:column;justify-content:space-between}
.sia-leads-card-step{position:relative;display:grid;grid-template-columns:13px 1fr auto;gap:10px;align-items:center;color:#788a84;font-size:7px;letter-spacing:.12em;text-transform:uppercase}
.sia-leads-card-step:before{content:"";width:7px;height:7px;border-radius:50%;border:1px solid rgba(127,215,180,.5);background:#0a1011;box-shadow:0 0 0 3px rgba(127,215,180,.025)}
.sia-leads-card-step:not(:last-child):after{content:"";position:absolute;left:3px;top:12px;width:1px;height:29px;background:linear-gradient(#69cda7,rgba(75,136,154,.18))}
.sia-leads-card-step b{font-size:6px;font-weight:500;color:#93d7bd}
.sia-leads-card-pulse{position:absolute;left:28px;top:82px;width:7px;height:7px;border-radius:50%;background:#b7f4dc;box-shadow:0 0 14px rgba(104,226,180,.8);animation:siaLeadCardTravel 4.8s ease-in-out infinite}
.sia-leads-card-score{position:absolute;left:18px;right:18px;bottom:16px;padding-top:13px;border-top:1px solid rgba(107,211,169,.11);display:flex;justify-content:space-between;align-items:end}
.sia-leads-card-score span{font-size:6.5px;letter-spacing:.15em;color:#60716b;text-transform:uppercase}.sia-leads-card-score strong{font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:29px;font-weight:400;color:#d8eee6;line-height:.8}.sia-leads-card-score strong small{font-family:inherit;font-size:11px;color:#6b8179}
@keyframes siaLeadCardTravel{0%,7%{transform:translateY(0);opacity:0}12%{opacity:1}42%{transform:translateY(69px)}72%{transform:translateY(138px)}88%{opacity:1}96%,100%{transform:translateY(138px);opacity:0}}

.sia-leads-project{--lead-green:#75d3af;--lead-blue:#639fd6;--lead-ink:#07100d;position:relative}
.sia-leads-project:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 82% 8%,rgba(83,203,159,.075),transparent 24%),radial-gradient(circle at 8% 48%,rgba(67,129,190,.05),transparent 31%)}
.sia-leads-project-intro{border-color:rgba(102,205,164,.17)!important;background:linear-gradient(145deg,rgba(104,211,169,.035),rgba(47,89,126,.018))!important}
.sia-leads-project-intro .sia-project-copy h2{background:linear-gradient(180deg,#f0f7f4 0%,#a3d9c5 68%,#6f9487 100%);-webkit-background-clip:text;color:transparent}
.sia-leads-project-intro .sia-project-label,.sia-leads-project-intro .sia-meta span{color:#82baa4}
.sia-leads-hero-visual{position:relative;min-height:260px;overflow:hidden;border:1px solid rgba(111,214,174,.14);background:radial-gradient(circle at 50% 45%,rgba(99,192,157,.09),transparent 34%),linear-gradient(145deg,#07100d,#080c10)}
.sia-leads-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(108,203,166,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(108,203,166,.028) 1px,transparent 1px);background-size:34px 34px}
.sia-leads-hero-flow{position:absolute;inset:24px 27px 35px;display:flex;flex-direction:column;justify-content:center;gap:15px}
.sia-leads-hero-node{display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:center;padding:11px 12px;border:1px solid rgba(107,211,169,.105);background:rgba(9,16,16,.66);backdrop-filter:blur(7px)}
.sia-leads-hero-node i{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(117,211,175,.34);font-style:normal;font-size:7px;color:#9fdbc5}.sia-leads-hero-node span{font-size:7px;letter-spacing:.13em;color:#84968f;text-transform:uppercase}.sia-leads-hero-node b{font-size:6px;font-weight:500;letter-spacing:.12em;color:#72caa8;text-transform:uppercase}
.sia-leads-hero-tracer{position:absolute;left:39px;top:55px;width:2px;height:132px;background:linear-gradient(transparent,#82dfbd 18%,#568fae 82%,transparent);filter:drop-shadow(0 0 7px rgba(103,224,180,.6));animation:siaLeadHeroTrace 3.8s ease-in-out infinite}
@keyframes siaLeadHeroTrace{0%,100%{transform:scaleY(.12);transform-origin:top;opacity:.25}45%{transform:scaleY(1);transform-origin:top;opacity:.9}75%{transform:scaleY(.18);transform-origin:bottom;opacity:.35}}

.sia-leads-section{padding:105px 0;border-bottom:1px solid rgba(255,255,255,.1);position:relative}
.sia-leads-flow-shell{position:relative;border:1px solid rgba(108,206,166,.13);background:linear-gradient(145deg,rgba(102,204,165,.025),rgba(61,107,154,.016));padding:28px;overflow:hidden}
.sia-leads-flow-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(96,192,154,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(96,192,154,.022) 1px,transparent 1px);background-size:54px 54px}
.sia-leads-flow{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
.sia-leads-flow-step{min-height:190px;padding:20px 17px;border:1px solid rgba(112,208,170,.105);background:rgba(7,12,13,.72);display:flex;flex-direction:column;position:relative;overflow:hidden}
.sia-leads-flow-step:after{content:"";position:absolute;right:-13px;top:42px;width:25px;height:1px;background:linear-gradient(90deg,rgba(122,220,181,.65),transparent)}
.sia-leads-flow-step:last-child:after{display:none}
.sia-leads-flow-step small{font-size:6.5px;letter-spacing:.15em;color:#5e746c;text-transform:uppercase}.sia-leads-flow-step strong{font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:20px;font-weight:400;color:#cbdcd6;margin:18px 0 10px}.sia-leads-flow-step p{margin:0;color:#75827e;font-size:10.5px;line-height:1.7}.sia-leads-flow-step i{margin-top:auto;width:8px;height:8px;border-radius:50%;background:#6fc8a7;box-shadow:0 0 18px rgba(105,207,167,.5)}
.sia-leads-flow-runner{position:absolute;z-index:3;left:4.7%;top:67px;width:7px;height:7px;border-radius:50%;background:#c0f4df;box-shadow:0 0 16px rgba(106,222,178,.9);animation:siaLeadFlowRunner 7s ease-in-out infinite}
@keyframes siaLeadFlowRunner{0%,5%{left:4.7%;opacity:0}9%{opacity:1}22%{left:21%}37%{left:37.5%}52%{left:54%}67%{left:70.5%}82%{left:87%}93%{opacity:1}100%{left:87%;opacity:0}}

.sia-leads-demo-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(430px,1.12fr);gap:28px;align-items:stretch}
.sia-leads-demo-panel{border:1px solid rgba(108,206,166,.13);background:rgba(7,11,12,.76);padding:26px;position:relative;overflow:hidden}
.sia-leads-demo-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 95% 5%,rgba(108,206,166,.06),transparent 28%)}
.sia-leads-demo-head{position:relative;z-index:1;display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:26px}.sia-leads-demo-head small{display:block;font-size:7px;letter-spacing:.17em;color:#667a72;text-transform:uppercase;margin-bottom:7px}.sia-leads-demo-head h4{margin:0;font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:28px;font-weight:400;color:#d6e3de;line-height:1}.sia-leads-safe{padding:7px 9px;border:1px solid rgba(109,207,168,.16);color:#86c8ae;font-size:6px;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap}
.sia-leads-form{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:13px}.sia-leads-field{display:flex;flex-direction:column;gap:7px}.sia-leads-field.is-wide{grid-column:1/-1}.sia-leads-field label{font-size:6.5px;letter-spacing:.14em;color:#687a73;text-transform:uppercase}.sia-leads-field input,.sia-leads-field select{width:100%;height:44px;border:1px solid rgba(116,205,171,.14);background:#090d0e;color:#c8d7d1;padding:0 12px;outline:none;border-radius:0;font-size:11px}.sia-leads-field input:focus,.sia-leads-field select:focus{border-color:rgba(125,218,183,.45);box-shadow:0 0 0 2px rgba(112,204,169,.035)}
.sia-leads-simulate{grid-column:1/-1;height:48px;margin-top:5px;border:1px solid rgba(126,218,183,.3);background:linear-gradient(135deg,#bdebd8,#79bfaa);color:#07100d;padding:0 15px;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.13em;text-transform:uppercase;cursor:pointer;transition:.3s var(--ease)}.sia-leads-simulate:hover{transform:translateY(-2px);box-shadow:0 15px 34px rgba(66,137,111,.13)}
.sia-leads-privacy{grid-column:1/-1;margin:2px 0 0;color:#56665f;font-size:8px;line-height:1.55}

.sia-leads-dashboard{position:relative;z-index:1;display:grid;gap:13px}.sia-leads-dashboard-top{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:9px}.sia-leads-kpi{border:1px solid rgba(109,207,168,.105);background:#080c0d;padding:14px}.sia-leads-kpi small{display:block;color:#5b7067;font-size:6px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:9px}.sia-leads-kpi strong{font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:24px;font-weight:400;color:#d7e5df}.sia-leads-kpi strong.good{color:#91d8bc}
.sia-leads-current{border:1px solid rgba(108,206,166,.13);background:linear-gradient(145deg,rgba(108,206,166,.03),rgba(79,127,180,.015));padding:18px}.sia-leads-current-head{display:flex;justify-content:space-between;gap:14px;align-items:start;margin-bottom:17px}.sia-leads-current-head small{display:block;color:#60736b;font-size:6.5px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:5px}.sia-leads-current-head h5{margin:0;font-family:"Merriweather",Georgia,"Times New Roman",serif;font-weight:400;font-size:24px;color:#dbe7e2}.sia-leads-priority{padding:7px 8px;border:1px solid rgba(115,212,174,.18);color:#9adebf;font-size:6px;letter-spacing:.11em;text-transform:uppercase;text-align:right}.sia-leads-score-line{display:grid;grid-template-columns:84px 1fr;gap:16px;align-items:center}.sia-leads-score-orb{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(119,215,178,.25);background:radial-gradient(circle,rgba(109,207,168,.07),transparent 65%);box-shadow:inset 0 0 25px rgba(94,186,151,.035)}.sia-leads-score-orb strong{font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:28px;font-weight:400;color:#d8ebe3}.sia-leads-score-orb span{font-size:9px;color:#60736b}.sia-leads-score-meta{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}.sia-leads-score-meta span{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.055);color:#71817b;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sia-leads-score-meta b{font-weight:500;color:#a5bbb2}
.sia-leads-automations{display:grid;grid-template-columns:1fr 1fr;gap:7px}.sia-leads-auto{padding:10px 11px;border:1px solid rgba(106,198,164,.095);background:rgba(8,12,13,.72);display:flex;align-items:center;gap:9px;color:#71817b;font-size:7px;letter-spacing:.08em;text-transform:uppercase}.sia-leads-auto i{width:6px;height:6px;border-radius:50%;background:#79c6a8;box-shadow:0 0 10px rgba(100,207,165,.45)}
.sia-leads-demo-panel.is-processing .sia-leads-current{animation:siaLeadFlash .7s var(--ease)}
@keyframes siaLeadFlash{0%{box-shadow:0 0 0 rgba(111,212,173,0)}45%{box-shadow:0 0 45px rgba(111,212,173,.12)}100%{box-shadow:0 0 0 rgba(111,212,173,0)}}

.sia-leads-live-private{display:none;margin-top:16px;border:1px solid rgba(108,206,166,.14);background:#fff;min-height:640px}.sia-leads-live-private.is-enabled{display:block}.sia-leads-live-private iframe{width:100%;height:760px;border:0;display:block;background:#fff}
.sia-leads-private-note{display:none;margin:0 0 14px;padding:12px 14px;border:1px solid rgba(108,206,166,.12);color:#7b948a;font-size:9px;line-height:1.65}.sia-leads-private-note.is-enabled{display:block}

.sia-leads-industry-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:28px}.sia-leads-industry-copy{padding:10px 0}.sia-leads-industry-copy h3{margin:0 0 22px;font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:clamp(42px,5vw,70px);font-weight:400;letter-spacing:-.05em;line-height:.97;color:#dce7e3}.sia-leads-industry-copy>p{max-width:720px;margin:0;color:#84928d;line-height:1.9}.sia-leads-industry-copy strong{color:#b9d3c9;font-weight:500}.sia-leads-industry-tags{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}.sia-leads-industry-tags span{min-height:64px;border:1px solid rgba(107,205,167,.105);background:rgba(8,12,13,.62);display:flex;align-items:center;padding:14px;color:#7c8e87;font-size:8px;letter-spacing:.11em;text-transform:uppercase}.sia-leads-industry-tags span:last-child{grid-column:1/-1;color:#9cc7b6;border-color:rgba(112,209,171,.17)}
.sia-leads-proof-note{margin-top:26px;padding:17px 19px;border-left:1px solid rgba(117,211,175,.38);background:linear-gradient(90deg,rgba(111,207,169,.035),transparent);color:#687a72;font-size:9px;line-height:1.75}.sia-leads-proof-note strong{color:#a8c5ba;font-weight:500}
.sia-leads-footer-launch{background:linear-gradient(135deg,#d8eee5,#83c7ae);color:#07100d;border-color:rgba(118,209,174,.26)}

@media(max-width:1120px){
  .sia-leads-card-layout{grid-template-columns:minmax(0,1fr) 270px}
  .sia-leads-flow{grid-template-columns:repeat(3,1fr)}
  .sia-leads-flow-step:after{display:none}.sia-leads-flow-runner{display:none}
  .sia-leads-demo-grid{grid-template-columns:1fr}
  .sia-leads-industry-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .sia-leads-card-layout{grid-template-columns:1fr;gap:18px}.sia-leads-card-visual{min-height:275px;order:-1}.sia-leads-card h2{font-size:38px}
  .sia-leads-section{padding:80px 0}.sia-leads-flow-shell{padding:15px}.sia-leads-flow{grid-template-columns:1fr}.sia-leads-flow-step{min-height:145px}.sia-leads-flow-step:after{display:none}
  .sia-leads-demo-panel{padding:18px}.sia-leads-demo-head{display:block}.sia-leads-safe{display:inline-block;margin-top:12px}.sia-leads-form{grid-template-columns:1fr}.sia-leads-field.is-wide,.sia-leads-simulate,.sia-leads-privacy{grid-column:auto}.sia-leads-dashboard-top{grid-template-columns:1fr 1fr}.sia-leads-kpi:first-child{grid-column:1/-1}.sia-leads-score-line{grid-template-columns:70px 1fr}.sia-leads-score-orb{width:68px;height:68px}.sia-leads-score-meta{grid-template-columns:1fr}.sia-leads-automations{grid-template-columns:1fr}
  .sia-leads-industry-tags{grid-template-columns:1fr}.sia-leads-industry-tags span:last-child{grid-column:auto}.sia-leads-industry-copy h3{font-size:46px}
  .sia-leads-live-private iframe{height:840px}
}
@media(prefers-reduced-motion:reduce){.sia-leads-card-pulse,.sia-leads-hero-tracer,.sia-leads-flow-runner{animation:none!important}}



/* Candidate 44: requested Oakline explanatory-copy and 01–06 workflow sizing only. */
.sia-leads-project-intro .sia-body{font-size:15.5px!important}
.sia-leads-flow-step{min-height:228px!important;padding:25px 20px!important}
.sia-leads-flow-step small{font-size:7.25px!important}
.sia-leads-flow-step strong{font-size:23px!important;margin:20px 0 12px!important}
.sia-leads-flow-step p{font-size:12px!important;line-height:1.72!important}
@media(max-width:760px){
  .sia-leads-project-intro .sia-body{font-size:15px!important}
  .sia-leads-flow-step{min-height:178px!important;padding:22px 19px!important}
  .sia-leads-flow-step small{font-size:7.25px!important}
  .sia-leads-flow-step strong{font-size:22px!important;margin:17px 0 10px!important}
  .sia-leads-flow-step p{font-size:11.75px!important;line-height:1.7!important}
}



/* Candidate 47 experiment: Northline retains its exact structure/behaviour but adopts Cerebro's former blue/graphite palette. */
.systems-view.sia-support-mode #siaSupportDetail{display:block}

.sia-support-card{
  border-color:rgba(127,189,230,.25)!important;
  background:
    radial-gradient(circle at 84% 16%,rgba(121,192,238,.13),transparent 29%),
    radial-gradient(circle at 72% 78%,rgba(154,182,238,.11),transparent 35%),
    linear-gradient(145deg,#0d151d 0%,#101a24 53%,#0a0d0f 100%)!important;
  box-shadow:inset 0 0 90px rgba(120,186,230,.022),0 28px 70px rgba(0,0,0,.25)
}
.sia-support-card:before{opacity:.85;background:linear-gradient(116deg,transparent 0 55%,rgba(130,196,240,.04) 55% 56%,transparent 56% 100%)}
.sia-support-card .sia-system-card-top b{color:#86bfe5}
.sia-support-card .sia-system-card-link{display:grid;grid-template-rows:auto 1fr auto;gap:24px}
.sia-support-card-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(235px,.88fr);gap:28px;align-items:stretch}
.sia-support-card-copy{display:flex;flex-direction:column;min-width:0}
.sia-support-card h2{margin:18px 0 18px;max-width:none;font-size:clamp(34px,3.05vw,49px);color:#ebf0f4}
.sia-support-card h2 em{color:#83bce2}
.sia-support-card .sia-support-card-copy>p{margin:0;max-width:61ch;color:rgba(217,227,233,.66);font-size:12.5px;line-height:1.78}
.sia-support-card .sia-system-card-meta{margin-top:21px}
.sia-support-card .sia-system-card-meta span{border-color:rgba(127,189,230,.17);color:rgba(167,207,234,.75);background:rgba(127,189,230,.035)}
.sia-support-card .sia-system-card-action{color:#c7dcea;border-top-color:rgba(127,189,230,.13)}
.sia-support-card-visual{min-height:330px;position:relative;overflow:hidden;border:1px solid rgba(127,189,230,.14);background:linear-gradient(155deg,rgba(120,187,232,.05),rgba(148,178,238,.025)),#090f15;box-shadow:inset 0 0 70px rgba(115,181,225,.035)}
.sia-support-card-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(140,201,241,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(140,201,241,.024) 1px,transparent 1px);background-size:40px 40px;opacity:.55}
.sia-support-card-glow{position:absolute;width:190px;height:190px;right:-42px;top:-38px;border-radius:50%;background:radial-gradient(circle,rgba(120,191,238,.12),rgba(150,179,238,.04) 48%,transparent 72%);filter:blur(4px)}
.sia-support-card-status{position:absolute;left:18px;right:18px;top:18px;display:flex;justify-content:space-between;align-items:center;font-size:6.5px;letter-spacing:.15em;color:#74828b;text-transform:uppercase}
.sia-support-card-status b{font-weight:500;color:#88c0e5}
.sia-support-card-chat{position:absolute;left:25px;right:25px;top:65px;bottom:58px;display:flex;flex-direction:column;gap:10px}
.sia-support-mini-msg{max-width:82%;padding:11px 12px;border:1px solid rgba(255,255,255,.07);font-size:7px;line-height:1.55;letter-spacing:.04em}
.sia-support-mini-msg.system{align-self:flex-start;color:#b7c2ca;background:rgba(255,255,255,.025)}
.sia-support-mini-msg.visitor{align-self:flex-end;color:#e3e9ed;border-color:rgba(154,182,238,.2);background:rgba(149,179,238,.08)}
.sia-support-mini-options{display:flex;gap:5px;flex-wrap:wrap}
.sia-support-mini-options span{padding:6px 7px;border:1px solid rgba(127,189,230,.15);font-size:5.5px;letter-spacing:.08em;color:#7ba4bf;background:rgba(127,189,230,.025)}
.sia-support-mini-route{margin-top:auto;display:grid;grid-template-columns:9px 1fr auto;gap:9px;align-items:center;padding-top:10px;border-top:1px solid rgba(127,189,230,.09);font-size:6px;letter-spacing:.12em;text-transform:uppercase;color:#6b767e}
.sia-support-mini-route i{width:7px;height:7px;border-radius:50%;background:#90c5e9;box-shadow:0 0 15px rgba(124,188,230,.8);animation:siaSupportPulse 2.2s ease-in-out infinite}
.sia-support-mini-route b{font-weight:500;color:#b3c8f3}
.sia-support-card-foot{position:absolute;left:18px;right:18px;bottom:15px;display:flex;justify-content:space-between;gap:10px;font-size:5.7px;letter-spacing:.11em;text-transform:uppercase;color:#5d676e}
.sia-support-card-foot strong{font-weight:500;color:#adbfe4}
@keyframes siaSupportPulse{0%,100%{transform:scale(.75);opacity:.45}50%{transform:scale(1.15);opacity:1}}

.sia-support-project{--support-amber:#81bce4;--support-coral:#7fc0ec;--support-violet:#a7c0f1;position:relative}
.sia-support-project:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 84% 8%,rgba(127,192,236,.075),transparent 24%),radial-gradient(circle at 9% 50%,rgba(167,192,241,.052),transparent 31%)}
.sia-support-project-intro{border-color:rgba(124,187,229,.18)!important;background:linear-gradient(145deg,rgba(124,187,229,.035),rgba(146,173,226,.018))!important}
.sia-support-project-intro .sia-project-copy h2{background:linear-gradient(180deg,#f1f8fd 0%,#91bfdd 66%,#678498 100%);-webkit-background-clip:text;color:transparent}
.sia-support-project-intro .sia-project-label,.sia-support-project-intro .sia-meta span{color:#769eb9}
.sia-support-project-intro .sia-disclosure{border-color:rgba(127,189,230,.17);color:#829eb1;background:rgba(127,189,230,.025)}
.sia-support-hero-visual{position:relative;min-height:260px;overflow:hidden;border:1px solid rgba(124,187,229,.14);background:radial-gradient(circle at 50% 40%,rgba(122,185,227,.08),transparent 34%),linear-gradient(145deg,#0b141c,#0a1118)}
.sia-support-hero-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(127,189,230,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(127,189,230,.024) 1px,transparent 1px);background-size:34px 34px;opacity:.7}
.sia-support-hero-stack{position:absolute;inset:26px 26px 36px;display:grid;grid-template-rows:auto auto 1fr;gap:12px}
.sia-support-hero-top{display:flex;justify-content:space-between;align-items:center;font-size:6px;letter-spacing:.14em;text-transform:uppercase;color:#65737c}
.sia-support-hero-top b{font-weight:500;color:#7fb4d8}
.sia-support-hero-thread{display:flex;flex-direction:column;gap:9px;padding:15px;border:1px solid rgba(127,189,230,.09);background:rgba(7,8,10,.58);backdrop-filter:blur(7px)}
.sia-support-hero-bubble{padding:9px 10px;max-width:83%;font-size:6.5px;line-height:1.55;color:#a4afb7;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02)}
.sia-support-hero-bubble.is-customer{margin-left:auto;color:#dde6f9;border-color:rgba(167,192,241,.17);background:rgba(167,192,241,.055)}
.sia-support-hero-route{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;align-self:end}
.sia-support-hero-route span{padding:9px 8px;border:1px solid rgba(124,187,229,.09);font-size:5.5px;letter-spacing:.12em;text-align:center;text-transform:uppercase;color:#646e75;background:rgba(9,9,11,.52)}
.sia-support-hero-route span:nth-child(2){color:#7cadce}.sia-support-hero-route span:nth-child(3){color:#adbfe4}
.sia-support-hero-trace{position:absolute;left:33px;right:33px;bottom:68px;height:1px;background:linear-gradient(90deg,transparent,#81bce4 35%,#a7c0f1 70%,transparent);transform-origin:left;animation:siaSupportTrace 3.8s ease-in-out infinite;filter:drop-shadow(0 0 5px rgba(124,186,228,.55))}
@keyframes siaSupportTrace{0%,100%{transform:scaleX(.1);opacity:.2}55%{transform:scaleX(1);opacity:.9}}

.sia-support-section{padding:105px 0;border-bottom:1px solid rgba(255,255,255,.1);position:relative}
.sia-support-flow-shell{position:relative;border:1px solid rgba(127,189,230,.13);background:linear-gradient(145deg,rgba(124,187,229,.024),rgba(145,171,224,.016));padding:28px;overflow:hidden}
.sia-support-flow-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(127,189,230,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(127,189,230,.021) 1px,transparent 1px);background-size:54px 54px}
.sia-support-flow{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
.sia-support-flow-step{min-height:190px;padding:20px 17px;border:1px solid rgba(127,189,230,.105);background:rgba(9,9,11,.72);display:flex;flex-direction:column;position:relative;overflow:hidden}
.sia-support-flow-step:after{content:"";position:absolute;right:-13px;top:42px;width:25px;height:1px;background:linear-gradient(90deg,rgba(124,187,229,.65),transparent)}
.sia-support-flow-step:last-child:after{display:none}
.sia-support-flow-step small{font-size:6.5px;letter-spacing:.15em;color:#636f77;text-transform:uppercase}
.sia-support-flow-step strong{font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:20px;font-weight:400;color:#ced8df;margin:18px 0 10px}
.sia-support-flow-step p{margin:0;color:#77838b;font-size:10.5px;line-height:1.7}
.sia-support-flow-step i{margin-top:auto;width:8px;height:8px;border-radius:50%;background:#80bae1;box-shadow:0 0 18px rgba(122,184,225,.45)}
.sia-support-flow-step:nth-child(5) i,.sia-support-flow-step:nth-child(6) i{background:#aac2f1;box-shadow:0 0 18px rgba(167,192,241,.35)}
.sia-support-flow-runner{position:absolute;z-index:3;left:4.7%;top:67px;width:7px;height:7px;border-radius:50%;background:#b0d9f5;box-shadow:0 0 16px rgba(127,189,230,.9);animation:siaSupportFlowRunner 7s ease-in-out infinite}
@keyframes siaSupportFlowRunner{0%,5%{left:4.7%;opacity:0}9%{opacity:1}22%{left:21%}37%{left:37.5%}52%{left:54%}67%{left:70.5%}82%{left:87%}93%{opacity:1}100%{left:87%;opacity:0}}

.sia-support-demo-first{padding-top:84px}
.sia-support-launch-stage{position:relative;isolation:isolate;overflow:hidden;margin:0 0 28px;padding:34px;border:1px solid rgba(127,189,230,.24);background:linear-gradient(125deg,rgba(127,189,230,.095),rgba(127,192,236,.045) 43%,rgba(167,192,241,.06) 100%),#090f15;box-shadow:inset 0 0 110px rgba(127,189,230,.025),0 34px 90px rgba(0,0,0,.24);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:32px;align-items:center;min-height:360px}
.sia-support-launch-stage:before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(127,189,230,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(127,189,230,.022) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.35))}
.sia-support-launch-stage:after{content:"";position:absolute;left:34px;right:34px;bottom:78px;height:1px;z-index:-1;background:linear-gradient(90deg,rgba(127,189,230,.55),rgba(167,192,241,.25),transparent 88%)}
.sia-support-launch-stage-glow{position:absolute;z-index:-1;right:-80px;top:-130px;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(127,192,236,.14),rgba(167,192,241,.055) 42%,transparent 69%);filter:blur(8px);pointer-events:none}
.sia-support-launch-stage-copy{position:relative;z-index:1;max-width:760px}
.sia-support-launch-stage-kicker{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px;font-size:6.5px;letter-spacing:.15em;text-transform:uppercase;color:#708491}
.sia-support-launch-stage-kicker b{font-weight:500;color:#b3c5ea;padding-left:12px;border-left:1px solid rgba(167,192,241,.2)}
.sia-support-launch-stage h4{margin:0 0 16px;font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:clamp(38px,4.5vw,66px);font-weight:400;line-height:.98;letter-spacing:-.045em;color:#dee9f0}
.sia-support-launch-stage-copy>p{margin:0;color:#8a959d;font-size:12.5px;line-height:1.82;max-width:68ch}.sia-support-launch-stage-copy>p strong{color:#b8c9d5;font-weight:500}
.sia-support-launch-stage-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:23px}.sia-support-launch-stage-meta span{padding:8px 10px;border:1px solid rgba(127,189,230,.13);background:rgba(127,189,230,.025);color:#7a9ab0;font-size:6px;letter-spacing:.11em;text-transform:uppercase}
.sia-support-launch.sia-support-launch-primary{position:relative;z-index:2;margin:0;min-height:212px;padding:28px 27px 24px;border-color:rgba(127,189,230,.42);background:linear-gradient(145deg,rgba(127,189,230,.17),rgba(127,192,236,.07) 48%,rgba(167,192,241,.11));box-shadow:inset 0 0 60px rgba(127,189,230,.045),0 18px 50px rgba(0,0,0,.24);font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:clamp(24px,2.25vw,35px);line-height:1.05;letter-spacing:-.025em}
.sia-support-launch.sia-support-launch-primary span{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.sia-support-launch.sia-support-launch-primary span small{font-family:Arial,sans-serif;font-size:6.5px;line-height:1;letter-spacing:.18em;text-transform:uppercase;color:#789ab1}.sia-support-launch.sia-support-launch-primary b{font-size:38px;align-self:flex-end}.sia-support-launch.sia-support-launch-primary:hover{transform:translateY(-4px);border-color:rgba(127,189,230,.72);background:linear-gradient(145deg,rgba(127,189,230,.24),rgba(127,192,236,.10) 48%,rgba(167,192,241,.14));box-shadow:inset 0 0 70px rgba(127,189,230,.055),0 26px 65px rgba(0,0,0,.32)}
.sia-support-launch.sia-support-launch-primary.is-loading{pointer-events:none;opacity:.78}.sia-support-launch.sia-support-launch-primary.is-loading b{animation:siaSupportLaunchSpin 1.1s linear infinite}@keyframes siaSupportLaunchSpin{to{transform:rotate(360deg)}}
.sia-support-launch-stage-foot{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.055);color:#636d74;font-size:7px;line-height:1.65}.sia-support-launch-stage-foot p{margin:0}.sia-support-launch-stage-foot>p:last-child{max-width:62ch;text-align:right;color:#5b6973}.sia-support-launch-stage-foot strong{font-weight:500;color:#738fa2}
.sia-support-demo-grid-secondary{margin-top:0}
.sia-support-explainer-copy{justify-content:flex-start}.sia-support-explainer-copy .sia-support-demo-warning{margin-top:auto}
.sia-support-demo-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(350px,.97fr);gap:28px;align-items:stretch}
.sia-support-demo-panel{position:relative;overflow:hidden;border:1px solid rgba(127,189,230,.13);background:rgba(9,9,11,.76);padding:26px;min-height:440px}
.sia-support-demo-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 92% 4%,rgba(124,190,234,.065),transparent 29%)}
.sia-support-demo-head{position:relative;z-index:1;display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}
.sia-support-demo-head small{display:block;font-size:7px;letter-spacing:.17em;color:#67757e;text-transform:uppercase;margin-bottom:7px}
.sia-support-demo-head h4{margin:0;font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:28px;font-weight:400;color:#d4dee5;line-height:1.05}
.sia-support-demo-badge{padding:7px 9px;border:1px solid rgba(127,189,230,.16);color:#7fadcb;font-size:6px;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;background:rgba(127,189,230,.025)}
.sia-support-chat-preview{position:relative;z-index:1;border:1px solid rgba(255,255,255,.07);background:#0b1219;min-height:330px;padding:18px;display:flex;flex-direction:column}
.sia-support-chat-bar{display:flex;justify-content:space-between;align-items:center;padding-bottom:13px;border-bottom:1px solid rgba(255,255,255,.06);font-size:6px;letter-spacing:.14em;text-transform:uppercase;color:#5e686f}
.sia-support-chat-bar b{font-weight:500;color:#81b9df}
.sia-support-preview-thread{display:flex;flex-direction:column;gap:10px;padding-top:17px}
.sia-support-preview-msg{max-width:82%;padding:11px 12px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.02);color:#a6afb5;font-size:8px;line-height:1.55}
.sia-support-preview-msg.user{align-self:flex-end;border-color:rgba(167,192,241,.18);background:rgba(167,192,241,.055);color:#d5ddec}
.sia-support-preview-options{display:flex;flex-wrap:wrap;gap:6px}
.sia-support-preview-options span{padding:7px 8px;border:1px solid rgba(127,189,230,.14);color:#7196af;font-size:6px;letter-spacing:.08em;background:rgba(127,189,230,.02)}
.sia-support-preview-event{margin-top:auto;display:flex;justify-content:space-between;gap:12px;padding:13px 0 0;border-top:1px solid rgba(127,189,230,.08);font-size:6px;letter-spacing:.12em;text-transform:uppercase;color:#616b72}
.sia-support-preview-event b{font-weight:500;color:#acbfe6}
.sia-support-launch-copy{position:relative;z-index:1;display:flex;flex-direction:column;height:100%}
.sia-support-launch-copy>p{margin:0 0 20px;color:#828d95;font-size:12px;line-height:1.82;max-width:56ch}
.sia-support-demo-points{display:grid;gap:8px;margin:4px 0 24px}
.sia-support-demo-point{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.055)}
.sia-support-demo-point i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(127,189,230,.2);font-style:normal;font-size:6px;color:#7caac8}
.sia-support-demo-point strong{display:block;color:#c7d1d7;font-size:10px;font-weight:500;margin-bottom:4px}.sia-support-demo-point span{display:block;color:#677178;font-size:8px;line-height:1.55}
.sia-support-launch{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;padding:16px 17px;border:1px solid rgba(127,189,230,.28);background:linear-gradient(100deg,rgba(127,189,230,.11),rgba(167,192,241,.06));color:#d4e2ec;font-size:9px;letter-spacing:.05em;cursor:pointer;text-align:left;transition:transform .25s ease,border-color .25s ease,background .25s ease}
.sia-support-launch:hover{transform:translateY(-2px);border-color:rgba(127,189,230,.48);background:linear-gradient(100deg,rgba(127,189,230,.16),rgba(167,192,241,.08))}.sia-support-launch b{font-size:18px;font-weight:300;color:#84bde3}
.sia-support-launch-status{margin:10px 0 0!important;color:#656f76!important;font-size:7px!important;letter-spacing:.08em;text-transform:uppercase}
.sia-support-demo-warning{margin-top:15px;padding:10px 11px;border-left:1px solid rgba(127,192,236,.45);background:rgba(127,192,236,.025);color:#6e7f8b;font-size:7px;line-height:1.65;letter-spacing:.02em}

.sia-support-cap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:28px}
.sia-support-cap{min-height:205px;padding:20px;border:1px solid rgba(127,189,230,.1);background:linear-gradient(145deg,rgba(127,189,230,.02),rgba(167,192,241,.012));display:flex;flex-direction:column}
.sia-support-cap small{font-size:6px;letter-spacing:.15em;text-transform:uppercase;color:#5b6972}.sia-support-cap h4{margin:16px 0 10px;font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:21px;font-weight:400;color:#c8d2d9}.sia-support-cap p{margin:0;color:#6e7981;font-size:9px;line-height:1.72}.sia-support-cap span{margin-top:auto;padding-top:18px;font-size:6px;letter-spacing:.11em;text-transform:uppercase;color:#a1b6df}
.sia-support-build-note{margin-top:18px;padding:16px 18px;border:1px solid rgba(167,192,241,.11);background:rgba(167,192,241,.018);color:#777e8b;font-size:9px;line-height:1.75}.sia-support-build-note strong{color:#bac2d2;font-weight:500}
.sia-support-channel-strip{margin-top:20px;display:flex;flex-wrap:wrap;gap:7px}.sia-support-channel-strip span{padding:8px 10px;border:1px solid rgba(127,189,230,.11);color:#758996;background:rgba(127,189,230,.018);font-size:6.5px;letter-spacing:.1em;text-transform:uppercase}

.sia-support-coverage-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);gap:28px;align-items:start}
.sia-support-coverage-copy .sia-mini-label{color:#7298b1}.sia-support-coverage-copy h3{font-family:"Merriweather",Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(31px,3vw,45px);line-height:1.02;margin:12px 0 18px;color:#d3dde4;letter-spacing:-.035em}.sia-support-coverage-copy>p{margin:0;color:#76838b;font-size:11px;line-height:1.84;max-width:72ch}.sia-support-coverage-copy>p strong{font-weight:500;color:#b6c1c8}
.sia-support-coverage-note{margin-top:21px;padding:15px 16px;border-left:1px solid rgba(167,192,241,.42);background:rgba(167,192,241,.018);color:#727986;font-size:8.5px;line-height:1.75}.sia-support-coverage-note strong{color:#b8c0d1;font-weight:500}
.sia-support-industry-tags{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sia-support-industry-tags span{min-height:70px;padding:13px;display:flex;align-items:flex-end;border:1px solid rgba(127,189,230,.09);background:linear-gradient(145deg,rgba(127,189,230,.018),rgba(167,192,241,.012));color:#7d8890;font-size:7px;letter-spacing:.08em;text-transform:uppercase}.sia-support-industry-tags span:last-child{grid-column:1/-1;color:#88a1b1}
.sia-support-footer-launch{border-color:rgba(127,189,230,.17)!important;color:#c0d4e1!important}

@media(max-width:980px){
  .sia-support-card-layout,.sia-support-demo-grid,.sia-support-coverage-grid{grid-template-columns:1fr}
  .sia-support-card-visual{min-height:300px}
  .sia-support-flow{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sia-support-flow-step:nth-child(3):after{display:none}
  .sia-support-flow-runner{display:none}
  .sia-support-cap-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .sia-support-card h2{font-size:34px}
  .sia-support-card-layout{gap:20px}.sia-support-card-visual{min-height:285px}
  .sia-support-card-foot{font-size:5px}
  .sia-support-section{padding:72px 0}
  .sia-support-flow-shell{padding:12px}.sia-support-flow{grid-template-columns:1fr 1fr}.sia-support-flow-step{min-height:175px;padding:16px 14px}.sia-support-flow-step:nth-child(odd):after{display:block}.sia-support-flow-step:nth-child(even):after{display:none}
  .sia-support-demo-panel{padding:16px;min-height:0}.sia-support-chat-preview{min-height:310px;padding:14px}.sia-support-demo-head h4{font-size:24px}
  .sia-support-cap-grid{grid-template-columns:1fr}.sia-support-cap{min-height:175px}
  .sia-support-industry-tags{grid-template-columns:1fr}.sia-support-industry-tags span:last-child{grid-column:auto}
}
@media(max-width:520px){
  .sia-support-flow{grid-template-columns:1fr}.sia-support-flow-step:after{display:none!important}
  .sia-support-hero-route{grid-template-columns:1fr}.sia-support-hero-visual{min-height:330px}.sia-support-hero-trace{display:none}
}
@media(max-width:980px){
  .sia-support-launch-stage{grid-template-columns:1fr;min-height:0;padding:28px}.sia-support-launch.sia-support-launch-primary{min-height:160px}.sia-support-launch-stage-foot{align-items:flex-start;flex-direction:column}.sia-support-launch-stage-foot>p:last-child{text-align:left}
}
@media(max-width:760px){
  .sia-support-demo-first{padding-top:64px}.sia-support-launch-stage{padding:20px;margin-bottom:20px;gap:22px}.sia-support-launch-stage h4{font-size:42px}.sia-support-launch-stage-copy>p{font-size:11.5px}.sia-support-launch.sia-support-launch-primary{min-height:148px;padding:22px;font-size:27px}.sia-support-launch-stage:after{left:20px;right:20px;bottom:104px}.sia-support-launch-stage-foot{font-size:7px}
}
@media(max-width:520px){.sia-support-launch-stage{padding:17px}.sia-support-launch-stage h4{font-size:36px}.sia-support-launch.sia-support-launch-primary{min-height:134px;font-size:24px}.sia-support-launch-stage-meta span{font-size:5.5px}}
@media(prefers-reduced-motion:reduce){.sia-support-mini-route i,.sia-support-hero-trace,.sia-support-flow-runner{animation:none}}
@media(prefers-reduced-motion:reduce){.sia-support-launch.sia-support-launch-primary.is-loading b{animation:none}}



/* Candidate 50: refine the warm baseline without changing structure.
   Goals:
   1) brighten the lower hero blend under the brain;
   2) remove the dark cut-offs between homepage sections and replace them with
      warm tech separator lines;
   3) blend blue into the About proof cards and Founder chapter cards without
      reverting to a cold overall theme. */

:root{
  --c50-warm-deep:#150c0c;
  --c50-warm-base:#1b0f0e;
  --c50-warm-mid:#241311;
  --c50-warm-rich:#2f1714;
  --c50-amber:#d07b4f;
  --c50-coral:#b3563d;
  --c50-maroon:#6d2f2d;
  --c50-blue:#4c8fc2;
  --c50-blue-soft:#72a8d3;
}

/* A continuous warm site surface for the main homepage flow. */
main{
  background:
    radial-gradient(circle at 18% 5%,rgba(126,53,42,.12),transparent 22%),
    radial-gradient(circle at 82% 16%,rgba(74,126,174,.055),transparent 20%),
    linear-gradient(180deg,
      #130b0b 0%,
      #170d0d 14%,
      #1b0f0e 31%,
      #20110f 48%,
      #1f100f 66%,
      #190e0d 84%,
      #150c0c 100%)!important;
}

/* HERO: keep the approved composition, but warm and brighten the lower blend. */
.hero{
  background:
    radial-gradient(circle at 66% 80%,rgba(198,106,69,.18),transparent 25%),
    radial-gradient(circle at 28% 12%,rgba(116,45,35,.12),transparent 26%),
    linear-gradient(180deg,#140b0b 0%,#180d0d 34%,#1d100f 56%,#241411 78%,#2a1713 100%)!important;
}
.hero:after{
  background:
    linear-gradient(90deg,rgba(14,8,8,.76) 0%,rgba(18,10,10,.46) 30%,rgba(22,13,12,.14) 52%,transparent 66%),
    linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(88,39,29,.10) 68%,rgba(152,74,46,.18) 100%)!important;
}
.hero::before{
  content:"";
  position:absolute;
  left:0; right:0; bottom:-1px;
  height:30%;
  pointer-events:none;
  z-index:1;
  background:
    radial-gradient(circle at 64% 0%,rgba(200,112,74,.16),transparent 36%),
    linear-gradient(180deg,rgba(0,0,0,0),rgba(115,50,34,.09) 42%,rgba(153,71,42,.18) 100%);
}

/* Replace hard dark cut-offs on the homepage with a continuous warm field. */
#company,
#solutions,
#method,
#devices,
#founder,
#contact,
footer{
  background:transparent!important;
}

/* Warm tech separator lines between major homepage sections. */
#company::before,
#solutions::before,
#method::before,
#devices::before,
#founder::before,
#contact::before,
footer::before{
  content:"";
  position:absolute;
  left:max(6vw,48px);
  right:max(6vw,48px);
  top:0;
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(205,122,78,.16) 6%,
    rgba(213,133,86,.58) 18%,
    rgba(115,54,42,.90) 50%,
    rgba(96,68,94,.44) 72%,
    rgba(99,154,202,.18) 85%,
    transparent 100%);
  box-shadow:
    0 0 12px rgba(204,116,71,.34),
    0 0 28px rgba(110,48,39,.12),
    0 0 18px rgba(87,146,196,.08);
  opacity:.92;
}

/* Soften the previous dark depth cut between founder copy and founder chapters. */
.csm-depth-cut{
  height:18px!important;
  margin:-4px 0 38px!important;
  opacity:.68!important;
  background:
    linear-gradient(180deg,
      rgba(121,55,40,0) 0%,
      rgba(132,59,43,.08) 36%,
      rgba(155,73,48,.12) 100%)!important;
}

/* ABOUT proof cards: keep them premium, but blend blue with the new warm base. */
#company .about-proof-card{
  border-color:rgba(125,136,176,.34)!important;
  background:
    linear-gradient(90deg,rgba(121,187,234,.18),rgba(206,124,77,.12) 48%,transparent 100%) top left/100% 1px no-repeat,
    radial-gradient(circle at 12% 10%,rgba(78,146,201,.16),transparent 32%),
    radial-gradient(circle at 86% 88%,rgba(182,92,57,.14),transparent 36%),
    linear-gradient(145deg,rgba(23,21,27,.92),rgba(19,14,15,.90))!important;
  box-shadow:
    inset 0 1px 0 rgba(237,244,249,.05),
    inset 0 0 56px rgba(88,112,156,.05),
    0 0 0 1px rgba(124,144,184,.04),
    0 24px 60px -38px rgba(0,0,0,.84),
    0 0 40px -22px rgba(101,149,196,.18),
    0 0 42px -24px rgba(190,103,66,.14)!important;
}
#company .about-proof-card::before{
  background:linear-gradient(90deg,transparent,rgba(135,186,229,.42),rgba(199,121,77,.34),transparent)!important;
  box-shadow:0 0 13px rgba(106,155,201,.22),0 0 16px rgba(182,101,65,.14)!important;
}
#company .about-proof-card::after{
  border-right:1px solid rgba(154,165,203,.28)!important;
  border-bottom:1px solid rgba(154,165,203,.28)!important;
  filter:drop-shadow(0 0 6px rgba(114,158,202,.18)) drop-shadow(0 0 4px rgba(184,102,66,.12))!important;
}
#company .about-proof-stat strong{
  color:#e8edf0!important;
  text-shadow:0 0 12px rgba(95,149,201,.10),0 0 12px rgba(199,118,76,.08)!important;
}
#company .about-proof-line{
  background:linear-gradient(90deg,rgba(127,180,222,.70),rgba(196,117,73,.42) 62%,transparent)!important;
  box-shadow:0 0 10px rgba(94,146,195,.20),0 0 18px rgba(187,100,61,.14)!important;
}
#company .about-proof-card:hover{
  border-color:rgba(142,154,194,.42)!important;
  box-shadow:
    inset 0 1px 0 rgba(240,246,250,.06),
    inset 0 0 60px rgba(92,118,160,.045),
    0 0 0 1px rgba(132,151,192,.07),
    0 30px 68px -38px rgba(0,0,0,.88),
    0 0 42px -20px rgba(96,147,194,.20),
    0 0 42px -20px rgba(187,101,63,.16)!important;
}

/* FOUNDER chapter cards: match the same blue/warm blend and avoid plain black. */
#founder .founder-story .founder-chapter{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(129,140,180,.24)!important;
  background:
    radial-gradient(circle at 10% 10%,rgba(81,147,202,.14),transparent 30%),
    radial-gradient(circle at 88% 90%,rgba(186,97,60,.13),transparent 34%),
    linear-gradient(145deg,rgba(22,19,24,.90),rgba(17,13,15,.88))!important;
  box-shadow:
    inset 0 1px 0 rgba(239,245,249,.04),
    0 22px 48px -38px rgba(0,0,0,.82),
    0 0 34px -24px rgba(95,146,193,.16),
    0 0 34px -24px rgba(190,101,63,.12)!important;
}
#founder .founder-story .founder-chapter::before{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  top:0;
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(130,181,224,.34),rgba(198,118,74,.30),transparent);
  box-shadow:0 0 10px rgba(98,146,191,.16),0 0 12px rgba(188,99,61,.12);
}
#founder .founder-story .founder-chapter:hover,
#founder .founder-story .founder-chapter:focus-visible{
  background:
    radial-gradient(circle at 10% 10%,rgba(86,153,205,.16),transparent 32%),
    radial-gradient(circle at 88% 90%,rgba(194,103,64,.15),transparent 36%),
    linear-gradient(145deg,rgba(24,20,27,.93),rgba(18,14,16,.90))!important;
  box-shadow:
    0 0 0 1px rgba(147,157,196,.12),
    0 30px 58px -30px rgba(0,0,0,.84),
    0 0 30px -20px rgba(99,150,197,.18),
    0 0 30px -20px rgba(190,102,63,.14),
    inset 0 1px 0 rgba(255,255,255,.05)!important;
}

/* On mobile, keep the separators tidy and within the narrower layout. */
@media(max-width:760px){
  #company::before,
  #solutions::before,
  #method::before,
  #devices::before,
  #founder::before,
  #contact::before,
  footer::before{
    left:22px;
    right:22px;
  }
}



/* Candidate 53 — preserve Candidate 52, only lift the remaining dark pockets:
   1) the lower-left area of HOW THE SYSTEM WORKS;
   2) the later part of the Solutions list (after roughly Solution 05).
   No structural, typographic or interaction changes. */

/* Keep the flow section in the same palette, but add a warmer lift into the
   darker lower-left corner and slightly reduce the black floor of the section. */
body:not(.northline-support-active) .flow-section{
  background-image:
    radial-gradient(ellipse at 14% 84%, rgba(229,145,92,.21), transparent 32%),
    radial-gradient(ellipse at 76% 18%, rgba(245,177,112,.17), transparent 40%),
    radial-gradient(ellipse at 85% 78%, rgba(251,141,112,.095), transparent 45%),
    linear-gradient(180deg, rgba(24,15,17,.992), rgba(15,11,12,.992))!important;
}

/* The solutions section becomes visually darker in the back half of the long
   scroll. Add warm ambient lift deeper into the section while preserving the
   same clean uninterrupted surface. */
body:not(.northline-support-active) #solutions{
  background-image:
    radial-gradient(ellipse at 18% 18%, rgba(245,177,112,.17), transparent 38%),
    radial-gradient(ellipse at 18% 72%, rgba(221,129,81,.15), transparent 30%),
    radial-gradient(ellipse at 82% 92%, rgba(251,141,112,.10), transparent 32%),
    linear-gradient(180deg, rgba(24,15,17,.992), rgba(14,10,11,.992))!important;
}

/* Give the later solution chapters a very light warm lift so the section stays
   consistent after Solution 05 without introducing visible blocks or patterns. */
body:not(.northline-support-active) #solutions .service:nth-of-type(n+5){
  background-image:
    radial-gradient(ellipse at 10% 50%, rgba(214,124,78,.055), transparent 58%),
    radial-gradient(ellipse at 88% 50%, rgba(120,79,112,.030), transparent 62%)!important;
  background-color:transparent!important;
}
body:not(.northline-support-active) #solutions .service:nth-of-type(n+5)::before{
  background:linear-gradient(90deg, rgba(239,164,102,.08), rgba(179,96,63,.028) 45%, transparent 78%)!important;
}



/* Candidate 55: deterministic, self-contained Northline support demo. */
.northline-native-shell{position:fixed;right:24px;bottom:22px;z-index:2147482000;width:390px;max-width:calc(100vw - 32px);pointer-events:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17212b}
.northline-native-shell,.northline-native-shell *{box-sizing:border-box;cursor:auto!important}.northline-native-shell button{font:inherit}.northline-native-shell.is-inactive{display:none!important}
.northline-native-window{width:390px;max-width:100%;height:min(650px,calc(100vh - 54px));min-height:500px;overflow:hidden;border:1px solid rgba(17,54,82,.13);border-radius:20px;background:#fff;box-shadow:0 28px 90px rgba(0,0,0,.34),0 5px 22px rgba(13,44,68,.16);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;transform:translateY(16px) scale(.965);transform-origin:100% 100%;opacity:0;visibility:hidden;pointer-events:none;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .22s ease,visibility .22s}
.northline-native-shell.is-open .northline-native-window{transform:none;opacity:1;visibility:visible;pointer-events:auto}
.northline-native-header{position:relative;padding:20px 18px 18px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;color:#fff;background:radial-gradient(circle at 82% 12%,rgba(146,204,241,.28),transparent 36%),linear-gradient(135deg,#1d6698 0%,#2b78ab 58%,#376f9b 100%)}
.northline-native-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#e9f6ff,#a8d2ee);color:#225f8d;font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:20px;border:1px solid rgba(255,255,255,.58);box-shadow:0 6px 20px rgba(5,42,68,.18),inset 0 1px 0 rgba(255,255,255,.8)}
.northline-native-heading{min-width:0}.northline-native-heading strong{display:block;font-size:15px;line-height:1.1;font-weight:650;letter-spacing:-.015em}.northline-native-heading span{display:flex;align-items:center;gap:7px;margin-top:5px;color:rgba(245,251,255,.82);font-size:10.5px;line-height:1.2}.northline-native-heading span::before{content:"";width:7px;height:7px;border-radius:50%;background:#8fe0b4;box-shadow:0 0 0 3px rgba(143,224,180,.13)}
.northline-native-actions{display:flex;gap:4px;align-self:start;margin-top:-2px}.northline-native-iconbtn{width:34px;height:34px;border:0;border-radius:50%;display:grid;place-items:center;background:transparent;color:#fff;opacity:.88;cursor:pointer!important;transition:background .18s ease,opacity .18s ease,transform .18s ease}.northline-native-iconbtn:hover,.northline-native-iconbtn:focus-visible{background:rgba(255,255,255,.13);opacity:1;outline:none}.northline-native-iconbtn:active{transform:scale(.95)}.northline-native-iconbtn svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.northline-native-menu{position:absolute;right:50px;top:56px;z-index:4;width:178px;padding:7px;border:1px solid #e5e9ed;border-radius:12px;background:#fff;color:#26323c;box-shadow:0 14px 36px rgba(23,42,57,.17);opacity:0;visibility:hidden;transform:translateY(-5px);transition:.16s ease}.northline-native-menu.is-open{opacity:1;visibility:visible;transform:none}.northline-native-menu button{width:100%;border:0;background:transparent;border-radius:8px;padding:10px 11px;text-align:left;color:#34424d;font-size:12px;cursor:pointer!important}.northline-native-menu button:hover,.northline-native-menu button:focus-visible{background:#f1f6f9;outline:none}
.northline-native-context{min-height:36px;padding:9px 17px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f8fafb;border-bottom:1px solid #edf0f2;color:#6d7a84;font-size:9px;letter-spacing:.045em}.northline-native-context span:first-child{display:flex;align-items:center;gap:7px;text-transform:uppercase;font-weight:650;color:#57758c}.northline-native-context span:first-child::before{content:"";width:6px;height:6px;border-radius:50%;background:#78b8df;box-shadow:0 0 0 3px rgba(120,184,223,.12)}.northline-native-context span:last-child{white-space:nowrap;color:#98a3aa}
.northline-native-thread{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px 16px 22px;background:linear-gradient(180deg,#f7f9fa 0%,#f4f7f8 100%);scroll-behavior:smooth}.northline-native-thread::-webkit-scrollbar{width:6px}.northline-native-thread::-webkit-scrollbar-thumb{background:#d7dde1;border-radius:20px}.northline-native-day{margin:1px auto 16px;text-align:center;color:#9aa4ab;font-size:9px}
.northline-native-message-row{display:flex;align-items:flex-end;gap:8px;margin:0 0 11px;animation:northlineMsgIn .24s cubic-bezier(.2,.8,.2,1) both}.northline-native-message-row.is-visitor{justify-content:flex-end}.northline-native-botdot{flex:0 0 27px;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#2c78aa;color:#fff;font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:12px;box-shadow:0 3px 11px rgba(34,104,151,.19)}
.northline-native-bubble{max-width:78%;padding:10px 12px;border-radius:13px 13px 13px 4px;background:#fff;border:1px solid #e6ebee;color:#2c3740;font-size:12.5px;line-height:1.48;box-shadow:0 3px 12px rgba(24,45,60,.055);white-space:pre-wrap;overflow-wrap:anywhere}.northline-native-message-row.is-visitor .northline-native-bubble{border-color:#2d78aa;background:#2f7eaf;color:#fff;border-radius:13px 13px 4px 13px;box-shadow:0 5px 16px rgba(37,104,149,.15)}.northline-native-message-meta{display:block;margin-top:4px;color:#9ca6ad;font-size:8.5px}.northline-native-message-row.is-visitor .northline-native-message-meta{color:rgba(255,255,255,.68);text-align:right}
.northline-native-choices{display:flex;flex-wrap:wrap;gap:7px;margin:3px 0 14px 35px;animation:northlineMsgIn .24s ease both}.northline-native-choice{min-height:34px;padding:8px 12px;border:1px solid #87b8d7;border-radius:9px;background:#fff;color:#2a719f;font-size:11.5px;font-weight:600;line-height:1.15;cursor:pointer!important;box-shadow:0 2px 7px rgba(32,83,117,.045);transition:background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}.northline-native-choice:hover,.northline-native-choice:focus-visible{background:#edf7fd;border-color:#5d9fc8;outline:none;box-shadow:0 5px 14px rgba(49,112,154,.11);transform:translateY(-1px)}.northline-native-choice:active{transform:none}
.northline-native-typing{display:flex;align-items:center;gap:8px;margin:0 0 11px;animation:northlineMsgIn .2s ease both}.northline-native-typing-bubble{height:34px;min-width:52px;padding:0 13px;border:1px solid #e6ebee;border-radius:13px 13px 13px 4px;background:#fff;display:flex;align-items:center;gap:4px;box-shadow:0 3px 12px rgba(24,45,60,.05)}.northline-native-typing-bubble i{width:5px;height:5px;border-radius:50%;background:#91a2ad;animation:northlineTyping 1s ease-in-out infinite}.northline-native-typing-bubble i:nth-child(2){animation-delay:.14s}.northline-native-typing-bubble i:nth-child(3){animation-delay:.28s}
.northline-native-composer{padding:11px 12px 10px;border-top:1px solid #e7ebee;background:#fff;display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:8px;align-items:end}.northline-native-input{width:100%;height:40px;border:1px solid #dce3e7;border-radius:12px;background:#f9fbfc;color:#28343d;padding:0 12px;font-size:12px;outline:none;caret-color:#2e7bab;cursor:text!important;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.northline-native-input:focus{border-color:#75acd0;background:#fff;box-shadow:0 0 0 3px rgba(84,151,195,.10)}.northline-native-input:disabled{background:#f4f6f7;color:#a0a9af;cursor:not-allowed!important}.northline-native-send{width:38px;height:38px;border:0;border-radius:11px;background:#2f7eaf;color:#fff;display:grid;place-items:center;cursor:pointer!important;transition:transform .16s ease,filter .16s ease,opacity .16s ease}.northline-native-send:hover:not(:disabled),.northline-native-send:focus-visible:not(:disabled){filter:brightness(1.06);transform:translateY(-1px);outline:none}.northline-native-send:disabled{opacity:.34;cursor:not-allowed!important}.northline-native-send svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.northline-native-footer{height:28px;padding:0 14px;display:flex;align-items:center;justify-content:center;gap:5px;background:#fff;color:#9ca6ad;font-size:8.5px;border-top:1px solid #f2f3f4;letter-spacing:.015em}.northline-native-footer strong{font-weight:650;color:#7f8f99}
.northline-native-launcher{position:absolute;right:0;bottom:0;width:58px;height:58px;border:0;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#3988b9,#256c9d);color:#fff;box-shadow:0 12px 34px rgba(17,75,116,.32),inset 0 1px 0 rgba(255,255,255,.18);opacity:0;visibility:hidden;transform:translateY(8px) scale(.92);pointer-events:none;cursor:pointer!important;transition:transform .22s ease,opacity .18s ease,visibility .18s,filter .18s ease}.northline-native-shell.is-started:not(.is-open) .northline-native-launcher{opacity:1;visibility:visible;transform:none;pointer-events:auto}.northline-native-launcher:hover,.northline-native-launcher:focus-visible{filter:brightness(1.07);outline:none;transform:translateY(-2px)!important}.northline-native-launcher svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@keyframes northlineMsgIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes northlineTyping{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-3px);opacity:1}}
@media(max-width:760px){.northline-native-shell{right:8px;bottom:8px;width:calc(100vw - 16px);max-width:none}.northline-native-window{width:100%;height:calc(100dvh - 16px);min-height:0;border-radius:18px}.northline-native-launcher{right:6px;bottom:6px}.northline-native-header{padding:17px 14px 15px}.northline-native-context{padding-left:14px;padding-right:14px}.northline-native-thread{padding:16px 12px 20px}.northline-native-bubble{max-width:83%;font-size:12px}.northline-native-choices{margin-left:35px}}
@media(prefers-reduced-motion:reduce){.northline-native-window,.northline-native-launcher,.northline-native-message-row,.northline-native-choices,.northline-native-typing{transition:none!important;animation:none!important}.northline-native-typing-bubble i{animation:none!important;opacity:.75}}



/* Candidate 56 — final publication polish from locked Candidate 55.
   This block lives in <head> deliberately so the browser's FIRST paint already
   matches the approved warm final state. It prevents the old blue/oversized
   intermediate styling from flashing while the very large single-file page is
   still being parsed. No content, layout, mechanics or Northline flow changes. */

/* No animated loading screen: render the actual site immediately. */
#loader{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}

/* Final warm surface must be present from the first frame, before any later
   historical style blocks in the document are parsed. */
html{background:#120d0d!important}
body:not(.northline-support-active){background:#120d0d!important}
body:not(.northline-support-active) #universe{
  opacity:0!important;
  visibility:hidden!important;
}
body:not(.northline-support-active) .cerebro-blue-atmosphere{
  opacity:.72!important;
  mix-blend-mode:screen!important;
  filter:saturate(1.08) brightness(1.02)!important;
  background-image:
    radial-gradient(ellipse at 79% 16%,rgba(245,177,112,.205),transparent 37%),
    radial-gradient(ellipse at 15% 73%,rgba(251,141,112,.12),transparent 42%),
    radial-gradient(ellipse at 53% 104%,rgba(169,153,255,.078),transparent 38%)!important;
  background-size:auto,auto,auto!important;
  background-position:center,center,center!important;
}
body:not(.northline-support-active) .hero{
  background-color:#120d0d!important;
  background-image:
    radial-gradient(ellipse at 73% 38%,rgba(245,177,112,.215),transparent 42%),
    radial-gradient(ellipse at 17% 22%,rgba(251,141,112,.108),transparent 47%),
    linear-gradient(180deg,#1a1012 0%,#120d0d 72%,#09090c 100%)!important;
}
body:not(.northline-support-active) .hero::before{
  background:linear-gradient(180deg,
    rgba(0,0,0,0) 0%,
    rgba(115,50,34,.09) 42%,
    rgba(153,71,42,.18) 100%)!important;
}

/* Lock the approved hero typography and spacing from the first paint. The old
   base stylesheet uses a much larger temporary size; this is the final size
   already used by the approved page after the full document finishes parsing. */
.hero-note{
  opacity:1!important;
  transform:none!important;
  animation:none!important;
  font-size:clamp(42px,4.75vw,76px)!important;
  line-height:1.01!important;
  max-width:18.5ch!important;
}
.hero .hero-desc{margin-top:112px!important}
.hero h1 span{
  opacity:1!important;
  transform:none!important;
  animation:none!important;
}
.hero-brain-frame{
  opacity:1!important;
  visibility:visible!important;
  animation:none!important;
}

/* Text/content should never disappear simply because the user scrolls quickly
   or reverses direction. Keep the performance observer's off-screen animation
   pause, but never allow it to hide the actual scene. */
.reveal,.reveal.visible{
  opacity:1!important;
  transform:none!important;
  filter:none!important;
  transition:none!important;
  will-change:auto!important;
}
.r3sv[data-r3-idle]{content-visibility:visible!important}

/* Subtle consistency pass: keep every line at its existing dimensions and use
   the site's approved warm palette with a restrained blue counter-accent. */
body:not(.northline-support-active) .kicker i,
body:not(.northline-support-active) .eyebrow span,
body:not(.northline-support-active) .hero-note::after,
body:not(.northline-support-active) .service-line::before,
body:not(.northline-support-active) #founder .founder-name-line,
body:not(.northline-support-active) .systems-kicker span{
  background:linear-gradient(90deg,
    rgba(245,177,112,.82),
    rgba(251,141,112,.52) 56%,
    rgba(104,164,211,.30) 100%)!important;
  box-shadow:
    0 0 10px rgba(224,126,78,.22),
    0 0 20px rgba(94,151,198,.08)!important;
}

@media(max-width:760px){
  .hero-note{
    font-size:clamp(34px,9.5vw,44px)!important;
    line-height:1.02!important;
    max-width:100%!important;
  }
  .hero .hero-desc{margin-top:74px!important}
}

@media(prefers-reduced-motion:reduce){
  .hero-brain-frame,.hero-note,.hero h1 span,.reveal{animation:none!important;transition:none!important}
}



/* Candidate 57 — final surgical header-only lock.
   Keep the approved warm header colour from the very first paint and through
   every later historical stylesheet/state. Remove the square halo around the
   left logo while preserving the logo itself, dimensions and placement. */
html body header.nav-wrap nav.nav{
  border-color:rgba(245,177,112,.48)!important;
  background:rgba(20,13,15,.82)!important;
  box-shadow:
    0 18px 60px rgba(0,0,0,.31),
    0 0 30px rgba(251,141,112,.15),
    inset 0 1px 0 rgba(255,211,166,.07),
    inset 0 0 27px rgba(245,177,112,.05)!important;
}
html body header.nav-wrap nav.nav .brand-mark{
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
html body header.nav-wrap nav.nav .brand-mark::before,
html body header.nav-wrap nav.nav .brand-mark::after{
  display:none!important;
  content:none!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}
html body header.nav-wrap nav.nav .brand-mark img{
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:drop-shadow(0 0 8px rgba(245,177,112,.14))!important;
}
@media(max-width:1080px){
  html body header.nav-wrap nav.nav{
    background:rgba(20,13,15,.965)!important;
    border-color:rgba(245,177,112,.42)!important;
    box-shadow:
      0 18px 52px rgba(0,0,0,.38),
      0 0 34px rgba(251,141,112,.10),
      inset 0 -1px 0 rgba(255,211,166,.16)!important;
  }
}



/* Candidate 59 — colour-only refinement from locked Candidate 57.
   Visual language: warm graphite/maroon environment, amber/copper brand light,
   restrained icy-blue intelligence/activity accents. No layout/content/mechanics. */
:root{
  --c59-graphite:#120d0d;
  --c59-graphite-rich:#1a1012;
  --c59-maroon:#321719;
  --c59-oxblood:#4a2022;
  --c59-amber:#d48a58;
  --c59-copper:#b9684b;
  --c59-blue:#6ca6ce;
  --c59-blue-soft:#8db8d6;
  --c59-text:#eeeae4;
  --c59-muted:#a39d98;
  --c59-line:rgba(212,138,88,.28);
  --c59-line-strong:rgba(212,138,88,.52);
  --c59-blue-line:rgba(108,166,206,.52);
}

/* Foundation: keep the site cinematic and dark, but slightly more graphite and
   less orange overall. Amber/copper becomes directional light rather than wash. */
html,
body:not(.northline-support-active),
body:not(.northline-support-active) main{
  background:#120d0d!important;
  color:var(--c59-text)!important;
}
body:not(.northline-support-active) .cerebro-blue-atmosphere{
  opacity:.62!important;
  mix-blend-mode:screen!important;
  filter:saturate(.92) brightness(.97)!important;
  background-image:
    radial-gradient(ellipse at 79% 16%,rgba(212,138,88,.165),transparent 38%),
    radial-gradient(ellipse at 14% 73%,rgba(185,104,75,.085),transparent 43%),
    radial-gradient(ellipse at 54% 104%,rgba(108,166,206,.045),transparent 38%)!important;
}

body:not(.northline-support-active) .hero,
body:not(.northline-support-active) .manifesto,
body:not(.northline-support-active) #solutions,
body:not(.northline-support-active) .cap-section,
body:not(.northline-support-active) .method,
body:not(.northline-support-active) .flow-section,
body:not(.northline-support-active) .students,
body:not(.northline-support-active) .devices,
body:not(.northline-support-active) .founder,
body:not(.northline-support-active) .contact,
body:not(.northline-support-active) footer,
body:not(.northline-support-active) .solution-view,
body:not(.northline-support-active) .solution-hero,
body:not(.northline-support-active) .solution-band,
body:not(.northline-support-active) .solution-context,
body:not(.northline-support-active) .solution-compact-band,
body:not(.northline-support-active) .solution-cta,
body:not(.northline-support-active) .pricing-section,
body:not(.northline-support-active) .legal-view,
body:not(.northline-support-active) .systems-view,
body:not(.northline-support-active) .sia-index-page{
  background-color:#120d0d!important;
  background-image:
    radial-gradient(ellipse at 78% 18%,rgba(212,138,88,.135),transparent 40%),
    radial-gradient(ellipse at 12% 82%,rgba(185,104,75,.070),transparent 46%),
    linear-gradient(180deg,rgba(26,16,18,.995),rgba(12,10,11,.998))!important;
  box-shadow:none!important;
}

/* Alternating light direction only; same palette, no new geometry. */
body:not(.northline-support-active) #solutions,
body:not(.northline-support-active) .flow-section,
body:not(.northline-support-active) .devices,
body:not(.northline-support-active) .contact,
body:not(.northline-support-active) .solution-band,
body:not(.northline-support-active) .solution-compact-band,
body:not(.northline-support-active) .pricing-section,
body:not(.northline-support-active) .sia-index-page{
  background-image:
    radial-gradient(ellipse at 18% 22%,rgba(212,138,88,.145),transparent 40%),
    radial-gradient(ellipse at 84% 80%,rgba(185,104,75,.067),transparent 46%),
    linear-gradient(180deg,rgba(26,16,18,.995),rgba(12,10,11,.998))!important;
}
body:not(.northline-support-active) .method,
body:not(.northline-support-active) .founder,
body:not(.northline-support-active) .solution-context,
body:not(.northline-support-active) .legal-view{
  background-image:
    radial-gradient(ellipse at 72% 47%,rgba(212,138,88,.135),transparent 40%),
    radial-gradient(ellipse at 10% 18%,rgba(108,166,206,.035),transparent 46%),
    linear-gradient(180deg,rgba(26,16,18,.995),rgba(12,10,11,.998))!important;
}
body:not(.northline-support-active) .hero{
  background-image:
    radial-gradient(ellipse at 73% 38%,rgba(212,138,88,.175),transparent 41%),
    radial-gradient(ellipse at 17% 22%,rgba(185,104,75,.085),transparent 46%),
    radial-gradient(ellipse at 88% 84%,rgba(108,166,206,.030),transparent 34%),
    linear-gradient(180deg,#1a1012 0%,#120d0d 72%,#0c0a0b 100%)!important;
}
body:not(.northline-support-active) .hero::before{
  background:linear-gradient(180deg,rgba(0,0,0,0),rgba(74,32,34,.075) 44%,rgba(50,23,25,.16) 100%)!important;
}
body:not(.northline-support-active) .hero::after{
  background:linear-gradient(90deg,rgba(18,13,13,.79) 0%,rgba(18,13,13,.43) 31%,rgba(18,13,13,.10) 53%,transparent 66%)!important;
}

/* Header: understated warm graphite shell. Blue appears only as a hairline data
   accent, never as the body colour of the navigation. */
html body:not(.northline-support-active) header.nav-wrap nav.nav{
  background:rgba(20,13,15,.88)!important;
  border-color:rgba(212,138,88,.40)!important;
  box-shadow:
    0 18px 60px rgba(0,0,0,.34),
    0 0 28px rgba(212,138,88,.10),
    inset 0 1px 0 rgba(238,234,228,.055),
    inset 0 -1px 0 rgba(108,166,206,.055)!important;
}
body:not(.northline-support-active) .dropdown{
  background:rgba(20,13,15,.97)!important;
  border-color:rgba(212,138,88,.28)!important;
}
body:not(.northline-support-active) .brand-sub{
  background:linear-gradient(90deg,#806f67 0%,#d9a176 50%,#806f67 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
}
html body:not(.northline-support-active) header.nav-wrap nav.nav .brand-mark img{
  filter:drop-shadow(0 0 7px rgba(212,138,88,.12))!important;
}

/* Major premium surfaces: deep maroon/graphite, not black. */
body:not(.northline-support-active) .method-display,
body:not(.northline-support-active) .flow-box,
body:not(.northline-support-active) .device-stage,
body:not(.northline-support-active) .portrait,
body:not(.northline-support-active) .contact-form,
body:not(.northline-support-active) .selected-package-card,
body:not(.northline-support-active) .solution-context-shell,
body:not(.northline-support-active) .pricing-card,
body:not(.northline-support-active) .legal-card,
body:not(.northline-support-active) .systems-shell{
  background-color:rgba(24,15,17,.86)!important;
  background-image:
    radial-gradient(ellipse at 87% 12%,rgba(212,138,88,.055),transparent 42%),
    linear-gradient(145deg,rgba(238,234,228,.020),rgba(50,23,25,.035))!important;
  border-color:rgba(212,138,88,.36)!important;
  box-shadow:
    inset 0 1px 0 rgba(238,234,228,.055),
    inset 0 -1px 0 rgba(108,166,206,.045),
    inset 0 0 54px rgba(185,104,75,.030),
    0 0 22px rgba(212,138,88,.055),
    0 30px 78px rgba(0,0,0,.28)!important;
}

body:not(.northline-support-active) .metrics,
body:not(.northline-support-active) .service-visual,
body:not(.northline-support-active) .student-panel,
body:not(.northline-support-active) .ui-panel,
body:not(.northline-support-active) .package-confirm-panel,
body:not(.northline-support-active) .checkout-handoff-panel,
body:not(.northline-support-active) .solution-link,
body:not(.northline-support-active) .sol-panel,
body:not(.northline-support-active) .solution-card,
body:not(.northline-support-active) .founder-card,
body:not(.northline-support-active) .device-card,
body:not(.northline-support-active) .flow-shell,
body:not(.northline-support-active) .sia-system-card:not(.sia-singularity-card):not(.sia-plumbing-card):not(.sia-leads-card):not(.sia-support-card){
  background-color:rgba(24,15,17,.70)!important;
  border-color:rgba(212,138,88,.26)!important;
  box-shadow:inset 0 1px 0 rgba(238,234,228,.038),inset 0 0 34px rgba(185,104,75,.025),0 0 18px rgba(212,138,88,.045)!important;
}

/* About + Founder cards: retain the approved blended dimensionality, but make
   warm tones dominant and blue the small intelligent edge-light. */
body:not(.northline-support-active) #company .about-proof-card,
body:not(.northline-support-active) #founder .founder-story .founder-chapter{
  border-color:rgba(212,138,88,.31)!important;
  background:
    radial-gradient(circle at 84% 82%,rgba(185,104,75,.13),transparent 38%),
    radial-gradient(circle at 9% 12%,rgba(108,166,206,.055),transparent 30%),
    linear-gradient(145deg,rgba(27,17,19,.94),rgba(18,13,14,.94))!important;
  box-shadow:
    inset 0 1px 0 rgba(238,234,228,.045),
    inset 0 0 52px rgba(74,32,34,.08),
    0 24px 60px -38px rgba(0,0,0,.86),
    0 0 38px -24px rgba(212,138,88,.12),
    0 0 30px -25px rgba(108,166,206,.10)!important;
}
body:not(.northline-support-active) #company .about-proof-card::before,
body:not(.northline-support-active) #founder .founder-story .founder-chapter::before{
  background:linear-gradient(90deg,transparent,rgba(212,138,88,.42),rgba(185,104,75,.22),rgba(108,166,206,.13),transparent)!important;
  box-shadow:0 0 12px rgba(212,138,88,.16),0 0 13px rgba(108,166,206,.06)!important;
}

/* Text: premium warm white and stone, maintaining hierarchy without introducing
   colour noise. */
body:not(.northline-support-active) .section-head h2,
body:not(.northline-support-active) .manifesto h2,
body:not(.northline-support-active) .service-copy h3,
body:not(.northline-support-active) .service-strap,
body:not(.northline-support-active) .method-copy h3,
body:not(.northline-support-active) .flow-copy h3,
body:not(.northline-support-active) .founder-copy h2,
body:not(.northline-support-active) .contact h2,
body:not(.northline-support-active) .solution-title,
body:not(.northline-support-active) .legal-header h1,
body:not(.northline-support-active) .legal-section h2{
  color:var(--c59-text)!important;
}
body:not(.northline-support-active) .section-intro,
body:not(.northline-support-active) .service-body,
body:not(.northline-support-active) .manifesto-details p,
body:not(.northline-support-active) .method-copy p,
body:not(.northline-support-active) .flow-copy p,
body:not(.northline-support-active) .founder-copy p,
body:not(.northline-support-active) .legal-section p,
body:not(.northline-support-active) .legal-section li{
  color:var(--c59-muted)!important;
}
body:not(.northline-support-active) .metal-call{
  background:linear-gradient(105deg,#8d7568 4%,#d7a175 28%,#9a7665 46%,#e0b286 58%,#9a7565 74%,#c68a65 96%)!important;
  background-size:240% 100%!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
  text-shadow:0 0 30px rgba(212,138,88,.035)!important;
}

/* Brand/environment lines = amber/copper. The final 10–15% of selected lines
   carries a small blue data tint to establish the intelligence layer. */
body:not(.northline-support-active) .kicker i,
body:not(.northline-support-active) .eyebrow span,
body:not(.northline-support-active) .hero-note::after,
body:not(.northline-support-active) .service-line::before,
body:not(.northline-support-active) #founder .founder-name-line,
body:not(.northline-support-active) .systems-kicker span,
body:not(.northline-support-active) .brand-pipe{
  background:linear-gradient(90deg,
    rgba(212,138,88,.88) 0%,
    rgba(185,104,75,.58) 72%,
    rgba(108,166,206,.34) 100%)!important;
  box-shadow:0 0 10px rgba(212,138,88,.20),0 0 17px rgba(108,166,206,.055)!important;
}

/* Major section separators stay warm and elegant with a tiny cool intelligence
   signature at the far end. Dimensions/position are unchanged. */
body:not(.northline-support-active) #company::before,
body:not(.northline-support-active) #solutions::before,
body:not(.northline-support-active) #method::before,
body:not(.northline-support-active) #devices::before,
body:not(.northline-support-active) #founder::before,
body:not(.northline-support-active) #contact::before,
body:not(.northline-support-active) footer::before{
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(212,138,88,.14) 6%,
    rgba(212,138,88,.52) 19%,
    rgba(74,32,34,.88) 52%,
    rgba(185,104,75,.38) 76%,
    rgba(108,166,206,.18) 88%,
    transparent 100%)!important;
  box-shadow:0 0 11px rgba(212,138,88,.25),0 0 22px rgba(74,32,34,.11),0 0 14px rgba(108,166,206,.045)!important;
}

/* Intelligence/activity = blue. Use it only for active state indicators,
   machine/data paths and selected controls. */
body:not(.northline-support-active) .flow-axis,
body:not(.northline-support-active) .flow-light{
  background:linear-gradient(90deg,transparent,rgba(108,166,206,.76),transparent)!important;
  box-shadow:0 0 12px rgba(108,166,206,.30),0 0 26px rgba(108,166,206,.10)!important;
}
body:not(.northline-support-active) .flow-node,
body:not(.northline-support-active) .method-tab i,
body:not(.northline-support-active) .device-tabs button{
  border-color:rgba(212,138,88,.34)!important;
  background-color:rgba(18,12,14,.78)!important;
}
body:not(.northline-support-active) .flow-node.active,
body:not(.northline-support-active) .method-tab.active i,
body:not(.northline-support-active) .device-tabs button.active,
body:not(.northline-support-active) .device-tabs button[aria-pressed="true"]{
  border-color:rgba(108,166,206,.72)!important;
  box-shadow:0 0 16px rgba(108,166,206,.34),0 0 34px rgba(108,166,206,.12)!important;
}
body:not(.northline-support-active) .flow-node::after,
body:not(.northline-support-active) .flow-node.active::after{
  background:#6ca6ce!important;
  box-shadow:0 0 10px rgba(108,166,206,.55)!important;
}
body:not(.northline-support-active) .cerebro-flow-curves .flow-thread{
  stroke:rgba(108,166,206,.52)!important;
  filter:drop-shadow(0 0 5px rgba(108,166,206,.18))!important;
}
body:not(.northline-support-active) .cerebro-flow-curves .flow-thread.thread-b{
  stroke:rgba(141,184,214,.40)!important;
}
body:not(.northline-support-active) .cerebro-flow-curves .flow-thread.thread-c{
  stroke:rgba(108,166,206,.30)!important;
}

/* Inputs/buttons remain warm luxury rather than turning into SaaS-blue UI. */
body:not(.northline-support-active) .field input,
body:not(.northline-support-active) .field textarea,
body:not(.northline-support-active) .field select{
  border-color:rgba(212,138,88,.34)!important;
  background-color:rgba(18,12,14,.76)!important;
  color:var(--c59-text)!important;
}
body:not(.northline-support-active) .field input:focus,
body:not(.northline-support-active) .field textarea:focus,
body:not(.northline-support-active) .field select:focus{
  border-color:rgba(108,166,206,.52)!important;
  box-shadow:0 0 0 1px rgba(108,166,206,.08),0 0 20px rgba(108,166,206,.08)!important;
}
body:not(.northline-support-active) .btn.primary,
body:not(.northline-support-active) .sia-primary{
  background:linear-gradient(135deg,#ead8ca,#d49a6d)!important;
  color:#120d0d!important;
}
body:not(.northline-support-active) .btn.secondary{
  border-color:rgba(212,138,88,.29)!important;
  background:rgba(212,138,88,.014)!important;
}
body:not(.northline-support-active) .nav-cta{
  border-color:rgba(212,138,88,.32)!important;
}
body:not(.northline-support-active) .nav-cta:hover{
  background:#ead8ca!important;color:#120d0d!important;
}

/* Founder image framing remains warm; tiny blue edge-light gives technical depth. */
body:not(.northline-support-active) #founder .portrait{
  border-color:rgba(212,138,88,.58)!important;
  box-shadow:
    0 0 0 1px rgba(185,104,75,.15),
    0 0 18px rgba(212,138,88,.14),
    0 0 34px rgba(108,166,206,.055),
    0 30px 82px rgba(0,0,0,.33),
    inset 0 0 46px rgba(185,104,75,.045)!important;
  filter:drop-shadow(0 0 9px rgba(212,138,88,.12)) drop-shadow(0 0 20px rgba(108,166,206,.045))!important;
}
body:not(.northline-support-active) #founder .portrait::after{
  background:linear-gradient(180deg,rgba(212,138,88,.045),transparent 24%,transparent 76%,rgba(108,166,206,.035))!important;
}

/* Legal / pricing / solution navigation micro-states use the same language. */
body:not(.northline-support-active) .legal-progress{
  background:linear-gradient(90deg,#b9684b,#d48a58 78%,#6ca6ce)!important;
}
body:not(.northline-support-active) .legal-action:hover,
body:not(.northline-support-active) .legal-nav a:hover,
body:not(.northline-support-active) .legal-nav a.active,
body:not(.northline-support-active) .legal-footer-nav a:hover{
  border-color:rgba(108,166,206,.38)!important;
}

/* Keep first-paint/mobile header identical to the final palette. */
@media(max-width:1080px){
  html body:not(.northline-support-active) header.nav-wrap nav.nav,
  body:not(.northline-support-active) .nav-links{
    background:rgba(20,13,15,.972)!important;
    border-color:rgba(212,138,88,.34)!important;
  }
}



/* Candidate 64: family-only lock. No sizing/spacing/layout changes. */
.hero-note,.hero-desc,
.section-head h2,.manifesto h2,
.service-copy h3,.method-display h3,.flow-copy h3,
.device-copy h3,.student-copy h3,.founder-copy h2,
.founder-chapter h3,.contact-form h3,.footer-copy,
.solution-title,.solution-context h3,.solution-compact-panel h3,
.pricing-card h3,.pricing-price b,.pricing-consult-first>strong,
.package-confirm-consultation>strong,.legal-card h2,.legal-card h3,
.systems-hero h1,.sia-index-heading h1,.sia-index-heading h2,
.sia-system-card h3,.sia-detail-copy h2,.sia-detail-copy h3{
  font-family:"Merriweather",Georgia,"Times New Roman",serif!important;
}



:root{
  --black:#090303;
  --panel:rgba(20,9,8,.74);
  --line:rgba(255,176,120,.12);
  --line2:rgba(255,190,138,.26);
  --white:#f8efe9;
  --muted:#ba9a87;
  --soft:#ecd6c6;
  --ease:cubic-bezier(.22,1,.36,1);
}
html{background:#090303}
body{
  background:
    radial-gradient(circle at 8% 28%,rgba(124,21,10,.42),transparent 26%),
    radial-gradient(circle at 88% 18%,rgba(255,136,68,.14),transparent 22%),
    radial-gradient(circle at 76% 72%,rgba(102,18,10,.16),transparent 25%),
    linear-gradient(180deg,#090303 0%,#120706 42%,#090303 100%)!important;
  color:var(--white)!important;
}
.cerebro-blue-atmosphere{display:none!important}
#universe{opacity:.55;filter:hue-rotate(-26deg) saturate(.75) brightness(.75)}
.vignette{background:radial-gradient(circle at 60% 36%,transparent 0 16%,rgba(13,5,4,.12) 33%,rgba(7,2,2,.65) 74%,#090303 100%)!important}
.nav{background:rgba(18,8,7,.72)!important;border-color:rgba(255,183,124,.18)!important;box-shadow:0 18px 60px rgba(0,0,0,.38),0 0 30px rgba(168,58,24,.12)!important}
.brand-mark{width:28px!important;height:28px!important;border:none!important;box-shadow:none!important;border-radius:0!important;background:none!important;overflow:visible!important}
.brand-mark:before,.brand-mark:after{display:none!important}
.brand-logo-img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 0 16px rgba(255,138,77,.18))}
.brand-pipe{background:linear-gradient(180deg,transparent,rgba(255,194,145,.58),transparent)!important;box-shadow:0 0 12px rgba(255,130,70,.12)!important}
.brand-sub{background:linear-gradient(90deg,#b86b48 0%,#f3d4af 50%,#a75a3b 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.nav-links>a:hover,.cap-btn:hover,.nav-cta:hover,.mobile-nav-cta:hover{color:#ffd6b3!important}
.hero-kicker span,.eyebrow span,.systems-kicker span{background:#ffab73!important;box-shadow:0 0 14px rgba(255,148,87,.24)!important}
.hero-copy h1,.section h2,.founder-copy h2,.systems-hero h1,.legal-header h1{color:#fff3ec!important;text-shadow:0 0 28px rgba(255,120,69,.06)}
.hero-copy p,.section-intro,.founder-copy p,.founder-copy blockquote,.systems-subtitle,.legal-header-copy,.legal-status,.legal-section p,.legal-section li{color:#ccb2a3!important}
.section,.systems-view,.legal-view,footer{position:relative}
.section:before,.systems-view:before,.legal-view:before,footer:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.48;
  background:
    radial-gradient(circle at 12% 18%,rgba(139,25,13,.15),transparent 20%),
    radial-gradient(circle at 88% 14%,rgba(255,131,62,.08),transparent 18%),
    linear-gradient(90deg,transparent,rgba(255,126,60,.04),transparent);
}
.metrics,.metric,.service,.student-context,.student-context-stats,.student-stat,.student-tabs,.student-tab,.student-topbar,.student-side,.student-integrity,.integrity-item,.student-cta,.ui-top,.ui-side,.founder-copy blockquote,.founder-chapter,.selected-package-steps,.selected-package-change,.package-confirm-meta,.footer-bottom,.footer-legal,.solution-card,.founder-card,.device-card,.flow-shell,.pricing-card,.legal-card,.contact-form,.selected-package-card,.method-display,.flow-box,.device-stage,.portrait,.solution-context-shell,.service-visual,.student-panel,.ui-panel,.sol-panel,.metrics,.device-card,.legal-centre-card,.legal-launch-check{
  border-color:rgba(255,176,120,.18)!important;
}
.method-display,.flow-box,.device-stage,.portrait,.contact-form,.selected-package-card,.solution-context-shell,.pricing-card,.legal-card,.legal-centre-card,.legal-launch-check{
  background-color:rgba(19,8,7,.82)!important;
  background-image:
    radial-gradient(ellipse at 88% 10%,rgba(255,140,74,.08),transparent 44%),
    linear-gradient(145deg,rgba(255,255,255,.024),rgba(0,0,0,.05))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,214,178,.07),
    inset 0 0 62px rgba(145,36,16,.09),
    0 0 22px rgba(194,72,29,.08),
    0 30px 78px rgba(0,0,0,.3)!important;
}
.metrics,.service-visual,.student-panel,.ui-panel,.package-confirm-panel,.checkout-handoff-panel,.solution-link,.sol-panel,.solution-card,.founder-card,.device-card,.flow-shell,.sia-system-card:not(.sia-singularity-card):not(.sia-plumbing-card){
  background-color:rgba(18,8,7,.66)!important;
  box-shadow:inset 0 1px 0 rgba(255,217,189,.05), inset 0 0 38px rgba(140,31,18,.05), 0 0 18px rgba(183,67,28,.06)!important;
}
.footer-social{background:rgba(250,242,235,.96)!important;border-color:rgba(255,160,102,.18)!important;box-shadow:0 12px 30px rgba(0,0,0,.32),0 0 22px rgba(214,92,42,.08)!important;cursor:pointer!important}
.footer-social:hover,.footer-social:focus-visible{border-color:rgba(255,180,123,.52)!important;box-shadow:0 15px 36px rgba(0,0,0,.35),0 0 24px rgba(231,101,42,.15)!important}
.footer-copy,.founder-copy blockquote,.systems-back:hover,.legal-back:hover{color:#f2d2b2!important}
.method-tabs:before,.flow-axis,.legal-progress{background:linear-gradient(90deg,transparent,rgba(214,111,54,.45),rgba(255,196,138,.96),rgba(214,111,54,.45),transparent)!important;box-shadow:0 0 18px rgba(210,98,41,.16)!important}
.flow-light{background:linear-gradient(90deg,transparent,#ffc690,transparent)!important;box-shadow:0 0 18px rgba(255,188,126,.46)!important}
.flow-node,.method-tab i{border-color:rgba(224,138,82,.48)!important;background:#110606!important}
.flow-node.active,.method-tab.active i{border-color:#ffd3ad!important;box-shadow:0 0 26px rgba(255,168,97,.33)!important;background:#e99857!important}
.method-tab.active strong{color:#fff0e5!important}
.legal-nav a:hover,.legal-nav a.active,.legal-footer-nav a:hover{border-color:rgba(255,180,123,.28)!important;color:#fff3eb!important;background:rgba(255,144,83,.035)!important}



/* ========================================================================== */
/* CEREBRO PRACTICAL PASS V4 RETRY — rebuilt from V3 baseline                 */
/* Scope only covers the requested issues: favicon, hero floor, nav sharpness,*/
/* stronger blue line system, founder cards, hover glow, and SIA consistency. */
/* ========================================================================== */
:root{
  --v4r-blue:#1ea7ff;
  --v4r-blue-2:#0f8ee1;
  --v4r-blue-3:#61c9ff;
  --v4r-line:rgba(24,160,247,.52);
  --v4r-line-strong:rgba(18,152,240,.88);
  --v4r-line-soft:rgba(24,160,247,.22);
  --v4r-glow:rgba(34,173,255,.14);
  --v4r-glow-strong:rgba(34,173,255,.26);
  --v4r-text:#060b10;
  --v4r-muted:#475d6d;
  --v4r-white:#ffffff;
  --v4r-white-soft:#fbfeff;
}

/* 1) MAIN HEADBAR — keep V3 blue bar, but remove top blur / grain completely. */
html body header.nav-wrap nav.nav,
html body.northline-support-active header.nav-wrap nav.nav{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  filter:none!important;
  background:linear-gradient(180deg,#47bbff 0%,#29a4ee 46%,#118bd8 100%)!important;
  border:1.35px solid rgba(255,255,255,.72)!important;
  box-shadow:0 16px 40px rgba(19,129,199,.22),0 0 24px rgba(24,162,246,.18),inset 0 1px 0 rgba(255,255,255,.26)!important;
}
html body header.nav-wrap nav.nav::before,
html body header.nav-wrap nav.nav::after,
html body.northline-support-active header.nav-wrap nav.nav::before,
html body.northline-support-active header.nav-wrap nav.nav::after{
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  opacity:1!important;
}

/* 2) GLOBAL ATMOSPHERE — strip warm/brown cast so blue-only ambience remains. */
body .cerebro-blue-atmosphere{
  opacity:.24!important;
  mix-blend-mode:screen!important;
  background-image:
    radial-gradient(circle at 82% 12%,rgba(36,171,255,.13),transparent 26%),
    radial-gradient(circle at 14% 68%,rgba(72,185,255,.09),transparent 32%),
    radial-gradient(circle at 52% 92%,rgba(103,206,255,.07),transparent 26%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='360' viewBox='0 0 360 360'%3E%3Cg fill='%238dd5ff'%3E%3Ccircle cx='31' cy='52' r='.7' opacity='.25'/%3E%3Ccircle cx='146' cy='91' r='.55' opacity='.22'/%3E%3Ccircle cx='302' cy='42' r='.8' opacity='.24'/%3E%3Ccircle cx='244' cy='211' r='.6' opacity='.2'/%3E%3Ccircle cx='68' cy='292' r='.7' opacity='.23'/%3E%3C/g%3E%3C/svg%3E")!important;
  background-size:auto,auto,auto,360px 360px!important;
}
body .noise{opacity:.045!important}

/* 3) HERO — fully white lower section, no warm/brown bottom band. */
body .hero,
body:not(.northline-support-active) .hero,
body.northline-support-active .hero{
  background:
    radial-gradient(circle at 78% 15%,rgba(48,181,255,.08),transparent 24%),
    radial-gradient(circle at 18% 20%,rgba(117,203,255,.06),transparent 24%),
    linear-gradient(180deg,#ffffff 0%,#fbfdff 74%,#ffffff 100%)!important;
}
body .hero::before,
body .hero:before{
  background:none!important;
  content:""!important;
}
body .hero::after,
body .hero:after{
  background:linear-gradient(90deg,rgba(24,160,247,.15),rgba(24,160,247,.04) 42%,transparent 70%)!important;
  opacity:.42!important;
}
body .hero + section,
body #company{position:relative}
body #company::before{
  content:"";
  position:absolute;
  left:max(24px,6vw);
  right:max(24px,6vw);
  top:0;
  height:1.5px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent 0%,rgba(19,152,240,.78) 12%,rgba(36,171,255,.96) 50%,rgba(19,152,240,.78) 88%,transparent 100%)!important;
  box-shadow:0 0 16px rgba(36,171,255,.18),0 0 30px rgba(36,171,255,.10)!important;
}
body .csm-depth-cut{
  background:linear-gradient(180deg,rgba(24,160,247,0) 0%,rgba(24,160,247,.035) 38%,rgba(24,160,247,.10) 100%)!important;
  opacity:.75!important;
}

/* 4) STRONGER BLUE SECTION/BORDER SYSTEM — brighter, slightly thicker lines. */
body .service,
body .about-proof-card,
body .method-display,
body .flow-box,
body .device-stage,
body .portrait,
body .contact-form,
body .selected-package-card,
body .solution-context-shell,
body .solution-editorial-card,
body .pricing-card,
body .legal-card,
body .footer-contact-card,
body .sia-system-card,
body .sia-project-intro,
body .sia-support-launch-stage,
body .sia-support-demo-panel,
body .sia-support-op-panel,
body .sia-support-op-card,
body .sia-leads-demo-panel,
body .sia-leads-results,
body .sia-leads-flow-step,
body .sia-support-hero-visual,
body .sia-leads-hero-visual,
body .sia-support-chat-preview,
body .sia-support-process,
body .sia-leads-flow-shell,
body .sia-support-card-visual,
body .sia-leads-card-visual,
body .contact-page-card,
body .legal-shell,
body .systems-shell{
  border-color:var(--v4r-line-strong)!important;
  box-shadow:inset 0 0 0 1px rgba(38,177,255,.08),0 0 0 1px rgba(24,160,247,.05),0 0 20px rgba(24,160,247,.08)!important;
}

/* 5) HOVER GLOW — blue glow instead of dark shadow. */
body .service:hover,
body .about-proof-card:hover,
body .method-display:hover,
body .flow-box:hover,
body .device-stage:hover,
body .founder-chapter:hover,
body .contact-form:hover,
body .selected-package-card:hover,
body .solution-context-shell:hover,
body .solution-editorial-card:hover,
body .pricing-card:hover,
body .sia-system-card:hover,
body .sia-project-intro:hover,
body .sia-support-demo-panel:hover,
body .sia-leads-demo-panel:hover,
body .sia-support-op-card:hover,
body .sia-leads-flow-step:hover,
body .footer-contact-card:hover{
  box-shadow:inset 0 0 0 1px rgba(70,195,255,.12),0 0 22px rgba(36,171,255,.18),0 14px 34px rgba(13,36,56,.06)!important;
}

/* 6) AMBIENT LINES IN OPEN AREAS ONLY — decorative, not on top of content. */
#company .section-inner,
#solutions .section-inner,
#method .section-inner,
#devices .section-inner,
#systems-in-action .section-inner,
#founder .section-inner,
#contact .section-inner{position:relative}
#company .section-inner::after,
#solutions .section-inner::before,
#method .section-inner::after,
#devices .section-inner::before,
#systems-in-action .section-inner::after,
#founder .section-inner::before,
#contact .section-inner::after{
  content:"";
  position:absolute;
  width:136px;
  height:64px;
  pointer-events:none;
  opacity:.92;
  background:
    linear-gradient(90deg,rgba(24,160,247,.96),rgba(24,160,247,.96)) left top/110px 1.6px no-repeat,
    linear-gradient(180deg,rgba(24,160,247,.96),rgba(24,160,247,.96)) left top/1.6px 46px no-repeat,
    linear-gradient(90deg,rgba(24,160,247,.40),transparent 85%) left 14px top 18px/122px 1px no-repeat,
    linear-gradient(180deg,rgba(24,160,247,.28),transparent 84%) left 18px top/1px 56px no-repeat;
  filter:drop-shadow(0 0 8px rgba(36,171,255,.18));
}
#company .section-inner::after{right:10px;top:118px}
#solutions .section-inner::before{left:10px;top:142px;transform:scaleX(-1)}
#method .section-inner::after{right:14px;top:118px}
#devices .section-inner::before{left:8px;top:162px;transform:scaleX(-1)}
#systems-in-action .section-inner::after{right:10px;top:112px}
#founder .section-inner::before{left:10px;top:98px;transform:scaleX(-1)}
#contact .section-inner::after{right:10px;top:112px}

/* 7) ALL 9 SOLUTION CARD CTA BUTTONS — always visible, hover consistent blue. */
body .service .solution-link,
body .service a.solution-link{
  background:linear-gradient(135deg,#38baff 0%,#178fdd 100%)!important;
  border:1.25px solid rgba(19,152,240,.92)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 0 14px rgba(24,160,247,.16)!important;
}
body .service .solution-link *,
body .service a.solution-link *{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
body .service:hover .solution-link,
body .service:hover a.solution-link,
body .service .solution-link:hover,
body .service a.solution-link:hover{
  background:linear-gradient(135deg,#57c6ff 0%,#22a2ef 100%)!important;
  border-color:rgba(59,189,255,.98)!important;
  box-shadow:0 0 18px rgba(36,171,255,.26),0 12px 26px rgba(16,97,155,.12)!important;
}

/* 8) FOUNDER 1–5 CARDS — always white with blue outline. */
body #founder .founder,
body #founder{background:#fff!important}
body #founder .founder-story{
  background:#fff!important;
  gap:0!important;
}
body #founder .founder-chapter{
  background:#fff!important;
  border-top:1.25px solid rgba(18,152,240,.48)!important;
  border-bottom:1.25px solid rgba(18,152,240,.48)!important;
  box-shadow:inset 0 0 0 1px rgba(36,171,255,.04),0 0 12px rgba(36,171,255,.08)!important;
}
body #founder .founder-chapter:first-child{border-top:1.25px solid rgba(18,152,240,.48)!important}
body #founder .founder-num,
body #founder .founder-chapter h3,
body #founder .founder-chapter p{
  color:var(--v4r-text)!important;
  -webkit-text-fill-color:currentColor!important;
}
body #founder .founder-num{color:#4a6779!important}
body #founder .founder-chapter p{color:#4f6676!important}
body #founder .founder-chapter:hover{
  background:#fbfeff!important;
  box-shadow:inset 0 0 0 1px rgba(36,171,255,.09),0 0 18px rgba(36,171,255,.16)!important;
}

/* 9) WHITE/BLUE CLEANUP FOR SYSTEMS IN ACTION DETAIL VIEWS. */
body #systemsView,
body .systems-view,
body .systems-view .systems-shell,
body .systems-view .systems-hero,
body .systems-view .sia-index-page,
body .systems-view .sia-project,
body .systems-view .sia-support-section,
body .systems-view .sia-leads-section,
body .systems-view.sia-support-mode,
body .systems-view.sia-leads-mode,
body.northline-support-active .systems-view,
body.northline-support-active .systems-view .systems-shell{
  background:#fff!important;
  background-color:#fff!important;
  color:var(--v4r-text)!important;
}
body .systems-view .sia-system-card,
body .systems-view .sia-support-card,
body .systems-view .sia-leads-card,
body .systems-view .sia-project-intro,
body .systems-view .sia-support-launch-stage,
body .systems-view .sia-support-demo-panel,
body .systems-view .sia-support-op-panel,
body .systems-view .sia-support-op-card,
body .systems-view .sia-leads-demo-panel,
body .systems-view .sia-leads-results,
body .systems-view .sia-leads-flow-step,
body .systems-view .sia-support-hero-visual,
body .systems-view .sia-leads-hero-visual,
body .systems-view .sia-support-chat-preview,
body .systems-view .sia-support-process,
body .systems-view .sia-leads-flow-shell,
body .systems-view .sia-support-card-visual,
body .systems-view .sia-leads-card-visual,
body .systems-view .sia-support-demo-item,
body .systems-view .sia-support-preview-msg,
body .systems-view .sia-support-mini-msg,
body .systems-view .sia-support-hero-bubble{
  background:linear-gradient(145deg,rgba(255,255,255,.985),rgba(247,252,255,.99))!important;
  background-color:#fff!important;
  border-color:rgba(18,152,240,.40)!important;
  box-shadow:inset 0 0 0 1px rgba(36,171,255,.05),0 0 18px rgba(36,171,255,.08)!important;
  color:var(--v4r-text)!important;
}
body .systems-view h1,
body .systems-view h2,
body .systems-view h3,
body .systems-view h4,
body .systems-view strong,
body .systems-view b,
body .systems-view .systems-subtitle,
body .systems-view .systems-kicker,
body .systems-view .sia-system-card-top span,
body .systems-view .sia-system-card-action,
body .systems-view .sia-project-back,
body .systems-view .sia-section-head h3,
body .systems-view .sia-detail-visual-label{
  color:var(--v4r-text)!important;
  -webkit-text-fill-color:currentColor!important;
  text-shadow:none!important;
}
body .systems-view p,
body .systems-view li,
body .systems-view small,
body .systems-view label,
body .systems-view .sia-body,
body .systems-view .sia-deck,
body .systems-view .sia-meta span,
body .systems-view .sia-section-head p,
body .systems-view .sia-project-back{
  color:var(--v4r-muted)!important;
  -webkit-text-fill-color:currentColor!important;
}
body .systems-view .sia-system-card-meta span,
body .systems-view .sia-support-preview-options span,
body .systems-view .sia-support-mini-options span,
body .systems-view .sia-leads-safe,
body .systems-view .sia-support-demo-badge{
  background:#fff!important;
  color:#2c6a92!important;
  border:1.15px solid rgba(18,152,240,.34)!important;
}
body .systems-view input,
body .systems-view textarea,
body .systems-view select{
  background:#fff!important;
  color:var(--v4r-text)!important;
  border:1.15px solid rgba(18,152,240,.34)!important;
}

/* 10) Global text and surface cleanup to ensure white/blue, not brown/grey. */
body .founder-copy h2,
body .founder-copy>p,
body .founder-copy blockquote,
body .service-copy h3,
body .service-strap,
body .service-body,
body .method-copy h3,
body .method-copy p,
body .flow-copy h3,
body .flow-copy p,
body .contact-copy h2,
body .contact-copy p,
body .legal-header h1,
body .legal-header-copy,
body .footer-copy,
body .footer-bottom,
body .footer-legal,
body .selected-package-card *,
body .contact-form *,
body .legal-shell *,
body .solution-context-shell *,
body .solution-editorial-card *{
  text-shadow:none!important;
}
body .selected-package-card,
body .contact-form,
body .footer-contact-card,
body .legal-shell,
body .contact-page-view,
body .legal-view{
  background:linear-gradient(145deg,rgba(255,255,255,.985),rgba(247,252,255,.99))!important;
  background-color:#fff!important;
}
body .selected-package-card,
body .selected-package-card h3,
body .selected-package-price,
body .selected-package-label,
body .selected-package-solution,
body .selected-package-mode,
body .selected-package-step,
body .selected-package-step b,
body .selected-package-change,
body .contact-form,
body .contact-form label,
body .legal-shell,
body .legal-shell h2,
body .legal-shell p,
body .footer-contact-card,
body .footer-contact-card p,
body .footer-contact-card a,
body .contact-page-view,
body .legal-view{
  color:var(--v4r-text)!important;
  -webkit-text-fill-color:currentColor!important;
}
body .selected-package-step,
body .selected-package-step b,
body .footer-contact-card p,
body .footer-contact-card a,
body .legal-shell p,
body .legal-shell li,
body .contact-page-view p,
body .legal-view p,
body .legal-view li{color:var(--v4r-muted)!important}

@media (max-width: 900px){
  #company .section-inner::after,
  #solutions .section-inner::before,
  #method .section-inner::after,
  #devices .section-inner::before,
  #systems-in-action .section-inner::after,
  #founder .section-inner::before,
  #contact .section-inner::after{width:92px;height:46px;opacity:.6}
}



/* ========================================================================== */
/* CEREBRO V10 — surgical follow-up from locked V9 baseline                  */
/* Scope only: restore the approved V8 hero-brain grade, enlarge the         */
/* requested consultation label/details, and tighten field alignment.        */
/* ========================================================================== */

/* 1. Restore the hero brain to the approved original V8 blue grade. */
html body .hero-brain-frame canvas,
html body .hero-brain-frame .cerebro-brain-root canvas,
html body #cerebro-brain canvas{
  filter:saturate(.84) brightness(.97)!important;
}
html body .hero-brain-frame:before{
  background:radial-gradient(circle,
    rgba(47,183,255,.10),
    rgba(20,108,255,.030) 44%,
    transparent 70%)!important;
}

/* 2. Consultation labels/controls — only the requested sizing/alignment pass. */
html body #contactForm .consultation-detail-grid{
  grid-template-columns:1fr 1fr!important;
  gap:18px!important;
  align-items:start!important;
}
html body #contactForm .consultation-detail-grid .field{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  margin-bottom:20px!important;
}
html body #contactForm .consultation-detail-grid .field>span:first-child{
  min-height:24px!important;
  display:flex!important;
  align-items:flex-end!important;
  gap:4px!important;
}
html body #contactForm .consultation-detail-grid input,
html body #contactForm .consultation-detail-grid .select-wrap,
html body #contactForm .consultation-detail-grid select{
  width:100%!important;
}
html body #contactForm .consultation-detail-grid input,
html body #contactForm .consultation-detail-grid select{
  height:56px!important;
  min-height:56px!important;
}

/* Increase just the two requested optional tags. */
html body #contactForm label.field:has(input[name="organisation"]) > span em,
html body #contactForm label.field:has(input[name="website"]) > span em{
  font-size:1em!important;
  opacity:.82!important;
  letter-spacing:.05em!important;
}

/* Increase the preferred-contact / timeframe label size and the dropdown text. */
html body #contactForm label.field:has(select[name="preferred_contact"]) > span:first-child,
html body #contactForm label.field:has(select[name="timeframe"]) > span:first-child{
  font-size:9.5px!important;
  letter-spacing:.14em!important;
  margin-bottom:10px!important;
}
html body #contactForm select[name="preferred_contact"],
html body #contactForm select[name="timeframe"]{
  font-size:16px!important;
  line-height:1.4!important;
  padding-left:16px!important;
  padding-right:48px!important;
}
html body #contactForm select[name="preferred_contact"] option,
html body #contactForm select[name="timeframe"] option{
  font-size:16px!important;
  line-height:1.45!important;
  padding:11px 14px!important;
}

/* Keep the whole consultation form aligned neatly at narrow widths too. */
@media(max-width:760px){
  html body #contactForm .consultation-detail-grid{
    grid-template-columns:1fr!important;
  }
  html body #contactForm .consultation-detail-grid .field>span:first-child{
    min-height:auto!important;
  }
}


[data-cspv2-positioned]{position:relative}.cspv2-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none!important;user-select:none!important;-webkit-user-select:none!important;touch-action:auto;contain:layout paint style;max-width:100%}.cspv2-layer *{pointer-events:none!important;user-select:none!important;-webkit-user-select:none!important}.cspv2-canvas{display:block;width:100%;height:100%;pointer-events:none!important;user-select:none!important;will-change:contents;vertical-align:bottom}.cspv2-passage{position:fixed;inset:0;z-index:2147483000;pointer-events:none!important;user-select:none!important;display:none}.cspv2-passage[data-cspv2-passage-active]{display:block}.cspv2-debug-rect{position:absolute;border:1px dashed rgba(190,200,215,.55);background:#8ca0be0f;pointer-events:none!important}.cspv2-debug-label{position:absolute;font:10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;color:#c8d2e1cc;background:#0a0c10b3;padding:2px 4px;pointer-events:none!important}@media(prefers-reduced-motion:reduce){.cspv2-layer,.cspv2-canvas{transition:none!important;animation:none!important}}@media print{.cspv2-layer{display:none}}
/*# sourceMappingURL=cerebro-spectacular-v2.min.css.map */



/* Precision refinement built directly from the approved balanced pass. */
section.hero,#solutions,#method,.flow-section,#devices,#founder,#contact{position:relative;isolation:isolate;}
.cspv2-balanced-slot{position:absolute;overflow:hidden;pointer-events:none!important;user-select:none!important;z-index:0;contain:strict;isolation:isolate;background:transparent;transform:translateZ(0);}
.cspv2-balanced-slot .cspv2-layer,.cspv2-balanced-slot .cspv2-canvas{pointer-events:none!important;user-select:none!important;}
.cspv2-balanced-slot .cspv2-canvas{will-change:auto!important;}
.cspv2-layer{z-index:0!important;mix-blend-mode:normal!important;}
#solutions>.section-inner,#method>.section-inner,.flow-section>.section-inner,#devices>.section-inner,#founder>.section-inner,#contact>.section-inner{position:relative;z-index:3;}

/* HERO: the original brain is deliberately not selected or restyled anywhere in this pass. */
.hero-copywrap{isolation:isolate;}
.hero-copywrap>:not(.cspv2-balanced-slot--hero){position:relative;z-index:2;}
/* HERO ORBIT REMOVED.
   The orbital ring field that sat behind "Intelligence, engineered around your
   business." is gone as a whole - the slot element is no longer created (see
   the boot patch), the module is no longer mounted, and its rules are deleted
   rather than hidden, so nothing is left rendering behind the headline. No
   replacement animation is introduced. The headline, supporting copy, CTA row
   and the interactive brain are all untouched. */
.cspv2-balanced-slot--hero .cspv2-canvas{filter:grayscale(1) brightness(.69) contrast(1.18);opacity:.95;}
/* (hero orbit vignette removed with the orbit itself) */

/* Company and Students intentionally remain baseline-only. */
.cspv2-balanced-slot--solutions{top:118px;right:3.5%;width:min(39vw,500px);height:390px;opacity:.38;transform-origin:top right;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.48) 18%,#000 48%,rgba(0,0,0,.78) 83%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.48) 18%,#000 48%,rgba(0,0,0,.78) 83%,transparent 100%);}
.cspv2-balanced-slot--solutions .cspv2-canvas{filter:grayscale(1) brightness(.70) contrast(1.12);}

/* METHOD: seated in the section's top-right corner, then nudged down and
   grown slightly on this pass. The material treatment, opacity and float are
   unchanged - this is position and size only.

   The move is sized from the measured ceiling rather than chosen, against
   settled glyph extents - the .reveal transition rests at translateY(52px)
   before it fires, so anything measured mid-reveal reads ~49px too low.

   The first text whose horizontal span meets the slot is `.section-intro`,
   which is right-aligned (max-width:700px;margin-left:auto), so it - not the
   heading - limits downward travel. Settled glyph tops, section-relative:
   317.9px at 1440, 300.8px at 1180. Those two differ by enough that one rule
   cannot serve both, so >=1301px gets its own step.

   Most of the size increase is taken horizontally, where the room actually is:
   the heading's metal-call span ends at x=741.2 (1440) and x=607.6 (1180),
   while the widened slot starts at x=817 and x=618.3. The float only ever
   translates upward (-5px), so the bottom edge cannot travel further down. */
.cspv2-balanced-slot--method{top:30px;right:1.6%;width:min(46vw,600px);height:262px;opacity:.9;animation:cspv2MethodFloat 7.2s ease-in-out infinite;}
@media(min-width:1301px){.cspv2-balanced-slot--method{top:42px;height:266px;}}
.cspv2-balanced-slot--method .cspv2-canvas{filter:grayscale(1) saturate(0) brightness(.74) contrast(1.07);}
.cspv2-balanced-slot--method:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:4;background:radial-gradient(ellipse at 50% 70%,rgba(3,4,5,.82) 0 12%,rgba(3,4,5,.38) 24%,rgba(3,4,5,.08) 38%,transparent 56%);}

/* FLOW: unchanged in size on this pass - only lowered.

   The corridor it has to live in is bounded above by the section
   introduction's glyph bottom and below by the top of the tallest stage circle
   (the selected one, which is larger than the rest). Settled, section-relative:

     viewport   intro bottom   circle top   corridor   slot height   new top
     1440           432.2         745.3       313.1        306          436
     1180           403.4         716.7       313.3        284          425
      834           360.2         673.5       313.3        285          380
      390           374.2         537.2       163.0        130          399

   Three of the four move down, seated 8px clear of the circle row. 1440 is the
   exception and moves 16px *up* instead: its corridor is only 7.1px taller
   than the box, so every downward position covers the stage circles - the
   previous top already ran 12.7px into them. This is the one place the
   "move it down" instruction could not be honoured without either covering
   circles or reducing the height, and the height was to be left alone. */
.cspv2-balanced-slot--flow{top:425px;right:1.2%;width:min(41vw,588px);height:284px;opacity:.86;}
@media(min-width:1301px){.cspv2-balanced-slot--flow{top:436px;height:306px;}}
.cspv2-balanced-slot--flow .cspv2-canvas{filter:grayscale(1) brightness(.70) contrast(1.18);}
.cspv2-balanced-slot--flow:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:4;background:radial-gradient(ellipse at 50% 57%,rgba(3,4,5,.34) 0 10%,rgba(3,4,5,.11) 27%,transparent 48%);}

/* DEVICES: same location and scale, with a lighter render profile for smoother state changes. */
#devices .device-stage{position:relative;isolation:isolate;}
#devices .device-stage>.device-tabs,#devices .device-stage>.device-space{position:relative;z-index:3;}
.cspv2-balanced-slot--devices{inset:8px;opacity:.82;transform:scale(.92) translateZ(0);transform-origin:center;-webkit-mask-image:linear-gradient(90deg,#000 0 20%,rgba(0,0,0,.78) 29%,rgba(0,0,0,.34) 43%,rgba(0,0,0,.34) 57%,rgba(0,0,0,.78) 71%,#000 80% 100%);mask-image:linear-gradient(90deg,#000 0 20%,rgba(0,0,0,.78) 29%,rgba(0,0,0,.34) 43%,rgba(0,0,0,.34) 57%,rgba(0,0,0,.78) 71%,#000 80% 100%);}
.cspv2-balanced-slot--devices .cspv2-canvas{filter:grayscale(1) brightness(.72) contrast(1.14);}

/* FOUNDER: retain the approved V2 structure and add a matching animated right rail to contain the portrait. */
.cspv2-founder-shade{position:absolute;inset:0;z-index:1;pointer-events:none!important;background:radial-gradient(ellipse at 56% 29%,rgba(3,4,5,.92) 0 8%,rgba(3,4,5,.57) 16%,rgba(3,4,5,.16) 29%,transparent 43%);}
#founder>.cspv2-layer{opacity:.82;filter:grayscale(1) brightness(.72) contrast(1.17);}
/* FOUNDER RAILS.
   The authored rail was appended inside .portrait, whose own module class
   `.csm-stage` carries `.csm-stage>:not(.csm-canvas):not(.csm-layer):not(.csm-frame)
   {position:relative}` - a more specific rule than the rail's own
   `position:absolute`. The rail therefore lost its absolute positioning,
   collapsed onto the normal flow after the photograph and rendered as five
   ~2px slivers below the portrait's lower-left corner rather than as a rail.

   Both rails now sit on .founder-layout, outside the portrait's clipping box,
   so neither can cross the photograph. Their geometry, segment count, segment
   proportions, gap, materials, edge treatment, keyframes and per-segment
   delays are the authored values, unchanged.

   CLEANUP PASS: the right rail no longer sits beside the photograph. It is
   anchored to the far right of the founder layout - which in the two-column
   layout is the right edge of the Founder & CEO description box - so the two
   rails frame the whole section as a deliberate pair rather than bracketing
   the portrait. It is a true mirror of the left rail about the layout's
   vertical axis: identical width, height, top, row proportions, gap, delays
   and material, with the chamfer and the gradient direction reflected, so the
   left rail points outward left and the right rail points outward right. */
.cspv2-founder-rail{position:absolute;top:var(--cspv2-rail-top,0px);height:var(--cspv2-rail-h,0px);width:26px;z-index:4;pointer-events:none!important;display:grid;grid-template-rows:1.15fr .72fr 1fr .58fr 1.28fr;gap:8px;opacity:.92;filter:drop-shadow(0 0 14px rgba(235,240,243,.12));}
.cspv2-founder-rail--left{left:var(--cspv2-rail-left,0px);}
.cspv2-founder-rail--right{left:var(--cspv2-rail-right,0px);}
.cspv2-founder-rail span{display:block;border:1px solid rgba(232,237,240,.24);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);animation:cspv2FounderRail 6.8s ease-in-out infinite;transform-origin:center;}
.cspv2-founder-rail--left span{background:linear-gradient(270deg,rgba(20,23,25,.92),rgba(184,191,196,.30) 48%,rgba(9,11,12,.96));clip-path:polygon(0 0,100% 0,100% 100%,20% 100%,0 78%);}
.cspv2-founder-rail--right span{background:linear-gradient(90deg,rgba(20,23,25,.92),rgba(184,191,196,.30) 48%,rgba(9,11,12,.96));clip-path:polygon(0 0,100% 0,100% 78%,80% 100%,0 100%);}
.cspv2-founder-rail span:nth-child(2){animation-delay:-1.2s}.cspv2-founder-rail span:nth-child(3){animation-delay:-2.6s}.cspv2-founder-rail span:nth-child(4){animation-delay:-3.8s}.cspv2-founder-rail span:nth-child(5){animation-delay:-5.1s}
@media(prefers-reduced-motion:reduce){.cspv2-founder-rail span{animation:none;transform:none;filter:none}}
@keyframes cspv2FounderRail{0%,100%{transform:translateY(0) scaleX(.92);filter:brightness(.82)}50%{transform:translateY(-5px) scaleX(1);filter:brightness(1.08)}}
@keyframes cspv2MethodFloat{0%,100%{transform:translateY(0) translateZ(0)}50%{transform:translateY(-5px) translateZ(0)}}
.cspv2-founder-right-edge{position:absolute;top:0;right:0;bottom:0;width:10px;pointer-events:none;opacity:.34;background:linear-gradient(270deg,rgba(230,235,238,.34),rgba(230,235,238,.08) 36%,transparent 78%);box-shadow:0 0 20px rgba(230,235,238,.08);}


.cspv2-balanced-slot--consultation{right:2.4%;bottom:-1.5%;width:min(56vw,720px);height:430px;opacity:.80;transform:scale(.93) translateY(5%) translateZ(0);transform-origin:bottom right;-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.48) 16%,#000 46%,rgba(0,0,0,.84) 86%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.48) 16%,#000 46%,rgba(0,0,0,.84) 86%,transparent 100%);}
.cspv2-balanced-slot--consultation .cspv2-canvas{filter:grayscale(1) brightness(.74) contrast(1.16);}

@media(max-width:1100px){
  /* hero orbit removed - no rule here any more */
  .cspv2-balanced-slot--solutions{top:145px;width:43vw;height:350px;opacity:.34;}
  /* METHOD: same slight lower-and-grow. Width is deliberately left alone at
     this breakpoint: the heading's metal-call span reaches x=429.6 at 834 and
     the slot's left edge is 440.4, so widening would put the two within a few
     pixels of each other. Height alone buys the size increase safely. */
  .cspv2-balanced-slot--method{top:40px;right:1.2%;width:min(46vw,384px);height:202px;opacity:.86;}
  /* 834: box ends at 242px, section-intro glyphs start at 279.5px - 37.5px clear. */
  .cspv2-balanced-slot--flow{top:380px;right:1.2%;width:min(48vw,400px);height:285px;opacity:.82;}
  .cspv2-balanced-slot--consultation{width:63vw;height:390px;}
}
@media(max-width:760px){
  /* hero orbit removed - no rule here any more */
  .cspv2-balanced-slot--solutions{top:178px;right:-4%;width:66vw;height:280px;opacity:.30;}
  /* METHOD: unchanged at this breakpoint - deliberately.
     The stacked layout leaves only the band above the section heading, and the
     slot already fills it: measured under the suite's warm-up the box ends
     3.3px above the h2's glyph top. Moving it down or growing it by even 8px
     puts it through the heading (verified: +8/+4 clipped the h2 by 7px and
     failed the overlap check at 390). There is no room here for either half of
     the request, so mobile keeps its approved position and size. */
  .cspv2-balanced-slot--method{top:6px;right:2%;width:min(74vw,300px);height:140px;opacity:.80;}
  .cspv2-balanced-slot--flow{top:399px;right:3%;width:min(70vw,300px);height:130px;opacity:.78;}
  .cspv2-balanced-slot--devices{inset:36px 2px 2px;transform:scale(.89) translateZ(0);opacity:.76;}
  #founder>.cspv2-layer{opacity:.74;filter:grayscale(1) brightness(.70) contrast(1.14);}
  .cspv2-founder-rail{width:14px;gap:5px;}
  .cspv2-balanced-slot--consultation{right:1%;bottom:-1%;width:94vw;height:315px;opacity:.72;transform:scale(.91) translateY(6%) translateZ(0);}
}



/* ===========================================================================
   Cerebro — round-03 refinement pass.

   Appended last, so where this pass and an earlier one carry equal specificity
   this pass settles the tie on order rather than on `!important`. `!important`
   is used only where the rule being overridden is itself `!important`, or where
   the value is written by a runtime library rather than a stylesheet.

   Nothing here changes typography scale, colour language, section structure or
   copy, except where a task explicitly asked for it.
   =========================================================================== */


/* ===========================================================================
   1. BUILT-IN — the darker clause takes its own line.

   The heading is one sentence in two treatments:

     Automation should not be layered on top of a business,   (bright)
     <span class="metal-call">it should be engineered into its core.</span>

   `.metal-call` is `display:inline` site-wide, so in this heading it began
   part-way along the second visual line. The rendered block therefore read

     Automation should not be layered
     on top of a business, it should be      <- bright and darker on ONE line
     engineered into its core.

   and it is that shared line - the bright clause sitting on the darker line -
   that made the treatment read wide and unresolved. Promoting the span to a
   block in this heading only gives the darker treatment its own line and
   nothing before it. Font, weight, size, gradient, letter-spacing and colour
   are untouched, and `.metal-call` stays inline in the Method and Flow
   headings, which are single-line and are not part of this request.
   =========================================================================== */
#company .section-grid h2 .metal-call{
  display:block;
  /* The gradient box is now the block box rather than the inline fragment
     union. Anchoring the ramp keeps the sweep across the clause identical to
     the inline rendering instead of restarting it per line. */
  background-size:190% 100%;
  background-position:12% 0;
  /* Measured: the clause is 1136.6px set solid, 4.6px wider than the column,
     so it cannot be a single line; and at the column's full width it breaks
     after "its", stranding "core." alone. `text-wrap:balance` splits it into
     two even lines wherever it is supported, and the 800px cap gives the same
     two-line break by ordinary greedy wrapping where it is not - so neither
     path can produce an orphan. The bright clause keeps the full column and
     its original two-line break. */
  max-width:min(100%,800px);
  text-wrap:balance;
}


/* ===========================================================================
   2. BUILT-IN — the four blocks.

   (a) The descriptor is permanently visible. CPI's `metadata-clarification`
       collapses it to `max-height:0;opacity:0` and only opens it while the
       block is hovered or focused, which is what made the blocks read as four
       bare glyphs. The collapse is undone here rather than by unregistering
       the feature, so the block keeps its `is-active` surface state.

   (b) Because the descriptor is now permanent body copy rather than a
       hover-revealed micro-label, 8px uppercase at .12em is too small to be
       the thing a reader is meant to read. It is lifted to 10px with more
       line height and a slightly brighter ink. This is the one typographic
       change in the pass and it is made in direct service of the stated
       older-audience concern; the label's style language - uppercase, tracked,
       muted - is unchanged.

   (c) Hover no longer reveals anything. It lifts the block out of the page
       instead: a real perspective transform, driven from `#company .metric`
       so it outranks `.cpi-card.is-active` without `!important`.
   =========================================================================== */
#company .metric .cpi-meta-descriptor{
  max-height:none !important;
  opacity:.86 !important;
  overflow:visible !important;
  transition:opacity .34s cubic-bezier(.22,.61,.36,1), color .34s cubic-bezier(.22,.61,.36,1) !important;
}
#company .metric>span{
  font-size:10px;
  line-height:1.62;
  letter-spacing:.085em;
  color:#7e878d;
  margin-top:14px;
  max-width:23ch;
}
#company .metric:hover>span,
#company .metric:focus-within>span{color:#98a1a7;}
#company .metric{padding:32px 22px 34px;}

/* The lift. `perspective` lives on the row so all four blocks share one
   vanishing point and the lift reads as one surface responding, not four
   independent pop-ups. */
#company .metrics{
  perspective:1150px;
  perspective-origin:50% 44%;
}
#company .metric{
  transform-style:preserve-3d;
  transition:transform .52s cubic-bezier(.16,1,.3,1),
             box-shadow .52s cubic-bezier(.16,1,.3,1),
             background-color .52s cubic-bezier(.16,1,.3,1),
             border-color .52s cubic-bezier(.16,1,.3,1);
}
#company .metric:hover,
#company .metric:focus-within{
  /* translateZ inside the row's perspective is what brings the block toward
     the reader; the small rotateX keeps it a tactile tilt rather than a zoom.
     Deliberately restrained - 5px of travel and 3 degrees. */
  transform:translate3d(0,-5px,30px) rotateX(3deg);
  background-color:rgba(11,13,15,.72);
  border-color:rgba(235,240,243,.17);
  box-shadow:0 30px 58px -30px rgba(0,0,0,.86),
             0 2px 26px -14px rgba(0,0,0,.7),
             inset 0 1px 0 rgba(255,255,255,.055);
  z-index:3;
}
#company .metric:focus-within{outline:none;}
@media(prefers-reduced-motion:reduce){
  #company .metric{transition:none;}
  #company .metric:hover,#company .metric:focus-within{transform:none;}
}
/* Touch pointers get the resting state; a lift that cannot be reversed by
   moving the pointer away would strand a block in the raised position. */
@media(hover:none){
  #company .metric:hover,#company .metric:focus-within{
    transform:none;box-shadow:none;background-color:transparent;
  }
}


/* ===========================================================================
   3. METHOD — noticeably larger and noticeably lower.

   The corridor this animation lived in is bounded above by the section top and
   below by the section introduction, and round-02 established it was already
   full: the box ended 9.9px above the introduction's glyphs at 1440, which is
   why that pass had to move it *up* rather than down.

   Two things make "bigger and lower" possible here without touching a single
   glyph:

   1. The introduction is two lines, and only the first reaches across. Its
      second line ends far short of the slot's left edge, so the region below
      the first line is free across the whole right side.
   2. The band between the section head and the stage tabs is opened by 208px,
      in this section only. Nothing moves horizontally, no type changes, and
      the tabs' own hairline stays in register with its circles because the
      space is added as margin rather than padding.

   The slot then sits below the introduction instead of above it - 314px lower
   than before - and grows from 600x266 to 700x288, +26% in area. Its left edge
   is placed clear of the introduction's second line, not of the paragraph box.

   All four values are measured ceilings, not chosen ones; the suite asserts
   the clearances.
   =========================================================================== */
#method .method-tabs{margin-top:208px;}
.cspv2-balanced-slot--method{
  top:352px;
  right:1.6%;
  width:min(52vw,700px);
  height:288px;
  opacity:.9;
}
@media(min-width:1301px){
  .cspv2-balanced-slot--method{top:356px;height:288px;}
}
@media(max-width:1100px){
  /* 834/1180 keep the same relationship, sized to their own measured band. */
  #method .method-tabs{margin-top:176px;}
  .cspv2-balanced-slot--method{top:322px;right:1.2%;width:min(54vw,470px);height:236px;opacity:.88;}
}
@media(max-width:760px){
  /* Stacked layout: the introduction runs the full column, so the only band is
     the one opened below it. Kept proportionally smaller so the animation
     never competes with the stage list on a phone. */
  /* 386 + 164 = 550 against a tab row that starts at 563.8 - 13.8px clear.
     The first sizing put the box's lower edge exactly on the tab row: it
     cleared by a fraction under normal motion and overlapped by 0.2px under
     reduced motion, where the reveal transition settles differently. Sized
     from the reduced-motion measurement, which is the tighter of the two. */
  #method .method-tabs{margin-top:150px;}
  .cspv2-balanced-slot--method{top:386px;right:2%;width:min(78vw,330px);height:164px;opacity:.82;}
}


/* ===========================================================================
   4. INTELLIGENT SYSTEM FLOW — part A, the animation comes down to the stages.

   It previously sat above the pathway band, so scrolling far enough to reach
   the stage circles pushed it out of view. It is brought down to sit with the
   circles: its vertical centre is placed on the circle row, and it is held to
   the right of the stage labels and clear of the copy below.

   The slot renders behind `.section-inner` (z-index 0 against 3), so it reads
   as depth behind the pathway rather than as a second object competing with
   it - which is what "visually connected to the circles" needs.

   Measured at 1440, section-relative: the stage circles occupy y 763.6-787.6
   (the selected one 742.6-780.6), and the first line of the stage copy below
   begins at y 927.6. The box is seated so its centre line lands on the circle
   row and its lower edge stops 15.6px above that copy.

     viewport   circle row      copy top   slot top x height   clearance
     1440        763.6-787.6      927.6      612 x 300           15.6px
     1180        716.4-740.4      874.2      566 x 292           16.2px
      834        673.5-697.5      812.0      524 x 272           16.0px
      390        537.2-561.2      —          472 x 236           see note
   =========================================================================== */
.cspv2-balanced-slot--flow{
  top:566px;
  right:1.2%;
  width:min(44vw,560px);
  height:292px;
  opacity:.82;
}
@media(min-width:1301px){
  .cspv2-balanced-slot--flow{top:612px;height:300px;width:min(44vw,610px);}
}
@media(max-width:1100px){
  .cspv2-balanced-slot--flow{top:556px;right:1.2%;width:min(52vw,430px);height:268px;opacity:.78;}
}
@media(max-width:760px){
  /* The map is vertical here and the circles run down the middle, so the
     animation sits behind the lower half of the run rather than beside it. */
  .cspv2-balanced-slot--flow{top:520px;right:2%;width:min(74vw,320px);height:240px;opacity:.7;}
}
/* Softer falloff than before: the box now overlaps the pathway band, so its
   edges have to dissolve rather than end. */
.cspv2-balanced-slot--flow:after{
  background:radial-gradient(ellipse at 50% 50%,
    rgba(3,4,5,.30) 0 12%, rgba(3,4,5,.10) 30%, transparent 52%);
}
.cspv2-balanced-slot--flow{
  -webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000 0 46%,rgba(0,0,0,.55) 72%,transparent 100%);
  mask-image:radial-gradient(ellipse at 50% 50%,#000 0 46%,rgba(0,0,0,.55) 72%,transparent 100%);
}


/* ===========================================================================
   5. INTELLIGENT SYSTEM FLOW — part B, the pathways and the stages.

   The three pathways were a 1px base stroke plus a 1px dashed thread, which is
   what made them read flat. They are now built as lit channels: five static
   layers plus the existing animated thread, all generated from the same centre
   line by the curve generator (see the `flow-cables` patch), with the shaded
   underside and the specular crest solved at a small offset along the path's
   own normal. That is why the lighting stays correct as the pathways weave,
   and why it still reads correctly at <=760px where the whole map is vertical.

   Base is graphite; the accents are white/silver and deliberately thin. The
   glow is a wide low-alpha spread rather than a blur filter, so it costs
   nothing and cannot bloom.
   =========================================================================== */
.cerebro-flow-curves{opacity:1;}
.cerebro-flow-curves path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;}

/* the controlled glow */
.cerebro-flow-curves .flow-haze{stroke:rgba(196,210,220,.045);stroke-width:11;}
.cerebro-flow-curves .flow-haze.thread-b{stroke-width:9;stroke:rgba(196,210,220,.032);}
.cerebro-flow-curves .flow-haze.thread-c{stroke-width:8;stroke:rgba(196,210,220,.026);}

/* the channel's contact shadow on the surface below it */
.cerebro-flow-curves .flow-cast{stroke:rgba(0,0,0,.55);stroke-width:5.4;}
.cerebro-flow-curves .flow-cast.thread-b{stroke-width:4.6;stroke:rgba(0,0,0,.45);}
.cerebro-flow-curves .flow-cast.thread-c{stroke-width:4.2;stroke:rgba(0,0,0,.38);}

/* the graphite body */
.cerebro-flow-curves .flow-core{stroke:#20252a;stroke-width:4.6;}
.cerebro-flow-curves .flow-core.thread-b{stroke:#1c2126;stroke-width:3.9;}
.cerebro-flow-curves .flow-core.thread-c{stroke:#191d22;stroke-width:3.4;}

/* the shaded underside, one normal-offset down */
.cerebro-flow-curves .flow-under{stroke:rgba(0,0,0,.45);stroke-width:2.6;}
.cerebro-flow-curves .flow-under.thread-b{stroke-width:2.2;}
.cerebro-flow-curves .flow-under.thread-c{stroke-width:1.9;}

/* the specular crest, one normal-offset up */
.cerebro-flow-curves .flow-crest{stroke:rgba(233,240,245,.40);stroke-width:1.15;}
.cerebro-flow-curves .flow-crest.thread-b{stroke:rgba(233,240,245,.28);stroke-width:1;}
.cerebro-flow-curves .flow-crest.thread-c{stroke:rgba(233,240,245,.20);stroke-width:.9;}

/* the rim that closes the channel */
.cerebro-flow-curves .flow-base{stroke:rgba(206,215,222,.20);stroke-width:.9;}
.cerebro-flow-curves .flow-base.thread-b{stroke:rgba(206,215,222,.15);}
.cerebro-flow-curves .flow-base.thread-c{stroke:rgba(206,215,222,.11);}

/* the travelling signal, unchanged in behaviour, brighter against the body */
.cerebro-flow-curves .flow-thread{stroke:rgba(244,249,252,.72);stroke-width:1.5;stroke-dasharray:10 18;}
.cerebro-flow-curves .flow-thread.thread-b{opacity:.5;stroke-width:1.2;stroke-dasharray:6 24;}
.cerebro-flow-curves .flow-thread.thread-c{opacity:.32;stroke-width:1;stroke-dasharray:2 28;}

/* ---- REPAIR: the seventh stage was unreachable ---------------------------
   The seven circles are authored `position:absolute` and placed by percentage
   inside `#flowNodes`. Something later in the cascade was winning on
   `.flow-node` and leaving them `position:relative`, so each circle kept its
   in-flow position and its percentage became an *offset from* that position
   rather than a position. The displacement is the summed width of every
   preceding circle - 0px on the first, 146px on the seventh - and since
   `.flow-map` is `overflow:hidden`, the seventh stage ("Reporting") was pushed
   past the map's right edge and clipped away entirely: not visible, not
   clickable.

   Measured on the round-02 baseline as well as here, so this is pre-existing
   and not introduced by this pass. It is repaired because it breaks the stage
   interaction this pass was asked to keep intact. Restoring the authored
   `position` also re-seats the circles evenly, and the pathway generator
   re-solves from their real rectangles, so the channels follow them. */
#flowNodes .flow-node{position:absolute;}

/* ---- the stage circles ---------------------------------------------------
   Same size, same hit area, same interaction: `.active` is still the only
   state the script touches. What changes is that the circle now has a body -
   a seated bezel, a lit upper rim, an inset well and a contact shadow - so it
   reads as a control on the channel rather than a ring drawn over it. */
.flow-node{
  width:24px;height:24px;
  border:0;
  background:
    radial-gradient(circle at 50% 118%, rgba(236,242,246,.16) 0 42%, transparent 62%),
    linear-gradient(168deg, #3a4147 0%, #23282d 44%, #12161a 100%);
  box-shadow:
    0 0 0 1px rgba(232,238,242,.20),
    inset 0 1px 0 rgba(255,255,255,.13),
    inset 0 -2px 4px rgba(0,0,0,.6),
    0 6px 14px -6px rgba(0,0,0,.85);
  transition:width .35s var(--ease,cubic-bezier(.22,.61,.36,1)),
             height .35s var(--ease,cubic-bezier(.22,.61,.36,1)),
             box-shadow .35s var(--ease,cubic-bezier(.22,.61,.36,1)),
             background-color .35s var(--ease,cubic-bezier(.22,.61,.36,1));
}
.flow-node:after{
  inset:6px;
  background:
    radial-gradient(circle at 38% 30%, #cdd5da 0%, #7e878e 40%, #454c52 100%);
  box-shadow:inset 0 -1px 2px rgba(0,0,0,.5), 0 0 6px rgba(200,212,220,.16);
  transition:inset .35s ease, background .35s ease, box-shadow .35s ease;
}
.flow-node:hover{
  box-shadow:
    0 0 0 1px rgba(240,246,250,.34),
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -2px 4px rgba(0,0,0,.6),
    0 8px 18px -7px rgba(0,0,0,.9);
}
.flow-node.active{
  width:38px;height:38px;
  border:0;
  background:
    radial-gradient(circle at 50% 118%, rgba(244,249,252,.24) 0 42%, transparent 60%),
    linear-gradient(168deg, #4c545a 0%, #2b3136 46%, #14181c 100%);
  box-shadow:
    0 0 0 1px rgba(248,252,255,.55),
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -3px 6px rgba(0,0,0,.62),
    0 10px 24px -8px rgba(0,0,0,.9),
    0 0 34px rgba(226,238,246,.22);
}
.flow-node.active:after{
  inset:8px;
  background:radial-gradient(circle at 38% 28%, #ffffff 0%, #e6ecf0 38%, #aeb7bd 100%);
  box-shadow:0 0 14px rgba(255,255,255,.6), inset 0 -1px 2px rgba(0,0,0,.18);
}
@media(prefers-reduced-motion:reduce){
  .flow-node,.flow-node:after{transition:none;}
}


/* ===========================================================================
   6. FOUNDER — no animation, a slightly tighter top crop, exact bottom edges.

   The module, the shade, both rails and the portrait's overlay are removed in
   script (see the `founder-block`, `founder-right-edge`, `founder-cpi` and
   `founder-csm` patches) rather than hidden here. These rules close the door
   on anything an earlier pass might still be able to paint or move, and carry
   the crop change.
   =========================================================================== */
#founder .cspv2-layer,
#founder .cspv2-founder-shade,
#founder .cspv2-founder-rail,
#founder .cspv2-founder-right-edge,
#founder .cpi-depth-thread,
#founder .cpi-image-edge,
#founder .cpi-pulse-track,
#founder .cpi-pulse-beam,
#founder .cpi-heading-depth-layer,
#founder .cpi-proximity-layer,
#founder .cpi-card-sweep,
#founder .csm-layer,
#founder .csm-canvas{display:none !important;}

/* Nothing inside the section animates, transitions or is transformed by a
   pointer. The `.reveal` entrance is site-wide and is deliberately left in
   place, so the section still arrives the way every other section does. */
#founder .founder-layout *,
#founder .founder-story *,
#founder .portrait,
#founder .portrait img,
#founder .founder-copy,
#founder .founder-copy *{
  animation:none !important;
}
#founder .portrait,
#founder .portrait img,
#founder .founder-copy,
#founder .founder-chapter,
#founder .founder-copy h2{
  transform:none !important;
}
#founder .founder-chapter.cpi-card{
  /* the card keeps its surface response; it is no longer allowed to move */
  transition:border-color .4s ease, background-color .4s ease !important;
}
#founder .portrait{cursor:default;}

/* TOP CROP - tightened by 2.4 points.
   The negative margin resolves against the portrait's own width and the
   image's height is a fixed ratio of that width, so the same proportion of
   headroom is removed at every breakpoint and the photograph is never scaled
   or resampled. The previous pass measured 37px of image overrun past the
   painted window at 1440 and 21px at 390, so removing a further 2.4% of the
   width - about 10px at 1440, 6px at 390 - keeps the window fully covered at
   every breakpoint and cannot expose the container behind it. */
#founder .portrait img{margin-top:-21.8%;}

/* The painted bottom is unchanged at 10.8%, so the alignment solve in script
   is unaffected by the crop change; it now reads that number from the computed
   clip-path rather than duplicating it. */


/* ===========================================================================
   7. FOOTER WORDMARK — smaller, with a restrained glow behind it.

   The mask is `left center/contain no-repeat`, so height alone drives the
   drawn size. 14vw/215px becomes 8.4vw/126px - about 41% smaller on a desktop
   viewport - and the glow is a soft elliptical wash behind the mask rather
   than a filter on it, so the letterforms keep their exact edges and nothing
   blooms into the copy beneath.
   =========================================================================== */
footer .wordmark{
  height:clamp(52px,8.4vw,126px);
  position:relative;
  isolation:isolate;
}
footer .wordmark:before{
  content:"";
  position:absolute;
  left:0; top:50%;
  width:min(62%,560px); height:190%;
  transform:translateY(-50%);
  background:radial-gradient(ellipse at 34% 50%,
    rgba(206,219,228,.115) 0%,
    rgba(168,182,192,.055) 34%,
    rgba(120,133,143,.018) 58%,
    transparent 76%);
  pointer-events:none;
  z-index:0;
}
footer .wordmark .footer-logo-mask{position:relative;z-index:1;}
@media(max-width:1080px){
  footer .wordmark{height:13.5vw;min-height:52px;}
  footer .wordmark:before{width:min(74%,420px);}
}
@media(max-width:760px){
  footer .wordmark:before{width:86%;height:170%;}
}



/* ===========================================================================
   Cerebro round-04 — nine solution scenes.

   The Round-03 identities are preserved exactly: same nine concepts, same
   silhouettes, same motion language, same one-definition-two-placements rule.
   This revision raises production value by adding, per scene, two or three
   secondary layers that carry the *service's* meaning — an enquiry arriving
   and being acknowledged, a lead being rejected at a gate, a branch resolving
   into one output — instead of more abstract rotation.

   Held from Round 03, deliberately:
   - transform and opacity only; nothing animates layout, filter or box-shadow;
   - no two coplanar surfaces share a Z value (z-fighting);
   - every surface visible from behind has a real back face or is
     `backface-visibility:hidden`; nothing renders mirrored;
   - easing is `cubic-bezier(.42,0,.58,1)` or linear — no bounce, no snap;
   - no per-frame JavaScript.

   Palette is matte: graphite bodies, metallic grey, soft silver, restrained
   white highlights. No colour, no neon, no bloom.

   Geometry is authored inside x,y ∈ [12,248] of the 260 box so that the larger
   Round-04 scale cannot reach the host's edge.
   =========================================================================== */

.r3sv{
  position:absolute; inset:0; display:grid; place-items:center;
  pointer-events:none; user-select:none;
  --r3-u:260px;
  --r3-s:1;
  /* 920 -> 1400. A shallower projection: an element at +56px was being
     displaced 6.5% outward from the scene's centre, which is what kept pushing
     the extreme elements of individual scenes past their host at the larger
     Round-04 scale. At 1400 the same element moves 4.2%. The depth read is
     unchanged to the eye - these scenes are only ~110px deep - and every
     overflow shrinks by a third at once. */
  --r3-persp:1400px;
  /* Material language: graphite bodies, restrained silver edges, one specular. */
  --r3-line:rgba(226,232,236,.30);
  --r3-line-soft:rgba(226,232,236,.125);
  --r3-line-bright:rgba(242,247,250,.62);
  --r3-plate:linear-gradient(148deg,rgba(38,43,46,.88) 0%,rgba(19,22,24,.92) 52%,rgba(9,11,12,.95) 100%);
  --r3-plate-lit:linear-gradient(148deg,rgba(64,71,76,.92) 0%,rgba(26,30,33,.94) 58%,rgba(12,14,16,.96) 100%);
  --r3-sheen:linear-gradient(150deg,rgba(216,224,230,.14) 0%,rgba(216,224,230,.02) 44%,transparent 72%);
  --r3-ease:cubic-bezier(.42,0,.58,1);
}
.r3sv-stage{
  width:var(--r3-u); height:var(--r3-u);
  perspective:var(--r3-persp); perspective-origin:50% 48%;
  transform:scale(var(--r3-s));
}
.r3sv-scene{
  position:relative; width:100%; height:100%;
  transform-style:preserve-3d;
  animation:r3Yaw 26s var(--r3-ease) infinite;
}
.r3sv i,.r3sv b,.r3sv u,.r3sv s{
  position:absolute; display:block; transform-style:preserve-3d;
  font:inherit; text-decoration:none;
}

/* ---- shared primitives -------------------------------------------------- */
.r3sv .r3p-plate{
  background:var(--r3-plate);
  border:1px solid var(--r3-line-soft);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055), 0 20px 44px -30px rgba(0,0,0,.95);
}
.r3sv .r3p-plate.r3p-lit{background:var(--r3-plate-lit); border-color:var(--r3-line);}
.r3sv .r3p-sheen{background:var(--r3-sheen); border:0; box-shadow:none;}
.r3sv .r3p-ring{border:1px solid var(--r3-line); border-radius:50%; background:none;}
.r3sv .r3p-ring.r3p-thin{border-color:var(--r3-line-soft);}
.r3sv .r3p-ring.r3p-bright{border-color:var(--r3-line-bright);}
.r3sv .r3p-node{
  border-radius:50%;
  background:radial-gradient(circle at 34% 28%,#f4f8fa 0%,#aab2b8 38%,#3b4145 72%,#171a1c 100%);
  box-shadow:0 0 10px rgba(226,236,242,.30);
}
.r3sv .r3p-rail{
  height:1px;
  background:linear-gradient(90deg,rgba(226,232,236,.02),rgba(226,232,236,.34),rgba(226,232,236,.02));
}
.r3sv .r3p-spark{
  width:5px; height:5px; border-radius:50%;
  background:radial-gradient(circle,#f6fafc 0%,rgba(214,224,230,.55) 45%,transparent 72%);
}

/* Scene-wide yaw. Amplitude is small on purpose: the forms turn in the light,
   they do not spin.

   `--r3-oy` re-centres a scene whose drawn mass does not sit symmetrically
   about the design box's centre. Sales and Custom both grew downward when
   their secondary layers were added (a floor line, orbiting satellites), which
   pushed their projected content past the host's lower edge once the scene was
   scaled up. Correcting it here keeps each scene's internal geometry exactly as
   authored and re-seats the whole composition instead. */
@keyframes r3Yaw{
  0%,100%{transform:translateY(var(--r3-oy,0px)) rotateY(-9deg) rotateX(2deg);}
  50%    {transform:translateY(var(--r3-oy,0px)) rotateY(9deg)  rotateX(-2deg);}
}
.r3sv--sales{--r3-oy:-34px;}
.r3sv--custom{--r3-oy:-18px;}
.r3sv--leads{--r3-oy:-14px;}

/* ===========================================================================
   01 — AI Receptionists : GATEWAY
   =========================================================================== */
.r3sv--reception .r3p-gate{left:96px; top:62px; width:70px; height:138px;
  transform:rotateY(-19deg) translateZ(0);}
.r3sv--reception .r3p-gate-sheen{left:96px; top:62px; width:70px; height:138px;
  transform:rotateY(-19deg) translateZ(.6px);}
.r3sv--reception .r3p-aperture{left:107px; top:106px; width:48px; height:48px;
  transform:rotateY(-19deg) translateZ(2px);
  animation:r3Aperture 4.6s var(--r3-ease) infinite;}
.r3sv--reception .r3p-aperture-core{left:122px; top:121px; width:18px; height:18px;
  transform:rotateY(-19deg) translateZ(4px);
  animation:r3ApertureCore 4.6s var(--r3-ease) infinite;}
/* ADDED — the acknowledgement. Fires outward from the aperture on the same
   3.4s period as an arriving enquiry, so the response reads as caused by it. */
.r3sv--reception .r3p-ack{left:107px; top:106px; width:48px; height:48px;
  border-color:var(--r3-line-bright);
  transform:rotateY(-19deg) translateZ(3px);
  animation:r3Ack 3.4s var(--r3-ease) infinite;}
/* ADDED — incoming signal arcs, the enquiry approaching before it lands. */
.r3sv--reception .r3p-arc{
  border:1px solid var(--r3-line-soft); border-radius:50%;
  border-right-color:transparent; border-top-color:transparent;
  animation:r3Arc 3.4s var(--r3-ease) infinite;
}
.r3sv--reception .r3p-arc.r3p-a1{left:16px; top:96px; width:68px; height:68px;}
.r3sv--reception .r3p-arc.r3p-a2{left:6px;  top:82px; width:96px; height:96px; animation-delay:-.5s;}
.r3sv--reception .r3p-arc.r3p-a3{left:-4px; top:68px; width:124px; height:124px; animation-delay:-1s;}
/* ADDED — live conversation at the desk. Five bars, one shared keyframe,
   staggered; amplitude deliberately small so it reads as speech, not a meter. */
.r3sv--reception .r3p-wave{
  width:2px; border-radius:1px; bottom:auto; top:118px; height:24px;
  transform-origin:50% 50%;
  background:linear-gradient(180deg,rgba(226,232,236,.06),rgba(226,232,236,.46),rgba(226,232,236,.06));
  animation:r3Wave 1.9s var(--r3-ease) infinite;
}
.r3sv--reception .r3p-wave.r3p-w1{left:176px; animation-delay:-.15s;}
.r3sv--reception .r3p-wave.r3p-w2{left:183px; animation-delay:-.45s;}
.r3sv--reception .r3p-wave.r3p-w3{left:190px; animation-delay:-.75s;}
.r3sv--reception .r3p-wave.r3p-w4{left:197px; animation-delay:-1.05s;}
.r3sv--reception .r3p-wave.r3p-w5{left:204px; animation-delay:-1.35s;}
.r3sv--reception .r3p-chan{left:16px; width:86px;}
.r3sv--reception .r3p-chan.r3p-c1{top:96px;  transform:translateZ(38px);}
.r3sv--reception .r3p-chan.r3p-c2{top:130px; transform:translateZ(0);}
.r3sv--reception .r3p-chan.r3p-c3{top:164px; transform:translateZ(-38px);}
.r3sv--reception .r3p-pip{animation:r3PipIn 3.4s var(--r3-ease) infinite;}
.r3sv--reception .r3p-pip.r3p-c1{left:16px; top:94px;  --z:38px;}
.r3sv--reception .r3p-pip.r3p-c2{left:16px; top:128px; --z:0px;   animation-delay:-1.15s;}
.r3sv--reception .r3p-pip.r3p-c3{left:16px; top:162px; --z:-38px; animation-delay:-2.3s;}
.r3sv--reception .r3p-chan.r3p-out{left:160px; top:130px; width:82px; transform:translateZ(0);}
.r3sv--reception .r3p-pip.r3p-out{left:160px; top:128px;
  animation:r3PipOut 3.4s var(--r3-ease) infinite; animation-delay:-.6s;}
@keyframes r3Aperture{0%,100%{opacity:.55; transform:rotateY(-19deg) translateZ(2px) scale(.94);}
                      50%    {opacity:1;   transform:rotateY(-19deg) translateZ(2px) scale(1.1);}}
@keyframes r3ApertureCore{0%,100%{opacity:.5;} 50%{opacity:1;}}
@keyframes r3Ack{
  0%,58%{opacity:0; transform:rotateY(-19deg) translateZ(3px) scale(.9);}
  66%   {opacity:.85;}
  100%  {opacity:0; transform:rotateY(-19deg) translateZ(3px) scale(1.9);}
}
@keyframes r3Arc{
  0%   {opacity:0;   transform:rotateY(-19deg) scale(1.06);}
  22%  {opacity:.62;}
  62%  {opacity:.16;}
  100% {opacity:0;   transform:rotateY(-19deg) scale(.72);}
}
@keyframes r3Wave{0%,100%{transform:scaleY(.34);} 50%{transform:scaleY(1);}}
@keyframes r3PipIn{
  0%   {opacity:0; transform:translateZ(var(--z,0)) translateX(0);}
  14%  {opacity:1;}
  74%  {opacity:1;}
  100% {opacity:0; transform:translateZ(var(--z,0)) translateX(82px);}
}
@keyframes r3PipOut{
  0%   {opacity:0; transform:translateX(0);}
  16%  {opacity:1;}
  76%  {opacity:1;}
  100% {opacity:0; transform:translateX(78px);}
}

/* ===========================================================================
   02 — Lead Systems : QUALIFYING COLUMN
   =========================================================================== */
.r3sv--leads .r3p-disc{
  border-radius:50%; border:1px solid var(--r3-line);
  animation:r3DiscSpin 18s linear infinite;
  transform:translateY(var(--dy,0)) rotateX(74deg);
}
.r3sv--leads .r3p-disc.r3p-d1{left:48px; top:48px; width:164px; height:164px; --dy:-58px;}
.r3sv--leads .r3p-disc.r3p-d2{left:64px; top:64px; width:132px; height:132px; --dy:-18px; animation-direction:reverse; animation-duration:14s;}
.r3sv--leads .r3p-disc.r3p-d3{left:81px; top:81px; width:98px;  height:98px;  --dy:22px;  animation-duration:11s;}
.r3sv--leads .r3p-disc.r3p-d4{left:97px; top:97px; width:66px;  height:66px;  --dy:62px;  animation-direction:reverse; animation-duration:8.5s; border-color:var(--r3-line-bright);}
/* ADDED — scoring. Six marks around the intake disc brighten in sequence, so
   the first gate reads as assessing rather than merely admitting. */
.r3sv--leads .r3p-tick{
  width:7px; height:1px; background:rgba(226,232,236,.5);
  left:127px; top:129px; transform-origin:-45px 50%;
  animation:r3Score 5.6s var(--r3-ease) infinite;
}
.r3sv--leads .r3p-tick.r3p-k1{transform:translateY(-58px) rotateX(74deg) rotate(0deg)   translateX(45px);}
.r3sv--leads .r3p-tick.r3p-k2{transform:translateY(-58px) rotateX(74deg) rotate(60deg)  translateX(45px); animation-delay:-.5s;}
.r3sv--leads .r3p-tick.r3p-k3{transform:translateY(-58px) rotateX(74deg) rotate(120deg) translateX(45px); animation-delay:-1s;}
.r3sv--leads .r3p-tick.r3p-k4{transform:translateY(-58px) rotateX(74deg) rotate(180deg) translateX(45px); animation-delay:-1.5s;}
.r3sv--leads .r3p-tick.r3p-k5{transform:translateY(-58px) rotateX(74deg) rotate(240deg) translateX(45px); animation-delay:-2s;}
.r3sv--leads .r3p-tick.r3p-k6{transform:translateY(-58px) rotateX(74deg) rotate(300deg) translateX(45px); animation-delay:-2.5s;}
.r3sv--leads .r3p-tok{top:34px; width:6px; height:6px; border-radius:50%;
  background:radial-gradient(circle at 34% 28%,#f4f8fa,#9aa3a9 44%,#22262a 100%);
  animation:r3Descend 5.6s var(--r3-ease) infinite;}
.r3sv--leads .r3p-tok.r3p-t1{left:106px; --dx:22px;}
.r3sv--leads .r3p-tok.r3p-t2{left:150px; --dx:-22px; animation-delay:-1.4s;}
.r3sv--leads .r3p-tok.r3p-t3{left:120px; --dx:8px;   animation-delay:-2.8s;}
.r3sv--leads .r3p-tok.r3p-t4{left:141px; --dx:-12px; animation-delay:-4.2s;}
/* ADDED — one lead that does not qualify: it reaches the second gate and is
   turned aside. Without this the column reads as a funnel that accepts
   everything, which is the opposite of what the service does. */
.r3sv--leads .r3p-tok.r3p-rej{left:133px; animation:r3Reject 5.6s var(--r3-ease) infinite; animation-delay:-3.4s;}
/* ADDED — the organised pipeline the qualified lead lands in. */
.r3sv--leads .r3p-pipe{left:116px; top:170px; width:28px; height:50px;
  border-left:1px solid var(--r3-line); border-right:1px solid var(--r3-line);
  background:linear-gradient(180deg,rgba(226,232,236,.035),transparent 70%);}
.r3sv--leads .r3p-rung{left:116px; width:28px; height:1px; background:rgba(226,232,236,.34);
  animation:r3Rung 5.6s var(--r3-ease) infinite;}
.r3sv--leads .r3p-rung.r3p-r1{top:182px;}
.r3sv--leads .r3p-rung.r3p-r2{top:195px; animation-delay:-.45s;}
.r3sv--leads .r3p-rung.r3p-r3{top:208px; animation-delay:-.9s;}
.r3sv--leads .r3p-core{left:120px; top:206px; width:20px; height:20px;
  animation:r3CorePulse 5.6s var(--r3-ease) infinite;}
@keyframes r3DiscSpin{to{transform:translateY(var(--dy,0)) rotateX(74deg) rotateZ(360deg);}}
@keyframes r3Score{0%,100%{opacity:.16;} 40%{opacity:.9;} 72%{opacity:.3;}}
@keyframes r3Descend{
  0%  {opacity:0; transform:translate3d(0,0,32px) scale(1);}
  12% {opacity:1;}
  84% {opacity:1;}
  100%{opacity:0; transform:translate3d(var(--dx,0),206px,-42px) scale(.5);}
}
@keyframes r3Reject{
  0%  {opacity:0; transform:translate3d(0,0,40px) scale(1);}
  10% {opacity:1;}
  44% {opacity:1; transform:translate3d(-2px,88px,10px) scale(.86);}
  66% {opacity:.5; transform:translate3d(-46px,104px,-4px) scale(.7);}
  100%{opacity:0;  transform:translate3d(-74px,118px,-14px) scale(.6);}
}
@keyframes r3Rung{0%,100%{opacity:.2;} 46%{opacity:.8;}}
@keyframes r3CorePulse{0%,100%{opacity:.45; transform:scale(.86);} 62%{opacity:1; transform:scale(1.06);}}

/* ===========================================================================
   03 — Customer-Service Systems : TRIAGE
   =========================================================================== */
/* ADDED — the queue. Six waiting request modules whose brightness re-orders on
   a slow cycle: priority sorting, before anything reaches the hub. */
.r3sv--service .r3p-mod{
  width:16px; height:9px; border-radius:1px;
  border:1px solid var(--r3-line-soft);
  background:linear-gradient(150deg,rgba(40,45,49,.7),rgba(14,17,19,.8));
  animation:r3Queue 6.4s var(--r3-ease) infinite;
}
.r3sv--service .r3p-mod.r3p-m1{left:14px; top:96px;  transform:translateZ(18px);}
.r3sv--service .r3p-mod.r3p-m2{left:36px; top:96px;  transform:translateZ(18px); animation-delay:-1.05s;}
.r3sv--service .r3p-mod.r3p-m3{left:14px; top:112px; transform:translateZ(0);    animation-delay:-2.1s;}
.r3sv--service .r3p-mod.r3p-m4{left:36px; top:112px; transform:translateZ(0);    animation-delay:-3.15s;}
.r3sv--service .r3p-mod.r3p-m5{left:14px; top:128px; transform:translateZ(-18px);animation-delay:-4.2s;}
.r3sv--service .r3p-mod.r3p-m6{left:36px; top:128px; transform:translateZ(-18px);animation-delay:-5.25s;}
.r3sv--service .r3p-hub{left:98px; top:98px; width:64px; height:64px;
  transform:rotateZ(45deg) rotateY(-14deg);}
.r3sv--service .r3p-hub-ring{left:110px; top:110px; width:40px; height:40px;
  transform:translateZ(3px); animation:r3HubRing 5s var(--r3-ease) infinite;}
.r3sv--service .r3p-hub-core{left:123px; top:123px; width:14px; height:14px; transform:translateZ(6px);}
.r3sv--service .r3p-feed{left:60px; top:130px; width:36px;}
.r3sv--service .r3p-arm{width:66px; transform-origin:left center;}
.r3sv--service .r3p-arm.r3p-up  {left:162px; top:130px; transform:rotateZ(-30deg) translateZ(24px);}
.r3sv--service .r3p-arm.r3p-down{left:162px; top:130px; transform:rotateZ(30deg)  translateZ(-24px);}
.r3sv--service .r3p-end{width:9px; height:9px; border-radius:50%; border:1px solid var(--r3-line);}
.r3sv--service .r3p-end.r3p-up  {left:220px; top:94px;  transform:translateZ(24px);}
.r3sv--service .r3p-end.r3p-down{left:220px; top:162px; transform:translateZ(-24px);}
/* ADDED — closure. A calm ring opens at whichever outcome the request reached,
   phase-locked to that request's arrival. */
.r3sv--service .r3p-res{width:22px; height:22px; border-color:var(--r3-line-bright);}
.r3sv--service .r3p-res.r3p-up  {left:213px; top:87px;  transform:translateZ(24px);
  animation:r3Resolve 5.6s var(--r3-ease) infinite;}
.r3sv--service .r3p-res.r3p-down{left:213px; top:155px; transform:translateZ(-24px);
  animation:r3Resolve 5.6s var(--r3-ease) infinite; animation-delay:-2.8s;}
.r3sv--service .r3p-req{width:14px; height:9px; border-radius:1px;
  background:linear-gradient(150deg,rgba(216,224,230,.5),rgba(140,150,158,.2));
  box-shadow:0 0 8px rgba(214,226,234,.16);}
.r3sv--service .r3p-req.r3p-a{left:60px; top:126px; animation:r3TriageUp 5.6s var(--r3-ease) infinite;}
.r3sv--service .r3p-req.r3p-b{left:60px; top:126px; animation:r3TriageDown 5.6s var(--r3-ease) infinite; animation-delay:-2.8s;}
@keyframes r3Queue{0%,100%{opacity:.28;} 30%{opacity:.85;} 58%{opacity:.4;}}
@keyframes r3HubRing{0%,100%{opacity:.5; transform:translateZ(3px) rotate(0deg) scale(.94);}
                     50%    {opacity:1;  transform:translateZ(3px) rotate(180deg) scale(1.06);}}
@keyframes r3Resolve{
  0%,74%{opacity:0; transform:translateZ(var(--rz,0)) scale(.6);}
  84%   {opacity:.8;}
  100%  {opacity:0; transform:translateZ(var(--rz,0)) scale(1.5);}
}
.r3sv--service .r3p-res.r3p-up{--rz:24px;} .r3sv--service .r3p-res.r3p-down{--rz:-24px;}
@keyframes r3TriageUp{
  0%  {opacity:0; transform:translate3d(0,0,0);}
  10% {opacity:1;}
  44% {opacity:1; transform:translate3d(56px,0,0);}
  50% {transform:translate3d(56px,0,12px);}
  92% {opacity:1; transform:translate3d(160px,-38px,24px);}
  100%{opacity:0; transform:translate3d(166px,-42px,24px);}
}
@keyframes r3TriageDown{
  0%  {opacity:0; transform:translate3d(0,0,0);}
  10% {opacity:1;}
  44% {opacity:1; transform:translate3d(56px,0,0);}
  50% {transform:translate3d(56px,0,-12px);}
  92% {opacity:1; transform:translate3d(160px,38px,-24px);}
  100%{opacity:0; transform:translate3d(166px,42px,-24px);}
}

/* ===========================================================================
   04 — Sales Automation : STAGE GATES
   Reworked from Round 03's bars, as briefed — no stock-chart reading. The five
   stages are gates; a deal clears them in order and each lights as it passes.
   =========================================================================== */
/* The five stages are doorways of equal size stepping forward and slightly up,
   NOT bars of increasing height. Equal height is the whole point: rising bars
   plus a rising line is a stock chart, which the brief rules out. The rise is
   12px per stage — enough to read as forward progress, not as a graph. */
.r3sv--sales .r3p-gate{
  width:34px; height:64px;
  border:1px solid var(--r3-line-soft); border-radius:2px;
  background:linear-gradient(150deg,rgba(30,34,37,.42),rgba(10,12,14,.55));
}
.r3sv--sales .r3p-gate:after{
  /* the opening the deal passes through */
  content:""; position:absolute; left:7px; right:7px; top:12px; bottom:12px;
  border:1px solid rgba(226,232,236,.09); border-radius:1px;
}
.r3sv--sales .r3p-gate>.r3p-lit{
  left:-1px; right:-1px; top:-1px; bottom:-1px; width:auto; height:auto;
  border:1px solid var(--r3-line-bright); border-radius:2px;
  box-shadow:0 0 14px rgba(226,238,246,.18);
  animation:r3GateLit 6.8s var(--r3-ease) infinite;
}
.r3sv--sales .r3p-gate.r3p-g1{left:28px;  top:150px; transform:translateZ(56px)  rotateY(-20deg);}
.r3sv--sales .r3p-gate.r3p-g2{left:70px;  top:138px; transform:translateZ(28px)  rotateY(-20deg);}
.r3sv--sales .r3p-gate.r3p-g3{left:112px; top:126px; transform:translateZ(0)     rotateY(-20deg);}
.r3sv--sales .r3p-gate.r3p-g4{left:154px; top:114px; transform:translateZ(-28px) rotateY(-20deg);}
.r3sv--sales .r3p-gate.r3p-g5{left:196px; top:102px; transform:translateZ(-56px) rotateY(-20deg);
  border-color:var(--r3-line);}
.r3sv--sales .r3p-gate.r3p-g2>.r3p-lit{animation-delay:-.62s;}
.r3sv--sales .r3p-gate.r3p-g3>.r3p-lit{animation-delay:-1.24s;}
.r3sv--sales .r3p-gate.r3p-g4>.r3p-lit{animation-delay:-1.86s;}
.r3sv--sales .r3p-gate.r3p-g5>.r3p-lit{animation-delay:-2.48s;}
/* the floor the gates stand on, receding with them */
.r3sv--sales .r3p-deck{left:22px; top:216px; width:212px; height:1px;
  transform:rotateZ(-3.2deg);
  background:linear-gradient(90deg,transparent,rgba(226,232,236,.16) 22%,rgba(226,232,236,.16) 78%,transparent);}
/* a guide along the gate heads — a route, not a trend line */
.r3sv--sales .r3p-trend{
  left:32px; top:148px; width:186px; height:1px; transform-origin:left center;
  transform:rotateZ(-3.7deg) translateZ(4px);
  background:linear-gradient(90deg,rgba(242,247,250,.04),rgba(242,247,250,.26));
}
/* two deals in flight, half a cycle apart, so progression is continuous */
.r3sv--sales .r3p-marker.r3p-m1{left:42px; top:179px; animation:r3Climb 6.8s var(--r3-ease) infinite;}
.r3sv--sales .r3p-marker.r3p-m2{left:42px; top:179px; animation:r3Climb 6.8s var(--r3-ease) infinite; animation-delay:-3.4s;}
/* the conversion, at the last gate only */
.r3sv--sales .r3p-seal{left:196px; top:116px; width:34px; height:34px;
  border-color:var(--r3-line-bright);
  animation:r3Seal 6.8s var(--r3-ease) infinite;}
@keyframes r3GateLit{0%,100%{opacity:0;} 8%{opacity:.9;} 26%{opacity:0;}}
@keyframes r3Climb{
  0%  {opacity:0; transform:translate3d(0,0,56px);}
  10% {opacity:1;}
  88% {opacity:1; transform:translate3d(168px,-48px,-56px);}
  100%{opacity:0; transform:translate3d(178px,-51px,-56px);}
}
@keyframes r3Seal{
  0%,74%{opacity:0; transform:scale(.62);}
  84%   {opacity:.75;}
  100%  {opacity:0; transform:scale(1.4);}
}

/* ===========================================================================
   05 — Websites : LAYERED FRONT DOOR
   =========================================================================== */
.r3sv--sites .r3p-pane{
  left:56px; top:76px; width:150px; height:108px; border-radius:2px;
  animation:r3PaneDrift 8.2s var(--r3-ease) infinite;
  transform:translate3d(var(--px,0),var(--py,0),var(--pz,0)) rotateY(-21deg) rotateX(7deg);
}
.r3sv--sites .r3p-pane.r3p-p1{--px:-32px; --py:-18px; --pz:-54px;}
.r3sv--sites .r3p-pane.r3p-p2{--px:-16px; --py:-9px;  --pz:0px;   animation-delay:-2.7s;}
.r3sv--sites .r3p-pane.r3p-p3{--px:0px;   --py:0px;   --pz:54px;  animation-delay:-5.4s;
  background:var(--r3-plate-lit); border-color:var(--r3-line);}
/* ADDED — browser-frame geometry, so the front plane reads as a site rather
   than a card. */
.r3sv--sites .r3p-chrome{left:56px; top:76px; width:150px; height:13px;
  border-bottom:1px solid var(--r3-line-soft);
  background:linear-gradient(180deg,rgba(48,54,58,.55),rgba(20,23,26,.35));
  transform:translateZ(55px) rotateY(-21deg) rotateX(7deg);}
.r3sv--sites .r3p-dot{width:3px; height:3px; border-radius:50%; top:81px;
  background:rgba(226,232,236,.34);
  transform:translateZ(56px) rotateY(-21deg) rotateX(7deg);}
.r3sv--sites .r3p-dot.r3p-o1{left:62px;} .r3sv--sites .r3p-dot.r3p-o2{left:69px;} .r3sv--sites .r3p-dot.r3p-o3{left:76px;}
.r3sv--sites .r3p-row{height:1px; left:68px;
  background:linear-gradient(90deg,rgba(226,232,236,.34),rgba(226,232,236,.05));
  transform:translateZ(55px) rotateY(-21deg) rotateX(7deg);}
.r3sv--sites .r3p-row.r3p-r1{top:100px; width:78px;}
.r3sv--sites .r3p-row.r3p-r2{top:114px; width:104px;}
.r3sv--sites .r3p-row.r3p-r3{top:128px; width:60px;}
/* ADDED — the responsive behaviour: two content blocks that change
   configuration on a cycle, wide then split. */
.r3sv--sites .r3p-blk{
  height:16px; top:138px; border-radius:1px;
  border:1px solid var(--r3-line-soft);
  background:linear-gradient(150deg,rgba(44,50,54,.5),rgba(16,19,21,.6));
  animation:r3Reflow 7.4s var(--r3-ease) infinite;
}
.r3sv--sites .r3p-blk.r3p-b1{left:68px; width:58px;}
.r3sv--sites .r3p-blk.r3p-b2{left:130px; width:58px; animation-delay:-3.7s;}
.r3sv--sites .r3p-cta{left:68px; top:160px; width:42px; height:13px; border-radius:2px;
  border:1px solid var(--r3-line-bright); background:rgba(226,232,236,.06);
  transform:translateZ(55px) rotateY(-21deg) rotateX(7deg);
  animation:r3CtaGlow 4.4s var(--r3-ease) infinite;}
/* ADDED — the enquiry leaving the page for the system behind it. */
.r3sv--sites .r3p-link{left:88px; top:173px; width:1px; height:40px;
  background:linear-gradient(180deg,rgba(226,232,236,.42),rgba(226,232,236,.04));
  transform:translateZ(30px);
  animation:r3Link 4.4s var(--r3-ease) infinite;}
.r3sv--sites .r3p-sink{left:82px; top:210px; width:14px; height:14px;
  transform:translateZ(20px);
  animation:r3Sink 4.4s var(--r3-ease) infinite;}
.r3sv--sites .r3p-cursor{left:96px; top:150px; width:7px; height:7px;
  animation:r3Cursor 7.6s var(--r3-ease) infinite;}
@keyframes r3PaneDrift{
  0%,100%{transform:translate3d(var(--px,0),var(--py,0),calc(var(--pz,0px) - 10px)) rotateY(-21deg) rotateX(7deg);}
  50%    {transform:translate3d(var(--px,0),var(--py,0),calc(var(--pz,0px) + 10px)) rotateY(-21deg) rotateX(7deg);}
}
@keyframes r3Reflow{
  0%,42% {transform:translateZ(55px) rotateY(-21deg) rotateX(7deg) scaleX(1);}
  52%,92%{transform:translateZ(55px) rotateY(-21deg) rotateX(7deg) scaleX(.52);}
  100%   {transform:translateZ(55px) rotateY(-21deg) rotateX(7deg) scaleX(1);}
}
@keyframes r3CtaGlow{0%,100%{opacity:.55;} 50%{opacity:1;}}
@keyframes r3Link{0%,52%{opacity:0;} 66%{opacity:.9;} 100%{opacity:0;}}
@keyframes r3Sink{0%,58%{opacity:.3; transform:translateZ(20px) scale(.84);}
                  74%   {opacity:1;  transform:translateZ(20px) scale(1.06);}
                  100%  {opacity:.3; transform:translateZ(20px) scale(.84);}}
@keyframes r3Cursor{
  0%  {opacity:0; transform:translate3d(24px,-46px,58px);}
  14% {opacity:1;}
  62% {opacity:1; transform:translate3d(2px,4px,58px);}
  78% {opacity:1; transform:translate3d(0,6px,58px) scale(.8);}
  92% {opacity:1; transform:translate3d(0,6px,58px) scale(1);}
  100%{opacity:0; transform:translate3d(-10px,20px,58px);}
}

/* ===========================================================================
   06 — iOS / Android Apps : TWIN SLABS
   =========================================================================== */
.r3sv--apps .r3p-orbit{
  left:0; top:0; width:100%; height:100%;
  transform:rotateX(-14deg);
  animation:r3Orbit 24s linear infinite;
}
.r3sv--apps .r3p-slab{left:99px; top:70px; width:60px; height:122px;}
.r3sv--apps .r3p-slab.r3p-s1{transform:rotateY(0deg)   translateZ(54px) translateY(-11px);}
.r3sv--apps .r3p-slab.r3p-s2{transform:rotateY(105deg) translateZ(54px) translateY(13px);}
.r3sv--apps .r3p-face{left:0; top:0; width:100%; height:100%; border-radius:11px;
  backface-visibility:hidden; -webkit-backface-visibility:hidden;}
.r3sv--apps .r3p-face.r3p-back{transform:rotateY(180deg);}
.r3sv--apps .r3p-face.r3p-back:after{
  content:""; position:absolute; left:11px; right:11px; top:26px; bottom:26px;
  border:1px solid rgba(226,232,236,.09); border-radius:5px;
}
/* card rows now change state rather than only drifting */
.r3sv--apps .r3p-card{
  left:9px; right:9px; width:auto; height:12px; border-radius:2px;
  background:linear-gradient(100deg,rgba(226,232,236,.15),rgba(226,232,236,.04));
  transform:translateZ(1px);
  animation:r3CardState 5.8s var(--r3-ease) infinite;
}
.r3sv--apps .r3p-card.r3p-k1{top:24px;}
.r3sv--apps .r3p-card.r3p-k2{top:42px; animation-delay:-1.45s;}
.r3sv--apps .r3p-card.r3p-k3{top:60px; animation-delay:-2.9s;}
.r3sv--apps .r3p-card.r3p-k4{top:78px; animation-delay:-4.35s;}
.r3sv--apps .r3p-notch{left:21px; top:11px; width:18px; height:3px; border-radius:2px;
  background:rgba(226,232,236,.24); transform:translateZ(1px);}
.r3sv--apps .r3p-axis{left:130px; top:34px; width:1px; height:192px;
  background:linear-gradient(180deg,transparent,rgba(226,232,236,.14) 30%,rgba(226,232,236,.14) 70%,transparent);}
/* ADDED — the application both devices belong to, and the synchronisation
   running between them. */
/* Small and quiet on purpose. A larger core sat at the orbit's own centre and
   bled through whichever slab was passing in front of it; at this size and
   opacity the shared application reads as a hub without ever competing with a
   device face. */
.r3sv--apps .r3p-hubcore{left:125px; top:125px; width:10px; height:10px;
  opacity:.62; box-shadow:0 0 7px rgba(226,236,242,.2);
  animation:r3CoreBreathe 6.2s var(--r3-ease) infinite;}
.r3sv--apps .r3p-halo{left:115px; top:115px; width:30px; height:30px;
  border-color:rgba(226,232,236,.10);
  animation:r3Halo 6.2s var(--r3-ease) infinite;}
.r3sv--apps .r3p-sync{left:128px; width:5px; height:5px; border-radius:50%;
  background:radial-gradient(circle,#f6fafc,rgba(214,224,230,.5) 46%,transparent 72%);
  animation:r3Sync 3.1s var(--r3-ease) infinite;}
.r3sv--apps .r3p-sync.r3p-s1{top:60px;}
.r3sv--apps .r3p-sync.r3p-s2{top:60px; animation-delay:-1.55s; animation-direction:reverse;}
@keyframes r3Orbit{to{transform:rotateX(-14deg) rotateY(360deg);}}
@keyframes r3CardState{
  0%,44% {opacity:.4;  transform:translateZ(1px) translateX(0) scaleX(1);}
  56%,94%{opacity:1;   transform:translateZ(1px) translateX(4px) scaleX(.84);}
  100%   {opacity:.4;  transform:translateZ(1px) translateX(0) scaleX(1);}
}
@keyframes r3Sync{
  0%  {opacity:0; transform:translateY(0);}
  18% {opacity:1;}
  82% {opacity:1;}
  100%{opacity:0; transform:translateY(112px);}
}
@keyframes r3CoreBreathe{0%,100%{opacity:.66; transform:scale(.9);} 50%{opacity:1; transform:scale(1.05);}}
@keyframes r3Halo{0%,100%{opacity:.28; transform:scale(.92);} 50%{opacity:.7; transform:scale(1.12);}}

/* ===========================================================================
   07 — AI Training and Adoption : ADOPTION FIELD
   =========================================================================== */
.r3sv--training .r3p-field{
  left:0; top:0; width:100%; height:100%;
  transform:rotateX(57deg) rotateZ(-9deg);
}
.r3sv--training .r3p-field>i{
  width:34px; height:34px; border-radius:2px;
  border:1px solid var(--r3-line-soft);
  background:linear-gradient(150deg,rgba(40,45,49,.6),rgba(14,17,19,.7));
  animation:r3CellWake 5.6s var(--r3-ease) infinite;
}
/* 4x4 on a 40px pitch, centred; delay keyed to distance from the origin cell,
   so the wake travels outward as one front. */
.r3sv--training .r3p-field>i:nth-child(1) {left:70px;  top:70px;  animation-delay:0s;    border-color:var(--r3-line-bright);}
.r3sv--training .r3p-field>i:nth-child(2) {left:110px; top:70px;  animation-delay:-.42s;}
.r3sv--training .r3p-field>i:nth-child(3) {left:150px; top:70px;  animation-delay:-.84s;}
.r3sv--training .r3p-field>i:nth-child(4) {left:190px; top:70px;  animation-delay:-1.26s;}
.r3sv--training .r3p-field>i:nth-child(5) {left:70px;  top:110px; animation-delay:-.42s;}
.r3sv--training .r3p-field>i:nth-child(6) {left:110px; top:110px; animation-delay:-.42s;}
.r3sv--training .r3p-field>i:nth-child(7) {left:150px; top:110px; animation-delay:-.84s;}
.r3sv--training .r3p-field>i:nth-child(8) {left:190px; top:110px; animation-delay:-1.26s;}
.r3sv--training .r3p-field>i:nth-child(9) {left:70px;  top:150px; animation-delay:-.84s;}
.r3sv--training .r3p-field>i:nth-child(10){left:110px; top:150px; animation-delay:-.84s;}
.r3sv--training .r3p-field>i:nth-child(11){left:150px; top:150px; animation-delay:-.84s;}
.r3sv--training .r3p-field>i:nth-child(12){left:190px; top:150px; animation-delay:-1.26s;}
.r3sv--training .r3p-field>i:nth-child(13){left:70px;  top:190px; animation-delay:-1.26s;}
.r3sv--training .r3p-field>i:nth-child(14){left:110px; top:190px; animation-delay:-1.26s;}
.r3sv--training .r3p-field>i:nth-child(15){left:150px; top:190px; animation-delay:-1.26s;}
.r3sv--training .r3p-field>i:nth-child(16){left:190px; top:190px; animation-delay:-1.26s;}
/* ADDED — knowledge arriving into the marker before each wave leaves it. */
.r3sv--training .r3p-unit{
  width:9px; height:9px; border-radius:1px;
  border:1px solid var(--r3-line-soft);
  background:linear-gradient(150deg,rgba(216,224,230,.34),rgba(120,130,138,.14));
  animation:r3Unit 5.6s var(--r3-ease) infinite;
}
.r3sv--training .r3p-unit.r3p-u1{left:126px; top:26px; --ux:0px;}
.r3sv--training .r3p-unit.r3p-u2{left:126px; top:26px; --ux:-24px; animation-delay:-1.9s;}
.r3sv--training .r3p-unit.r3p-u3{left:126px; top:26px; --ux:24px;  animation-delay:-3.8s;}
.r3sv--training .r3p-marker{left:120px; top:38px; width:20px; height:20px;
  animation:r3MarkerHover 5.6s var(--r3-ease) infinite;}
/* ADDED — the progress ring that closes as the field completes. */
.r3sv--training .r3p-prog{left:110px; top:28px; width:40px; height:40px;
  border-color:var(--r3-line-soft); border-top-color:var(--r3-line-bright);
  animation:r3Prog 5.6s linear infinite;}
.r3sv--training .r3p-beam{
  left:129px; top:56px; width:1px; height:60px;
  background:linear-gradient(180deg,rgba(233,240,245,.5),rgba(233,240,245,.02));
  animation:r3BeamFade 5.6s var(--r3-ease) infinite;
}
@keyframes r3CellWake{
  0%,100%{opacity:.30; transform:translateZ(0);}
  38%    {opacity:1;   transform:translateZ(13px);}
  70%    {opacity:.46; transform:translateZ(2px);}
}
@keyframes r3Unit{
  0%  {opacity:0; transform:translate3d(var(--ux,0),0,26px) scale(1);}
  16% {opacity:.9;}
  62% {opacity:.9; transform:translate3d(0,26px,10px) scale(.7);}
  76% {opacity:0;  transform:translate3d(0,30px,4px) scale(.5);}
  100%{opacity:0;  transform:translate3d(var(--ux,0),0,26px) scale(1);}
}
@keyframes r3Prog{to{transform:rotate(360deg);}}
@keyframes r3MarkerHover{0%,100%{opacity:.7; transform:translateY(0) scale(.94);}
                         44%    {opacity:1;  transform:translateY(-7px) scale(1.05);}}
@keyframes r3BeamFade{0%,100%{opacity:.3;} 44%{opacity:.85;}}

/* ===========================================================================
   08 — Workflow Automation : ORCHESTRATED RUN
   The interlocked rings stay as the orchestrating frame; the subject is now
   the branch-and-merge run inside them.
   =========================================================================== */
.r3sv--workflow .r3p-loop{left:0; top:0; width:100%; height:100%;}
.r3sv--workflow .r3p-loop.r3p-l1{transform:rotateY(70deg);}
.r3sv--workflow .r3p-loop.r3p-l2{transform:rotateX(70deg);}
/* 168 -> 152: at the larger Round-04 scale these two rings were the widest
   projection in any scene — an edge-on ring still sweeps its full diameter
   through the third axis — and were the last thing meeting the panel edge. */
.r3sv--workflow .r3p-loop>i{
  left:60px; top:60px; width:140px; height:140px;
  border-radius:50%; border:1px solid var(--r3-line-soft);
  animation:r3LoopSpin 13s linear infinite;
}
.r3sv--workflow .r3p-loop.r3p-l2>i{animation-direction:reverse; animation-duration:17s; border-color:rgba(226,232,236,.08);}
.r3sv--workflow .r3p-loop>i>b{
  left:50%; top:-4px; width:7px; height:7px; margin-left:-3.5px; border-radius:50%;
  background:radial-gradient(circle at 34% 28%,#f6fafc,#a4adb3 42%,#262b2e 100%);
  box-shadow:0 0 9px rgba(228,238,244,.26);
}
/* ADDED — the run itself: intake, a decision, two routes, one output. */
.r3sv--workflow .r3p-gnode{
  width:11px; height:11px; border-radius:2px;
  border:1px solid var(--r3-line); transform:rotate(45deg);
  background:linear-gradient(150deg,rgba(46,52,56,.8),rgba(14,17,19,.9));
  animation:r3NodeStep 6.6s var(--r3-ease) infinite;
}
.r3sv--workflow .r3p-gnode.r3p-n1{left:26px;  top:124px;}                        /* intake  */
.r3sv--workflow .r3p-gnode.r3p-n2{left:92px;  top:124px; animation-delay:-.9s;}  /* decision */
.r3sv--workflow .r3p-gnode.r3p-n3{left:150px; top:86px;  animation-delay:-1.7s;} /* route A */
.r3sv--workflow .r3p-gnode.r3p-n4{left:150px; top:162px; animation-delay:-1.7s;} /* route B */
.r3sv--workflow .r3p-gnode.r3p-n5{left:216px; top:124px; animation-delay:-2.6s; border-color:var(--r3-line-bright);} /* output */
.r3sv--workflow .r3p-gpath{
  height:1px; transform-origin:left center;
  background:linear-gradient(90deg,rgba(226,232,236,.06),rgba(226,232,236,.30),rgba(226,232,236,.06));
}
.r3sv--workflow .r3p-gpath.r3p-p1{left:38px;  top:130px; width:56px;}
.r3sv--workflow .r3p-gpath.r3p-p2{left:102px; top:130px; width:56px; transform:rotate(-34deg);}
.r3sv--workflow .r3p-gpath.r3p-p3{left:102px; top:130px; width:56px; transform:rotate(34deg);}
.r3sv--workflow .r3p-gpath.r3p-p4{left:160px; top:92px;  width:64px; transform:rotate(34deg);}
.r3sv--workflow .r3p-gpath.r3p-p5{left:160px; top:168px; width:64px; transform:rotate(-34deg);}
.r3sv--workflow .r3p-task{
  width:5px; height:5px; border-radius:50%;
  background:radial-gradient(circle,#f6fafc,rgba(214,224,230,.5) 46%,transparent 72%);
  left:30px; top:127px;
}
.r3sv--workflow .r3p-task.r3p-t1{animation:r3RunA 6.6s var(--r3-ease) infinite;}
.r3sv--workflow .r3p-task.r3p-t2{animation:r3RunB 6.6s var(--r3-ease) infinite; animation-delay:-3.3s;}
.r3sv--workflow .r3p-hubx{left:114px; top:114px; width:32px; height:32px;
  border-color:rgba(226,232,236,.10);
  animation:r3HubX 7.4s var(--r3-ease) infinite;}
.r3sv--workflow .r3p-hubx-core{left:125px; top:125px; width:10px; height:10px;}
@keyframes r3LoopSpin{to{transform:rotateZ(360deg);}}
@keyframes r3NodeStep{0%,100%{opacity:.34;} 22%{opacity:1;} 50%{opacity:.44;}}
@keyframes r3RunA{
  0%  {opacity:0; transform:translate(0,0);}
  10% {opacity:1;}
  34% {transform:translate(64px,0);}
  58% {transform:translate(122px,-38px);}
  88% {opacity:1; transform:translate(188px,0);}
  100%{opacity:0; transform:translate(196px,0);}
}
@keyframes r3RunB{
  0%  {opacity:0; transform:translate(0,0);}
  10% {opacity:1;}
  34% {transform:translate(64px,0);}
  58% {transform:translate(122px,38px);}
  88% {opacity:1; transform:translate(188px,0);}
  100%{opacity:0; transform:translate(196px,0);}
}
@keyframes r3HubX{0%,100%{opacity:.24; transform:rotate(0deg) scale(.94);}
                  50%    {opacity:.6;  transform:rotate(180deg) scale(1.05);}}

/* ===========================================================================
   09 — Custom Intelligent Systems : ORCHESTRATED CORE
   =========================================================================== */
.r3sv--custom .r3p-cube{
  left:0; top:0; width:100%; height:100%;
  animation:r3Tumble 30s linear infinite;
}
.r3sv--custom .r3p-fc{left:84px; top:84px; width:92px; height:92px;}
.r3sv--custom .r3p-fc.r3p-f1{transform:rotateY(0deg);}
.r3sv--custom .r3p-fc.r3p-f2{transform:rotateY(90deg);}
.r3sv--custom .r3p-fc.r3p-f3{transform:rotateY(180deg);}
.r3sv--custom .r3p-fc.r3p-f4{transform:rotateY(270deg);}
.r3sv--custom .r3p-fc.r3p-f5{transform:rotateX(90deg);}
.r3sv--custom .r3p-fc.r3p-f6{transform:rotateX(-90deg);}
/* One shared breathe keyframe on the inner panel: the rotation lives on the
   parent, so all six panels share a definition and stay in exact phase. */
.r3sv--custom .r3p-fc>b{
  left:0; top:0; width:100%; height:100%;
  background:linear-gradient(148deg,rgba(40,45,49,.62),rgba(16,19,21,.72) 60%,rgba(9,11,12,.78));
  border:1px solid var(--r3-line-soft);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  animation:r3Breathe 9s var(--r3-ease) infinite;
}
.r3sv--custom .r3p-fc.r3p-f1>b,.r3sv--custom .r3p-fc.r3p-f3>b{border-color:var(--r3-line);}
.r3sv--custom .r3p-strut{background:rgba(226,232,236,.16);}
.r3sv--custom .r3p-strut.r3p-s1{left:84px;  top:129px; width:92px; height:1px; transform:translateZ(0);}
.r3sv--custom .r3p-strut.r3p-s2{left:129px; top:84px;  width:1px;  height:92px; transform:translateZ(.4px);}
/* ADDED — the specialist modules. Each sits on its own axis, is tied back to
   the core, and slowly reconfigures its distance: bespoke parts orchestrated
   by one centre rather than a single sealed object. */
.r3sv--custom .r3p-sat{
  left:0; top:0; width:100%; height:100%;
  animation:r3SatOrbit 26s linear infinite;
}
.r3sv--custom .r3p-sat.r3p-v1{transform:rotateX(64deg);}
.r3sv--custom .r3p-sat.r3p-v2{transform:rotateX(64deg) rotateZ(90deg);  animation-duration:31s; animation-direction:reverse;}
.r3sv--custom .r3p-sat.r3p-v3{transform:rotateY(64deg);                  animation-duration:36s;}
.r3sv--custom .r3p-sat.r3p-v4{transform:rotateY(64deg) rotateZ(90deg);   animation-duration:29s; animation-direction:reverse;}
/* Orbit radius pulled in from 99 to 85 design units: at the larger Round-04
   scale the satellites' projected sweep was the widest thing in any scene and
   was the first to meet the host's edge. */
.r3sv--custom .r3p-sat>b{
  left:50%; top:38px; width:14px; height:14px; margin-left:-7px; border-radius:2px;
  border:1px solid var(--r3-line);
  background:linear-gradient(150deg,rgba(52,58,63,.85),rgba(14,17,19,.9));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  animation:r3SatPulse 8.4s var(--r3-ease) infinite;
}
.r3sv--custom .r3p-sat.r3p-v2>b{animation-delay:-2.1s;}
.r3sv--custom .r3p-sat.r3p-v3>b{animation-delay:-4.2s;}
.r3sv--custom .r3p-sat.r3p-v4>b{animation-delay:-6.3s;}
/* the data exchange back to the core */
.r3sv--custom .r3p-tie{
  left:129px; top:66px; width:1px; height:64px; transform-origin:50% 100%;
  background:linear-gradient(180deg,rgba(226,232,236,.02),rgba(226,232,236,.28));
  animation:r3Tie 8.4s var(--r3-ease) infinite;
}
.r3sv--custom .r3p-tie.r3p-e1{transform:rotate(0deg);}
.r3sv--custom .r3p-tie.r3p-e2{transform:rotate(90deg);  animation-delay:-2.1s;}
.r3sv--custom .r3p-tie.r3p-e3{transform:rotate(180deg); animation-delay:-4.2s;}
.r3sv--custom .r3p-tie.r3p-e4{transform:rotate(270deg); animation-delay:-6.3s;}
.r3sv--custom .r3p-core{left:119px; top:119px; width:22px; height:22px;
  animation:r3CoreBreathe 9s var(--r3-ease) infinite;}
@keyframes r3Tumble{to{transform:rotateX(-18deg) rotateY(360deg) rotateZ(4deg);}}
@keyframes r3Breathe{0%,100%{transform:translateZ(46px);} 50%{transform:translateZ(66px);}}
@keyframes r3SatOrbit{to{transform:rotateZ(360deg);}}
@keyframes r3SatPulse{0%,100%{opacity:.5; transform:scale(.9);} 46%{opacity:1; transform:scale(1.08);}}
@keyframes r3Tie{0%,100%{opacity:.18;} 46%{opacity:.7;}}

/* ===========================================================================
   Hosts.
   List rows and the dedicated page share one scene; only the scale differs.
   ROUND 04: every scale raised ~7.5% per the brief's 6-9% target, taken on the
   internal scene scale so no section layout dimension changes.
     list   .92 -> .99   (+7.6%)      detail 1.62 -> 1.74  (+7.4%)
     <=1100 .86 -> .93   (+8.1%)      detail 1.28 -> 1.38  (+7.8%)
     <=760  .78 -> .84   (+7.7%)      detail 1.08 -> 1.16  (+7.4%)
   Mobile is not merely the desktop scene shrunk: the ratio between the list and
   detail scales is deliberately widened at the two smaller breakpoints so the
   dedicated page still reads as the fuller presentation on a phone.
   =========================================================================== */
.service-visual .r3sv{--r3-s:.99;}
.cvx-solution-art .r3sv{--r3-s:1.74;}

/* HEADROOM FOR THE LARGER SCENE.

   A 260-unit scene carrying +-56px of depth in a 920px perspective projects up
   to ~6.5% beyond its own layout box, so a stage that merely fits its host will
   still clip at the edges. The art panel's minimum height is raised just enough
   to hold `stage x 1.07`, which is a panel dimension rather than a section
   layout change — the hero grid, the column widths and every text block are
   untouched.

     breakpoint   stage    needs    panel min-height
     >=1101       452.4    484      492px
     <=1100       358.8    384      392px
     <=760        260.0    278      see note below
*/
.cvx-solution-art{min-height:512px;}
@media(max-width:1000px){.cvx-solution-art{min-height:392px;}}

@media(max-width:1100px){
  .service-visual .r3sv{--r3-s:.93;}
  .cvx-solution-art .r3sv{--r3-s:1.38;}
}
@media(max-width:760px){
  .service-visual .r3sv{--r3-s:.84;}
  /* PHONE — an intentional treatment, not the desktop scene shrunk.
     The art panel carried `min-height:390px` together with a whole-panel
     `transform:scale(.82)`, which resolved to a 283.7 x 254.2 painted box —
     barely larger than the 320px list tile, and too small for the scene at any
     useful size. Measured: Round 03's 1.08 was already projecting past that
     box, which is why several scenes were clipping here.
     The compensating down-scale is removed and the panel given a real height
     instead, so the phone gets a genuinely larger detail presentation and the
     scene can take the same +7.4% as every other breakpoint. */
  .cvx-solution-art{min-height:360px; transform:none;}
  .cvx-solution-art .r3sv{--r3-s:1.16;}
}

/* Off-screen scenes are parked rather than throttled: nothing animates, and
   their contents are skipped by rendering entirely, so a scene that is far from
   the viewport costs neither compositor work nor layer memory. */
.r3sv[data-r3-idle] *,.r3sv[data-r3-idle]{animation-play-state:paused !important;}
.r3sv[data-r3-idle]{content-visibility:hidden;}

/* Reduced motion resolves every scene to its settled frame. */
@media(prefers-reduced-motion:reduce){
  .r3sv *,.r3sv{animation:none !important;}
  .r3sv-scene{transform:translateY(var(--r3-oy,0px)) rotateY(-6deg) rotateX(1deg);}
}



/* ===========================================================================
   Cerebro — round-04 refinement pass.

   Appended after Round 03's stylesheet, so where the two carry equal weight
   this pass settles the tie on order. `!important` is used only where the rule
   being overridden is itself `!important` (the continuity pass and Round 03
   both use it heavily on these selectors).

   Nothing here changes copy, typography scale, navigation, section order,
   solution order, pricing, forms or any interaction, except where a task
   explicitly asked for it.
   =========================================================================== */


/* ===========================================================================
   1. BUILT-IN — spacing after the shortened sentence.

   With the darker clause removed the heading drops from four rendered lines to
   two, so the space beneath it — authored for the taller block — now reads as a
   hole. Measured on the approved baseline: 76.7px between the heading's last
   glyph and the paragraph's first. That was already generous for a four-line
   heading; against a two-line one it is far too much.

   The heading's own bottom margin is left alone (it is shared with every other
   `.manifesto h2` rule); only the paragraph block's top margin is reduced, so
   the change cannot reach any other section. Its left indent, bottom margin and
   the metrics row below are untouched.
   =========================================================================== */
#company .manifesto-details{margin-top:26px;}
@media(max-width:1100px){#company .manifesto-details{margin-top:22px;}}
@media(max-width:760px){#company .manifesto-details{margin-top:18px;}}


/* ===========================================================================
   4. METHOD — back to a compact composition.

   Round 03 grew this to 700x288 and seated it 355px down. This pass returns it
   to the earlier compact footprint plus a small increase, as briefed, and the
   space that buys is spent entirely on clearance.

     viewport   Round 03        Round 04        clear above   clear below
     >=1301     700 x 288       628 x 272          33.1px        29.1px
     1101-1300  700 x 288       600 x 258          measured      measured
     <=1100     470 x 236       452 x 228          measured      measured
     <=760      330 x 164       316 x 156          measured      measured

   The corridor opened in Round 03 is kept: the box is smaller inside it, which
   is what turns a 27.7px clearance into 29.1px above and 33.1px below. Material
   treatment, opacity, the float animation, all four states and the Integrate /
   Refine convergence are untouched — this is size and position only.
   =========================================================================== */
/* 1101-1300: measured at 1180 — the introduction's second line ends at x 591.6
   and the box's left edge must clear it by >=24px, which caps the width at 545.
   Top 352 sits 31.2px below the first line; bottom 598 clears the tabs by 57. */
.cspv2-balanced-slot--method{
  top:352px;
  right:1.6%;
  width:min(46vw,545px);
  height:246px;
  opacity:.9;
}
@media(min-width:1301px){
  .cspv2-balanced-slot--method{top:370px; width:min(46vw,628px); height:272px;}
}
@media(max-width:1100px){
  .cspv2-balanced-slot--method{top:326px; right:1.2%; width:min(52vw,452px); height:228px; opacity:.88;}
}
@media(max-width:760px){
  /* Deliberately its own treatment rather than the desktop scene shrunk: the
     stacked layout puts the introduction across the full column, so the box is
     seated in the band opened below it and kept clearly clear of the stage
     list, which is the only thing a phone reader is trying to use here. */
  /* measured at 390: the stage tabs begin at y 563.8, so 140px of height seats
     the box 388.7-528.7 — 82px below the introduction, 35px above the tabs. */
  .cspv2-balanced-slot--method{top:389px; right:2%; width:min(76vw,296px); height:140px; opacity:.82;}
}


/* ===========================================================================
   5. MATTE-BLACK SYSTEM.

   Audited on the approved baseline. The page base was #030405 but individual
   sections drifted well off it, which is what read as "some sections grey":

     section          before        after      note
     page base        #030405       #020304    true base
     .manifesto       ->#060708     ->#040506  gradient peak pulled down
     .method          #050607       #030405    a whole section was raised
     .students        ->#050607     ->#040506
     .founder         ->#07090a     ->#050607  lightest AND coolest: the
                                               blue-grey cast was here
     footer           ->#010203     ->#020304  settles into the base, not under it
     cap/flow/devices #030405       #030405    already correct

   The white radial washes on Method, Students, Contact and Legal are pulled
   back too — at .042-.055 they were lifting whole sections rather than giving
   them depth. Nothing is flattened: the tonal steps stay, they are just held
   inside a 3-value range instead of spanning 8.

   Panels, cards and interactive surfaces keep their own separation and are not
   touched here.
   =========================================================================== */
:root{
  --surface-base:#020304;
  --surface-soft:#030405;
  --surface-raised:#050607;
}
html,body{background:var(--surface-base)!important;}
body{background-color:var(--surface-base)!important;}
#universe{background:var(--surface-base);}

.hero:after{
  background:linear-gradient(90deg,rgba(2,3,4,.84) 0%,rgba(2,3,4,.49) 32%,transparent 63%)!important;
}
.manifesto{background:linear-gradient(180deg,rgba(2,3,4,.42),#040506 45%,#030405)!important;}
.cap-section,.flow-section,.devices,.solution-view,.legal-view{background:#030405!important;}
.method{
  background:radial-gradient(circle at 50% 55%,rgba(255,255,255,.030),transparent 34%),#030405!important;
}
.students{
  background:radial-gradient(circle at 74% 35%,rgba(255,255,255,.026),transparent 30%),
             linear-gradient(180deg,#040506,#030405)!important;
}
.founder{background:linear-gradient(180deg,#030405,#050607)!important;}
.contact{
  background:radial-gradient(circle at 70% 35%,rgba(255,255,255,.030),transparent 27%),#030405!important;
}
footer{background:linear-gradient(#030405,#020304 78%)!important;}

/* The solution pages and the pricing band sit on the same system, so moving
   between the list and a solution is continuous rather than a step. */
.solution-view,.solution-hero,.solution-band,.solution-cta,.solution-compact-band{
  background-color:#030405;
}
.solution-view .pricing-section,.solution-view .solution-context{background-color:#030405;}


/* ===========================================================================
   6. FOUNDER — chapter hover, using the approved Built-In interaction.

   Same contract as `#company .metric`: one shared perspective on the row so the
   five chapters resolve to one vanishing point, the same 5px lift, the same
   30px of travel toward the reader, the same 3-degree tilt, the same easing and
   duration. Only the surface emphasis differs: the chapters carry no border of
   their own, so the ring is drawn with an inset box-shadow rather than a
   border-colour change — which also guarantees the hover cannot shift layout.

   Round 03 pinned `.founder-chapter` to `transform:none !important` when it
   stripped the section's animation. That pin is released here for this one
   interaction and nothing else: the section still mounts no module, no rails,
   no shade, no overlay and no ambient scene, and `animation:none` still holds
   across the whole section.
   =========================================================================== */
#founder .founder-story{
  perspective:1150px;
  perspective-origin:50% 44%;
}
#founder .founder-story .founder-chapter{
  transform-style:preserve-3d;
  transform:none !important;
  transition:transform .52s cubic-bezier(.16,1,.3,1),
             box-shadow .52s cubic-bezier(.16,1,.3,1),
             background-color .52s cubic-bezier(.16,1,.3,1) !important;
  outline:none;
  border-radius:2px;
}
#founder .founder-story .founder-chapter:hover,
#founder .founder-story .founder-chapter:focus-visible{
  transform:translate3d(0,-5px,30px) rotateX(3deg) !important;
  background-color:rgba(11,13,15,.72);
  box-shadow:0 0 0 1px rgba(235,240,243,.16),
             0 30px 58px -30px rgba(0,0,0,.86),
             0 2px 26px -14px rgba(0,0,0,.7),
             inset 0 1px 0 rgba(255,255,255,.055);
  z-index:3;
}
/* Keyboard users get the same emphasis plus a visible ring that does not rely
   on the depth cue alone. */
#founder .founder-story .founder-chapter:focus-visible{
  box-shadow:0 0 0 2px rgba(235,240,243,.42),
             0 30px 58px -30px rgba(0,0,0,.86),
             inset 0 1px 0 rgba(255,255,255,.055);
}
/* Touch: no hover to reverse the lift with, so the depth response is dropped
   and the surface cue is kept. */
@media(hover:none){
  #founder .founder-story .founder-chapter:hover{
    transform:none !important; box-shadow:none; background-color:transparent;
  }
}
/* Reduced motion: a restrained static highlight instead of a depth transform,
   as briefed. */
@media(prefers-reduced-motion:reduce){
  #founder .founder-story .founder-chapter{transition:none !important;}
  #founder .founder-story .founder-chapter:hover,
  #founder .founder-story .founder-chapter:focus-visible{
    transform:none !important;
    box-shadow:0 0 0 1px rgba(235,240,243,.22);
    background-color:rgba(11,13,15,.6);
  }
}


/* ===========================================================================
   3 (cont.) — mobile geometry reduction.

   The enlarged scenes keep their full construction on desktop. On phones the
   most incidental secondary layers are dropped rather than merely scaled down,
   so a small screen renders fewer animated elements per scene while every
   scene's primary story stays intact and legible.
   =========================================================================== */
@media(max-width:760px){
  .r3sv--reception .r3p-arc.r3p-a3,
  .r3sv--reception .r3p-wave.r3p-w1,.r3sv--reception .r3p-wave.r3p-w5,
  .r3sv--leads .r3p-tick.r3p-k2,.r3sv--leads .r3p-tick.r3p-k4,.r3sv--leads .r3p-tick.r3p-k6,
  .r3sv--service .r3p-mod.r3p-m5,.r3sv--service .r3p-mod.r3p-m6,
  .r3sv--sites .r3p-dot.r3p-o3,
  .r3sv--training .r3p-unit.r3p-u2,.r3sv--training .r3p-unit.r3p-u3,
  /* Custom loses its satellite ring entirely on a phone rather than half of it:
     the orbit is the widest projection in the set and the detail panel is the
     smallest here, while the cube and its core already carry the identity. */
  .r3sv--custom .r3p-sat,.r3sv--custom .r3p-tie{
    display:none;
  }
  /* Customer-Service's outcome arms reach furthest right; on a phone the two
     resolution pulses are dropped and the arms shortened, keeping triage and
     routing legible without meeting the panel edge. */
  .r3sv--service .r3p-res{display:none;}
  .r3sv--service .r3p-arm{width:52px;}
  .r3sv--service .r3p-end.r3p-up{left:206px; top:104px;}
  .r3sv--service .r3p-end.r3p-down{left:206px; top:152px;}
}



/* GPT after-refinement 01 — deliberately appended last.
   Round 04 remains the locked source of truth; these rules only implement the
   three approved corrections: Built-In copy restoration, a restrained scale/
   speed lift for the nine solution scenes, and tighter matte-black continuity. */

/* BUILT-IN: restore the approved single sentence with a metallic continuation.
   This neutralises the older block-only treatment without altering the shared
   metal-call styling used elsewhere. */
#company .section-grid h2 .metal-call{
  display:inline;
  max-width:none;
  text-wrap:wrap;
  background-size:240% 100%;
  background-position:0 0;
}
/* The CPI depth clone was the unintended dark duplicate underneath the real
   heading. Remove that presentation layer in this section only; the actual
   heading and its metallic continuation remain untouched. */
#company .cpi-heading-depth-layer{display:none!important;}

/* SOLUTION SCENES: a small, controlled size increase. Desktop receives the
   clearest lift; tablet and phone remain more conservative to protect the
   already-tight art panels and avoid reintroducing edge clipping. */
.service-visual .r3sv{--r3-s:1.04;}
.cvx-solution-art .r3sv{--r3-s:1.81;}
@media(max-width:1100px){
  .service-visual .r3sv{--r3-s:.97;}
  .cvx-solution-art .r3sv{--r3-s:1.44;}
}
@media(max-width:760px){
  .service-visual .r3sv{--r3-s:.86;}
  .cvx-solution-art .r3sv{--r3-s:1.19;}
}

/* MATTE-BLACK CONTINUITY: one base, one extremely restrained raised tone.
   Cards/panels retain their existing local depth; only broad page/section
   fields are harmonised. */
:root{
  --surface-base:#020304;
  --surface-soft:#030405;
  --surface-raised:#040506;
}
html,body,#universe{background:#020304!important;}
.hero,.manifesto,.cap-section,.method,.flow-section,.students,.devices,
.founder,.contact,footer,.solution-view,.solution-hero,.solution-band,
.solution-context,.solution-compact-band,.solution-cta,.pricing-section,
.legal-view{
  background-color:#020304!important;
}
.manifesto,.cap-section,.flow-section,.devices,.founder,
.solution-view,.solution-band,.solution-context,.solution-compact-band,
.solution-cta,.pricing-section,.legal-view{
  background-image:none!important;
}
.method{
  background-image:radial-gradient(circle at 50% 55%,rgba(255,255,255,.018),transparent 34%)!important;
}
.students{
  background-image:radial-gradient(circle at 74% 35%,rgba(255,255,255,.015),transparent 30%)!important;
}
.contact{
  background-image:radial-gradient(circle at 70% 35%,rgba(255,255,255,.018),transparent 27%)!important;
}
footer{
  background-image:linear-gradient(180deg,#020304,#020304)!important;
}
.solution-hero:before{
  background:radial-gradient(circle at 76% 45%,rgba(255,255,255,.016),transparent 29%),
             linear-gradient(180deg,transparent,rgba(0,0,0,.18))!important;
}
.solution-view .pricing-section,.solution-view .solution-context{
  background:#020304!important;
}



/* GPT finishing pass — softer graphite-black continuity.
   The previously approved after-refinement baseline remains protected. These
   final-order rules alter only broad environmental colour fields: structure,
   copy, pricing, animation geometry, interactions and local component depth are
   intentionally preserved. */

:root{
  --black:#0b0d0f;
  --surface-base:#0b0d0f;
  --surface-soft:#0e1013;
  --surface-raised:#121519;
  --csm-page:#0b0d0f;
}

html,body,#universe{
  background:#0b0d0f!important;
}
body{
  background-color:#0b0d0f!important;
}
.loader{
  background:#090b0d!important;
}

/* Keep the hero cinematic, but let its falloff resolve into the same softened
   graphite-black used by the rest of the site instead of near-absolute black. */
.vignette{
  background:radial-gradient(circle at 64% 38%,transparent 0 12%,rgba(5,7,9,.055) 30%,rgba(4,6,8,.36) 74%,#0b0d0f 100%)!important;
}
.hero{
  background-color:#0b0d0f!important;
}
.hero:after{
  background:linear-gradient(90deg,rgba(11,13,15,.80) 0%,rgba(11,13,15,.43) 32%,transparent 63%)!important;
}

/* One graphite family across every broad chapter and every expanded solution
   page. Slight local variation is kept only through extremely restrained
   gradients so chapters retain depth without changing colour family. */
.manifesto,.cap-section,.method,.flow-section,.students,.devices,
.founder,.contact,footer,.solution-view,.solution-hero,.solution-band,
.solution-context,.solution-compact-band,.solution-cta,.pricing-section,
.legal-view{
  background-color:#0b0d0f!important;
}

.manifesto{
  background-image:linear-gradient(180deg,#0b0d0f 0%,#0e1013 48%,#0b0d0f 100%)!important;
}
.cap-section,.flow-section,.devices,.legal-view{
  background-image:none!important;
}
.method{
  background-image:radial-gradient(circle at 50% 55%,rgba(255,255,255,.026),transparent 35%),linear-gradient(180deg,#0c0e10,#0b0d0f)!important;
}
.students{
  background-image:radial-gradient(circle at 74% 35%,rgba(177,190,201,.026),transparent 31%),linear-gradient(180deg,#0e1013,#0b0d0f)!important;
}
.founder{
  background-image:linear-gradient(180deg,#0b0d0f,#0e1013 72%,#0b0d0f)!important;
}
.contact{
  background-image:radial-gradient(circle at 70% 35%,rgba(255,255,255,.026),transparent 28%),linear-gradient(180deg,#0b0d0f,#0d0f11)!important;
}
footer{
  background-image:linear-gradient(180deg,#0d0f11,#0b0d0f)!important;
}

/* Expanded solution routes use the same base. Their existing cards and scene
   panels remain darker/raised so hierarchy is not flattened. */
.solution-view,.solution-hero,.solution-band,.solution-context,
.solution-compact-band,.solution-cta,.pricing-section{
  background-color:#0b0d0f!important;
}
.solution-view,.solution-band,.solution-context,.solution-compact-band,
.solution-cta,.pricing-section{
  background-image:none!important;
}
.solution-hero:before{
  background:radial-gradient(circle at 76% 45%,rgba(255,255,255,.026),transparent 30%),linear-gradient(180deg,transparent,rgba(3,4,5,.16))!important;
}
.solution-view .pricing-section,.solution-view .solution-context{
  background:#0b0d0f!important;
}

/* Make fixed chrome and overlays belong to the same graphite family without
   reducing their glass separation or altering their geometry. */
.nav{
  background:rgba(11,13,15,.72)!important;
}
.dropdown{
  background:rgba(14,16,19,.97)!important;
}
.hero-brain-frame .cerebro-brain-root .cb-panel-overlay{
  background:rgba(11,13,15,.72)!important;
}

/* The global vignette/noise already provides texture. A tiny noise reduction
   keeps the lighter graphite field calm and readable rather than dusty. */
.noise{opacity:.036!important;}



/* Solution animation finishing pass.
   Applied to all nine shared solution scene identities in both placements.
   Geometry, copy, mapping, materials and animation logic remain unchanged. */

/* LISTING — enlarge both the visual field and the scene inside it. */
@media(min-width:1101px){
  #solutions .service-main{
    grid-template-columns:minmax(0,1fr) 400px;
    gap:52px;
  }
  #solutions .service-visual{
    width:min(100%,400px);
  }
  #solutions .service-visual .r3sv{
    --r3-s:1.38;
  }
}

/* TABLET — a clear increase while retaining comfortable copy width. */
@media(min-width:761px) and (max-width:1100px){
  #solutions .service-main{
    grid-template-columns:minmax(0,1fr) 370px;
    gap:42px;
  }
  #solutions .service-visual{
    width:min(100%,370px);
  }
  #solutions .service-visual .r3sv{
    --r3-s:1.26;
  }
}

/* PHONE — use more of the content gutter and raise the internal scale. */
@media(max-width:760px){
  #solutions .service-visual{
    width:min(100%,340px);
  }
  #solutions .service-visual .r3sv{
    --r3-s:1.08;
  }
}

/* EXTENDED SOLUTION PAGES — increase the art column's real space and the
   matching scene inside it. All nine pages use this same host contract. */
@media(min-width:1181px){
  .solution-hero{
    grid-template-columns:minmax(0,1fr) minmax(430px,1fr);
    gap:clamp(46px,5.5vw,92px);
  }
  .cvx-solution-art{
    min-height:580px;
  }
  .cvx-solution-art .r3sv{
    --r3-s:2.14;
  }
}

@media(min-width:761px) and (max-width:1180px){
  .cvx-solution-art{
    min-height:520px;
  }
  .cvx-solution-art .r3sv{
    --r3-s:1.80;
  }
}

@media(max-width:760px){
  .cvx-solution-art{
    min-height:410px;
    transform:none;
  }
  .cvx-solution-art .r3sv{
    --r3-s:1.28;
  }
}

/* The existing bounded animation controller now runs the scene animations at
   1.34x. No extra elements, render loops or continuous observers are added.
   The approved reduced-motion behaviour remains intact. */



:root{--black:#0b0d0f;--surface-base:#0b0d0f;--csm-page:#0b0d0f}
html,body,#universe,.systems-view,.sia-index-page,.sia-singularity-detail{
  background-color:#0b0d0f!important;
}
body:not(.systems-open) main,
.manifesto,.cap-section,.method,.flow-section,.students,.devices,.founder,.contact,
footer,.solution-view,.solution-hero,.solution-band,.solution-context,
.solution-compact-band,.solution-cta,.pricing-section,.legal-view{
  background-color:#0b0d0f!important;
}
/* The example project retains its own Singularity palette by explicit design. */
.sia-singularity-card,.sia-singularity-card-visual,.sia-overlay,.sia-preview-shell{
  --black:#040507;
}



body.cerebro-hero-stable:not(.systems-open):not(.solution-open):not(.legal-open) .hero-brain-frame{
  opacity:1!important;
  visibility:visible!important;
  display:block!important;
}
body.cerebro-hero-stable:not(.systems-open):not(.solution-open):not(.legal-open) .hero-brain-frame #cerebro-brain,
body.cerebro-hero-stable:not(.systems-open):not(.solution-open):not(.legal-open) .hero-brain-frame .cerebro-brain-root,
body.cerebro-hero-stable:not(.systems-open):not(.solution-open):not(.legal-open) .hero-brain-frame canvas{
  visibility:visible!important;
}



/* Candidate 31 — scoped editorial cleanup plus a modestly brighter blue-primary pass,
   building directly on Candidate 30. Existing routes, media, renderer logic,
   animations and non-requested content remain untouched. */

/* Slightly increase the established blue atmosphere across Cerebro pages without
   changing layout or introducing a new visual system. Embedded project previews
   retain their own identities through the existing preview-open safeguards. */
.cerebro-blue-atmosphere{
  opacity:.72!important;
  filter:saturate(1.12) brightness(1.09)!important;
}
.nav{
  border-color:rgba(103,190,243,.36)!important;
  box-shadow:
    0 18px 60px rgba(0,0,0,.32),
    0 0 54px rgba(47,137,211,.125),
    inset 0 -1px 0 rgba(108,201,250,.18)!important;
}
.section>.section-inner::before,
.manifesto>.section-inner::before{
  background:linear-gradient(90deg,transparent,rgba(91,187,242,.37),rgba(145,219,255,.47))!important;
  box-shadow:0 0 18px rgba(72,177,235,.27)!important;
  opacity:.82!important;
}
.section>.section-inner::after,
.manifesto>.section-inner::after{
  background:linear-gradient(180deg,rgba(145,221,255,.47),transparent)!important;
  box-shadow:0 0 14px rgba(72,176,233,.25)!important;
  opacity:.82!important;
}
.section-head::after{
  background:linear-gradient(90deg,rgba(128,210,252,.60),rgba(70,164,225,.27),transparent)!important;
  box-shadow:0 0 18px rgba(74,179,237,.27)!important;
  opacity:.84!important;
}
.method-display,
.flow-box,

.device-stage,
.contact-form,
.selected-package-card,
.systems-shell,
.sia-system-card,
.solution-context-shell,
.solution-compact-panel,
.pricing-card,
.legal-card,
.ui-panel,
.student-panel{
  border-color:rgba(103,185,238,.30)!important;
  box-shadow:
    inset 0 1px 0 rgba(221,240,252,.052),
    inset 0 0 66px rgba(49,128,188,.052),
    0 0 0 1px rgba(70,158,218,.032),
    0 24px 72px rgba(0,0,0,.28),
    0 0 42px -25px rgba(69,179,239,.53)!important;
}
.metrics,
.method-tabs,
.student-tabs,
.student-integrity,
.footer-bottom,
.footer-legal,
.sia-index-heading,
.solution-context-metrics,
.service,
.founder-chapter,
.metric,
.integrity-item,
.student-stat,
.founder-copy blockquote{
  border-color:rgba(94,178,231,.25)!important;
}
.brand-pipe,
.hero-note:after,
.method-tabs:before,
.flow-axis,
.flow-light,
.systems-kicker span,
.eyebrow span,
.kicker i,
.service-line:before{
  box-shadow:
    0 0 13px rgba(115,207,254,.62),
    0 0 30px rgba(59,163,234,.31)!important;
}
#solutions .csm-solutions-ribbon{
  opacity:.72!important;
  filter:saturate(.90) brightness(.94)!important;
}
#founder .portrait{
  border-color:rgba(120,209,255,.86)!important;
  box-shadow:
    0 0 0 1px rgba(72,169,238,.31),
    0 0 24px rgba(77,182,246,.32),
    0 0 52px rgba(49,145,219,.21),
    0 30px 82px rgba(0,0,0,.31),
    inset 0 0 52px rgba(59,155,224,.105)!important;
}
body.sia-preview-open .cerebro-blue-atmosphere,
body.plumbing-preview-open .cerebro-blue-atmosphere{
  opacity:.075!important;
  filter:none!important;
}

/* Hero copy: typography and anchor position stay unchanged; only the scale and
   text measure are reduced to accommodate the longer approved proposition. */
.hero-note{
  font-size:clamp(42px,4.75vw,76px)!important;
  line-height:1.01!important;
  max-width:18.5ch!important;
}

/* About label receives only the requested slight size increase. */
#company .eyebrow{
  font-size:10px!important;
}

/* Same About heading typography/style/position; reduced only enough to carry
   the longer approved message cleanly. */
#company h2{
  font-size:clamp(40px,4.95vw,80px)!important;
}

/* Three proof cards replace the former single About paragraph box. */
#company .about-proof-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(16px,1.7vw,24px);
  width:100%;
  max-width:1240px;
  margin:44px 0 112px 0;
}
#company .about-proof-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-width:0;
  padding:clamp(27px,2.5vw,38px) clamp(24px,2.35vw,34px);
  border:1px solid rgba(109,194,244,.30);
  border-radius:8px;
  background:
    linear-gradient(90deg,rgba(119,207,253,.21),transparent 45%) top left/100% 1px no-repeat,
    radial-gradient(circle at 10% 8%,rgba(67,164,230,.17),transparent 39%),
    linear-gradient(145deg,rgba(19,31,42,.88),rgba(8,14,20,.80));
  box-shadow:
    inset 0 1px 0 rgba(224,242,253,.065),
    inset 0 0 56px rgba(51,132,191,.055),
    0 0 0 1px rgba(78,169,228,.034),
    0 24px 60px -38px rgba(0,0,0,.88),
    0 0 40px -20px rgba(69,178,238,.47);
  transform-style:preserve-3d;
  transition:
    transform .55s cubic-bezier(.16,1,.3,1),
    border-color .55s cubic-bezier(.16,1,.3,1),
    box-shadow .55s cubic-bezier(.16,1,.3,1),
    background-color .55s cubic-bezier(.16,1,.3,1);
}
#company .about-proof-card::before{
  content:"";
  position:absolute;
  left:22px;
  right:22px;
  top:0;
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(132,213,255,.58),rgba(79,174,233,.24),transparent);
  box-shadow:0 0 13px rgba(78,178,237,.29);
}
#company .about-proof-card::after{
  content:"";
  position:absolute;
  right:13px;
  bottom:13px;
  width:24px;
  height:24px;
  pointer-events:none;
  border-right:1px solid rgba(116,203,251,.33);
  border-bottom:1px solid rgba(116,203,251,.33);
  filter:drop-shadow(0 0 6px rgba(82,182,240,.24));
}
#company .about-proof-card > *{
  position:relative;
  z-index:1;
}
#company .about-proof-card h3{
  margin:0 0 22px;
  font-family:"Merriweather",Georgia,"Times New Roman",serif;
  font-size:clamp(30px,2.55vw,43px);
  font-weight:400;
  line-height:1;
  letter-spacing:-.045em;
  color:#e2e8ec;
}
#company .about-proof-card p{
  margin:0;
  max-width:none;
  font-family:"Merriweather",Georgia,"Times New Roman",serif;
  font-weight:400;
  text-wrap:pretty;
}
#company .about-proof-stat{
  color:#bac5cc;
  font-size:clamp(16px,1.18vw,19px);
  line-height:1.62;
  letter-spacing:-.016em;
}
#company .about-proof-stat strong{
  color:#e1e9ee;
  font-weight:400;
  text-shadow:0 0 18px rgba(96,191,246,.13);
}
#company .about-proof-line{
  width:100%;
  height:1px;
  margin:21px 0 20px;
  background:linear-gradient(90deg,rgba(119,204,251,.78),rgba(66,159,222,.31) 62%,transparent);
  box-shadow:0 0 10px rgba(80,180,239,.29),0 0 22px rgba(50,143,213,.11);
}
#company .about-proof-answer{
  color:#cdd6db;
  font-size:clamp(16px,1.15vw,18.5px);
  line-height:1.62;
  letter-spacing:-.016em;
}
#company .about-proof-answer strong{
  color:#edf2f5;
  font-weight:400;
}
#company .about-proof-card:hover{
  transform:translate3d(0,-5px,24px) rotateX(1.8deg);
  border-color:rgba(126,207,251,.42);
  box-shadow:
    inset 0 1px 0 rgba(229,245,254,.07),
    inset 0 0 60px rgba(51,132,190,.052),
    0 0 0 1px rgba(109,197,245,.08),
    0 30px 68px -38px rgba(0,0,0,.90),
    0 0 42px -20px rgba(68,174,236,.42);
}

@media(max-width:1100px){
  #company .about-proof-grid{
    grid-template-columns:1fr;
    max-width:900px;
    margin-top:38px;
  }
}
@media(max-width:760px){
  .cerebro-blue-atmosphere{
    opacity:.64!important;
  }
  .hero-note{
    font-size:clamp(34px,9.5vw,44px)!important;
    line-height:1.02!important;
    max-width:100%!important;
  }
  #company .eyebrow{
    font-size:9.5px!important;
  }
  #company h2{
    font-size:clamp(36px,10.1vw,48px)!important;
  }
  #company .about-proof-grid{
    gap:14px;
    margin:34px 0 78px;
  }
  #company .about-proof-card{
    padding:27px 22px 30px;
  }
  #company .about-proof-card h3{
    font-size:34px;
    margin-bottom:18px;
  }
  #company .about-proof-line{
    margin:19px 0 18px;
  }
}
@media(prefers-reduced-motion:reduce){
  #company .about-proof-card{
    transition:none!important;
  }
  #company .about-proof-card:hover{
    transform:none!important;
  }
}



/* Candidate 47 — experimental palette swap only. Candidate 46 remains locked.
   Cerebro adopts the former Northline warm amber/coral/violet-on-maroon palette.
   The Northline demonstration is explicitly isolated below in the former
   Cerebro blue/graphite palette. No layout/type/content/position changes. */
:root{
  --black:#120d0d;
  --panel:rgba(24,15,17,.72);
  --line:rgba(245,177,112,.30);
  --line2:rgba(251,141,112,.48);
  --white:#f5efea;
  --muted:#968781;
  --soft:#d9cdc5;
  --surface-base:#120d0d;
  --csm-page:#120d0d;
  --c15-base:#120d0d;
  --c15-deep:#09090c;
  --c15-mid:#100d12;
  --c15-blue:rgba(245,177,112,.19);
  --c15-blue-soft:rgba(251,141,112,.105);
  --c15-blue-faint:rgba(169,153,255,.065);
  --c15-grid:rgba(245,177,112,.038);
  --c15-grid-soft:rgba(251,141,112,.030);
  --c15-line:rgba(245,177,112,.43);
  --c15-line-soft:rgba(251,141,112,.255);
  --cerebro-outline-blue:rgba(245,177,112,.43);
  --cerebro-outline-blue-strong:rgba(255,186,126,.66);
  --cerebro-outline-blue-soft:rgba(251,141,112,.25);
}
html,body,main,#universe{background-color:#120d0d!important}
body:not(.systems-open) main,
.manifesto,.cap-section,.method,.flow-section,.students,.devices,.founder,.contact,
footer,.solution-view,.solution-hero,.solution-band,.solution-context,
.solution-compact-band,.solution-cta,.pricing-section,.legal-view{
  background-color:#120d0d!important;
}
.vignette{
  background:radial-gradient(circle at 64% 38%,transparent 0 12%,rgba(18,13,13,.08) 30%,rgba(10,7,9,.60) 74%,#120d0d 100%)!important;
}
.cerebro-blue-atmosphere{
  opacity:.72!important;
  filter:saturate(1.08) brightness(1.02)!important;
  background-image:
    radial-gradient(ellipse at 79% 16%,rgba(245,177,112,.205),transparent 37%),
    radial-gradient(ellipse at 15% 73%,rgba(251,141,112,.12),transparent 42%),
    radial-gradient(ellipse at 53% 104%,rgba(169,153,255,.078),transparent 38%),
    linear-gradient(rgba(245,177,112,.038) 1px,transparent 1px),
    linear-gradient(90deg,rgba(251,141,112,.030) 1px,transparent 1px),
    var(--cerebro-star-field)!important;
  background-size:auto,auto,auto,104px 104px,104px 104px,560px 560px!important;
}
.hero,
.manifesto,#solutions,.cap-section,.method,.flow-section,.students,.devices,
.founder,.contact,footer,.solution-view,.solution-hero,.solution-band,
.solution-context,.solution-compact-band,.solution-cta,.pricing-section,
.legal-view,.systems-view,.sia-index-page{
  background-color:#120d0d!important;
  background-image:
    linear-gradient(rgba(245,177,112,.038) 1px,transparent 1px),
    linear-gradient(90deg,rgba(251,141,112,.030) 1px,transparent 1px),
    radial-gradient(ellipse at 79% 20%,rgba(245,177,112,.19),transparent 42%),
    radial-gradient(ellipse at 13% 82%,rgba(251,141,112,.105),transparent 47%),
    var(--cerebro-star-field),
    linear-gradient(180deg,rgba(24,15,17,.992),rgba(9,9,12,.997))!important;
  box-shadow:inset 0 1px 0 rgba(255,186,126,.075),inset 0 -1px 0 rgba(169,153,255,.052)!important;
}
#solutions,.flow-section,.devices,.contact,.solution-band,
.solution-compact-band,.pricing-section,.sia-index-page{
  background-image:
    linear-gradient(rgba(245,177,112,.038) 1px,transparent 1px),
    linear-gradient(90deg,rgba(251,141,112,.030) 1px,transparent 1px),
    radial-gradient(ellipse at 18% 21%,rgba(245,177,112,.19),transparent 42%),
    radial-gradient(ellipse at 84% 80%,rgba(251,141,112,.105),transparent 47%),
    var(--cerebro-star-field),
    linear-gradient(180deg,rgba(24,15,17,.992),rgba(9,9,12,.997))!important;
}
.method,.founder,.solution-hero,.solution-context,.legal-view{
  background-image:
    linear-gradient(rgba(245,177,112,.038) 1px,transparent 1px),
    linear-gradient(90deg,rgba(251,141,112,.030) 1px,transparent 1px),
    radial-gradient(ellipse at 72% 47%,rgba(245,177,112,.19),transparent 42%),
    radial-gradient(ellipse at 10% 18%,rgba(169,153,255,.075),transparent 47%),
    var(--cerebro-star-field),
    linear-gradient(180deg,rgba(24,15,17,.992),rgba(9,9,12,.997))!important;
}
.hero{
  background-image:
    linear-gradient(rgba(245,177,112,.038) 1px,transparent 1px),
    linear-gradient(90deg,rgba(251,141,112,.030) 1px,transparent 1px),
    radial-gradient(ellipse at 73% 38%,rgba(245,177,112,.215),transparent 42%),
    radial-gradient(ellipse at 17% 22%,rgba(251,141,112,.108),transparent 47%),
    var(--cerebro-star-field),
    linear-gradient(180deg,#1a1012 0%,#120d0d 72%,#09090c 100%)!important;
}
.hero:after{background:linear-gradient(90deg,rgba(18,13,13,.84) 0%,rgba(18,13,13,.49) 32%,transparent 63%)!important}
#solutions .service{
  background-color:rgba(24,15,17,.26)!important;
  background-image:radial-gradient(ellipse at 86% 50%,rgba(245,177,112,.095),transparent 48%),linear-gradient(90deg,rgba(33,18,20,.30),rgba(18,12,14,.08) 67%,transparent)!important;
}
#solutions .service:nth-of-type(even){background-image:radial-gradient(ellipse at 15% 50%,rgba(251,141,112,.095),transparent 48%),linear-gradient(270deg,rgba(33,18,20,.30),rgba(18,12,14,.08) 67%,transparent)!important}
#solutions .service:before{background:linear-gradient(90deg,rgba(245,177,112,.075),rgba(251,141,112,.025) 45%,transparent 78%)!important}
.method-display,.flow-box,.device-stage,.portrait,
.contact-form,.selected-package-card,.solution-context-shell,
.pricing-card,.legal-card,.systems-shell{
  background-color:rgba(21,13,15,.80)!important;
  background-image:radial-gradient(ellipse at 87% 12%,rgba(245,177,112,.075),transparent 43%),linear-gradient(145deg,rgba(255,246,239,.026),rgba(0,0,0,.045))!important;
  border-color:rgba(245,177,112,.43)!important;
  box-shadow:inset 0 1px 0 rgba(255,211,166,.105),inset 0 -1px 0 rgba(169,153,255,.085),inset 0 0 58px rgba(251,141,112,.055),0 0 24px rgba(245,177,112,.105),0 30px 78px rgba(0,0,0,.26)!important;
}
.metrics,.service-visual,.student-panel,.ui-panel,
.package-confirm-panel,.checkout-handoff-panel,.solution-link,.sol-panel,
.solution-card,.founder-card,.device-card,.flow-shell,
.sia-system-card:not(.sia-singularity-card):not(.sia-plumbing-card):not(.sia-leads-card):not(.sia-support-card){
  background-color:rgba(24,15,17,.66)!important;
  border-color:rgba(245,177,112,.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,211,166,.072),inset 0 0 38px rgba(251,141,112,.042),0 0 19px rgba(245,177,112,.07)!important;
}
.metrics,.metric,.service,.service:last-child,.student-context,.student-context-stats,
.student-stat,.student-tabs,.student-tab,.student-topbar,.student-side,.student-integrity,
.integrity-item,.student-cta,.ui-top,.ui-side,.founder-copy blockquote,.founder-chapter,
.selected-package-steps,.selected-package-change,.package-confirm-meta,.footer-bottom,.footer-legal,
.sia-index-heading,.solution-context-metrics{
  border-color:rgba(245,177,112,.255)!important;
}
.nav{
  border-color:rgba(245,177,112,.48)!important;
  background:rgba(20,13,15,.82)!important;
  box-shadow:0 18px 60px rgba(0,0,0,.31),0 0 30px rgba(251,141,112,.15),inset 0 1px 0 rgba(255,211,166,.07),inset 0 0 27px rgba(245,177,112,.05)!important;
}
.dropdown{background:rgba(20,13,15,.96)!important;border-color:rgba(245,177,112,.30)!important}
.nav-links>a:hover,.cap-btn:hover{color:#fff6ef!important}
.brand-sub{background:linear-gradient(90deg,#8f746a 0%,#e8b486 46%,#8f746a 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.brand-mark{border-color:#b7927c!important;box-shadow:inset 0 0 12px rgba(245,177,112,.13)!important}
.brand-mark:before,.brand-mark:after{border-color:#b7927c!important}
.brand-pipe,.hero-note:after,.method-tabs:before,.flow-axis,.flow-light,
.systems-kicker span,.eyebrow span,.kicker i,.service-line:before{
  background-color:rgba(245,177,112,.82)!important;
  box-shadow:0 0 11px rgba(255,211,166,.47),0 0 25px rgba(251,141,112,.18)!important;
}
.section>.section-inner::before,.manifesto>.section-inner::before{
  background:linear-gradient(90deg,transparent,rgba(245,177,112,.37),rgba(255,211,166,.47))!important;
  box-shadow:0 0 18px rgba(251,141,112,.27)!important;
}
.section>.section-inner::after,.manifesto>.section-inner::after{
  background:linear-gradient(180deg,rgba(255,211,166,.47),transparent)!important;
  box-shadow:0 0 14px rgba(251,141,112,.25)!important;
}
.section-head::after{background:linear-gradient(90deg,rgba(255,211,166,.60),rgba(251,141,112,.27),transparent)!important;box-shadow:0 0 18px rgba(245,177,112,.27)!important}
.method-tab i,.flow-node,.device-tabs button,.field input,.field textarea,.field select{
  border-color:rgba(245,177,112,.47)!important;
  background-color:rgba(18,12,14,.72)!important;
}
.method-tab.active i,.flow-node.active,.device-tabs button.active{box-shadow:0 0 20px rgba(255,211,166,.48),0 0 38px rgba(251,141,112,.17)!important}
.btn.primary,.sia-primary{
  background:linear-gradient(135deg,#f3e5db,#e8b486)!important;
  color:#120d0d!important;
}
.btn.secondary{border-color:rgba(245,177,112,.30)!important;background:rgba(245,177,112,.018)!important}
.nav-cta{border-color:rgba(245,177,112,.34)!important}.nav-cta:hover{background:#f3e5db!important;color:#120d0d!important}
#founder .portrait{
  border-color:rgba(245,177,112,.72)!important;
  box-shadow:0 0 0 1px rgba(251,141,112,.22),0 0 19px rgba(245,177,112,.22),0 0 42px rgba(169,153,255,.12),0 30px 82px rgba(0,0,0,.31),inset 0 0 48px rgba(251,141,112,.065)!important;
  filter:drop-shadow(0 0 10px rgba(245,177,112,.18)) drop-shadow(0 0 24px rgba(251,141,112,.095))!important;
}
#founder .portrait:before{box-shadow:inset 0 0 0 1px rgba(255,211,166,.42),inset 0 -24px 48px rgba(10,6,8,.24),inset 0 0 72px rgba(251,141,112,.075)!important}
#founder .portrait:after{background:linear-gradient(180deg,rgba(255,211,166,.065),transparent 24%,transparent 76%,rgba(169,153,255,.055))!important}
/* Colour-shift the existing global WebGL/canvas art only; animation geometry,
   timing and interaction are untouched. Individual Systems in Action examples
   are not included in this filter. */
#universe,.hero-brain-frame canvas,.service-visual canvas,.solution-view canvas{
  filter:hue-rotate(176deg) saturate(.92) brightness(.99)!important;
}

/* Northline receives the exact role Cerebro previously held: blue/graphite
   ambient space. This only overrides colour paint and does not alter its card,
   section order, demo UI, typography or layout. */
.systems-view.sia-support-mode,
.systems-view.sia-support-mode #siaSupportDetail{
  background-color:#0d151d!important;
  background-image:
    linear-gradient(rgba(89,174,238,.038) 1px,transparent 1px),
    linear-gradient(90deg,rgba(75,156,225,.030) 1px,transparent 1px),
    radial-gradient(ellipse at 79% 20%,rgba(62,153,225,.19),transparent 42%),
    radial-gradient(ellipse at 13% 82%,rgba(43,111,177,.105),transparent 47%),
    var(--cerebro-star-field),
    linear-gradient(180deg,rgba(17,27,37,.992),rgba(9,17,25,.997))!important;
  box-shadow:inset 0 1px 0 rgba(102,190,247,.075),inset 0 -1px 0 rgba(40,109,173,.052)!important;
}
/* The fixed ambient layer sits outside .systems-view in the DOM, so isolate
   it with the support-active body class rather than changing any page markup. */
body.northline-support-active .cerebro-blue-atmosphere{
  opacity:.34!important;
  filter:none!important;
  background-image:
    radial-gradient(circle at 82% 13%,rgba(35,107,188,.13),transparent 26%),
    radial-gradient(circle at 13% 64%,rgba(38,96,166,.075),transparent 30%),
    var(--cerebro-star-field)!important;
  background-size:auto,auto,560px 560px!important;
}
body.northline-support-active #universe{filter:none!important}
@media(max-width:1080px){
  .nav{background:rgba(20,13,15,.965)!important;border-color:rgba(245,177,112,.42)!important;box-shadow:0 18px 52px rgba(0,0,0,.38),0 0 34px rgba(251,141,112,.10),inset 0 -1px 0 rgba(255,211,166,.16)!important}
}
@media(max-width:760px){
  .cerebro-blue-atmosphere{opacity:.58!important}
  .nav-links{background:rgba(20,13,15,.97)!important}
  .hero:after{background:linear-gradient(180deg,transparent,rgba(18,13,13,.88) 56%)!important}
}



/* Candidate 48 — refinement of the locked Candidate 47 palette only.
   Scope is intentionally limited to colour/ambient paint:
   1) remove the square/grid texture from the warm Cerebro environment;
   2) make the top hero of all nine expanded solution pages read as the same
      maroon / amber / coral family, including the description corner-lighting
      and the animation field beside it.
   No structure, copy, typography, dimensions, spacing, navigation, motion,
   interaction, pricing, Systems in Action content or component geometry changes. */

/* Remove the square lattice from the fixed warm ambient field while preserving
   the same three warm glows and restrained star texture from Candidate 47. */
.cerebro-blue-atmosphere{
  background-image:
    radial-gradient(ellipse at 79% 16%,rgba(245,177,112,.205),transparent 37%),
    radial-gradient(ellipse at 15% 73%,rgba(251,141,112,.12),transparent 42%),
    radial-gradient(ellipse at 53% 104%,rgba(169,153,255,.078),transparent 38%),
    var(--cerebro-star-field)!important;
  background-size:auto,auto,auto,560px 560px!important;
}

/* Preserve the approved warm colourway and depth, but remove the two linear
   grid layers that created the repeated little squares across page fields. */
.hero,
.manifesto,#solutions,.cap-section,.method,.flow-section,.students,.devices,
.founder,.contact,footer,.solution-view,.solution-hero,.solution-band,
.solution-context,.solution-compact-band,.solution-cta,.pricing-section,
.legal-view,.systems-view,.sia-index-page{
  background-color:#120d0d!important;
  background-image:
    radial-gradient(ellipse at 79% 20%,rgba(245,177,112,.19),transparent 42%),
    radial-gradient(ellipse at 13% 82%,rgba(251,141,112,.105),transparent 47%),
    var(--cerebro-star-field),
    linear-gradient(180deg,rgba(24,15,17,.992),rgba(9,9,12,.997))!important;
}
#solutions,.flow-section,.devices,.contact,.solution-band,
.solution-compact-band,.pricing-section,.sia-index-page{
  background-image:
    radial-gradient(ellipse at 18% 21%,rgba(245,177,112,.19),transparent 42%),
    radial-gradient(ellipse at 84% 80%,rgba(251,141,112,.105),transparent 47%),
    var(--cerebro-star-field),
    linear-gradient(180deg,rgba(24,15,17,.992),rgba(9,9,12,.997))!important;
}
.method,.founder,.solution-context,.legal-view{
  background-image:
    radial-gradient(ellipse at 72% 47%,rgba(245,177,112,.19),transparent 42%),
    radial-gradient(ellipse at 10% 18%,rgba(169,153,255,.075),transparent 47%),
    var(--cerebro-star-field),
    linear-gradient(180deg,rgba(24,15,17,.992),rgba(9,9,12,.997))!important;
}
.hero{
  background-image:
    radial-gradient(ellipse at 73% 38%,rgba(245,177,112,.215),transparent 42%),
    radial-gradient(ellipse at 17% 22%,rgba(251,141,112,.108),transparent 47%),
    var(--cerebro-star-field),
    linear-gradient(180deg,#1a1012 0%,#120d0d 72%,#09090c 100%)!important;
}

/* Expanded solution hero: replace the remaining cool/blue-black impression
   with Candidate 47's warm surface language, without touching the two-column
   layout, any copy, or the scene's animation mechanics. */
.solution-hero{
  background-color:#120d0d!important;
  background-image:
    radial-gradient(ellipse at 78% 43%,rgba(245,177,112,.175),transparent 37%),
    radial-gradient(ellipse at 14% 24%,rgba(251,141,112,.075),transparent 42%),
    var(--cerebro-star-field),
    linear-gradient(180deg,#1a1012 0%,#120d0d 70%,#0c090b 100%)!important;
}
.solution-hero:before{
  background:
    radial-gradient(circle at 76% 45%,rgba(245,177,112,.115),transparent 30%),
    linear-gradient(180deg,transparent,rgba(12,8,10,.17))!important;
}

/* The summary's eight existing corner strokes are retained exactly in size and
   position; only their colour/glow and the transparent surface beneath them are
   moved from electric blue into the warm Cerebro palette. */
.solution-summary-receptionist{
  background:
    linear-gradient(90deg,rgba(245,177,112,.92),rgba(245,177,112,.92)) left top/42px 1px no-repeat,
    linear-gradient(180deg,rgba(245,177,112,.92),rgba(245,177,112,.92)) left top/1px 42px no-repeat,
    linear-gradient(270deg,rgba(251,141,112,.88),rgba(251,141,112,.88)) right top/42px 1px no-repeat,
    linear-gradient(180deg,rgba(251,141,112,.88),rgba(251,141,112,.88)) right top/1px 42px no-repeat,
    linear-gradient(90deg,rgba(245,177,112,.92),rgba(245,177,112,.92)) left bottom/42px 1px no-repeat,
    linear-gradient(0deg,rgba(245,177,112,.92),rgba(245,177,112,.92)) left bottom/1px 42px no-repeat,
    linear-gradient(270deg,rgba(251,141,112,.88),rgba(251,141,112,.88)) right bottom/42px 1px no-repeat,
    linear-gradient(0deg,rgba(251,141,112,.88),rgba(251,141,112,.88)) right bottom/1px 42px no-repeat,
    linear-gradient(145deg,rgba(35,20,22,.56),rgba(18,13,13,.20))!important;
  filter:drop-shadow(0 0 14px rgba(245,177,112,.13))!important;
}

/* Warm the field immediately surrounding each of the nine solution scenes.
   The canvas, scale, timing and geometry remain untouched. */
.cvx-solution-art{
  background:
    radial-gradient(circle at 50% 50%,rgba(245,177,112,.072),transparent 55%),
    radial-gradient(circle at 67% 42%,rgba(251,141,112,.032),transparent 42%)!important;
}
.cvx-solution-art:before{
  border-color:rgba(245,177,112,.085)!important;
}

/* Northline's intentionally isolated blue/graphite demo keeps its own palette;
   its higher-specificity support-mode rules remain authoritative. */



/* Candidate 49 — smooth-background refinement only, built from the locked
   Candidate 48 baseline. Preserve the approved amber / coral / maroon palette
   and all existing content, layout, type, sizing, positioning, navigation,
   components, interactions and animations. Remove only ambient/background
   grid, line, star and geometric decoration from the warm Cerebro surface. */

/* The original fixed universe canvas draws floating points and outlined
   fragments. Keep it out of the warm Cerebro environment so the page reads as
   one clean continuous colour field. Northline's isolated blue demo remains
   untouched when its dedicated support mode is active. */
body:not(.northline-support-active) #universe{
  opacity:0!important;
  visibility:hidden!important;
}

/* Keep the approved warm ambient light, but remove the final star/dot texture. */
body:not(.northline-support-active) .cerebro-blue-atmosphere{
  background-image:
    radial-gradient(ellipse at 79% 16%,rgba(245,177,112,.205),transparent 37%),
    radial-gradient(ellipse at 15% 73%,rgba(251,141,112,.12),transparent 42%),
    radial-gradient(ellipse at 53% 104%,rgba(169,153,255,.078),transparent 38%)!important;
  background-size:auto,auto,auto!important;
  background-position:center,center,center!important;
}

/* Smooth warm page fields: ambient light only — no grid, star field, line
   texture, repeated geometry or top/bottom technical rails. */
body:not(.northline-support-active) .hero,
body:not(.northline-support-active) .manifesto,
body:not(.northline-support-active) #solutions,
body:not(.northline-support-active) .cap-section,
body:not(.northline-support-active) .method,
body:not(.northline-support-active) .flow-section,
body:not(.northline-support-active) .students,
body:not(.northline-support-active) .devices,
body:not(.northline-support-active) .founder,
body:not(.northline-support-active) .contact,
body:not(.northline-support-active) footer,
body:not(.northline-support-active) .solution-view,
body:not(.northline-support-active) .solution-hero,
body:not(.northline-support-active) .solution-band,
body:not(.northline-support-active) .solution-context,
body:not(.northline-support-active) .solution-compact-band,
body:not(.northline-support-active) .solution-cta,
body:not(.northline-support-active) .pricing-section,
body:not(.northline-support-active) .legal-view,
body:not(.northline-support-active) .systems-view,
body:not(.northline-support-active) .sia-index-page{
  background-color:#120d0d!important;
  background-image:
    radial-gradient(ellipse at 79% 20%,rgba(245,177,112,.19),transparent 42%),
    radial-gradient(ellipse at 13% 82%,rgba(251,141,112,.105),transparent 47%),
    linear-gradient(180deg,rgba(24,15,17,.992),rgba(9,9,12,.997))!important;
  background-size:auto,auto,auto!important;
  background-position:center,center,center!important;
  box-shadow:none!important;
}

/* Keep the existing alternate warm-light direction on selected sections, but
   as a smooth field rather than a patterned one. */
body:not(.northline-support-active) #solutions,
body:not(.northline-support-active) .flow-section,
body:not(.northline-support-active) .devices,
body:not(.northline-support-active) .contact,
body:not(.northline-support-active) .solution-band,
body:not(.northline-support-active) .solution-compact-band,
body:not(.northline-support-active) .pricing-section,
body:not(.northline-support-active) .sia-index-page{
  background-image:
    radial-gradient(ellipse at 18% 21%,rgba(245,177,112,.19),transparent 42%),
    radial-gradient(ellipse at 84% 80%,rgba(251,141,112,.105),transparent 47%),
    linear-gradient(180deg,rgba(24,15,17,.992),rgba(9,9,12,.997))!important;
}
body:not(.northline-support-active) .method,
body:not(.northline-support-active) .founder,
body:not(.northline-support-active) .solution-context,
body:not(.northline-support-active) .legal-view{
  background-image:
    radial-gradient(ellipse at 72% 47%,rgba(245,177,112,.19),transparent 42%),
    radial-gradient(ellipse at 10% 18%,rgba(169,153,255,.075),transparent 47%),
    linear-gradient(180deg,rgba(24,15,17,.992),rgba(9,9,12,.997))!important;
}
body:not(.northline-support-active) .hero{
  background-image:
    radial-gradient(ellipse at 73% 38%,rgba(245,177,112,.215),transparent 42%),
    radial-gradient(ellipse at 17% 22%,rgba(251,141,112,.108),transparent 47%),
    linear-gradient(180deg,#1a1012 0%,#120d0d 72%,#09090c 100%)!important;
}
body:not(.northline-support-active) .solution-hero{
  background-image:
    radial-gradient(ellipse at 78% 43%,rgba(245,177,112,.175),transparent 37%),
    radial-gradient(ellipse at 14% 24%,rgba(251,141,112,.075),transparent 42%),
    linear-gradient(180deg,#1a1012 0%,#120d0d 70%,#0c090b 100%)!important;
}

/* Remove the old site-wide decorative technical corner/heading rails without
   changing their layout footprint or any real content/component borders. */
body:not(.northline-support-active) .section>.section-inner::before,
body:not(.northline-support-active) .section>.section-inner::after,
body:not(.northline-support-active) .manifesto>.section-inner::before,
body:not(.northline-support-active) .manifesto>.section-inner::after,
body:not(.northline-support-active) .section-head::after{
  background:none!important;
  box-shadow:none!important;
  opacity:0!important;
}

/* Candidate 47 added a subtle per-chapter wash behind Solutions 01–09.
   Remove only that wash so the chapters sit on the same uninterrupted smooth
   surface; chapter separators, content and interactive visuals stay intact. */
body:not(.northline-support-active) #solutions .service,
body:not(.northline-support-active) #solutions .service:nth-of-type(even){
  background-color:transparent!important;
  background-image:none!important;
}



/* Candidate 52 — surgical hero-only refinement from locked Candidate 50.
   The visible horizontal darkness was traced to Candidate 50's lower-hero
   ::before layer: its radial glow is centred exactly on the top edge of a
   bottom-only pseudo-element, so the clipped half of that glow can read as a
   horizontal boundary across the hero and through the transparent brain stage.
   Keep the existing lower warmth, but remove the clipped radial component.
   No hero palette, brightness system, brain, section separators or other site
   styling is otherwise changed. */
body:not(.northline-support-active) .hero::before{
  background:linear-gradient(180deg,
    rgba(0,0,0,0) 0%,
    rgba(115,50,34,.09) 42%,
    rgba(153,71,42,.18) 100%)!important;
}

/* Increase only the approved statement-to-supporting-copy breathing room. */
.hero .hero-desc{margin-top:112px!important;}
@media(max-width:760px){
  .hero .hero-desc{margin-top:74px!important;}
}



/* ========================================================================== */
/* CEREBRO FINAL REFINEMENT V2 — surgical visual + navigation corrections.   */
/* Reference palette sampled from supplied artwork: #1d0f0c / #552016 /     */
/* #9b2723 / #e29559. Layout, dimensions and site mechanics are preserved.   */
/* ========================================================================== */
:root{
  --c-v2-espresso:#1d0f0c;
  --c-v2-espresso-deep:#0b0504;
  --c-v2-brown:#552016;
  --c-v2-red:#9b2723;
  --c-v2-red-hot:#c52f2c;
  --c-v2-amber:#e29559;
  --c-v2-cream:#ecd1b7;
  --c-v2-line:rgba(226,149,89,.31);
  --c-v2-line-hot:rgba(238,119,64,.56);
  --c59-blue:#d97b4d;
  --c59-blue-soft:#e7aa76;
  --c59-blue-line:rgba(226,149,89,.48);
  --cerebro-outline-blue:rgba(226,149,89,.40);
  --cerebro-outline-blue-soft:rgba(226,149,89,.18);
}

/* Header mark: supplied artwork only. No box, no generated shell, no white tile. */
html body header.nav-wrap nav.nav .brand-mark{
  width:31px!important;height:27px!important;flex:0 0 31px!important;
  display:grid!important;place-items:center!important;overflow:visible!important;
  padding:0!important;margin:0!important;background:transparent!important;
  border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important;
}
html body header.nav-wrap nav.nav .brand-mark::before,
html body header.nav-wrap nav.nav .brand-mark::after{content:none!important;display:none!important}
html body header.nav-wrap nav.nav .brand-mark .brand-logo-img{
  width:31px!important;height:auto!important;max-height:27px!important;display:block!important;
  object-fit:contain!important;background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;filter:drop-shadow(0 0 7px rgba(226,149,89,.20))!important;
}

/* Stronger reference-theme environment — dark espresso first, light as directional energy. */
html,body:not(.northline-support-active),body:not(.northline-support-active) main{
  background:var(--c-v2-espresso-deep)!important;color:#f5eee9!important;
}
body:not(.northline-support-active) .cerebro-blue-atmosphere{
  display:block!important;opacity:1!important;mix-blend-mode:screen!important;filter:none!important;
  background-image:
    radial-gradient(ellipse at -5% 31%,rgba(197,47,44,.52),transparent 28%),
    radial-gradient(ellipse at 12% 31%,rgba(155,39,35,.31),transparent 42%),
    radial-gradient(ellipse at 101% 17%,rgba(226,149,89,.21),transparent 30%),
    radial-gradient(ellipse at 82% 74%,rgba(85,32,22,.16),transparent 36%)!important;
}
body:not(.northline-support-active) .hero,
body:not(.northline-support-active) .manifesto,
body:not(.northline-support-active) #solutions,
body:not(.northline-support-active) .cap-section,
body:not(.northline-support-active) .method,
body:not(.northline-support-active) .flow-section,
body:not(.northline-support-active) .students,
body:not(.northline-support-active) .devices,
body:not(.northline-support-active) .founder,
body:not(.northline-support-active) .contact,
body:not(.northline-support-active) footer,
body:not(.northline-support-active) .solution-view,
body:not(.northline-support-active) .solution-hero,
body:not(.northline-support-active) .solution-band,
body:not(.northline-support-active) .solution-context,
body:not(.northline-support-active) .solution-compact-band,
body:not(.northline-support-active) .solution-cta,
body:not(.northline-support-active) .pricing-section,
body:not(.northline-support-active) .legal-view,
body:not(.northline-support-active) .systems-view,
body:not(.northline-support-active) .sia-index-page,
body:not(.northline-support-active) .contact-page-view{
  background-color:var(--c-v2-espresso-deep)!important;
  background-image:
    radial-gradient(ellipse at -8% 30%,rgba(197,47,44,.29),transparent 31%),
    radial-gradient(ellipse at 4% 29%,rgba(155,39,35,.16),transparent 46%),
    radial-gradient(ellipse at 102% 16%,rgba(226,149,89,.13),transparent 31%),
    linear-gradient(180deg,#1b0e0c 0%,#100807 53%,#090403 100%)!important;
}
/* alternate light direction for rhythm, while keeping the same palette */
body:not(.northline-support-active) #solutions,
body:not(.northline-support-active) .flow-section,
body:not(.northline-support-active) .contact,
body:not(.northline-support-active) .solution-band,
body:not(.northline-support-active) .pricing-section,
body:not(.northline-support-active) .sia-index-page{
  background-image:
    radial-gradient(ellipse at 108% 34%,rgba(197,47,44,.26),transparent 31%),
    radial-gradient(ellipse at 95% 34%,rgba(226,149,89,.11),transparent 38%),
    radial-gradient(ellipse at -6% 82%,rgba(85,32,22,.15),transparent 37%),
    linear-gradient(180deg,#170c0a 0%,#0e0706 56%,#090403 100%)!important;
}
body:not(.northline-support-active) .hero{
  background-image:
    radial-gradient(ellipse at -5% 38%,rgba(197,47,44,.42),transparent 27%),
    radial-gradient(ellipse at 7% 38%,rgba(155,39,35,.25),transparent 45%),
    radial-gradient(ellipse at 101% 18%,rgba(226,149,89,.17),transparent 30%),
    linear-gradient(180deg,#1d0f0c 0%,#100807 66%,#090403 100%)!important;
}
body:not(.northline-support-active) .hero::after{
  background:linear-gradient(90deg,rgba(11,5,4,.87) 0%,rgba(11,5,4,.50) 31%,rgba(11,5,4,.10) 56%,transparent 69%)!important;
}

/* Warm premium glass shell. */
html body:not(.northline-support-active) header.nav-wrap nav.nav{
  background:rgba(23,10,9,.90)!important;border-color:rgba(226,149,89,.48)!important;
  box-shadow:0 18px 60px rgba(0,0,0,.42),0 0 38px rgba(197,47,44,.13),inset 0 1px 0 rgba(245,210,182,.075),inset 0 -1px 0 rgba(226,149,89,.08)!important;
}
body:not(.northline-support-active) .dropdown{background:rgba(19,8,7,.98)!important;border-color:rgba(226,149,89,.31)!important}

/* High-intensity ambient technical rails. These are background-only, no layout changes. */
body:not(.northline-support-active) #company .section-inner,
body:not(.northline-support-active) #solutions .section-inner,
body:not(.northline-support-active) #method .section-inner,
body:not(.northline-support-active) .flow-section .section-inner,
body:not(.northline-support-active) #devices .section-inner,
body:not(.northline-support-active) #founder .section-inner,
body:not(.northline-support-active) #contact .section-inner,
body:not(.northline-support-active) .systems-shell,
body:not(.northline-support-active) .legal-shell,
body:not(.northline-support-active) .solution-page,
body:not(.northline-support-active) .contact-page-shell{
  background-image:
    linear-gradient(90deg,transparent 0 8%,rgba(226,149,89,.15) 8.04%,transparent 8.11%),
    linear-gradient(90deg,transparent 0 72%,rgba(197,47,44,.11) 72.04%,transparent 72.11%),
    linear-gradient(135deg,transparent 0 44%,rgba(226,149,89,.08) 44.04%,transparent 44.10%),
    linear-gradient(90deg,transparent,rgba(226,149,89,.36),transparent)!important;
  background-repeat:no-repeat!important;
  background-size:100% 100%,100% 100%,100% 100%,100% 1px!important;
  background-position:0 0,0 0,0 0,50% 0!important;
}
body:not(.northline-support-active) .section-head::after,
body:not(.northline-support-active) #solutions .section-head h2::after,
body:not(.northline-support-active) .method-tabs::before,
body:not(.northline-support-active) .flow-axis,
body:not(.northline-support-active) .brand-pipe,
body:not(.northline-support-active) .founder-name-line{
  background:linear-gradient(90deg,transparent,rgba(197,47,44,.42),rgba(226,149,89,.95),rgba(197,47,44,.38),transparent)!important;
  box-shadow:0 0 17px rgba(226,149,89,.24)!important;
}
body:not(.northline-support-active) .eyebrow span,
body:not(.northline-support-active) .kicker i,
body:not(.northline-support-active) .systems-kicker span,
body:not(.northline-support-active) .contact-page-kicker span{
  background:var(--c-v2-amber)!important;box-shadow:0 0 16px rgba(226,149,89,.32)!important;
}

/* Premium surfaces move deeper into espresso/maroon, with local amber edge-light. */
body:not(.northline-support-active) .method-display,
body:not(.northline-support-active) .flow-box,
body:not(.northline-support-active) .device-stage,
body:not(.northline-support-active) .portrait,
body:not(.northline-support-active) .contact-form,
body:not(.northline-support-active) .selected-package-card,
body:not(.northline-support-active) .solution-context-shell,
body:not(.northline-support-active) .pricing-card,
body:not(.northline-support-active) .legal-card,
body:not(.northline-support-active) .solution-card,
body:not(.northline-support-active) .founder-card,
body:not(.northline-support-active) .device-card,
body:not(.northline-support-active) .flow-shell,
body:not(.northline-support-active) .legal-centre-card,
body:not(.northline-support-active) .contact-page-card{
  background-color:rgba(20,8,7,.86)!important;
  background-image:radial-gradient(ellipse at 7% 18%,rgba(155,39,35,.14),transparent 40%),radial-gradient(ellipse at 92% 8%,rgba(226,149,89,.075),transparent 40%),linear-gradient(145deg,rgba(255,255,255,.018),rgba(0,0,0,.06))!important;
  border-color:rgba(226,149,89,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,218,187,.055),inset 0 0 70px rgba(104,24,14,.12),0 0 28px rgba(197,47,44,.055),0 32px 82px rgba(0,0,0,.34)!important;
}

/* Hero requested split: white sentence/hyphen, exact Method accent language on suffix. */
body:not(.northline-support-active) .hero-note{color:#f5eee9!important}
body:not(.northline-support-active) .hero-note .hero-note-accent{
  display:inline;
  background:linear-gradient(105deg,#8d7568 4%,#d7a175 28%,#9a7665 46%,#e0b286 58%,#9a7565 74%,#c68a65 96%);
  background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;
  text-shadow:0 0 30px rgba(212,138,88,.035);animation:metalCallSweep 9s cubic-bezier(.16,1,.3,1) infinite;
}

/* Founder profile copy — one instance only, elevated editorial card with hover depth. */
#founder .founder-copy>.eyebrow{color:#b69b89!important}
#founder .founder-profile-copy{
  position:relative;display:block;margin:28px 0 30px!important;padding:24px 26px!important;
  max-width:690px;border:1px solid rgba(226,149,89,.23);border-radius:16px;
  background:radial-gradient(circle at 8% 25%,rgba(155,39,35,.14),transparent 38%),linear-gradient(135deg,rgba(52,20,15,.72),rgba(18,8,7,.78));
  box-shadow:inset 0 1px 0 rgba(255,224,199,.045),0 16px 44px rgba(0,0,0,.20),0 0 24px rgba(197,47,44,.045);
  font-family:"Merriweather",Georgia,"Times New Roman",serif!important;font-size:clamp(17px,1.32vw,21px)!important;
  font-weight:300!important;letter-spacing:-.017em!important;line-height:1.68!important;color:#d9c3b4!important;
  transition:transform .42s cubic-bezier(.16,1,.3,1),border-color .42s ease,box-shadow .42s ease,background .42s ease!important;
}
#founder .founder-profile-copy::before{
  content:"";position:absolute;left:22px;right:22px;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(226,149,89,.68),rgba(197,47,44,.24),transparent);box-shadow:0 0 12px rgba(226,149,89,.20);
}
#founder .founder-profile-copy:hover{
  transform:translateY(-5px) translateZ(0)!important;border-color:rgba(226,149,89,.40)!important;
  background:radial-gradient(circle at 8% 25%,rgba(197,47,44,.18),transparent 40%),linear-gradient(135deg,rgba(58,22,16,.80),rgba(18,8,7,.84));
  box-shadow:inset 0 1px 0 rgba(255,224,199,.065),0 24px 54px rgba(0,0,0,.29),0 0 32px rgba(197,47,44,.09)!important;
}

/* Consultation heading: protect final glyph from the reveal container/column edge. */
#contact .section-head,#contact .section-head.reveal{overflow:visible!important;padding-right:14px!important}
#contact .section-head h2{overflow:visible!important;padding-right:.22em!important;max-width:100%!important;box-sizing:content-box!important}

/* Same-document contact page: hidden from the landing scroll, routed like Systems in Action. */
.contact-page-view{display:none;min-height:100vh;padding-top:104px;position:relative;overflow:hidden}
.contact-page-view.active{display:block!important}
body.contact-page-open main>section:not(.contact-page-view){display:none!important}
body.contact-page-open footer{display:none!important}
.contact-page-shell{width:min(1480px,88vw);min-height:calc(100vh - 104px);margin:0 auto;padding:70px 0 120px;position:relative}
.contact-page-back{display:inline-flex;color:#a98c7a;font-size:9px;letter-spacing:.15em;text-transform:uppercase;transition:.3s ease}
.contact-page-back:hover{color:#fff2e8}
.contact-page-hero{max-width:1120px;padding:clamp(72px,9vh,126px) 0 64px;border-bottom:1px solid rgba(226,149,89,.17)}
.contact-page-kicker{margin:0 0 26px;display:flex;align-items:center;gap:13px;color:#b79b89;font-size:9px;letter-spacing:.20em;text-transform:uppercase}
.contact-page-kicker span{width:34px;height:1px}
.contact-page-hero h1{max-width:10.5ch;margin:0;color:#f7eee8;font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:clamp(60px,8.4vw,128px);font-weight:400;letter-spacing:-.067em;line-height:.87}
.contact-page-hero>p:last-child{max-width:760px;margin:30px 0 0;color:#bda697;font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:clamp(20px,2vw,30px);line-height:1.5}
.contact-page-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:24px;padding-top:42px}
.contact-page-card{padding:34px;position:relative;overflow:hidden;min-height:330px}
.contact-page-card>small{display:block;margin-bottom:18px;color:#b59682;font-size:8px;letter-spacing:.18em;text-transform:uppercase}
.contact-page-card h2{margin:0 0 14px;color:#f4e8e0;font-family:"Merriweather",Georgia,"Times New Roman",serif;font-size:clamp(30px,3vw,46px);font-weight:400;letter-spacing:-.035em}
.contact-page-card>p{max-width:620px;margin:0;color:#a99182;line-height:1.8;font-size:13px}
.contact-page-items{display:grid;gap:10px;margin-top:26px}
.contact-page-items>a{display:grid;grid-template-columns:92px 1fr auto;align-items:center;gap:18px;padding:17px 19px;border:1px solid rgba(226,149,89,.16);background:rgba(19,8,7,.55);transition:.3s cubic-bezier(.16,1,.3,1)}
.contact-page-items>a:hover{transform:translateY(-2px);border-color:rgba(226,149,89,.36);background:rgba(50,18,13,.54)}
.contact-page-items span{color:#a78a78;font-size:8px;letter-spacing:.14em;text-transform:uppercase}
.contact-page-items strong{color:#f1dfd3;font-size:14px;font-weight:500;word-break:break-word}
.contact-page-items b{color:#d89462;font-weight:400}
.contact-page-socials{display:flex;gap:14px;margin-top:26px;flex-wrap:wrap}
.contact-page-socials>a{width:132px;min-height:108px;padding:16px;border:1px solid rgba(226,149,89,.18);border-radius:16px;background:rgba(248,239,231,.965);display:grid;place-items:center;gap:8px;color:#23110d;transition:.3s cubic-bezier(.16,1,.3,1)}
.contact-page-socials>a:hover{transform:translateY(-4px);border-color:rgba(226,149,89,.48);box-shadow:0 16px 34px rgba(0,0,0,.30),0 0 25px rgba(197,47,44,.10)}
.contact-page-socials img{width:54px;height:54px;object-fit:contain;display:block}
.contact-page-socials span{font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:600}
.contact-page-founder-line{margin-top:28px;padding-top:22px;border-top:1px solid rgba(226,149,89,.15);display:flex;align-items:center;justify-content:space-between;gap:16px}
.contact-page-founder-line span{color:#987b6a;font-size:8px;letter-spacing:.15em;text-transform:uppercase}
.contact-page-founder-line strong{font-family:"Merriweather",Georgia,"Times New Roman",serif;color:#e8d4c6;font-size:20px;font-weight:400}
body.contact-page-open .nav-links>a[href="#contact-page"]{color:#f1c39d!important}

@media(max-width:900px){
  .contact-page-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  html body header.nav-wrap nav.nav .brand-mark{width:27px!important;height:24px!important;flex-basis:27px!important}
  html body header.nav-wrap nav.nav .brand-mark .brand-logo-img{width:27px!important;max-height:24px!important}
  .contact-page-view{padding-top:78px}.contact-page-shell{width:auto;min-height:calc(100vh - 78px);padding:44px 22px 90px}
  .contact-page-hero{padding:72px 0 52px}.contact-page-hero h1{font-size:17vw;max-width:10.8ch}.contact-page-hero>p:last-child{font-size:21px}
  .contact-page-card{padding:24px}.contact-page-items>a{grid-template-columns:1fr;gap:7px}.contact-page-items b{display:none}.contact-page-founder-line{align-items:flex-start;flex-direction:column}
}



/* ========================================================================== */
/* CEREBRO WHITE / BLACK / BLUE — THEME-ONLY PASS                           */
/* Scope: colour system only. No layout, typography, copy, sizing, motion,   */
/* routing, animation logic, canvas/WebGL styling or DOM structure changes.   */
/* ========================================================================== */
:root{
  --cwb-white:#ffffff;
  --cwb-white-soft:#fbfdff;
  --cwb-black:#0a0d12;
  --cwb-black-soft:#202938;
  --cwb-muted:#667085;
  --cwb-blue:#1b6cff;
  --cwb-blue-bright:#3e86ff;
  --cwb-blue-soft:#eaf2ff;
  --cwb-line:rgba(27,108,255,.24);
  --cwb-line-soft:rgba(27,108,255,.12);
  --cwb-line-hot:rgba(27,108,255,.48);
  --cwb-glow:rgba(27,108,255,.10);
  --cwb-glow-hot:rgba(27,108,255,.18);

  /* Override legacy theme variables without altering structure. */
  --black:#ffffff;
  --panel:rgba(255,255,255,.96);
  --line:rgba(27,108,255,.18);
  --line2:rgba(27,108,255,.30);
  --white:#0a0d12;
  --muted:#667085;
  --soft:#202938;
  --c-v2-espresso:#ffffff;
  --c-v2-espresso-deep:#ffffff;
  --c-v2-brown:#ffffff;
  --c-v2-red:#1b6cff;
  --c-v2-red-hot:#3e86ff;
  --c-v2-amber:#1b6cff;
  --c-v2-cream:#0a0d12;
  --c-v2-line:rgba(27,108,255,.24);
  --c-v2-line-hot:rgba(27,108,255,.48);
  --c59-blue:#1b6cff;
  --c59-blue-soft:#6da6ff;
  --c59-blue-line:rgba(27,108,255,.32);
  --cerebro-outline-blue:rgba(27,108,255,.30);
  --cerebro-outline-blue-soft:rgba(27,108,255,.14);
}

/* 1. Entire site canvas: pure white, no brown/orange atmosphere. */
html,
body:not(.northline-support-active),
body:not(.northline-support-active) main,
body:not(.northline-support-active) .hero,
body:not(.northline-support-active) .manifesto,
body:not(.northline-support-active) #solutions,
body:not(.northline-support-active) .cap-section,
body:not(.northline-support-active) .method,
body:not(.northline-support-active) .flow-section,
body:not(.northline-support-active) .students,
body:not(.northline-support-active) .devices,
body:not(.northline-support-active) .founder,
body:not(.northline-support-active) .contact,
body:not(.northline-support-active) footer,
body:not(.northline-support-active) .solution-view,
body:not(.northline-support-active) .solution-page,
body:not(.northline-support-active) .solution-hero,
body:not(.northline-support-active) .solution-band,
body:not(.northline-support-active) .solution-context,
body:not(.northline-support-active) .solution-compact-band,
body:not(.northline-support-active) .solution-cta,
body:not(.northline-support-active) .pricing-section,
body:not(.northline-support-active) .legal-view,
body:not(.northline-support-active) .systems-view,
body:not(.northline-support-active) .sia-index-page,
body:not(.northline-support-active) .sia-detail-page,
body:not(.northline-support-active) .sia-project,
body:not(.northline-support-active) .contact-page-view,
body:not(.northline-support-active) .contact-page-shell,
body:not(.northline-support-active) .legal-shell,
body:not(.northline-support-active) .systems-shell{
  background:#ffffff!important;
  background-color:#ffffff!important;
  background-image:none!important;
}
body:not(.northline-support-active) .cerebro-blue-atmosphere{display:none!important;opacity:0!important;background:none!important}
body:not(.northline-support-active) .hero::after{background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.62) 34%,rgba(255,255,255,.12) 58%,transparent 72%)!important}
body:not(.northline-support-active) .vignette{background:transparent!important}
body:not(.northline-support-active) .noise{opacity:.012!important;mix-blend-mode:multiply!important;filter:grayscale(1)!important}

/* 2. Global text palette only — preserve every font, size and position. */
body:not(.northline-support-active),
body:not(.northline-support-active) h1,
body:not(.northline-support-active) h2,
body:not(.northline-support-active) h3,
body:not(.northline-support-active) h4,
body:not(.northline-support-active) h5,
body:not(.northline-support-active) h6,
body:not(.northline-support-active) p,
body:not(.northline-support-active) li,
body:not(.northline-support-active) label,
body:not(.northline-support-active) strong,
body:not(.northline-support-active) b,
body:not(.northline-support-active) em,
body:not(.northline-support-active) blockquote,
body:not(.northline-support-active) .hero-note,
body:not(.northline-support-active) .service-strap,
body:not(.northline-support-active) .service-line,
body:not(.northline-support-active) .section-head h2,
body:not(.northline-support-active) .manifesto h2,
body:not(.northline-support-active) .founder-copy h2,
body:not(.northline-support-active) .contact-page-hero h1,
body:not(.northline-support-active) .contact-page-card h2,
body:not(.northline-support-active) .legal-header h1,
body:not(.northline-support-active) .legal-section h2,
body:not(.northline-support-active) .legal-footer-nav strong,
body:not(.northline-support-active) .systems-hero h1,
body:not(.northline-support-active) .systems-subtitle,
body:not(.northline-support-active) .sia-section-head h2,
body:not(.northline-support-active) .sia-project-intro h1{
  color:var(--cwb-black)!important;
  text-shadow:none!important;
}
body:not(.northline-support-active) .section-intro,
body:not(.northline-support-active) .service-body,
body:not(.northline-support-active) .signal,
body:not(.northline-support-active) .metric span,
body:not(.northline-support-active) .rail,
body:not(.northline-support-active) .eyebrow,
body:not(.northline-support-active) .kicker,
body:not(.northline-support-active) .founder-chapter p,
body:not(.northline-support-active) .legal-header-copy,
body:not(.northline-support-active) .legal-centre-note,
body:not(.northline-support-active) .contact-page-card>p,
body:not(.northline-support-active) .contact-page-kicker,
body:not(.northline-support-active) .contact-page-hero>p:last-child,
body:not(.northline-support-active) .form-legal-note,
body:not(.northline-support-active) .sia-body,
body:not(.northline-support-active) .sia-project-copy,
body:not(.northline-support-active) .sia-meta{
  color:var(--cwb-muted)!important;
}

/* 3. Header: white glass, blue outline, blue separator/subtitle. */
html body:not(.northline-support-active) header.nav-wrap nav.nav{
  background:rgba(255,255,255,.92)!important;
  border-color:var(--cwb-line)!important;
  box-shadow:0 16px 54px rgba(16,45,96,.08),inset 0 1px 0 rgba(255,255,255,.9)!important;
}
body:not(.northline-support-active) .brand-pipe{
  background:linear-gradient(180deg,transparent,var(--cwb-blue),transparent)!important;
  box-shadow:0 0 12px var(--cwb-glow-hot)!important;
}
body:not(.northline-support-active) .brand-sub{
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  color:var(--cwb-blue)!important;
  -webkit-text-fill-color:var(--cwb-blue)!important;
}
body:not(.northline-support-active) .nav-links>a,
body:not(.northline-support-active) .cap-btn,
body:not(.northline-support-active) .mobile-nav-cta{color:var(--cwb-black-soft)!important}
body:not(.northline-support-active) .nav-links>a:hover,
body:not(.northline-support-active) .cap-btn:hover,
body:not(.northline-support-active) .mobile-nav-cta:hover{color:var(--cwb-blue)!important}
body:not(.northline-support-active) .dropdown{
  background:#ffffff!important;
  border-color:var(--cwb-line)!important;
  box-shadow:0 28px 80px rgba(16,45,96,.10)!important;
}
body:not(.northline-support-active) .dropdown a{color:var(--cwb-black-soft)!important}
body:not(.northline-support-active) .dropdown a:hover{background:var(--cwb-blue-soft)!important;color:var(--cwb-blue)!important}
body:not(.northline-support-active) .dropdown small{color:var(--cwb-muted)!important}
body:not(.northline-support-active) .menu i,
body:not(.northline-support-active) .menu i::before,
body:not(.northline-support-active) .menu i::after{background:var(--cwb-black)!important}

/* 4. Existing shapes/panels remain identical; colour only becomes white + blue outline. */
body:not(.northline-support-active) .method-display,
body:not(.northline-support-active) .flow-box,
body:not(.northline-support-active) .device-stage,
body:not(.northline-support-active) .portrait,
body:not(.northline-support-active) .contact-form,
body:not(.northline-support-active) .selected-package-card,
body:not(.northline-support-active) .solution-context-shell,
body:not(.northline-support-active) .pricing-card,
body:not(.northline-support-active) .legal-card,
body:not(.northline-support-active) .solution-card,
body:not(.northline-support-active) .founder-card,
body:not(.northline-support-active) .device-card,
body:not(.northline-support-active) .flow-shell,
body:not(.northline-support-active) .legal-centre-card,
body:not(.northline-support-active) .contact-page-card,
body:not(.northline-support-active) .metrics,
body:not(.northline-support-active) .metric,
body:not(.northline-support-active) .service,
body:not(.northline-support-active) .student-panel,
body:not(.northline-support-active) .ui-panel,
body:not(.northline-support-active) .package-confirm-panel,
body:not(.northline-support-active) .checkout-handoff-panel,
body:not(.northline-support-active) .solution-link,
body:not(.northline-support-active) .sol-panel,
body:not(.northline-support-active) .solution-compact-panel,
body:not(.northline-support-active) .founder-chapter,
body:not(.northline-support-active) .selected-package-step,
body:not(.northline-support-active) .legal-section,
body:not(.northline-support-active) .legal-form-box,
body:not(.northline-support-active) .legal-footer-nav a,
body:not(.northline-support-active) .contact-page-items>a,
body:not(.northline-support-active) .sia-system-card,
body:not(.northline-support-active) .sia-detail-visual-card,
body:not(.northline-support-active) .sia-support-demo-panel,
body:not(.northline-support-active) .sia-leads-demo-panel,
body:not(.northline-support-active) .sia-browser-shell,
body:not(.northline-support-active) .sia-live-device{
  background:#ffffff!important;
  background-color:#ffffff!important;
  background-image:none!important;
  border-color:var(--cwb-line)!important;
  box-shadow:0 14px 42px rgba(16,45,96,.055)!important;
}

/* Hover = same shape, only a restrained blue wash and stronger blue edge. */
body:not(.northline-support-active) .service:hover,
body:not(.northline-support-active) .metric:hover,
body:not(.northline-support-active) .method-display:hover,
body:not(.northline-support-active) .flow-box:hover,
body:not(.northline-support-active) .device-card:hover,
body:not(.northline-support-active) .founder-chapter:hover,
body:not(.northline-support-active) .contact-page-card:hover,
body:not(.northline-support-active) .contact-page-items>a:hover,
body:not(.northline-support-active) .legal-centre-card:hover,
body:not(.northline-support-active) .legal-footer-nav a:hover,
body:not(.northline-support-active) .solution-card:hover,
body:not(.northline-support-active) .solution-link:hover,
body:not(.northline-support-active) .sia-system-card:hover,
body:not(.northline-support-active) .sia-detail-visual-card:hover{
  background:#f5f9ff!important;
  border-color:var(--cwb-line-hot)!important;
  box-shadow:0 16px 48px rgba(27,108,255,.09)!important;
}
body:not(.northline-support-active) .service::before{background:linear-gradient(90deg,rgba(27,108,255,.055),transparent 70%)!important}

/* 5. Existing technical rules/lines become blue, not brown/orange. */
body:not(.northline-support-active) #company .section-inner,
body:not(.northline-support-active) #solutions .section-inner,
body:not(.northline-support-active) #method .section-inner,
body:not(.northline-support-active) .flow-section .section-inner,
body:not(.northline-support-active) #devices .section-inner,
body:not(.northline-support-active) #founder .section-inner,
body:not(.northline-support-active) #contact .section-inner,
body:not(.northline-support-active) .systems-shell,
body:not(.northline-support-active) .legal-shell,
body:not(.northline-support-active) .solution-page,
body:not(.northline-support-active) .contact-page-shell{
  background-image:
    linear-gradient(90deg,transparent 0 8%,rgba(27,108,255,.09) 8.04%,transparent 8.11%),
    linear-gradient(90deg,transparent 0 72%,rgba(27,108,255,.07) 72.04%,transparent 72.11%),
    linear-gradient(135deg,transparent 0 44%,rgba(27,108,255,.05) 44.04%,transparent 44.10%),
    linear-gradient(90deg,transparent,rgba(27,108,255,.22),transparent)!important;
  background-repeat:no-repeat!important;
  background-size:100% 100%,100% 100%,100% 100%,100% 1px!important;
  background-position:0 0,0 0,0 0,50% 0!important;
}
body:not(.northline-support-active) .section-head::after,
body:not(.northline-support-active) #solutions .section-head h2::after,
body:not(.northline-support-active) .method-tabs::before,
body:not(.northline-support-active) .flow-axis,
body:not(.northline-support-active) .founder-name-line{
  background:linear-gradient(90deg,transparent,rgba(27,108,255,.20),rgba(27,108,255,.72),rgba(27,108,255,.20),transparent)!important;
  box-shadow:0 0 14px rgba(27,108,255,.10)!important;
}
body:not(.northline-support-active) .eyebrow span,
body:not(.northline-support-active) .kicker i,
body:not(.northline-support-active) .systems-kicker span,
body:not(.northline-support-active) .contact-page-kicker span{
  background:var(--cwb-blue)!important;
  box-shadow:0 0 12px var(--cwb-glow-hot)!important;
}
body:not(.northline-support-active) .service-num{
  -webkit-text-stroke-color:rgba(27,108,255,.28)!important;
  text-shadow:0 0 22px rgba(27,108,255,.05)!important;
}
body:not(.northline-support-active) .service-line::before{background:rgba(27,108,255,.36)!important}

/* 6. Founder card keeps its exact typography/placement; colour only. */
#founder .founder-copy>.eyebrow{color:var(--cwb-muted)!important}
#founder .founder-profile-copy{
  color:var(--cwb-black-soft)!important;
  background:#ffffff!important;
  background-image:none!important;
  border-color:var(--cwb-line)!important;
  box-shadow:0 14px 42px rgba(16,45,96,.055)!important;
}
#founder .founder-profile-copy::before{
  background:linear-gradient(90deg,transparent,rgba(27,108,255,.66),rgba(27,108,255,.20),transparent)!important;
  box-shadow:0 0 10px rgba(27,108,255,.12)!important;
}
#founder .founder-profile-copy:hover{
  background:#f5f9ff!important;
  border-color:var(--cwb-line-hot)!important;
  box-shadow:0 18px 48px rgba(27,108,255,.09)!important;
}
#founder .founder-copy blockquote{color:var(--cwb-black-soft)!important;border-color:var(--cwb-line)!important}

/* 7. Hero accent becomes blue. No text/layout changes. */
body:not(.northline-support-active) .hero-note{color:var(--cwb-black)!important}
body:not(.northline-support-active) .hero-note .hero-note-accent,
body:not(.northline-support-active) .metal-call{
  background:linear-gradient(105deg,#1b6cff 4%,#6da6ff 28%,#1b6cff 46%,#93bbff 58%,#1b6cff 74%,#4f8fff 96%)!important;
  background-size:240% 100%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:none!important;
}

/* 8. Forms/buttons: white surfaces + blue outlines, black text. */
body:not(.northline-support-active) input,
body:not(.northline-support-active) textarea,
body:not(.northline-support-active) select,
body:not(.northline-support-active) .select-wrap{
  background:#ffffff!important;
  color:var(--cwb-black)!important;
  border-color:var(--cwb-line)!important;
  box-shadow:none!important;
}
body:not(.northline-support-active) input::placeholder,
body:not(.northline-support-active) textarea::placeholder{color:#8793a6!important}
body:not(.northline-support-active) input:focus,
body:not(.northline-support-active) textarea:focus,
body:not(.northline-support-active) select:focus{
  border-color:var(--cwb-line-hot)!important;
  box-shadow:0 0 0 4px rgba(27,108,255,.07)!important;
  outline:none!important;
}
body:not(.northline-support-active) .nav-cta,
body:not(.northline-support-active) .btn,
body:not(.northline-support-active) .submit,
body:not(.northline-support-active) .selected-package-change,
body:not(.northline-support-active) .legal-action,
body:not(.northline-support-active) .confirm-primary,
body:not(.northline-support-active) .confirm-secondary,
body:not(.northline-support-active) .sia-primary,
body:not(.northline-support-active) .sia-secondary{
  background:#ffffff!important;
  color:var(--cwb-black)!important;
  border-color:var(--cwb-line)!important;
  box-shadow:none!important;
}
body:not(.northline-support-active) .nav-cta:hover,
body:not(.northline-support-active) .btn:hover,
body:not(.northline-support-active) .submit:hover,
body:not(.northline-support-active) .selected-package-change:hover,
body:not(.northline-support-active) .legal-action:hover,
body:not(.northline-support-active) .confirm-primary:hover,
body:not(.northline-support-active) .confirm-secondary:hover,
body:not(.northline-support-active) .sia-primary:hover,
body:not(.northline-support-active) .sia-secondary:hover{
  background:#f2f7ff!important;
  color:var(--cwb-blue)!important;
  border-color:var(--cwb-line-hot)!important;
  box-shadow:0 12px 30px rgba(27,108,255,.08)!important;
}

/* 9. Contact and Legal subpages: preserve exact structure, white/black/blue only. */
body:not(.northline-support-active) .contact-page-back,
body:not(.northline-support-active) .legal-back,
body:not(.northline-support-active) .legal-nav a,
body:not(.northline-support-active) .legal-section a,
body:not(.northline-support-active) .form-legal-note a,
body:not(.northline-support-active) .contact-page-items b{
  color:var(--cwb-blue)!important;
}
body:not(.northline-support-active) .contact-page-hero{border-color:var(--cwb-line-soft)!important}
body:not(.northline-support-active) .contact-page-items span,
body:not(.northline-support-active) .contact-page-founder-line span,
body:not(.northline-support-active) .legal-centre-card small,
body:not(.northline-support-active) .legal-date{color:var(--cwb-muted)!important}
body:not(.northline-support-active) .contact-page-items strong,
body:not(.northline-support-active) .contact-page-founder-line strong,
body:not(.northline-support-active) .legal-centre-card h2,
body:not(.northline-support-active) .legal-launch-check h2{color:var(--cwb-black)!important}
body:not(.northline-support-active) .contact-page-founder-line,
body:not(.northline-support-active) .legal-footer-nav,
body:not(.northline-support-active) .legal-nav,
body:not(.northline-support-active) .legal-section{border-color:var(--cwb-line-soft)!important}
body:not(.northline-support-active) body.contact-page-open .nav-links>a[href="#contact-page"],
body.contact-page-open:not(.northline-support-active) .nav-links>a[href="#contact-page"]{color:var(--cwb-blue)!important}

/* 10. Social tiles remain the same assets; surrounding tile becomes white/blue. */
body:not(.northline-support-active) .footer-social,
body:not(.northline-support-active) .contact-page-socials>a{
  background:#ffffff!important;
  border-color:var(--cwb-line)!important;
  box-shadow:0 10px 28px rgba(16,45,96,.06)!important;
  color:var(--cwb-black)!important;
}
body:not(.northline-support-active) .footer-social:hover,
body:not(.northline-support-active) .contact-page-socials>a:hover{
  background:#f5f9ff!important;
  border-color:var(--cwb-line-hot)!important;
  box-shadow:0 14px 34px rgba(27,108,255,.09)!important;
}

/* 11. Footer separators and utility text. */
body:not(.northline-support-active) .footer-bottom,
body:not(.northline-support-active) .footer-legal{border-color:var(--cwb-line-soft)!important}
body:not(.northline-support-active) .footer-copy,
body:not(.northline-support-active) footer p,
body:not(.northline-support-active) footer span,
body:not(.northline-support-active) footer small,
body:not(.northline-support-active) footer a{color:var(--cwb-black-soft)!important}
body:not(.northline-support-active) footer a:hover{color:var(--cwb-blue)!important}

/* IMPORTANT: intentionally no canvas/WebGL/animation filter overrides here. */



body:not(.northline-support-active) .hero h1,
body:not(.northline-support-active) .founder-name-part,
body:not(.northline-support-active) .wordmark,
body:not(.northline-support-active) .footer-copy{
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  color:#0a0d12!important;
  -webkit-text-fill-color:#0a0d12!important;
  text-shadow:none!important;
}
body:not(.northline-support-active) .footer-logo-mask{
  background:#0a0d12!important;
}
body:not(.northline-support-active) .hero-note::after,
body:not(.northline-support-active) .scrollcue i,
body:not(.northline-support-active) .architecture i,
body:not(.northline-support-active) .architecture i::after{
  border-color:rgba(27,108,255,.18)!important;
  background:linear-gradient(90deg,rgba(27,108,255,.58),transparent)!important;
  box-shadow:0 0 8px rgba(27,108,255,.10)!important;
}
body:not(.northline-support-active) .telemetry,
body:not(.northline-support-active) .scrollcue,
body:not(.northline-support-active) .footer-bottom,
body:not(.northline-support-active) .footer-legal{color:#667085!important}
body:not(.northline-support-active) .selected-package-label,
body:not(.northline-support-active) .selected-package-solution,
body:not(.northline-support-active) .selected-package-price,
body:not(.northline-support-active) .selected-package-mode,
body:not(.northline-support-active) .legal-status,
body:not(.northline-support-active) .legal-index,
body:not(.northline-support-active) .legal-nav a small,
body:not(.northline-support-active) .contact-page-card>small,
body:not(.northline-support-active) .contact-page-socials span{
  color:#1b6cff!important;
}
body:not(.northline-support-active) .legal-status{
  background:#f7faff!important;
  border-color:rgba(27,108,255,.18)!important;
}



/* ========================================================================== */
/* CEREBRO PRACTICAL PASS V2 — surgical surface/contrast refinement          */
/* This block intentionally changes COLOUR / SOURCE ASSET / DEVICE ORDER ONLY. */
/* No typography metrics, spacing, section sizing, animation timing, WebGL,   */
/* portrait geometry, nav geometry, routing or consultation logic is altered. */
/* ========================================================================== */
:root{
  --cp-blue:#25a9ff;
  --cp-blue-deep:#1677ff;
  --cp-blue-pale:#eef9ff;
  --cp-blue-line:rgba(37,169,255,.34);
  --cp-blue-line-strong:rgba(37,169,255,.62);
  --cp-blue-glow:rgba(37,169,255,.16);
  --cp-blue-glow-strong:rgba(37,169,255,.26);
  --cp-black:#070a0f;
}

/* A. NAV ASSETS — retain the existing boxes, width, gap and positioning. */
html body:not(.northline-support-active) header.nav-wrap nav.nav .brand-mark .brand-logo-img{
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  object-fit:contain!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  filter:drop-shadow(0 0 7px rgba(37,169,255,.25))!important;
}
html body:not(.northline-support-active) header.nav-wrap nav.nav .brand-logo{
  object-fit:contain!important;
  background:transparent!important;
  filter:none!important;
}

/* B. OPAQUE BLACK TEXT — fix legacy gradient/transparent text without touching metrics. */
body:not(.northline-support-active) .hero-note,
body:not(.northline-support-active) .hero-desc,
body:not(.northline-support-active) .kicker,
body:not(.northline-support-active) #company .section-head h2,
body:not(.northline-support-active) #company .section-intro,
body:not(.northline-support-active) #company .about-proof-card h3,
body:not(.northline-support-active) #company .about-proof-card p,
body:not(.northline-support-active) #company .about-proof-card strong,
body:not(.northline-support-active) #solutions .section-head h2,
body:not(.northline-support-active) #solutions .section-intro,
body:not(.northline-support-active) #solutions .service-copy h3,
body:not(.northline-support-active) #solutions .service-strap,
body:not(.northline-support-active) #solutions .service-body,
body:not(.northline-support-active) #solutions .service-chapter,
body:not(.northline-support-active) #solutions .signal,
body:not(.northline-support-active) #solutions .service-line,
body:not(.northline-support-active) #method .section-head h2,
body:not(.northline-support-active) #method .section-intro,
body:not(.northline-support-active) #method .method-tab span,
body:not(.northline-support-active) #method .method-tab strong,
body:not(.northline-support-active) #method .method-tab.active span,
body:not(.northline-support-active) #method .method-tab.active strong,
body:not(.northline-support-active) #method .method-copy .index,
body:not(.northline-support-active) #method .method-copy h3,
body:not(.northline-support-active) #method .method-copy p,
body:not(.northline-support-active) .flow-section .section-head h2,
body:not(.northline-support-active) .flow-section .section-intro,
body:not(.northline-support-active) .flow-section .flow-node span,
body:not(.northline-support-active) .flow-section .flow-node.active span,
body:not(.northline-support-active) .flow-section .flow-copy h3,
body:not(.northline-support-active) .flow-section .flow-copy p,
body:not(.northline-support-active) #devices .section-head h2,
body:not(.northline-support-active) #devices .section-intro,
body:not(.northline-support-active) #devices .device-tabs button,
body:not(.northline-support-active) #founder .founder-copy h2,
body:not(.northline-support-active) #founder .founder-name-part,
body:not(.northline-support-active) #founder .founder-copy>p,
body:not(.northline-support-active) #founder .founder-copy blockquote,
body:not(.northline-support-active) #founder .founder-num,
body:not(.northline-support-active) #founder .founder-chapter h3,
body:not(.northline-support-active) #founder .founder-chapter p,
body:not(.northline-support-active) #contact .section-head h2,
body:not(.northline-support-active) #contact .section-intro,
body:not(.northline-support-active) #contact .selected-package-card,
body:not(.northline-support-active) #contact .selected-package-card h3,
body:not(.northline-support-active) #contact .selected-package-label,
body:not(.northline-support-active) #contact .selected-package-solution,
body:not(.northline-support-active) #contact .selected-package-price,
body:not(.northline-support-active) #contact .selected-package-mode,
body:not(.northline-support-active) #contact .selected-package-step,
body:not(.northline-support-active) #contact .selected-package-step b,
body:not(.northline-support-active) #contact .field span,
body:not(.northline-support-active) #contact .form-legal-note,
body:not(.northline-support-active) #systemsView .systems-back,
body:not(.northline-support-active) #systemsView .systems-kicker,
body:not(.northline-support-active) #systemsView .systems-hero h1,
body:not(.northline-support-active) #systemsView .systems-subtitle,
body:not(.northline-support-active) #systemsView .sia-index-heading,
body:not(.northline-support-active) #systemsView .sia-index-heading h2,
body:not(.northline-support-active) #systemsView .sia-index-heading p,
body:not(.northline-support-active) #systemsView .sia-index-page .sia-system-card,
body:not(.northline-support-active) #systemsView .sia-index-page .sia-system-card h2,
body:not(.northline-support-active) #systemsView .sia-index-page .sia-system-card h2 em,
body:not(.northline-support-active) #systemsView .sia-index-page .sia-system-card p,
body:not(.northline-support-active) #systemsView .sia-index-page .sia-system-card-top,
body:not(.northline-support-active) #systemsView .sia-index-page .sia-system-card-top b,
body:not(.northline-support-active) #systemsView .sia-index-page .sia-system-card-meta span,
body:not(.northline-support-active) #systemsView .sia-index-page .sia-system-card-action{
  color:var(--cp-black)!important;
  -webkit-text-fill-color:var(--cp-black)!important;
  text-shadow:none!important;
}

/* Remove only text-gradient transparency on the headings that were visibly washed out. */
body:not(.northline-support-active) #solutions .service-copy h3,
body:not(.northline-support-active) #method .method-copy h3,
body:not(.northline-support-active) .flow-section .flow-copy h3,
body:not(.northline-support-active) #founder .founder-copy h2,
body:not(.northline-support-active) #founder .founder-name-part,
body:not(.northline-support-active) #company .about-proof-card h3,
body:not(.northline-support-active) #systemsView .sia-index-page .sia-system-card h2,
body:not(.northline-support-active) #systemsView .sia-index-page .sia-system-card h2 em{
  background:none!important;
  background-image:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
}

/* C. SOLUTION CHAPTERS — pure white surface + blue technical perimeter/glow. */
body:not(.northline-support-active) #solutions .service{
  background:#fff!important;
  background-image:none!important;
  outline:1px solid var(--cp-blue-line)!important;
  outline-offset:-1px!important;
  border-color:rgba(37,169,255,.20)!important;
  box-shadow:0 0 0 rgba(0,0,0,0)!important;
}
body:not(.northline-support-active) #solutions .service:hover{
  background:#fff!important;
  background-image:none!important;
  outline-color:var(--cp-blue-line-strong)!important;
  box-shadow:
    0 0 18px rgba(37,169,255,.14),
    0 0 42px rgba(37,169,255,.08),
    inset 0 0 22px rgba(37,169,255,.025)!important;
}
body:not(.northline-support-active) #solutions .service::before{
  background:linear-gradient(90deg,rgba(37,169,255,.055),transparent 72%)!important;
}
body:not(.northline-support-active) #solutions .service-chapter{
  transform:translateX(12px)!important; /* reveals the clipped C in Chapter without moving the number */
}
body:not(.northline-support-active) #solutions .service-num{
  -webkit-text-stroke-color:rgba(37,169,255,.46)!important;
  text-shadow:0 0 18px rgba(37,169,255,.10)!important;
}
body:not(.northline-support-active) #solutions .service-line::before{
  background:linear-gradient(90deg,var(--cp-blue-deep),var(--cp-blue))!important;
  box-shadow:0 0 9px rgba(37,169,255,.18)!important;
}

/* D. ABOUT proof cards — remove surviving espresso/warm surfaces completely. */
body:not(.northline-support-active) #company .about-proof-card{
  background:#fff!important;
  background-image:none!important;
  border-color:var(--cp-blue-line)!important;
  outline:1px solid rgba(37,169,255,.16)!important;
  outline-offset:-1px!important;
  box-shadow:0 12px 34px rgba(20,91,160,.055)!important;
}
body:not(.northline-support-active) #company .about-proof-card::before{
  background:linear-gradient(90deg,transparent,rgba(37,169,255,.72),transparent)!important;
  box-shadow:0 0 13px rgba(37,169,255,.20)!important;
}
body:not(.northline-support-active) #company .about-proof-card::after{
  border-color:rgba(37,169,255,.38)!important;
  filter:drop-shadow(0 0 6px rgba(37,169,255,.20))!important;
}
body:not(.northline-support-active) #company .about-proof-card:hover{
  background:#fff!important;
  border-color:var(--cp-blue-line-strong)!important;
  box-shadow:0 0 20px rgba(37,169,255,.13),0 16px 42px rgba(20,91,160,.06)!important;
}
body:not(.northline-support-active) #company .about-proof-line{
  background:linear-gradient(90deg,rgba(37,169,255,.78),rgba(37,169,255,.18),transparent)!important;
  box-shadow:0 0 10px rgba(37,169,255,.18)!important;
}

/* E. METHOD — active/inactive words remain black; blue indicates state through geometry only. */
body:not(.northline-support-active) #method .method-tab span,
body:not(.northline-support-active) #method .method-tab strong,
body:not(.northline-support-active) #method .method-tab.active span,
body:not(.northline-support-active) #method .method-tab.active strong{
  color:var(--cp-black)!important;
  -webkit-text-fill-color:var(--cp-black)!important;
}
body:not(.northline-support-active) #method .method-tab i{
  background:#fff!important;
  border-color:rgba(37,169,255,.40)!important;
}
body:not(.northline-support-active) #method .method-tab.active i{
  background:var(--cp-blue)!important;
  border-color:var(--cp-blue)!important;
  box-shadow:0 0 16px rgba(37,169,255,.36)!important;
}
body:not(.northline-support-active) #method .method-display{
  background:#fff!important;
  background-image:none!important;
  border-color:var(--cp-blue-line)!important;
  outline:1px solid rgba(37,169,255,.14)!important;
  outline-offset:-1px!important;
}
body:not(.northline-support-active) #method .method-display:hover{
  background:#fff!important;
  box-shadow:0 0 26px rgba(37,169,255,.10)!important;
}
body:not(.northline-support-active) #method .m-ring,
body:not(.northline-support-active) #method .m-scan,
body:not(.northline-support-active) #method .m-frame,
body:not(.northline-support-active) #method .m-cluster,
body:not(.northline-support-active) #method .m-pill,
body:not(.northline-support-active) #method .m-hex,
body:not(.northline-support-active) #method .m-wave{
  border-color:rgba(37,169,255,.35)!important;
}
body:not(.northline-support-active) #method .m-link{
  background:linear-gradient(90deg,rgba(37,169,255,.10),rgba(37,169,255,.64),rgba(37,169,255,.10))!important;
}
body:not(.northline-support-active) #method .m-dot{
  background:var(--cp-blue)!important;
  box-shadow:0 0 16px rgba(37,169,255,.48)!important;
}

/* F. HOW THE SYSTEM WORKS — labels never invert to white. */
body:not(.northline-support-active) .flow-section .flow-box{
  background:#fff!important;
  background-image:none!important;
  border-color:var(--cp-blue-line)!important;
  outline:1px solid rgba(37,169,255,.14)!important;
  outline-offset:-1px!important;
}
body:not(.northline-support-active) .flow-section .flow-box:hover{
  background:#fff!important;
  box-shadow:0 0 26px rgba(37,169,255,.10)!important;
}
body:not(.northline-support-active) .flow-section .flow-axis{
  background:linear-gradient(90deg,transparent,rgba(37,169,255,.30),var(--cp-blue),rgba(37,169,255,.30),transparent)!important;
  box-shadow:0 0 12px rgba(37,169,255,.13)!important;
}
body:not(.northline-support-active) .flow-section .flow-light{
  background:linear-gradient(90deg,transparent,var(--cp-blue),transparent)!important;
  box-shadow:0 0 12px rgba(37,169,255,.22)!important;
}
body:not(.northline-support-active) .flow-section .flow-node{
  background:#fff!important;
  border-color:rgba(37,169,255,.48)!important;
}
body:not(.northline-support-active) .flow-section .flow-node::after{
  background:#dff4ff!important;
}
body:not(.northline-support-active) .flow-section .flow-node.active{
  border-color:var(--cp-blue)!important;
  box-shadow:0 0 30px rgba(37,169,255,.25)!important;
}
body:not(.northline-support-active) .flow-section .flow-node.active::after{
  background:var(--cp-blue)!important;
  box-shadow:0 0 13px rgba(37,169,255,.44)!important;
}

/* G. DEVICE SECTION — preserve the excellent device animation/UI; only tabs/frame order changed. */
body:not(.northline-support-active) #devices .device-stage{
  background:#fff!important;
  background-image:none!important;
  border-color:var(--cp-blue-line)!important;
  outline:1px solid rgba(37,169,255,.12)!important;
  outline-offset:-1px!important;
}
body:not(.northline-support-active) #devices .device-tabs button{
  background:#fff!important;
  border-color:rgba(37,169,255,.24)!important;
}
body:not(.northline-support-active) #devices .device-tabs button.active{
  background:#fff!important;
  color:var(--cp-black)!important;
  border-color:var(--cp-blue-line-strong)!important;
  box-shadow:0 0 15px rgba(37,169,255,.12)!important;
}

/* H. FOUNDER — image geometry untouched; only the surrounding border/glow changes. */
body:not(.northline-support-active) #founder .founder-copy h2,
body:not(.northline-support-active) #founder .founder-name-part{
  color:var(--cp-black)!important;
  -webkit-text-fill-color:var(--cp-black)!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
}
body:not(.northline-support-active) #founder .portrait{
  background:#fff!important;
  border-color:rgba(37,169,255,.58)!important;
  outline:1px solid rgba(37,169,255,.18)!important;
  outline-offset:-1px!important;
  box-shadow:0 0 20px rgba(37,169,255,.12),0 28px 70px rgba(20,91,160,.07)!important;
}
body:not(.northline-support-active) #founder .portrait::before{
  box-shadow:inset 0 0 0 1px rgba(37,169,255,.18),inset 0 0 34px rgba(37,169,255,.025)!important;
}
body:not(.northline-support-active) #founder .portrait::after{
  background:linear-gradient(180deg,rgba(37,169,255,.025),transparent 24%,transparent 78%,rgba(37,169,255,.018))!important;
}
body:not(.northline-support-active) #founder .founder-chapter{
  background:#fff!important;
  background-image:none!important;
  border-color:rgba(37,169,255,.24)!important;
  outline:1px solid rgba(37,169,255,.10)!important;
  outline-offset:-1px!important;
  box-shadow:none!important;
}
body:not(.northline-support-active) #founder .founder-chapter:hover{
  background:#fff!important;
  border-color:rgba(37,169,255,.48)!important;
  box-shadow:0 0 18px rgba(37,169,255,.10)!important;
}
body:not(.northline-support-active) #founder .founder-chapter::before,
body:not(.northline-support-active) #founder .founder-chapter::after{
  border-color:rgba(37,169,255,.22)!important;
  box-shadow:none!important;
}

/* I. HOMEPAGE CONSULTATION — remove last black/grey/warm panels. Contact subpage is untouched. */
body:not(.northline-support-active) #contact .contact-form,
body:not(.northline-support-active) #contact .selected-package-card{
  background:#fff!important;
  background-image:none!important;
  border-color:var(--cp-blue-line)!important;
  outline:1px solid rgba(37,169,255,.12)!important;
  outline-offset:-1px!important;
  box-shadow:0 14px 40px rgba(20,91,160,.055)!important;
}
body:not(.northline-support-active) #contact .contact-form::before{
  background:linear-gradient(90deg,transparent,rgba(37,169,255,.10),transparent)!important;
}
body:not(.northline-support-active) #contact .selected-package-card::before,
body:not(.northline-support-active) #contact .selected-package-card::after{
  border-color:rgba(37,169,255,.16)!important;
  box-shadow:0 0 32px rgba(37,169,255,.055)!important;
}
body:not(.northline-support-active) #contact .selected-package-step,
body:not(.northline-support-active) #contact .selected-package-change{
  border-color:rgba(37,169,255,.18)!important;
}
body:not(.northline-support-active) #contact .field input,
body:not(.northline-support-active) #contact .field textarea,
body:not(.northline-support-active) #contact .field select{
  background:#fff!important;
  color:var(--cp-black)!important;
  -webkit-text-fill-color:var(--cp-black)!important;
  border-color:rgba(37,169,255,.26)!important;
}
body:not(.northline-support-active) #contact .field select option{
  background:#fff!important;
  color:var(--cp-black)!important;
}
body:not(.northline-support-active) #contact .submit,
body:not(.northline-support-active) .hero .btn.primary,
body:not(.northline-support-active) .hero .btn.secondary{
  background:#fff!important;
  color:var(--cp-black)!important;
  -webkit-text-fill-color:var(--cp-black)!important;
  border:1px solid rgba(37,169,255,.42)!important;
  box-shadow:0 8px 24px rgba(20,91,160,.055)!important;
}
body:not(.northline-support-active) #contact .submit:hover,
body:not(.northline-support-active) .hero .btn.primary:hover,
body:not(.northline-support-active) .hero .btn.secondary:hover{
  background:#fff!important;
  color:var(--cp-black)!important;
  -webkit-text-fill-color:var(--cp-black)!important;
  border-color:rgba(37,169,255,.72)!important;
  box-shadow:0 0 18px rgba(37,169,255,.15),0 12px 30px rgba(20,91,160,.06)!important;
}

/* J. SYSTEMS IN ACTION INDEX — examples 03/04 now use the same white surface language as 01/02. */
body:not(.northline-support-active) #systemsView .sia-index-page .sia-system-card,
body:not(.northline-support-active) #systemsView .sia-index-page .sia-support-card,
body:not(.northline-support-active) #systemsView .sia-index-page .sia-leads-card{
  opacity:1!important;
  background:#fff!important;
  background-color:#fff!important;
  background-image:none!important;
  border-color:var(--cp-blue-line)!important;
  outline:1px solid rgba(37,169,255,.10)!important;
  outline-offset:-1px!important;
  box-shadow:0 14px 38px rgba(20,91,160,.055)!important;
}
body:not(.northline-support-active) #systemsView .sia-index-page .sia-system-card::before,
body:not(.northline-support-active) #systemsView .sia-index-page .sia-support-card::before,
body:not(.northline-support-active) #systemsView .sia-index-page .sia-leads-card::before{
  background:radial-gradient(circle at 82% 16%,rgba(37,169,255,.075),transparent 31%)!important;
  opacity:1!important;
}
body:not(.northline-support-active) #systemsView .sia-index-page .sia-system-card:hover,
body:not(.northline-support-active) #systemsView .sia-index-page .sia-support-card:hover,
body:not(.northline-support-active) #systemsView .sia-index-page .sia-leads-card:hover{
  background:#fff!important;
  border-color:var(--cp-blue-line-strong)!important;
  box-shadow:0 0 20px rgba(37,169,255,.13),0 18px 46px rgba(20,91,160,.06)!important;
}
body:not(.northline-support-active) #systemsView .sia-index-page .sia-system-card-meta span,
body:not(.northline-support-active) #systemsView .sia-index-page .sia-system-card-action{
  background:#fff!important;
  border-color:rgba(37,169,255,.20)!important;
}

/* K. SECTION ENDS — replace residual brown depth cuts with cool sky-blue separation. */
body:not(.northline-support-active) .hero,
body:not(.northline-support-active) #company,
body:not(.northline-support-active) #solutions,
body:not(.northline-support-active) #method,
body:not(.northline-support-active) .flow-section,
body:not(.northline-support-active) #devices,
body:not(.northline-support-active) #founder,
body:not(.northline-support-active) #contact{
  background-color:#fff!important;
  border-bottom:1px solid rgba(37,169,255,.24)!important;
  box-shadow:inset 0 -24px 34px -34px rgba(37,169,255,.30)!important;
}
body:not(.northline-support-active) .csm-depth-cut{
  background:linear-gradient(180deg,rgba(37,169,255,0),rgba(37,169,255,.055) 48%,rgba(37,169,255,.11))!important;
  box-shadow:inset 0 -1px 0 rgba(37,169,255,.28),0 5px 18px rgba(37,169,255,.055)!important;
}

/* Blue, never warm/brown, for the remaining tiny perimeter and focus accents. */
body:not(.northline-support-active) .brand-pipe,
body:not(.northline-support-active) .eyebrow span,
body:not(.northline-support-active) .kicker i,
body:not(.northline-support-active) .systems-kicker span,
body:not(.northline-support-active) .section-head::after,
body:not(.northline-support-active) .founder-name-line{
  border-color:rgba(37,169,255,.30)!important;
  background-color:var(--cp-blue)!important;
  box-shadow:0 0 12px rgba(37,169,255,.16)!important;
}



/* ========================================================================== */
/* CEREBRO PRACTICAL PASS V3 — locked from Practical Pass V2 baseline         */
/* Scope: stronger blue architecture, blue navigation, solution-page surface  */
/* cleanup, favicon/nav asset treatment, method rail, founder/contact/footer.  */
/* NO typography metrics, layout geometry, WebGL/canvas logic, portrait image, */
/* routing, consultation logic, device animation, timing or content changed.   */
/* ========================================================================== */
:root{
  --cp-blue:#21a9ff;
  --cp-blue-deep:#0878c9;
  --cp-blue-dark:#075f9f;
  --cp-blue-pale:#edf9ff;
  --cp-blue-line:rgba(18,157,244,.62);
  --cp-blue-line-strong:rgba(8,143,232,.92);
  --cp-blue-glow:rgba(15,158,247,.23);
  --cp-blue-glow-strong:rgba(13,151,242,.38);
  --cp-black:#05080c;
}

/* 1. MAIN NAV — same pill geometry/position; only colour/assets/intensity. */
html body:not(.northline-support-active) header.nav-wrap nav.nav{
  background:linear-gradient(135deg,#43b7fb 0%,#229eea 48%,#1689d5 100%)!important;
  border:1.25px solid rgba(255,255,255,.62)!important;
  box-shadow:0 15px 42px rgba(20,133,204,.24),0 0 26px rgba(33,169,255,.18),inset 0 1px 0 rgba(255,255,255,.28)!important;
}
html body:not(.northline-support-active) header.nav-wrap nav.nav .brand-logo{
  filter:brightness(0) invert(1)!important;
  opacity:1!important;
}
html body:not(.northline-support-active) header.nav-wrap nav.nav .brand-mark{
  width:34px!important;height:34px!important;
}
html body:not(.northline-support-active) header.nav-wrap nav.nav .brand-mark .brand-logo-img{
  width:100%!important;height:100%!important;max-height:none!important;
  filter:brightness(1.18) saturate(1.32) contrast(1.08) drop-shadow(0 0 8px rgba(225,250,255,.74)) drop-shadow(0 0 16px rgba(72,218,255,.45))!important;
}
html body:not(.northline-support-active) header.nav-wrap nav.nav .brand-pipe{
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.96),transparent)!important;
  box-shadow:0 0 10px rgba(255,255,255,.38)!important;
}
html body:not(.northline-support-active) header.nav-wrap nav.nav .brand-sub{
  background:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  text-shadow:0 0 12px rgba(255,255,255,.18)!important;
}
html body:not(.northline-support-active) header.nav-wrap nav.nav .nav-links>a,
html body:not(.northline-support-active) header.nav-wrap nav.nav .cap-btn,
html body:not(.northline-support-active) header.nav-wrap nav.nav .nav-cta,
html body:not(.northline-support-active) header.nav-wrap nav.nav .mobile-nav-cta{
  color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 0 10px rgba(255,255,255,.10)!important;
}
html body:not(.northline-support-active) header.nav-wrap nav.nav .nav-cta{
  border-color:rgba(255,255,255,.76)!important;background:rgba(255,255,255,.08)!important;
}
html body:not(.northline-support-active) header.nav-wrap nav.nav .nav-links>a:hover,
html body:not(.northline-support-active) header.nav-wrap nav.nav .cap-btn:hover,
html body:not(.northline-support-active) header.nav-wrap nav.nav .nav-cta:hover,
html body:not(.northline-support-active) header.nav-wrap nav.nav .mobile-nav-cta:hover{
  color:#fff!important;-webkit-text-fill-color:#fff!important;background:rgba(255,255,255,.12)!important;
}
html body:not(.northline-support-active) header.nav-wrap nav.nav .dropdown{
  background:linear-gradient(145deg,rgba(31,157,232,.98),rgba(13,117,187,.98))!important;
  border-color:rgba(255,255,255,.46)!important;box-shadow:0 26px 70px rgba(9,91,148,.30),0 0 28px rgba(50,187,255,.18)!important;
}
html body:not(.northline-support-active) header.nav-wrap nav.nav .dropdown a,
html body:not(.northline-support-active) header.nav-wrap nav.nav .dropdown strong,
html body:not(.northline-support-active) header.nav-wrap nav.nav .dropdown small{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
html body:not(.northline-support-active) header.nav-wrap nav.nav .dropdown a:hover{background:rgba(255,255,255,.12)!important}
@media(max-width:1080px){
  html body:not(.northline-support-active) header.nav-wrap nav.nav .nav-links{
    background:linear-gradient(145deg,rgba(31,157,232,.985),rgba(13,117,187,.985))!important;
    border-color:rgba(255,255,255,.44)!important;
  }
}

/* 2. REMOVE RESIDUAL HERO WARM/DARK FLOOR; use a clean blue section boundary. */
body:not(.northline-support-active) .hero{
  background:#fff!important;background-image:none!important;
  border-bottom:1.5px solid rgba(18,157,244,.68)!important;
  box-shadow:inset 0 -25px 36px -34px rgba(20,169,255,.34)!important;
}
body:not(.northline-support-active) .hero::after{
  background:linear-gradient(90deg,rgba(255,255,255,.80) 0%,rgba(255,255,255,.48) 34%,transparent 64%)!important;
}
body:not(.northline-support-active) .csm-depth-cut{
  background:linear-gradient(180deg,rgba(33,169,255,0),rgba(33,169,255,.07) 48%,rgba(33,169,255,.15))!important;
  box-shadow:inset 0 -1.5px 0 rgba(18,157,244,.62),0 5px 22px rgba(33,169,255,.09)!important;
}

/* 3. STRONGER BLUE ARCHITECTURE — slight thickness increase, premium glow. */
body:not(.northline-support-active) #solutions .service,
body:not(.northline-support-active) #company .about-proof-card,
body:not(.northline-support-active) #method .method-display,
body:not(.northline-support-active) .flow-section .flow-box,
body:not(.northline-support-active) #devices .device-stage,
body:not(.northline-support-active) #founder .portrait,
body:not(.northline-support-active) #founder .founder-chapter,
body:not(.northline-support-active) #contact .contact-form,
body:not(.northline-support-active) #contact .selected-package-card,
body:not(.northline-support-active) #systemsView .sia-index-page .sia-system-card{
  border-width:1.25px!important;border-color:var(--cp-blue-line)!important;
  outline:1px solid rgba(29,169,255,.20)!important;outline-offset:-1px!important;
}
body:not(.northline-support-active) #solutions .service:hover,
body:not(.northline-support-active) #company .about-proof-card:hover,
body:not(.northline-support-active) #method .method-display:hover,
body:not(.northline-support-active) .flow-section .flow-box:hover,
body:not(.northline-support-active) #founder .founder-chapter:hover,
body:not(.northline-support-active) #systemsView .sia-index-page .sia-system-card:hover{
  border-color:var(--cp-blue-line-strong)!important;
  box-shadow:0 0 18px rgba(15,158,247,.22),0 0 44px rgba(15,158,247,.13),inset 0 0 22px rgba(15,158,247,.035)!important;
}

/* Purposeful technical rails only in the unused top-right gutter of major sections. */
body:not(.northline-support-active) #company .section-inner,
body:not(.northline-support-active) #solutions .section-inner,
body:not(.northline-support-active) #method .section-inner,
body:not(.northline-support-active) #devices .section-inner,
body:not(.northline-support-active) #founder .section-inner,
body:not(.northline-support-active) #contact .section-inner{position:relative}
body:not(.northline-support-active) #company .section-inner::before,
body:not(.northline-support-active) #solutions .section-inner::before,
body:not(.northline-support-active) #method .section-inner::before,
body:not(.northline-support-active) #devices .section-inner::before,
body:not(.northline-support-active) #founder .section-inner::before,
body:not(.northline-support-active) #contact .section-inner::before{
  content:"";position:absolute;right:0;top:4px;width:124px;height:1.5px;pointer-events:none;z-index:0;
  background:linear-gradient(90deg,transparent,rgba(54,186,255,.58),rgba(9,128,207,.95))!important;
  box-shadow:0 0 12px rgba(20,169,255,.28)!important;
}
body:not(.northline-support-active) #company .section-inner::after,
body:not(.northline-support-active) #solutions .section-inner::after,
body:not(.northline-support-active) #method .section-inner::after,
body:not(.northline-support-active) #devices .section-inner::after,
body:not(.northline-support-active) #founder .section-inner::after,
body:not(.northline-support-active) #contact .section-inner::after{
  content:"";position:absolute;right:0;top:4px;width:1.5px;height:42px;pointer-events:none;z-index:0;
  background:linear-gradient(180deg,rgba(9,128,207,.95),rgba(54,186,255,.38),transparent)!important;
  box-shadow:0 0 10px rgba(20,169,255,.24)!important;
}
@media(max-width:760px){
  body:not(.northline-support-active) #company .section-inner::before,
  body:not(.northline-support-active) #solutions .section-inner::before,
  body:not(.northline-support-active) #method .section-inner::before,
  body:not(.northline-support-active) #devices .section-inner::before,
  body:not(.northline-support-active) #founder .section-inner::before,
  body:not(.northline-support-active) #contact .section-inner::before,
  body:not(.northline-support-active) #company .section-inner::after,
  body:not(.northline-support-active) #solutions .section-inner::after,
  body:not(.northline-support-active) #method .section-inner::after,
  body:not(.northline-support-active) #devices .section-inner::after,
  body:not(.northline-support-active) #founder .section-inner::after,
  body:not(.northline-support-active) #contact .section-inner::after{display:none!important}
}

/* 4. CHAPTER CTA — now unmistakable blue with white label, motion untouched. */
body:not(.northline-support-active) #solutions .solution-link{
  background:linear-gradient(135deg,#28adf8,#0c86d2)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  border:1.25px solid rgba(4,126,201,.82)!important;
  box-shadow:0 7px 18px rgba(14,132,207,.18),0 0 14px rgba(33,169,255,.12)!important;
}
body:not(.northline-support-active) #solutions .solution-link span,
body:not(.northline-support-active) #solutions .solution-link b{color:#fff!important;-webkit-text-fill-color:#fff!important}
body:not(.northline-support-active) #solutions .solution-link::before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent)!important}
body:not(.northline-support-active) #solutions .solution-link:hover{
  background:linear-gradient(135deg,#38b9ff,#087ac2)!important;border-color:#0878c9!important;
  box-shadow:0 0 18px rgba(21,158,242,.30),0 11px 24px rgba(14,132,207,.17)!important;
}

/* 5. SOLUTION PAGES — white/black content, strong blue structure; visual animation itself untouched. */
body:not(.northline-support-active) .solution-view,
body:not(.northline-support-active) .solution-page,
body:not(.northline-support-active) .solution-hero,
body:not(.northline-support-active) .solution-band,
body:not(.northline-support-active) .solution-compact-band,
body:not(.northline-support-active) .pricing-section,
body:not(.northline-support-active) .solution-cta{
  background:#fff!important;background-image:none!important;color:var(--cp-black)!important;
}
body:not(.northline-support-active) .solution-hero::before{
  background:radial-gradient(circle at 77% 44%,rgba(33,169,255,.085),transparent 30%)!important;
}
body:not(.northline-support-active) .solution-title,
body:not(.northline-support-active) .solution-lede,
body:not(.northline-support-active) .solution-summary,
body:not(.northline-support-active) .solution-context-copy h2,
body:not(.northline-support-active) .solution-context-copy p,
body:not(.northline-support-active) .solution-context-stat b,
body:not(.northline-support-active) .solution-context-stat span,
body:not(.northline-support-active) .solution-context-stat span strong,
body:not(.northline-support-active) .solution-editorial-card h3,
body:not(.northline-support-active) .solution-editorial-card p,
body:not(.northline-support-active) .solution-compact-head h2,
body:not(.northline-support-active) .solution-compact-head p,
body:not(.northline-support-active) .solution-compact-panel h3,
body:not(.northline-support-active) .solution-mini-row strong,
body:not(.northline-support-active) .solution-mini-row span,
body:not(.northline-support-active) .solution-feature-compact strong,
body:not(.northline-support-active) .solution-feature-compact p,
body:not(.northline-support-active) .solution-control-compact strong,
body:not(.northline-support-active) .solution-control-compact p,
body:not(.northline-support-active) .pricing-intro h2,
body:not(.northline-support-active) .pricing-intro-copy,
body:not(.northline-support-active) .pricing-intro-copy strong,
body:not(.northline-support-active) .pricing-disclaimer,
body:not(.northline-support-active) .pricing-mode-toggle,
body:not(.northline-support-active) .pricing-mode-toggle small,
body:not(.northline-support-active) .pricing-mode-toggle strong,
body:not(.northline-support-active) .pricing-mode-toggle span,
body:not(.northline-support-active) .pricing-panel-note,
body:not(.northline-support-active) .pricing-card,
body:not(.northline-support-active) .pricing-card h3,
body:not(.northline-support-active) .pricing-price b,
body:not(.northline-support-active) .pricing-price span,
body:not(.northline-support-active) .pricing-card>p,
body:not(.northline-support-active) .pricing-list li,
body:not(.northline-support-active) .pricing-selection strong,
body:not(.northline-support-active) .pricing-footnote,
body:not(.northline-support-active) .solution-cta h2{
  color:var(--cp-black)!important;-webkit-text-fill-color:var(--cp-black)!important;text-shadow:none!important;
}
body:not(.northline-support-active) .solution-title,
body:not(.northline-support-active) .pricing-intro h2,
body:not(.northline-support-active) .solution-compact-head h2{
  background:none!important;background-image:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;
}
body:not(.northline-support-active) .solution-summary-receptionist{
  color:var(--cp-black)!important;-webkit-text-fill-color:var(--cp-black)!important;
  background:
    linear-gradient(90deg,rgba(20,163,248,.98),rgba(20,163,248,.98)) left top/46px 1.5px no-repeat,
    linear-gradient(180deg,rgba(20,163,248,.98),rgba(20,163,248,.98)) left top/1.5px 46px no-repeat,
    linear-gradient(270deg,rgba(20,163,248,.98),rgba(20,163,248,.98)) right top/46px 1.5px no-repeat,
    linear-gradient(180deg,rgba(20,163,248,.98),rgba(20,163,248,.98)) right top/1.5px 46px no-repeat,
    linear-gradient(90deg,rgba(20,163,248,.98),rgba(20,163,248,.98)) left bottom/46px 1.5px no-repeat,
    linear-gradient(0deg,rgba(20,163,248,.98),rgba(20,163,248,.98)) left bottom/1.5px 46px no-repeat,
    linear-gradient(270deg,rgba(20,163,248,.98),rgba(20,163,248,.98)) right bottom/46px 1.5px no-repeat,
    linear-gradient(0deg,rgba(20,163,248,.98),rgba(20,163,248,.98)) right bottom/1.5px 46px no-repeat,
    #fff!important;
  filter:drop-shadow(0 0 14px rgba(20,163,248,.20))!important;
}
body:not(.northline-support-active) .cvx-solution-art,
body:not(.northline-support-active) .solution-hero-art{
  background:transparent!important;background-image:none!important;
}
body:not(.northline-support-active) .sol-panel{
  background:#fff!important;color:var(--cp-black)!important;-webkit-text-fill-color:var(--cp-black)!important;
  border:1.25px solid rgba(18,157,244,.68)!important;box-shadow:0 0 16px rgba(20,169,255,.13)!important;
}
body:not(.northline-support-active) .sol-orbit,
body:not(.northline-support-active) .sol-pulse{border-color:rgba(18,157,244,.46)!important}
body:not(.northline-support-active) .sol-dot{background:#21a9ff!important;box-shadow:0 0 16px rgba(33,169,255,.62)!important}

/* Hero action pair stays white/black as requested; existing hover/shine animation remains. */
body:not(.northline-support-active) .solution-hero-actions .btn{
  background:#fff!important;color:var(--cp-black)!important;-webkit-text-fill-color:var(--cp-black)!important;
  border:1.25px solid rgba(18,157,244,.72)!important;box-shadow:0 6px 18px rgba(20,130,200,.08)!important;
}
body:not(.northline-support-active) .solution-hero-actions .btn span,
body:not(.northline-support-active) .solution-hero-actions .btn b{color:var(--cp-black)!important;-webkit-text-fill-color:var(--cp-black)!important}
body:not(.northline-support-active) .solution-hero-actions .btn:hover{
  background:#fff!important;border-color:rgba(8,143,232,.96)!important;
  box-shadow:0 0 18px rgba(15,158,247,.19),0 10px 24px rgba(20,130,200,.09)!important;
}

/* System Brief: visibly sectioned, but all surfaces remain pure white. */
body:not(.northline-support-active) .solution-context-shell{
  background:#fff!important;background-image:none!important;
  border:1.35px solid rgba(18,157,244,.76)!important;
  box-shadow:0 0 20px rgba(20,169,255,.12),0 22px 48px rgba(12,116,185,.06)!important;
}
body:not(.northline-support-active) .solution-context-shell::before{content:none!important;animation:none!important}
body:not(.northline-support-active) .solution-context-metrics{border-left:1.25px solid rgba(18,157,244,.58)!important}
body:not(.northline-support-active) .solution-context-stat{border-color:rgba(18,157,244,.48)!important;background:#fff!important}
body:not(.northline-support-active) .solution-editorial-card,
body:not(.northline-support-active) .solution-compact-panel,
body:not(.northline-support-active) .solution-feature-compact article,
body:not(.northline-support-active) .solution-control-compact article{
  background:#fff!important;background-image:none!important;border-color:rgba(18,157,244,.55)!important;
  box-shadow:0 0 14px rgba(20,169,255,.055)!important;
}
body:not(.northline-support-active) .solution-editorial-card:hover,
body:not(.northline-support-active) .solution-compact-panel:hover{
  border-color:rgba(8,143,232,.92)!important;box-shadow:0 0 18px rgba(20,169,255,.16)!important;
}
body:not(.northline-support-active) .solution-editorial-card::after,
body:not(.northline-support-active) .solution-compact-panel::after,
body:not(.northline-support-active) .pricing-card::after{border-color:rgba(18,157,244,.25)!important}
body:not(.northline-support-active) .solution-mini-list,
body:not(.northline-support-active) .solution-mini-row,
body:not(.northline-support-active) .solution-control-compact article{border-color:rgba(18,157,244,.38)!important}

/* Pricing: remove the moving warm/brown swipe completely and strengthen blue divisions. */
body:not(.northline-support-active) .pricing-section::before{content:none!important;display:none!important;animation:none!important;background:none!important}
body:not(.northline-support-active) .pricing-accordion{
  background:#fff!important;background-image:none!important;border:1.35px solid rgba(18,157,244,.74)!important;
  box-shadow:0 0 18px rgba(20,169,255,.10),0 18px 40px rgba(12,116,185,.05)!important;
}
body:not(.northline-support-active) .pricing-mode{border-color:rgba(18,157,244,.44)!important}
body:not(.northline-support-active) .pricing-mode-toggle{background:#fff!important}
body:not(.northline-support-active) .pricing-mode-toggle:hover,
body:not(.northline-support-active) .pricing-mode-toggle[aria-expanded="true"]{
  background:rgba(33,169,255,.045)!important;
}
body:not(.northline-support-active) .pricing-panel-note::before{background:linear-gradient(90deg,#54c5ff,#0878c9)!important;box-shadow:0 0 8px rgba(33,169,255,.22)!important}
body:not(.northline-support-active) .pricing-card{
  background:#fff!important;background-image:none!important;border:1.25px solid rgba(18,157,244,.60)!important;
  box-shadow:0 0 14px rgba(20,169,255,.055)!important;
}
body:not(.northline-support-active) .pricing-card:hover,
body:not(.northline-support-active) .pricing-card.selected{
  border-color:rgba(8,143,232,.94)!important;box-shadow:0 0 19px rgba(20,169,255,.16),0 14px 30px rgba(12,116,185,.055)!important;
}
body:not(.northline-support-active) .pricing-select{
  background:#fff!important;color:var(--cp-black)!important;-webkit-text-fill-color:var(--cp-black)!important;
  border:1.25px solid rgba(18,157,244,.66)!important;
}
body:not(.northline-support-active) .pricing-select:hover,
body:not(.northline-support-active) .pricing-card.selected .pricing-select{
  background:rgba(33,169,255,.075)!important;color:var(--cp-black)!important;border-color:rgba(8,143,232,.94)!important;
}
body:not(.northline-support-active) .pricing-selection{background:#fff!important;border-color:rgba(18,157,244,.46)!important}
body:not(.northline-support-active) .pricing-embedded{background:#fff!important;background-image:none!important;border-color:rgba(18,157,244,.44)!important}

/* Bottom CTA on every solution page is deliberately blue. */
body:not(.northline-support-active) .solution-cta{
  border-top:1.5px solid rgba(18,157,244,.62)!important;
  box-shadow:inset 0 22px 34px -36px rgba(20,169,255,.40)!important;
}
body:not(.northline-support-active) .solution-cta .btn{
  background:linear-gradient(135deg,#28adf8,#0c86d2)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  border:1.25px solid rgba(4,126,201,.86)!important;box-shadow:0 0 18px rgba(20,169,255,.18),0 8px 20px rgba(12,116,185,.10)!important;
}
body:not(.northline-support-active) .solution-cta .btn span,
body:not(.northline-support-active) .solution-cta .btn b{color:#fff!important;-webkit-text-fill-color:#fff!important}
body:not(.northline-support-active) .solution-progress{background:linear-gradient(90deg,#73d0ff,#0878c9,#73d0ff)!important;box-shadow:0 0 8px rgba(33,169,255,.40)!important}

/* 6. METHOD — line begins at Understand and ends at Improve (4th marker = 75%). */
body:not(.northline-support-active) #method .method-tabs::before{
  left:0!important;right:auto!important;width:75%!important;height:1.5px!important;
  background:linear-gradient(90deg,rgba(91,205,255,.70) 0%,#0878c9 48%,rgba(91,205,255,.70) 100%)!important;
  box-shadow:0 0 12px rgba(33,169,255,.28)!important;
}
body:not(.northline-support-active) #method .method-display{
  border:1.35px solid rgba(18,157,244,.76)!important;box-shadow:0 0 18px rgba(20,169,255,.10)!important;
}
body:not(.northline-support-active) #method .method-tab i{border-color:rgba(18,157,244,.72)!important}
body:not(.northline-support-active) #method .method-tab.active i{box-shadow:0 0 18px rgba(33,169,255,.52)!important}

/* 7. HOW THE SYSTEM WORKS — stronger blue frame and internal axis. */
body:not(.northline-support-active) .flow-section .flow-box{
  border:1.35px solid rgba(18,157,244,.76)!important;box-shadow:0 0 18px rgba(20,169,255,.10)!important;
}
body:not(.northline-support-active) .flow-section .flow-axis{
  height:1.5px!important;background:linear-gradient(90deg,transparent,rgba(84,197,255,.65),#0878c9,rgba(84,197,255,.65),transparent)!important;
  box-shadow:0 0 13px rgba(33,169,255,.23)!important;
}

/* 8. FOUNDER — cards always white; hover adds blue ambience rather than switching state. */
body:not(.northline-support-active) #founder .founder-chapter{
  background:#fff!important;background-image:none!important;border-color:rgba(18,157,244,.58)!important;
  box-shadow:0 0 11px rgba(20,169,255,.045)!important;
}
body:not(.northline-support-active) #founder .founder-chapter:hover{
  background:rgba(33,169,255,.055)!important;border-color:rgba(8,143,232,.94)!important;
  box-shadow:0 0 20px rgba(20,169,255,.19),inset 0 0 20px rgba(33,169,255,.025)!important;
}
body:not(.northline-support-active) #founder .portrait{
  border:1.35px solid rgba(18,157,244,.78)!important;box-shadow:0 0 22px rgba(20,169,255,.16),0 28px 70px rgba(20,91,160,.07)!important;
}

/* 9. HOMEPAGE CONSULTATION — stronger visible blue rectangles, white surfaces. */
body:not(.northline-support-active) #contact .contact-form,
body:not(.northline-support-active) #contact .selected-package-card{
  background:#fff!important;background-image:none!important;border:1.35px solid rgba(18,157,244,.78)!important;
  box-shadow:0 0 20px rgba(20,169,255,.12),0 14px 36px rgba(12,116,185,.055)!important;
}
body:not(.northline-support-active) #contact .field input,
body:not(.northline-support-active) #contact .field textarea,
body:not(.northline-support-active) #contact .field select{
  border:1.25px solid rgba(18,157,244,.56)!important;background:#fff!important;
}
body:not(.northline-support-active) #contact .field input:focus,
body:not(.northline-support-active) #contact .field textarea:focus,
body:not(.northline-support-active) #contact .field select:focus{
  border-color:rgba(8,143,232,.96)!important;box-shadow:0 0 0 3px rgba(33,169,255,.08),0 0 14px rgba(33,169,255,.12)!important;
}
body:not(.northline-support-active) #contact .selected-package-step,
body:not(.northline-support-active) #contact .selected-package-change{border-color:rgba(18,157,244,.40)!important}

/* 10. FOOTER CONTACT CARD — remove grey/black surface, keep architecture. */
body:not(.northline-support-active) .footer-contact-card{
  background:#fff!important;background-image:none!important;border:1.35px solid rgba(18,157,244,.78)!important;
  box-shadow:0 0 20px rgba(20,169,255,.13),0 20px 44px rgba(12,116,185,.055)!important;
}
body:not(.northline-support-active) .footer-contact-card::before{
  background:linear-gradient(90deg,transparent,rgba(74,197,255,.80),#0878c9,transparent)!important;
  box-shadow:0 0 13px rgba(33,169,255,.30)!important;
}
body:not(.northline-support-active) .footer-contact-card::after{border-color:rgba(18,157,244,.68)!important;filter:drop-shadow(0 0 6px rgba(33,169,255,.26))!important}
body:not(.northline-support-active) .footer-contact-heading span,
body:not(.northline-support-active) .footer-contact-heading h3,
body:not(.northline-support-active) .footer-contact-details small,
body:not(.northline-support-active) .footer-contact-details strong,
body:not(.northline-support-active) .footer-contact-details a{
  color:var(--cp-black)!important;-webkit-text-fill-color:var(--cp-black)!important;text-shadow:none!important;
}
body:not(.northline-support-active) .footer-contact-details a,
body:not(.northline-support-active) .footer-contact-details a:first-child{border-color:rgba(18,157,244,.34)!important}
body:not(.northline-support-active) .footer-contact-details a:hover{border-color:rgba(8,143,232,.78)!important;color:var(--cp-black)!important}

/* 11. LEGAL CENTRE — only the requested bottom launch-check box changes to blue. */
body:not(.northline-support-active) .legal-launch-check{
  background:linear-gradient(135deg,#2aaefa,#087fc8)!important;background-image:linear-gradient(135deg,#2aaefa,#087fc8)!important;
  border:1.25px solid rgba(7,105,170,.86)!important;box-shadow:0 0 22px rgba(33,169,255,.22),0 16px 34px rgba(7,105,170,.14)!important;
}
body:not(.northline-support-active) .legal-launch-check h2,
body:not(.northline-support-active) .legal-launch-check p,
body:not(.northline-support-active) .legal-launch-check strong{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}

/* 12. SECTION SEPARATORS — visibly blue rather than barely-there. */
body:not(.northline-support-active) #company,
body:not(.northline-support-active) #solutions,
body:not(.northline-support-active) #method,
body:not(.northline-support-active) .flow-section,
body:not(.northline-support-active) #devices,
body:not(.northline-support-active) #founder,
body:not(.northline-support-active) #contact{
  border-bottom:1.5px solid rgba(18,157,244,.52)!important;
  box-shadow:inset 0 -25px 36px -36px rgba(33,169,255,.38)!important;
}



/* ========================================================================== */
/* CEREBRO PRACTICAL PASS V5 — FINAL-CASCADE CORRECTION FROM V4 RETRY        */
/* Investigative audit finding: the V4 Retry override lived in <head>, while */
/* several legacy Candidate/V3 <style> blocks appear later inside <body>.     */
/* Those later rules were winning the cascade, especially whenever           */
/* .northline-support-active was present. This block intentionally lives LAST */
/* in the document and uses state-independent selectors so the requested      */
/* white/black/blue system remains consistent in every route/state.           */
/* No WebGL/canvas logic, routing, forms, content, or animation timing changed.*/
/* ========================================================================== */
:root{
  --v5-blue:#18a8ff;
  --v5-blue-mid:#0c91e8;
  --v5-blue-deep:#0878c9;
  --v5-blue-pale:#eefaff;
  --v5-line:rgba(16,151,239,.62);
  --v5-line-strong:rgba(7,137,224,.94);
  --v5-line-soft:rgba(24,168,255,.28);
  --v5-glow:rgba(24,168,255,.17);
  --v5-glow-strong:rgba(24,168,255,.30);
  --v5-text:#05090d;
  --v5-muted:#435a6b;
  --line:rgba(16,151,239,.40)!important;
  --line2:rgba(16,151,239,.68)!important;
}

/* -------------------------------------------------------------------------- */
/* A. PAGE FOUNDATION — eliminate residual warm / graphite page fields.       */
/* -------------------------------------------------------------------------- */
html,body,main{background:#fff!important;background-color:#fff!important}
body .vignette{background:transparent!important}
body .noise{opacity:.018!important;mix-blend-mode:multiply!important;filter:grayscale(1)!important}
body .cerebro-blue-atmosphere{
  display:block!important;opacity:.20!important;mix-blend-mode:screen!important;
  background-image:
    radial-gradient(circle at 82% 13%,rgba(25,168,255,.15),transparent 25%),
    radial-gradient(circle at 13% 68%,rgba(79,196,255,.10),transparent 29%),
    radial-gradient(circle at 52% 92%,rgba(94,202,255,.07),transparent 25%)!important;
}

/* Homepage / subpage broad surfaces. */
body .manifesto,body #solutions,body .cap-section,body .method,body .flow-section,
body .devices,body .founder,body .contact,body footer,
body .solution-view,body .solution-hero,body .solution-band,body .solution-context,
body .solution-compact-band,body .solution-cta,body .pricing-section,
body .systems-view,body .systems-shell,body .systems-hero,body .sia-index-page,
body .sia-detail-page,body .sia-project,body .contact-page-view,body .contact-page-shell,
body .legal-view,body .legal-shell{
  background:#fff!important;background-color:#fff!important;background-image:none!important;
}

/* -------------------------------------------------------------------------- */
/* B. MAIN HEADBAR — EXACT SAME BLUE HEADER IN EVERY STATE, INCLUDING NORTHLINE. */
/* -------------------------------------------------------------------------- */
html body header.nav-wrap nav.nav,
html body.northline-support-active header.nav-wrap nav.nav,
html body.systems-open header.nav-wrap nav.nav{
  background:linear-gradient(135deg,#43b7fb 0%,#229eea 48%,#1689d5 100%)!important;
  border:1.25px solid rgba(255,255,255,.62)!important;
  box-shadow:0 15px 42px rgba(20,133,204,.24),0 0 26px rgba(33,169,255,.18),inset 0 1px 0 rgba(255,255,255,.28)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;
}
html body header.nav-wrap nav.nav .brand-logo,
html body.northline-support-active header.nav-wrap nav.nav .brand-logo{
  filter:brightness(0) invert(1)!important;opacity:1!important;
}
html body header.nav-wrap nav.nav .brand-mark,
html body.northline-support-active header.nav-wrap nav.nav .brand-mark{
  width:34px!important;height:34px!important;
}
html body header.nav-wrap nav.nav .brand-mark .brand-logo-img,
html body.northline-support-active header.nav-wrap nav.nav .brand-mark .brand-logo-img{
  width:100%!important;height:100%!important;max-height:none!important;
  filter:brightness(1.18) saturate(1.32) contrast(1.08) drop-shadow(0 0 8px rgba(225,250,255,.74)) drop-shadow(0 0 16px rgba(72,218,255,.45))!important;
}
html body header.nav-wrap nav.nav .brand-pipe,
html body.northline-support-active header.nav-wrap nav.nav .brand-pipe{
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.96),transparent)!important;
  box-shadow:0 0 10px rgba(255,255,255,.38)!important;
}
html body header.nav-wrap nav.nav .brand-sub,
html body.northline-support-active header.nav-wrap nav.nav .brand-sub{
  background:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  text-shadow:0 0 12px rgba(255,255,255,.18)!important;
}
html body header.nav-wrap nav.nav .nav-links>a,
html body header.nav-wrap nav.nav .cap-btn,
html body header.nav-wrap nav.nav .nav-cta,
html body header.nav-wrap nav.nav .mobile-nav-cta,
html body.northline-support-active header.nav-wrap nav.nav .nav-links>a,
html body.northline-support-active header.nav-wrap nav.nav .cap-btn,
html body.northline-support-active header.nav-wrap nav.nav .nav-cta,
html body.northline-support-active header.nav-wrap nav.nav .mobile-nav-cta{
  color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 0 10px rgba(255,255,255,.10)!important;
}
html body header.nav-wrap nav.nav .nav-cta,
html body.northline-support-active header.nav-wrap nav.nav .nav-cta{
  border-color:rgba(255,255,255,.76)!important;background:rgba(255,255,255,.08)!important;
}
html body header.nav-wrap nav.nav .nav-links>a:hover,
html body header.nav-wrap nav.nav .cap-btn:hover,
html body header.nav-wrap nav.nav .nav-cta:hover,
html body header.nav-wrap nav.nav .mobile-nav-cta:hover,
html body.northline-support-active header.nav-wrap nav.nav .nav-links>a:hover,
html body.northline-support-active header.nav-wrap nav.nav .cap-btn:hover,
html body.northline-support-active header.nav-wrap nav.nav .nav-cta:hover,
html body.northline-support-active header.nav-wrap nav.nav .mobile-nav-cta:hover{
  color:#fff!important;-webkit-text-fill-color:#fff!important;background:rgba(255,255,255,.12)!important;
}
html body header.nav-wrap nav.nav .dropdown,
html body.northline-support-active header.nav-wrap nav.nav .dropdown{
  background:linear-gradient(145deg,rgba(31,157,232,.98),rgba(13,117,187,.98))!important;
  border-color:rgba(255,255,255,.46)!important;
  box-shadow:0 26px 70px rgba(9,91,148,.30),0 0 28px rgba(50,187,255,.18)!important;
}
html body header.nav-wrap nav.nav .dropdown a,
html body header.nav-wrap nav.nav .dropdown strong,
html body header.nav-wrap nav.nav .dropdown small,
html body.northline-support-active header.nav-wrap nav.nav .dropdown a,
html body.northline-support-active header.nav-wrap nav.nav .dropdown strong,
html body.northline-support-active header.nav-wrap nav.nav .dropdown small{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
html body header.nav-wrap nav.nav .dropdown a:hover,
html body.northline-support-active header.nav-wrap nav.nav .dropdown a:hover{background:rgba(255,255,255,.12)!important}
@media(max-width:1080px){
  html body header.nav-wrap nav.nav .nav-links,
  html body.northline-support-active header.nav-wrap nav.nav .nav-links{
    background:linear-gradient(145deg,rgba(31,157,232,.985),rgba(13,117,187,.985))!important;
    border-color:rgba(255,255,255,.44)!important;
  }
}

/* -------------------------------------------------------------------------- */
/* C. MORE PROMINENT BLUE ARCHITECTURE — globally brighter/slightly thicker. */
/* -------------------------------------------------------------------------- */
body #solutions .service,
body #company .about-proof-card,
body #method .method-display,
body .flow-section .flow-box,
body #devices .device-stage,
body #founder .portrait,
body #founder .founder-chapter,
body #contact .contact-form,
body #contact .selected-package-card,
body .solution-context-shell,
body .solution-editorial-card,
body .pricing-card,
body .contact-page-card,
body .footer-contact-card,
body .legal-card,
body .systems-view .sia-system-card,
body .systems-view .sia-project-intro,
body .systems-view .sia-support-launch-stage,
body .systems-view .sia-support-demo-panel,
body .systems-view .sia-support-flow-step,
body .systems-view .sia-support-cap,
body .systems-view .sia-support-coverage-note,
body .systems-view .sia-support-demo-warning,
body .systems-view .sia-leads-flow-step,
body .systems-view .sia-leads-demo-panel,
body .systems-view .sia-leads-results,
body .systems-view .sia-leads-current,
body .systems-view .sia-leads-dashboard,
body .systems-view .sia-leads-kpi,
body .systems-view .sia-leads-privacy,
body .systems-view .sia-leads-private-note{
  border-width:1.55px!important;
  border-style:solid!important;
  border-color:var(--v5-line-strong)!important;
  outline:1px solid rgba(37,181,255,.08)!important;outline-offset:-1px!important;
  box-shadow:0 0 0 1px rgba(24,168,255,.035),0 0 17px rgba(24,168,255,.11)!important;
}

/* Section separators also read clearly rather than fading away. */
body #company::before,body #solutions::before,body #method::before,body #devices::before,
body #founder::before,body #contact::before,body footer::before{
  height:1.6px!important;
  background:linear-gradient(90deg,transparent 0%,rgba(46,186,255,.34) 6%,rgba(25,165,248,.92) 18%,#0878c9 50%,rgba(25,165,248,.92) 82%,rgba(46,186,255,.34) 94%,transparent 100%)!important;
  box-shadow:0 0 12px rgba(24,168,255,.25),0 0 26px rgba(24,168,255,.11)!important;
  opacity:1!important;
}

/* Blue hover light instead of dark shadow. */
body #solutions .service:hover,
body #company .about-proof-card:hover,
body #method .method-display:hover,
body .flow-section .flow-box:hover,
body #devices .device-stage:hover,
body #founder .founder-chapter:hover,
body #contact .contact-form:hover,
body #contact .selected-package-card:hover,
body .solution-editorial-card:hover,
body .pricing-card:hover,
body .contact-page-card:hover,
body .footer-contact-card:hover,
body .systems-view .sia-system-card:hover,
body .systems-view .sia-support-demo-panel:hover,
body .systems-view .sia-support-flow-step:hover,
body .systems-view .sia-leads-flow-step:hover,
body .systems-view .sia-leads-demo-panel:hover{
  box-shadow:0 0 0 1px rgba(24,168,255,.06),0 0 24px rgba(24,168,255,.22),0 13px 34px rgba(16,84,130,.06)!important;
}

/* -------------------------------------------------------------------------- */
/* D. FOUNDER CHAPTERS — ALWAYS WHITE, NOT ONLY ON HOVER.                     */
/* -------------------------------------------------------------------------- */
html body #founder .founder-story{background:#fff!important}
html body #founder .founder-chapter,
html body #founder .founder-story .founder-chapter,
html body.northline-support-active #founder .founder-chapter{
  background:#fff!important;background-color:#fff!important;background-image:none!important;
  border-color:rgba(8,143,232,.74)!important;
  outline:1px solid rgba(24,168,255,.12)!important;outline-offset:-1px!important;
  box-shadow:0 0 14px rgba(24,168,255,.09)!important;
}
html body #founder .founder-chapter::before,
html body #founder .founder-chapter::after{background:transparent!important;border-color:rgba(24,168,255,.34)!important}
html body #founder .founder-num,
html body #founder .founder-chapter h3,
html body #founder .founder-chapter p{
  color:var(--v5-text)!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important;
}
html body #founder .founder-num{color:#3f657e!important}
html body #founder .founder-chapter p{color:#455d6c!important}
html body #founder .founder-chapter:hover,
html body #founder .founder-story .founder-chapter:hover,
html body #founder .founder-chapter:focus-visible{
  background:#f8fdff!important;background-color:#f8fdff!important;
  border-color:#0789e0!important;
  box-shadow:0 0 22px rgba(24,168,255,.24),inset 0 0 24px rgba(24,168,255,.035)!important;
}
@media(hover:none){
  html body #founder .founder-story .founder-chapter:hover{
    background:#fff!important;background-color:#fff!important;box-shadow:0 0 14px rgba(24,168,255,.09)!important;
  }
}

/* -------------------------------------------------------------------------- */
/* E. GENERAL BOX CLEANUP — white surface / black text / blue edge everywhere.*/
/* -------------------------------------------------------------------------- */
body .about-proof-card,
body .method-display,body .flow-box,body .device-stage,
body .selected-package-card,body .contact-form,body .footer-contact-card,
body .solution-context-shell,body .solution-editorial-card,body .pricing-card,
body .contact-page-card,body .legal-card,
body .systems-view .sia-system-card,
body .systems-view .sia-project-intro,
body .systems-view .sia-support-launch-stage,
body .systems-view .sia-support-demo-panel,
body .systems-view .sia-support-chat-preview,
body .systems-view .sia-support-hero-visual,
body .systems-view .sia-support-hero-thread,
body .systems-view .sia-support-flow-shell,
body .systems-view .sia-support-flow-step,
body .systems-view .sia-support-cap,
body .systems-view .sia-support-coverage-note,
body .systems-view .sia-support-demo-warning,
body .systems-view .sia-support-demo-point,
body .systems-view .sia-support-preview-msg,
body .systems-view .sia-support-preview-event,
body .systems-view .sia-leads-hero-visual,
body .systems-view .sia-leads-flow-shell,
body .systems-view .sia-leads-flow-step,
body .systems-view .sia-leads-demo-panel,
body .systems-view .sia-leads-results,
body .systems-view .sia-leads-current,
body .systems-view .sia-leads-current-head,
body .systems-view .sia-leads-dashboard,
body .systems-view .sia-leads-dashboard-top,
body .systems-view .sia-leads-kpi,
body .systems-view .sia-leads-automations,
body .systems-view .sia-leads-auto,
body .systems-view .sia-leads-privacy,
body .systems-view .sia-leads-private-note,
body .systems-view .sia-leads-industry-tags{
  background:#fff!important;background-color:#fff!important;
  background-image:linear-gradient(145deg,rgba(255,255,255,.995),rgba(247,252,255,.995))!important;
  color:var(--v5-text)!important;
}

/* Inputs/selects stay white as well. */
body .field input,body .field textarea,body .field select,
body .systems-view input,body .systems-view textarea,body .systems-view select{
  background:#fff!important;background-color:#fff!important;color:var(--v5-text)!important;
  border:1.35px solid rgba(8,143,232,.55)!important;
}
body .field select option,body .systems-view select option{background:#fff!important;color:#05090d!important}

/* -------------------------------------------------------------------------- */
/* F. NORTHLINE GOODS DETAIL — SAME SITE SKIN, BIGGER READABLE INTRO.         */
/* -------------------------------------------------------------------------- */
html body .systems-view.sia-support-mode,
html body .systems-view.sia-support-mode #siaSupportDetail,
html body.northline-support-active .systems-view,
html body.northline-support-active .systems-view #siaSupportDetail{
  background:#fff!important;background-color:#fff!important;background-image:none!important;color:var(--v5-text)!important;
}
html body .sia-support-project-intro{
  background:#fff!important;background-image:none!important;
  border:1.55px solid var(--v5-line-strong)!important;
  box-shadow:0 0 19px rgba(24,168,255,.11)!important;
}
html body .sia-support-project-intro .sia-project-copy h2{
  background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;
  color:#05090d!important;-webkit-text-fill-color:#05090d!important;text-shadow:none!important;
}
html body .sia-support-project-intro .sia-deck{
  color:#05090d!important;-webkit-text-fill-color:#05090d!important;
  font-size:clamp(19px,1.45vw,25px)!important;line-height:1.45!important;
}
html body .sia-support-project-intro .sia-body,
html body .sia-project-intro-compact .sia-body{
  color:#3f5666!important;-webkit-text-fill-color:#3f5666!important;
  font-size:14.25px!important;line-height:1.82!important;max-width:72ch!important;
}
html body .sia-support-project-intro .sia-disclosure{
  background:#f8fdff!important;color:#315f7c!important;border:1.25px solid rgba(8,143,232,.42)!important;
  font-size:9px!important;line-height:1.65!important;
}
html body .sia-support-project-intro .sia-meta span{
  background:#fff!important;color:#28688f!important;border:1.2px solid rgba(8,143,232,.38)!important;
  font-size:7.5px!important;
}
html body .sia-support-hero-visual{
  min-height:330px!important;background:linear-gradient(145deg,#fff,#f1faff)!important;
  border:1.55px solid rgba(8,143,232,.70)!important;
  box-shadow:0 0 20px rgba(24,168,255,.12)!important;
}
html body .sia-support-hero-thread,
html body .sia-support-hero-bubble,
html body .sia-support-hero-bubble.is-customer,
html body .sia-support-hero-route span{
  background:#fff!important;color:#10212d!important;border-color:rgba(8,143,232,.34)!important;
}
html body .sia-support-hero-top,
html body .sia-support-hero-top b,
html body .sia-detail-visual-label{color:#2c607f!important;-webkit-text-fill-color:currentColor!important}
@media(min-width:1100px){
  html body .sia-project-intro.sia-support-project-intro{
    grid-template-columns:minmax(0,1fr) 410px!important;gap:42px!important;padding:34px!important;
  }
  html body .sia-support-project-intro .sia-project-copy h2{font-size:clamp(56px,5.7vw,84px)!important}
  html body .sia-support-hero-visual{min-height:350px!important}
}

/* Launch Northline support: explicitly BLACK text, white panel, blue outline. */
html body .sia-support-launch-stage,
html body .sia-support-launch-stage-copy,
html body .sia-support-launch.sia-support-launch-primary{
  background:#fff!important;background-color:#fff!important;background-image:none!important;
}
html body .sia-support-launch-stage h4,
html body .sia-support-launch-stage-copy>p,
html body .sia-support-launch.sia-support-launch-primary,
html body .sia-support-launch.sia-support-launch-primary span,
html body .sia-support-launch.sia-support-launch-primary b{
  color:#05090d!important;-webkit-text-fill-color:#05090d!important;text-shadow:none!important;
}
html body .sia-support-launch-stage h4{font-size:clamp(46px,4.9vw,70px)!important}
html body .sia-support-launch-stage-copy>p{font-size:14px!important;line-height:1.8!important;color:#42596a!important}
html body .sia-support-launch.sia-support-launch-primary{
  border:1.55px solid rgba(8,143,232,.78)!important;
  box-shadow:0 0 18px rgba(24,168,255,.13)!important;
}
html body .sia-support-launch.sia-support-launch-primary span small{
  color:#2e6d95!important;-webkit-text-fill-color:#2e6d95!important;
}
html body .sia-support-launch.sia-support-launch-primary:hover{
  background:#f4fbff!important;border-color:#0789e0!important;
  box-shadow:0 0 25px rgba(24,168,255,.24)!important;
}

/* Northline system-flow / capability boxes: remove every residual graphite fill. */
html body .sia-support-flow-shell,
html body .sia-support-flow-step,
html body .sia-support-demo-panel,
html body .sia-support-chat-preview,
html body .sia-support-cap,
html body .sia-support-coverage-note,
html body .sia-support-demo-warning,
html body .sia-support-demo-point,
html body .sia-support-preview-msg,
html body .sia-support-preview-event{
  background:#fff!important;background-color:#fff!important;background-image:none!important;
  border-color:rgba(8,143,232,.60)!important;color:#05090d!important;
}
html body .sia-support-flow-step strong,
html body .sia-support-demo-head h4,
html body .sia-support-cap strong,
html body .sia-support-demo-point strong,
html body .sia-support-chat-bar,
html body .sia-support-chat-bar b,
html body .sia-support-preview-msg,
html body .sia-support-preview-event,
html body .sia-support-flow-step p{
  color:#05090d!important;-webkit-text-fill-color:currentColor!important;
}
html body .sia-support-flow-step p,
html body .sia-support-demo-point p,
html body .sia-support-cap p{color:#455d6d!important}

/* -------------------------------------------------------------------------- */
/* G. LEAD GENERATION DETAIL — eliminate remaining grey/black cards.          */
/* -------------------------------------------------------------------------- */
html body .systems-view.sia-leads-mode,
html body .systems-view.sia-leads-mode #siaLeadsDetail{
  background:#fff!important;background-image:none!important;color:#05090d!important;
}
html body .sia-leads-project-intro,
html body .sia-leads-hero-visual,
html body .sia-leads-flow-shell,
html body .sia-leads-flow-step,
html body .sia-leads-demo-panel,
html body .sia-leads-results,
html body .sia-leads-current,
html body .sia-leads-current-head,
html body .sia-leads-dashboard,
html body .sia-leads-dashboard-top,
html body .sia-leads-kpi,
html body .sia-leads-automations,
html body .sia-leads-auto,
html body .sia-leads-privacy,
html body .sia-leads-private-note,
html body .sia-leads-industry-tags{
  background:#fff!important;background-color:#fff!important;background-image:none!important;
  border-color:rgba(8,143,232,.60)!important;color:#05090d!important;
}
html body .sia-leads-project-intro h2,
html body .sia-leads-project-intro .sia-deck,
html body .sia-leads-flow-step strong,
html body .sia-leads-demo-head h4,
html body .sia-leads-current-head,
html body .sia-leads-kpi b,
html body .sia-leads-dashboard-top,
html body .sia-leads-results strong{
  color:#05090d!important;-webkit-text-fill-color:#05090d!important;background:none!important;
}
html body .sia-leads-project-intro .sia-body,
html body .sia-leads-flow-step p,
html body .sia-leads-demo-panel p,
html body .sia-leads-results p,
html body .sia-leads-private-note,
html body .sia-leads-privacy{color:#455d6d!important;-webkit-text-fill-color:currentColor!important}

/* -------------------------------------------------------------------------- */
/* H. GLOBAL TEXT CONSISTENCY IN WHITE SURFACES.                              */
/* -------------------------------------------------------------------------- */
body .about-proof-card h3,body .about-proof-card p,
body .method-display h3,body .method-display p,
body .flow-box h3,body .flow-box p,
body .device-stage h3,body .device-stage small,
body #founder .founder-copy h2,body #founder .founder-copy>p,body #founder .founder-copy blockquote,
body .selected-package-card h3,body .selected-package-card p,body .selected-package-card span,
body .contact-form,body .contact-form label,
body .solution-context-shell h2,body .solution-context-shell h3,body .solution-context-shell p,
body .solution-editorial-card h3,body .solution-editorial-card p,
body .pricing-card h3,body .pricing-card p,
body .contact-page-card h2,body .contact-page-card h3,body .contact-page-card p,
body .footer-contact-card h3,body .footer-contact-card p,
body .legal-card h2,body .legal-card h3,body .legal-card p,
body .systems-view h1,body .systems-view h2,body .systems-view h3,body .systems-view h4{
  color:var(--v5-text)!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important;
}
body .about-proof-card p,body .method-display p,body .flow-box p,
body #founder .founder-copy>p,body .solution-context-shell p,
body .solution-editorial-card p,body .pricing-card p,body .contact-page-card p,
body .footer-contact-card p,body .legal-card p{color:var(--v5-muted)!important}

/* -------------------------------------------------------------------------- */
/* I. EXISTING BLUE TECH LINES — visibly stronger.                            */
/* -------------------------------------------------------------------------- */
body .eyebrow span,body .kicker i,body .systems-kicker span,
body .about-proof-line,body .solution-line,body .service-line:before{
  background:linear-gradient(90deg,#43c1ff,#0878c9,transparent)!important;
  box-shadow:0 0 10px rgba(24,168,255,.28)!important;
}
body .method-tabs:before{
  left:0!important;right:0!important;height:1.8px!important;
  background:linear-gradient(90deg,rgba(77,201,255,.24),rgba(24,168,255,.90) 15%,#0878c9 50%,rgba(24,168,255,.90) 85%,rgba(77,201,255,.24))!important;
  box-shadow:0 0 12px rgba(24,168,255,.24)!important;
}
body .flow-axis{
  height:1.7px!important;
  background:linear-gradient(90deg,transparent,rgba(78,201,255,.72),#0878c9,rgba(78,201,255,.72),transparent)!important;
  box-shadow:0 0 13px rgba(24,168,255,.25)!important;
}

/* Defensive mobile handling for decorative line objects. */
@media(max-width:1100px){.cerebro-tech-ambient{display:none!important}}



/* Final specificity safeguard: legacy warm founder rules use :not(...) + ID +
   two classes, so they can outrank a later normal-ID rule even with !important.
   Duplicate-ID matching is intentional here and changes no DOM/geometry. */
html body #founder#founder .founder-story .founder-chapter,
html body:not(.northline-support-active) #founder#founder .founder-story .founder-chapter,
html body.northline-support-active #founder#founder .founder-story .founder-chapter{
  background:#fff!important;background-color:#fff!important;background-image:none!important;
  border:1.7px solid rgba(7,137,224,.90)!important;
  outline:1px solid rgba(24,168,255,.13)!important;outline-offset:-1px!important;
  box-shadow:0 0 16px rgba(24,168,255,.12)!important;
  color:#05090d!important;
}
html body #founder#founder .founder-story .founder-chapter::before,
html body #founder#founder .founder-story .founder-chapter::after{
  background:transparent!important;background-image:none!important;
  border-color:rgba(24,168,255,.45)!important;
  box-shadow:0 0 8px rgba(24,168,255,.12)!important;
}
html body #founder#founder .founder-story .founder-chapter .founder-num,
html body #founder#founder .founder-story .founder-chapter h3,
html body #founder#founder .founder-story .founder-chapter p{
  color:#05090d!important;-webkit-text-fill-color:#05090d!important;text-shadow:none!important;
}
html body #founder#founder .founder-story .founder-chapter p{color:#455d6c!important;-webkit-text-fill-color:#455d6c!important}
html body #founder#founder .founder-story .founder-chapter .founder-num{color:#3f657e!important;-webkit-text-fill-color:#3f657e!important}
html body #founder#founder .founder-story .founder-chapter:hover,
html body #founder#founder .founder-story .founder-chapter:focus-visible{
  background:#f7fcff!important;background-color:#f7fcff!important;
  border-color:#0789e0!important;
  box-shadow:0 0 25px rgba(24,168,255,.27),inset 0 0 24px rgba(24,168,255,.04)!important;
}

/* Slight final lift to the whole blue architecture without making it heavy. */
html body #company#company .about-proof-card,
html body #solutions#solutions .service,
html body #method#method .method-display,
html body #devices#devices .device-stage,
html body #contact#contact .contact-form,
html body #contact#contact .selected-package-card,
html body #systemsView#systemsView .sia-system-card,
html body #systemsView#systemsView .sia-project-intro,
html body #systemsView#systemsView .sia-support-launch-stage,
html body #systemsView#systemsView .sia-support-demo-panel,
html body #systemsView#systemsView .sia-support-flow-step,
html body #systemsView#systemsView .sia-leads-flow-step,
html body #systemsView#systemsView .sia-leads-demo-panel{
  border-color:rgba(7,137,224,.96)!important;
  outline-color:rgba(24,168,255,.16)!important;
  box-shadow:0 0 0 1px rgba(24,168,255,.045),0 0 19px rgba(24,168,255,.14)!important;
}
html body .flow-section.flow-section .flow-box,
html body .solution-context-shell.solution-context-shell,
html body .solution-editorial-card.solution-editorial-card,
html body .pricing-card.pricing-card,
html body .contact-page-card.contact-page-card,
html body .footer-contact-card.footer-contact-card{
  border-color:rgba(7,137,224,.96)!important;
  outline-color:rgba(24,168,255,.16)!important;
  box-shadow:0 0 0 1px rgba(24,168,255,.045),0 0 19px rgba(24,168,255,.14)!important;
}



/* ==========================================================================
   CEREBRO V8 :: HERO BRAIN - COLOUR CORRECTION
   --------------------------------------------------------------------------
   V7 carries a legacy palette-swap experiment:

     #universe,.hero-brain-frame canvas,.service-visual canvas,.solution-view canvas{
       filter:hue-rotate(176deg) saturate(.92) brightness(.99)!important; }

   With V7's near-grey brain that rotation was invisible - unsaturated pixels
   have no hue to turn. The V8 brain is genuinely blue at source, so the same
   176deg rotation lands it almost exactly on orange, which this pass forbids.

   The rotation is therefore cancelled for the hero brain canvas ONLY. It is
   deliberately left in force on #universe, which this pass does not own and
   whose near-grey starfield it still does not visibly affect.

   This is a colour-space correction. No geometry, scale, position, camera,
   timing or interaction value is touched.
   ========================================================================== */
/* The hue rotation is removed; a mild desaturation is kept in its place.
   The brain's UnrealBloom pass (strength 1.08, threshold 0.14 - both left at
   their V7 values) blooms almost every lit pixel, and saturated blue through
   that pass reads neon rather than engineered. Taming it here is a colour
   grade on the same canvas the legacy rule already graded, and touches no
   render, geometry or timing parameter. */
html body .hero-brain-frame canvas,
html body .hero-brain-frame .cerebro-brain-root canvas,
html body #cerebro-brain canvas{
  filter:saturate(.84) brightness(.97)!important;
}

/* The aura plate behind the brain was authored in the grey era. It is a static
   decorative wash - its animation, blur, size and position are unchanged. */
html body .hero-brain-frame:before{
  background:radial-gradient(circle,
    rgba(47,183,255,.10),
    rgba(20,108,255,.030) 44%,
    transparent 70%)!important;
}



/* ==========================================================================
   CEREBRO V8 :: TASK 3 — THE NINE SOLUTION SCENES
   --------------------------------------------------------------------------
   3A colour conversion + 3B restrained enhancement.

   Nothing here changes a scene's geometry, choreography, keyframes, timing,
   easing or DOM. Every rule either re-points one of the scene system's own
   custom properties, restyles a shared primitive, or adds a decorative
   pseudo-element. The nine identities, their silhouettes and their motion
   language are exactly as authored.

   Because `buildServiceVisual()` (landing row) and `mountSolutionVisual()`
   (full solution page) emit the SAME markup from the SAME definition and
   differ only by `--r3-s`, everything below lands identically in both
   placements. That is what keeps TASK 4 parity true by construction rather
   than by duplication.

   Held from the original: transform/opacity only, no animated filter or
   box-shadow, no per-frame JavaScript.
   ========================================================================== */

/* ---- 3A. material language: graphite -> blue architectural glass --------- */
.r3sv{
  /* structural line work */
  --r3-line:rgba(20,108,255,.46);
  --r3-line-soft:rgba(20,108,255,.28);
  --r3-line-bright:rgba(47,183,255,.86);

  /* Plates were opaque graphite, which read as black rectangles on white.
     They are now blue architectural glass: transparent, edge-lit, seated on
     the page rather than punched into it. */
  --r3-plate:linear-gradient(148deg,
    rgba(47,183,255,.21) 0%,
    rgba(20,108,255,.13) 52%,
    rgba(20,108,255,.19) 100%);
  --r3-plate-lit:linear-gradient(148deg,
    rgba(143,219,255,.34) 0%,
    rgba(47,183,255,.20) 58%,
    rgba(20,108,255,.24) 100%);
  --r3-sheen:linear-gradient(150deg,
    rgba(255,255,255,.55) 0%,
    rgba(143,219,255,.16) 44%,
    transparent 72%);

  /* new tokens used by the enhancement layer below */
  --v8-sky:#2FB7FF;
  --v8-cobalt:#146CFF;
  --v8-ice:#8FDBFF;
}

/* Black drop shadow -> blue seat glow. Static, never animated. */
.r3sv .r3p-plate{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    0 14px 30px -22px rgba(20,108,255,.55)!important;
}

/* Nodes were white -> grey -> black. Now bright ice core falling to cobalt,
   so they read as illuminated control points instead of ball bearings. */
.r3sv .r3p-node{
  background:radial-gradient(circle at 34% 28%,
    #F2FBFF 0%,
    #8FDBFF 34%,
    #2FB7FF 66%,
    #146CFF 100%)!important;
  box-shadow:0 0 10px rgba(47,183,255,.55),0 0 20px rgba(20,108,255,.22)!important;
}

.r3sv .r3p-rail{
  background:linear-gradient(90deg,
    rgba(20,108,255,.02),
    rgba(47,183,255,.62),
    rgba(20,108,255,.02))!important;
}

.r3sv .r3p-spark{
  background:radial-gradient(circle,
    #F2FBFF 0%,
    rgba(143,219,255,.72) 42%,
    transparent 72%)!important;
  box-shadow:0 0 8px rgba(47,183,255,.5)!important;
}

/* The ten scene-specific bodies that carried their own graphite gradient.
   Each keeps its exact box, border, transform and animation. */
.r3sv--service .r3p-mod,
.r3sv--sales .r3p-gate,
.r3sv--sites .r3p-chrome,
.r3sv--sites .r3p-blk,
.r3sv--training .r3p-field>i,
.r3sv--workflow .r3p-gnode,
.r3sv--custom .r3p-fc>b,
.r3sv--custom .r3p-sat>b{
  background:linear-gradient(150deg,
    rgba(47,183,255,.22),
    rgba(20,108,255,.15))!important;
}
.r3sv--custom .r3p-fc>b{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45)!important;
}

/* ---- 3B. enhancement: atmosphere ---------------------------------------- */
/* A soft blue field and one slow orbit trace behind every scene. Both live on
   .r3sv-stage, outside the preserve-3d scene, so no scene geometry is touched
   and nothing can z-fight. */
.r3sv-stage{
  position:relative;
  transform:translate3d(calc(var(--r3-mx,0) * 7px),calc(var(--r3-my,0) * 5px),0)
            scale(var(--r3-s));
  transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .85s ease;
}
.r3sv-stage::before,
.r3sv-stage::after{
  content:"";
  position:absolute;
  left:50%; top:50%;
  pointer-events:none;
  z-index:0;
}
.r3sv-stage::before{
  width:112%; height:112%;
  margin:-56% 0 0 -56%;
  border-radius:50%;
  background:radial-gradient(circle,
    rgba(47,183,255,.13) 0%,
    rgba(20,108,255,.055) 42%,
    transparent 70%);
}
.r3sv-stage::after{
  width:84%; height:52%;
  margin:-26% 0 0 -42%;
  border-radius:50%;
  border:1px solid rgba(20,108,255,.13);
  animation:v8SceneOrbit 34s linear infinite;
}
@keyframes v8SceneOrbit{
  0%  {transform:rotate(0deg)   scaleY(.92);}
  50% {transform:rotate(180deg) scaleY(1.06);}
  100%{transform:rotate(360deg) scaleY(.92);}
}

/* ---- 3B. enhancement: viewport-entry activation -------------------------- */
/* The scene system already parks off-screen work with `data-r3-idle`. That
   same attribute now also drives a one-shot power-on, so a scene assembles as
   it arrives instead of simply being there. Opacity and transform only. */
.r3sv[data-r3-idle] .r3sv-stage{
  opacity:0;
  transform:translate3d(0,0,0) scale(calc(var(--r3-s) * .93));
}
.r3sv:not([data-r3-idle]) .r3sv-stage{opacity:1;}

/* ---- 3B. enhancement: per-solution emphasis ------------------------------ */
/* Restrained "responsive path illumination": in each scene the element that
   carries that service's decisive moment is lifted to ice, and its supporting
   structure settles to cobalt. No element is added, moved or retimed. */

/* 01 receptionists — the response event and the live conversation */
.r3sv--reception .r3p-ack{border-color:rgba(143,219,255,.92)!important;}
.r3sv--reception .r3p-aperture-core{
  background:radial-gradient(circle at 40% 34%,#F2FBFF,#8FDBFF 44%,#2FB7FF 100%)!important;
  box-shadow:0 0 12px rgba(47,183,255,.7)!important;
}
.r3sv--reception .r3p-wave{background:rgba(143,219,255,.72)!important;}
.r3sv--reception .r3p-arc{border-color:rgba(20,108,255,.42)!important;}

/* 02 leads — the qualified lead lights, the rejected one falls away cool */
.r3sv--leads .r3p-tok{
  background:radial-gradient(circle at 36% 30%,#F2FBFF,#8FDBFF 46%,#2FB7FF 100%)!important;
  box-shadow:0 0 9px rgba(47,183,255,.55)!important;
}
.r3sv--leads .r3p-tok.r3p-rej{
  background:radial-gradient(circle at 36% 30%,rgba(20,108,255,.5),rgba(20,108,255,.18) 70%)!important;
  box-shadow:none!important;
}
.r3sv--leads .r3p-tick{background:rgba(143,219,255,.75)!important;}

/* 03 customer service — the escalation branch reads as the exception */
.r3sv--service .r3p-res{border-color:rgba(143,219,255,.85)!important;}
.r3sv--service .r3p-end.r3p-up{box-shadow:0 0 10px rgba(47,183,255,.6)!important;}

/* 04 sales — the conversion seal */
.r3sv--sales .r3p-seal{
  border-color:rgba(143,219,255,.95)!important;
  box-shadow:0 0 14px rgba(47,183,255,.45)!important;
}
.r3sv--sales .r3p-lit{background:rgba(143,219,255,.62)!important;}
.r3sv--sales .r3p-trend{background:linear-gradient(90deg,
  rgba(20,108,255,.1),rgba(47,183,255,.7))!important;}

/* 05 websites — the conversion route out of the call to action */
.r3sv--sites .r3p-cta{
  background:linear-gradient(120deg,rgba(143,219,255,.5),rgba(47,183,255,.3))!important;
  box-shadow:0 0 10px rgba(47,183,255,.4)!important;
}
.r3sv--sites .r3p-link{background:linear-gradient(90deg,
  rgba(143,219,255,.85),rgba(20,108,255,.15))!important;}
.r3sv--sites .r3p-row{background:rgba(20,108,255,.30)!important;}

/* 06 apps — the synchronisation travelling the shared axis */
.r3sv--apps .r3p-sync{background:linear-gradient(90deg,
  transparent,rgba(143,219,255,.95),transparent)!important;}
.r3sv--apps .r3p-halo{border-color:rgba(143,219,255,.6)!important;}
.r3sv--apps .r3p-card{background:rgba(47,183,255,.38)!important;}

/* 07 training — knowledge arriving, the field completing */
.r3sv--training .r3p-prog{
  border-color:rgba(143,219,255,.9)!important;
  box-shadow:0 0 12px rgba(47,183,255,.35)!important;
}
.r3sv--training .r3p-unit{
  background:radial-gradient(circle,#F2FBFF,#8FDBFF 55%,#2FB7FF 100%)!important;
}
.r3sv--training .r3p-beam{background:linear-gradient(180deg,
  rgba(143,219,255,.5),transparent)!important;}

/* 08 workflow — the decision point that splits and re-merges the run */
.r3sv--workflow .r3p-hubx{border-color:rgba(143,219,255,.88)!important;}
.r3sv--workflow .r3p-task{
  background:radial-gradient(circle at 36% 30%,#F2FBFF,#8FDBFF 48%,#2FB7FF 100%)!important;
  box-shadow:0 0 9px rgba(47,183,255,.5)!important;
}
.r3sv--workflow .r3p-gpath{background:linear-gradient(90deg,
  rgba(20,108,255,.06),rgba(47,183,255,.5),rgba(20,108,255,.06))!important;}

/* 09 custom — the orchestrating centre and its bespoke satellites */
.r3sv--custom .r3p-tie{background:linear-gradient(90deg,
  rgba(47,183,255,.55),rgba(20,108,255,.12))!important;}
.r3sv--custom .r3p-strut{background:rgba(20,108,255,.38)!important;}

/* ---- reduced motion ------------------------------------------------------ */
/* The scene system already freezes itself under reduced motion. The additions
   above follow it: the orbit trace stops and the entry state resolves so no
   scene can be left invisible. */
@media(prefers-reduced-motion:reduce){
  .r3sv-stage::after{animation:none!important;}
  .r3sv-stage,
  .r3sv[data-r3-idle] .r3sv-stage{
    opacity:1!important;
    transform:scale(var(--r3-s))!important;
    transition:none!important;
  }
}



/* ==========================================================================
   CEREBRO V8 :: TASK 5 + 6 — THE CEREBRO METHOD
   --------------------------------------------------------------------------
   The Method area is driven by two renderers, and BOTH were being forced to
   greyscale by legacy CSS, which is why their art read as a dark grey machine
   on a white page:

     .cspv2-balanced-slot--method .cspv2-canvas   grayscale(1) saturate(0)
                                                  brightness(.74) contrast(1.07)
     .cvx-method-machine canvas                   saturate(0) contrast(1.025)
     .cvx-method-machine canvas                   saturate(.2) contrast(1.04)

   Those filters made the palette work in the two engines invisible. They are
   released here so the recoloured geometry can actually be seen, and replaced
   with a light grade that seats the art on white instead of darkening it.

   Structure, geometry, position, movement, animation timing, tab behaviour,
   state logic and Method copy are all untouched. This block changes colour
   only, and is scoped to the Method hosts - the solutions, flow, devices and
   founder slots keep their V7 treatment exactly.
   ========================================================================== */

/* TASK 5 - the heading / transition decorative engine (CSPV2 `method`). */
html body .cspv2-balanced-slot--method .cspv2-canvas{
  filter:saturate(1.04) brightness(1.06) contrast(1.02)!important;
}
/* The slot was held at .9 to keep a dark render off the copy. The render is
   now light blue, so it can sit at its intended presence. */
html body #method .cspv2-balanced-slot--method{opacity:1!important;}

/* TASK 6 - the four states (CerebroVisuals `methodOrb`). */
html body .cvx-method-machine canvas,
html body #methodMachine canvas{
  filter:saturate(1.06) contrast(1.02)!important;
}

/* Nothing behind either renderer may paint a plate. Both hosts stay fully
   transparent so the white page reads straight through. */
html body #method .cspv2-layer,
html body #method .cspv2-balanced-slot,
html body .cvx-method-machine,
html body .cvx-method-machine .cvx-root{
  background:transparent!important;
  box-shadow:none!important;
}

/* ==========================================================================
   THE DARK FIELD BEHIND THE METHOD ENGINE
   --------------------------------------------------------------------------
   It was never the renderer. V7 paints a near-black radial ellipse ON TOP of
   the canvas at z-index 4:

     .cspv2-balanced-slot--method:after{
       background:radial-gradient(ellipse at 50% 70%,
         rgba(3,4,5,.82) 0 12%, rgba(3,4,5,.38) 24%,
         rgba(3,4,5,.08) 38%, transparent 56%); }

   That is a grounding shade authored for the dark-page era, where it seated
   the machine in its surroundings. On a white page it is simply an opaque
   black plate over the art - the "dark shadowing / unwanted dark field"
   this task asks to remove.

   The element is kept, and so is its exact geometry, position, z-index and
   falloff. Only the colour changes: it now seats the machine with a soft blue
   ground glow instead of a black one, which does the same compositional job
   in the right direction for this page.
   ========================================================================== */
html body .cspv2-balanced-slot--method:after{
  background:radial-gradient(ellipse at 50% 70%,
    rgba(47,183,255,.20) 0 12%,
    rgba(20,108,255,.11) 24%,
    rgba(20,108,255,.035) 38%,
    transparent 56%)!important;
}

/* The flow slot carries the same black-plate defect from the same authoring
   era, immediately below Method. Removing one and leaving the other would
   leave a black ellipse sitting beside a blue one, so it receives the exact
   same colour-only correction. Geometry and falloff unchanged. */
html body .cspv2-balanced-slot--flow:after{
  background:radial-gradient(ellipse at 50% 57%,
    rgba(47,183,255,.13) 0 10%,
    rgba(20,108,255,.05) 27%,
    transparent 48%)!important;
}
@media(max-width:760px){
  html body .cspv2-balanced-slot--flow:after{
    background:radial-gradient(ellipse at 50% 50%,
      rgba(47,183,255,.12) 0 12%,
      rgba(20,108,255,.045) 30%,
      transparent 52%)!important;
  }
}



/* ==========================================================================
   CEREBRO V8 :: TASK 7 — CONSULTATION DECORATIVE ANIMATION
   --------------------------------------------------------------------------
   Decorative layer only. The consultation title, body copy, form, fields,
   Formspree wiring, selected-package behaviour, pricing, validation,
   submission and CTA are all untouched by this pass.

   The two CerebroSculpturalMotion instances that shared this reserved box are
   no longer mounted. Both were absolutely positioned, so removing them cannot
   move a single pixel of layout.
   ========================================================================== */
html body #csmContactStack,
html body #csmContactParticles{
  display:none!important;
}

/* The host keeps its V7 size, margin and radial mask exactly. */
html body .csm-contact-visuals{
  opacity:1!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* The CSPV2 `consultation` module shares this region and was being forced to
   greyscale by the same legacy rule that affected Method, which is what made
   its blueprint plates read as the grey panel this task calls out. Its
   geometry, motion and timing are untouched; only the grade is released so the
   recoloured materials can be seen. */
html body .cspv2-balanced-slot--consultation .cspv2-canvas{
  filter:saturate(1.04) brightness(1.06) contrast(1.02)!important;
}



/* ==========================================================================
   CEREBRO V8 :: TASK 8 — MICRO-INTERACTION POLISH
   --------------------------------------------------------------------------
   Motion quality only. Nothing here changes a dimension, a box, a font, a
   colour system token or a layout value. Every declaration is one of:
   transition timing, box-shadow colour, or border/accent colour.

   `transform` is never declared. Several of these elements position
   themselves with a transform (.flow-node rests at translate(-19px,-19px)),
   and overriding it would move them.

   Measured starting points, read from the live document:
     .method-tab        transition:all           (unspecified easing)
     #deviceTabs button transition:all           (unspecified easing)
     .nav-cta           transition:0.3s          (browser default ease)
     .service           transition:none          (state changes snap)
     .method-tab        border-color:#f5eee9     (leftover warm cream)
   ========================================================================== */
:root{
  /* One deceleration curve for the whole pass. Long tail, no overshoot -
     nothing bounces, nothing snaps. */
  --v8-ease:cubic-bezier(.16,1,.3,1);
  --v8-ease-soft:cubic-bezier(.22,.61,.36,1);
}

/* ---- named transitions in place of `all` / none -------------------------- */
html body .method-tab,
html body #deviceTabs button,
html body #methodTabs .method-tab{
  transition:
    color .34s var(--v8-ease),
    border-color .34s var(--v8-ease),
    background-color .34s var(--v8-ease),
    box-shadow .34s var(--v8-ease),
    opacity .34s var(--v8-ease)!important;
}
html body .nav-cta,
html body .solution-link,
html body .btn{
  transition:
    color .30s var(--v8-ease-soft),
    border-color .30s var(--v8-ease-soft),
    background-color .30s var(--v8-ease-soft),
    box-shadow .38s var(--v8-ease)!important;
}
html body #serviceList .service{
  transition:
    border-color .48s var(--v8-ease),
    box-shadow .48s var(--v8-ease),
    background-color .48s var(--v8-ease)!important;
}

/* ---- leftover warm accent on the Method tabs ---------------------------- */
/* Measured at rgb(245,238,233): a cream border from the warm era, sitting
   directly under the four state names this pass just made blue. */
html body #methodTabs .method-tab{
  border-color:rgba(20,108,255,.22)!important;
}
html body #methodTabs .method-tab.active{
  border-color:rgba(47,183,255,.62)!important;
}

/* ---- blue light response ------------------------------------------------ */
/* A restrained lift on hover, expressed as light rather than as a dark cast.
   Existing shadow geometry is preserved; only its colour and one added blue
   layer differ. */
html body #serviceList .service:hover{
  box-shadow:
    0 0 0 1px rgba(24,168,255,.10),
    0 0 26px rgba(24,168,255,.20),
    0 18px 46px -30px rgba(20,108,255,.42)!important;
}
html body .solution-link:hover{
  box-shadow:
    0 7px 18px rgba(14,132,207,.22),
    0 0 20px rgba(33,169,255,.22)!important;
}
html body .btn:hover,
html body .nav-cta:hover{
  box-shadow:
    0 0 20px rgba(47,183,255,.20),
    0 12px 32px -20px rgba(20,108,255,.34)!important;
}
html body #methodTabs .method-tab:hover,
html body #deviceTabs button:hover{
  box-shadow:0 0 18px rgba(47,183,255,.18)!important;
}

/* ---- keyboard focus gets the same light, never a black ring ------------- */
html body .btn:focus-visible,
html body .nav-cta:focus-visible,
html body .solution-link:focus-visible,
html body #methodTabs .method-tab:focus-visible,
html body #deviceTabs button:focus-visible{
  outline:2px solid rgba(47,183,255,.72)!important;
  outline-offset:2px!important;
  box-shadow:0 0 22px rgba(47,183,255,.26)!important;
}

/* ---- reduced motion ------------------------------------------------------ */
@media(prefers-reduced-motion:reduce){
  html body .method-tab,
  html body #deviceTabs button,
  html body #methodTabs .method-tab,
  html body .nav-cta,
  html body .solution-link,
  html body .btn,
  html body #serviceList .service{
    transition:none!important;
  }
}



/* ========================================================================== */
/* CEREBRO V9 — surgical refinement from locked V8 baseline                  */
/* Requested scope only: hero accent/brain grade, remove two decorative       */
/* animations + close About gap, Method legibility, package modal clarity,    */
/* and a more complete consultation form.                                     */
/* ========================================================================== */
:root{
  --v9-light-blue:#67c9ff;
  --v9-blue:#25a9ff;
  --v9-blue-line:rgba(30,166,248,.66);
  --v9-blue-line-hot:rgba(39,177,255,.92);
  --v9-black:#070a0f;
  --v9-muted:#465d6c;
}

/* 1. Hero suffix: one flat, consistent light blue — no gradient/sweep/opacity variation. */
html:root body main#top#top#top section.hero.hero .hero-copywrap.hero-copywrap .hero-note.hero-note .hero-note-accent.hero-note-accent,
body:not(.northline-support-active) .hero-note .hero-note-accent{
  display:inline!important;
  background:none!important;
  background-image:none!important;
  background-size:auto!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  color:var(--v9-light-blue)!important;
  -webkit-text-fill-color:var(--v9-light-blue)!important;
  opacity:1!important;
  text-shadow:none!important;
  animation:none!important;
}

/* 2. Brain stays exactly where/how V8 put it; only lower luminance/contrast. */
html body .hero-brain-frame canvas,
html body .hero-brain-frame .cerebro-brain-root canvas,
html body #cerebro-brain canvas{
  filter:saturate(.78) brightness(.89) contrast(.90)!important;
}
html body .hero-brain-frame:before{
  background:radial-gradient(circle,
    rgba(47,183,255,.065),
    rgba(20,108,255,.018) 44%,
    transparent 70%)!important;
}

/* 3. About orchestration was removed from the DOM. Close the reserved corridor. */
body:not(.northline-support-active) #company{padding-bottom:28px!important}
body:not(.northline-support-active) #solutions{padding-top:36px!important}
@media(max-width:760px){
  body:not(.northline-support-active) #company{padding-bottom:20px!important}
  body:not(.northline-support-active) #solutions{padding-top:30px!important}
}

/* 4. Method: brighter/lighter centre + more visible linework without changing motion. */
html body .cvx-method-machine canvas,
html body #methodMachine canvas{
  filter:saturate(.92) brightness(1.20) contrast(.84)
         drop-shadow(0 0 .8px rgba(94,205,255,.72))
         drop-shadow(0 0 5px rgba(47,183,255,.20))!important;
}
html body .method-display{
  border-color:var(--v9-blue-line)!important;
  box-shadow:inset 0 0 0 1px rgba(68,190,255,.10),0 0 22px rgba(37,169,255,.10)!important;
}

/* 5. Consultation decorative visuals: completely removed, including CSPV2 slot. */
html body .csm-contact-visuals,
html body .cspv2-balanced-slot--consultation{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* 6. Package confirmation modal: white/black/blue and BOTH actions permanently boxed. */
html body #packageConfirmModal .package-confirm-panel{
  background:#fff!important;
  background-image:none!important;
  color:var(--v9-black)!important;
  border:1.5px solid var(--v9-blue-line)!important;
  box-shadow:0 0 0 1px rgba(37,169,255,.06),0 22px 70px rgba(10,66,112,.13),0 0 26px rgba(37,169,255,.11)!important;
}
html body #packageConfirmModal .package-confirm-panel small,
html body #packageConfirmModal .package-confirm-panel h3,
html body #packageConfirmModal .package-confirm-panel p,
html body #packageConfirmModal .package-confirm-panel span,
html body #packageConfirmModal .package-confirm-panel strong{
  color:var(--v9-black)!important;
  -webkit-text-fill-color:var(--v9-black)!important;
  text-shadow:none!important;
  background-image:none!important;
}
html body #packageConfirmModal .package-confirm-meta,
html body #packageConfirmModal .package-confirm-consultation{
  border-color:rgba(37,169,255,.42)!important;
}
html body #packageConfirmModal .package-confirm-actions button,
html body #packageConfirmModal .package-confirm-actions .confirm-primary{
  height:52px!important;
  background:#fff!important;
  background-image:none!important;
  color:var(--v9-black)!important;
  -webkit-text-fill-color:var(--v9-black)!important;
  border:1.5px solid var(--v9-blue-line)!important;
  box-shadow:inset 0 0 0 1px rgba(37,169,255,.06),0 0 14px rgba(37,169,255,.10)!important;
  border-radius:0!important;
  transition:border-color .25s ease,box-shadow .25s ease,background .25s ease!important;
}
html body #packageConfirmModal .package-confirm-actions button:hover,
html body #packageConfirmModal .package-confirm-actions button:focus-visible{
  background:#fbfeff!important;
  border-color:var(--v9-blue-line-hot)!important;
  box-shadow:0 0 18px rgba(37,169,255,.20),inset 0 0 0 1px rgba(37,169,255,.10)!important;
  outline:none!important;
}

/* 7. Consultation detail form: clearer, thorough and still within V8 layout language. */
html body #contactForm .field span,
html body #contactForm .field span em,
html body #contactForm .form-legal-note,
html body #contactForm .form-legal-note a,
html body #contactForm .success{
  color:var(--v9-black)!important;
  -webkit-text-fill-color:var(--v9-black)!important;
  text-shadow:none!important;
}
html body #contactForm .field span em{
  font-style:normal!important;
  opacity:.58!important;
  font-size:.86em!important;
  letter-spacing:.04em!important;
  text-transform:none!important;
}
html body #contactForm input,
html body #contactForm textarea,
html body #contactForm select,
html body #contactForm select option{
  background:#fff!important;
  color:var(--v9-black)!important;
  -webkit-text-fill-color:var(--v9-black)!important;
  border-color:rgba(37,169,255,.42)!important;
}
html body #contactForm .select-wrap:after{color:#277db6!important}
html body #contactForm input:focus,
html body #contactForm textarea:focus,
html body #contactForm select:focus{
  border-color:var(--v9-blue-line-hot)!important;
  box-shadow:0 0 0 4px rgba(37,169,255,.08)!important;
}
html body #contactForm .consultation-detail-grid{align-items:end}
html body #contactForm .consultation-detail-grid input,
html body #contactForm .consultation-detail-grid select{
  width:100%!important;
  height:56px!important;
  min-height:56px!important;
}
html body #contactForm .submit{
  background:#fff!important;
  color:var(--v9-black)!important;
  -webkit-text-fill-color:var(--v9-black)!important;
  border:1.5px solid var(--v9-blue-line)!important;
  box-shadow:0 0 14px rgba(37,169,255,.10)!important;
}
html body #contactForm .submit span,
html body #contactForm .submit b{
  color:var(--v9-black)!important;
  -webkit-text-fill-color:var(--v9-black)!important;
}



/* ========================================================================== */
/* CEREBRO V11 — surgical follow-up from locked V10 baseline                 */
/* Scope only: restore the original Claude blue hero-brain grade, blank      */
/* placeholders on focus, and remove the mobile-number example placeholder.  */
/* ========================================================================== */

/* 1. Restore the hero brain to the original approved Claude/V8 blue grade. */
html body .hero-brain-frame canvas,
html body .hero-brain-frame .cerebro-brain-root canvas,
html body #cerebro-brain canvas{
  filter:saturate(.84) brightness(.97)!important;
}
html body .hero-brain-frame:before{
  background:radial-gradient(circle,
    rgba(47,183,255,.10),
    rgba(20,108,255,.030) 44%,
    transparent 70%)!important;
}

/* 2. Consultation fields: placeholder text disappears completely on focus. */
html body #contactForm input::placeholder,
html body #contactForm textarea::placeholder{
  opacity:1!important;
  transition:opacity .14s ease,color .14s ease!important;
}
html body #contactForm input:focus::placeholder,
html body #contactForm textarea:focus::placeholder{
  opacity:0!important;
  color:transparent!important;
}
html body #contactForm input:focus::-webkit-input-placeholder,
html body #contactForm textarea:focus::-webkit-input-placeholder{
  opacity:0!important;
  color:transparent!important;
}
html body #contactForm input:focus::-moz-placeholder,
html body #contactForm textarea:focus::-moz-placeholder{
  opacity:0!important;
  color:transparent!important;
}
html body #contactForm input:focus:-ms-input-placeholder,
html body #contactForm textarea:focus:-ms-input-placeholder{
  opacity:0!important;
  color:transparent!important;
}

/* 3. Keep the consultation rows aligned after the placeholder interaction. */
html body #contactForm .consultation-detail-grid .field input,
html body #contactForm .consultation-detail-grid .field textarea,
html body #contactForm .consultation-detail-grid .field .select-wrap,
html body #contactForm .consultation-detail-grid .field select{
  width:100%!important;
}