/* Visual review refinement: page-specific graphic systems and clearer navigation. */
.nav-center{gap:clamp(17px,2vw,32px)}
.nav-center a{font-size:10px}

/* One continuous, alternating five-part Systems stack. */
.system-deep.shell{padding-bottom:124px}
.system-deep.shell .system-block{margin-inline:-28px;padding:54px 28px;border-bottom:1px solid var(--line);border-radius:28px}
.system-deep.shell .system-block:nth-child(even){border:1px solid rgba(18,139,219,.14);background:linear-gradient(115deg,rgba(255,255,255,.54),rgba(83,212,239,.055));box-shadow:inset 0 1px rgba(255,255,255,.7)}
.system-block>.system-num{color:rgba(18,139,219,.34);opacity:1}
.system-visual{overflow:hidden}
.visual-funnel{border-radius:48% 52% 42% 58%}
.visual-funnel::before{inset:12% 23%;border-radius:50% 50% 30% 30%;transform:perspective(400px) rotateX(50deg)}
.visual-funnel::after{inset:34% 38% 10%;border-radius:10% 10% 50% 50%}
.visual-funnel i:nth-child(1){left:8%;top:18%}.visual-funnel i:nth-child(2){right:8%;top:18%}.visual-funnel i:nth-child(3){right:45%;bottom:6%}
.visual-agent{border-radius:42% 58% 55% 45%;background:radial-gradient(circle at 50% 50%,rgba(83,212,239,.22),transparent 30%),radial-gradient(circle at 50% 45%,rgba(83,212,239,.08),transparent 66%)}
.visual-agent::before{inset:24%;border-style:dashed}.visual-agent::after{inset:40%;background:rgba(83,212,239,.12)}
.visual-agent i:nth-child(1){left:7%;top:46%}.visual-agent i:nth-child(2){right:7%;top:46%}.visual-agent i:nth-child(3){right:46%;bottom:4%}.visual-agent em{left:46%;top:4%}
.visual-loop{border-radius:50%;background:radial-gradient(ellipse at center,transparent 31%,rgba(83,212,239,.11) 32%,transparent 47%)}
.visual-loop::before{inset:8% 18%;border-width:2px;transform:rotate(28deg)}.visual-loop::after{inset:8% 18%;transform:rotate(-28deg)}.visual-loop b{left:43%;top:39%;border-radius:50%}
.visual-network{border-radius:24px;background-image:linear-gradient(rgba(18,139,219,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(18,139,219,.08) 1px,transparent 1px);background-size:34px 34px}
.visual-network::before{inset:12% 42%;border-radius:8px}.visual-network::after{inset:42% 10%;border-radius:8px}.visual-network b{width:58px;height:58px;left:39%;top:36%;border-radius:12px}
.visual-team{border-radius:32% 68% 38% 62%;background:radial-gradient(circle at 50% 50%,rgba(18,139,219,.2),transparent 22%),radial-gradient(circle at 50% 45%,rgba(83,212,239,.1),transparent 68%)}
.visual-team::before{inset:10%;border-style:dashed}.visual-team::after{inset:38%;background:rgba(18,139,219,.12)}
.visual-team i{width:31px;height:31px;border-radius:50%}.visual-team i:nth-child(1){left:12%;top:20%}.visual-team i:nth-child(2){right:10%;top:24%}.visual-team i:nth-child(3){right:14%;bottom:12%}.visual-team em{left:14%;top:70%;border-radius:50%}.visual-team b{left:43%;top:40%;border-radius:50%}

/* Results trajectory field. */
.outcome-canvas,.editorial-canvas{position:relative;min-height:440px;pointer-events:none;will-change:transform}
.outcome-canvas{border:1px solid rgba(18,139,219,.18);border-radius:42px;background:linear-gradient(145deg,rgba(255,255,255,.62),rgba(83,212,239,.045));box-shadow:inset 0 1px rgba(255,255,255,.9),0 35px 80px rgba(7,25,45,.08);overflow:hidden;transform:perspective(900px) rotateY(-5deg) rotateX(2deg)}
.outcome-grid{position:absolute;inset:9%;background-image:linear-gradient(rgba(18,139,219,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(18,139,219,.1) 1px,transparent 1px);background-size:52px 52px;transform:perspective(500px) rotateX(60deg) translateY(34%);transform-origin:bottom}
.outcome-line{position:absolute;left:13%;height:2px;border-radius:999px;background:linear-gradient(90deg,rgba(18,139,219,.18),var(--cyan));box-shadow:0 0 18px rgba(83,212,239,.22);transform-origin:left}
.line-one{width:34%;top:69%;transform:rotate(-25deg)}.line-two{width:58%;top:61%;transform:rotate(-31deg)}.line-three{width:73%;top:52%;transform:rotate(-39deg)}
.outcome-node{position:absolute;width:42px;height:42px;border:1px solid rgba(18,139,219,.38);border-radius:50%;background:rgba(251,250,246,.76);box-shadow:inset 0 0 0 9px rgba(83,212,239,.09),0 0 28px rgba(18,139,219,.12);animation:outcomePulse 3.8s var(--ease) infinite alternate}
.node-one{left:34%;top:49%}.node-two{left:57%;top:30%;animation-delay:-.9s}.node-three{right:11%;top:13%;animation-delay:-1.8s}
.outcome-beacon{position:absolute;right:13%;top:17%;width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 13px rgba(83,212,239,.1),0 0 38px var(--cyan);animation:beaconBreathe 2.8s var(--ease) infinite alternate}
.aggregate{position:relative;overflow:hidden}.aggregate-map{position:absolute;inset:0;pointer-events:none;opacity:.42}
.aggregate-map::before,.aggregate-map::after{content:"";position:absolute;width:52%;height:1px;left:24%;top:50%;background:linear-gradient(90deg,transparent,rgba(83,212,239,.38),transparent)}
.aggregate-map::before{transform:rotate(13deg)}.aggregate-map::after{transform:rotate(-13deg)}
.aggregate-map span{position:absolute;width:180px;height:180px;border:1px solid rgba(83,212,239,.14);border-radius:50%}.aggregate-map span:nth-child(1){left:-60px;top:4%}.aggregate-map span:nth-child(2){left:44%;top:30%;width:280px;height:280px}.aggregate-map span:nth-child(3){right:-40px;bottom:-80px}
.results-stats{position:relative;z-index:2;margin-top:0}
.proof-row.results-stats .glass-card{min-height:230px;padding:30px;display:grid;grid-template-columns:1fr auto;align-content:end;gap:0 20px;overflow:hidden}
.results-stats .glass-card>strong,.results-stats .glass-card>span:last-child{grid-column:1}
.stat-symbol{grid-column:2;grid-row:1/span 2;position:relative;width:84px;height:84px;max-width:none!important;align-self:start;border:1px solid rgba(83,212,239,.26);border-radius:26px;background:rgba(255,255,255,.025)}
.stat-symbol i{position:absolute;display:block;border:1px solid var(--cyan)}
.stat-reach i{width:13px;bottom:16px;border-radius:5px 5px 0 0;border-bottom:0}.stat-reach i:nth-child(1){left:17px;height:22px}.stat-reach i:nth-child(2){left:35px;height:38px}.stat-reach i:nth-child(3){left:53px;height:53px}
.stat-always{border-radius:50%}.stat-always::before,.stat-always::after{content:"";position:absolute;left:50%;top:50%;width:2px;height:25px;background:var(--cyan);transform-origin:50% 0}.stat-always::before{transform:rotate(180deg)}.stat-always::after{height:18px;transform:rotate(120deg)}.stat-always i{inset:13px;border-radius:50%;border-color:rgba(83,212,239,.42)}
.stat-connected i{width:18px;height:18px;border-radius:50%}.stat-connected i:nth-child(1){left:11px;top:32px}.stat-connected i:nth-child(2){right:11px;top:13px}.stat-connected i:nth-child(3){right:11px;bottom:13px}.stat-connected::before,.stat-connected::after{content:"";position:absolute;left:28px;top:41px;width:34px;height:1px;background:rgba(83,212,239,.62);transform-origin:left}.stat-connected::before{transform:rotate(-28deg)}.stat-connected::after{transform:rotate(28deg)}
.case-card.wide .bezel-core{position:relative}.case-card.wide .case-tag,.case-card.wide h2{padding-right:112px}
.case-icon{position:absolute;right:34px;top:30px;width:88px;height:88px;border:1px solid rgba(18,139,219,.2);border-radius:25px;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(83,212,239,.08));box-shadow:inset 0 1px rgba(255,255,255,.8)}
.case-icon i{position:absolute;display:block;border:1px solid var(--blue)}
.case-icon-pipeline i{left:17px;right:17px;height:12px;border-radius:999px}.case-icon-pipeline i:nth-child(1){top:15px}.case-icon-pipeline i:nth-child(2){top:37px;left:27px}.case-icon-pipeline i:nth-child(3){top:59px;left:38px}
.case-icon-response i{width:23px;height:23px;border-radius:50%}.case-icon-response i:nth-child(1){left:14px;top:31px}.case-icon-response i:nth-child(2){left:34px;top:18px}.case-icon-response i:nth-child(3){right:12px;top:40px}
.case-icon-followup i{width:30px;height:30px;border-radius:50%}.case-icon-followup i:nth-child(1){left:13px;top:28px}.case-icon-followup i:nth-child(2){right:13px;top:28px}.case-icon-followup i:nth-child(3){width:56px;height:56px;left:15px;top:14px;border-style:dashed}

/* Blog editorial stack. */
.editorial-canvas{isolation:isolate}.editorial-canvas::before{content:"";position:absolute;inset:8% 3% 3% 12%;border:1px solid rgba(18,139,219,.14);border-radius:50%;transform:rotate(12deg)}
.note-sheet{position:absolute;width:245px;height:315px;padding:48px 30px;border:1px solid rgba(18,139,219,.2);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.8),rgba(83,212,239,.08));box-shadow:inset 0 1px rgba(255,255,255,.95),0 28px 60px rgba(7,25,45,.1)}
.note-sheet::before{content:"";position:absolute;left:30px;top:28px;width:52px;height:7px;border-radius:999px;background:var(--blue);opacity:.7}.note-sheet i{display:block;width:100%;height:1px;margin-bottom:28px;background:rgba(7,25,45,.2)}
.note-one{left:19%;top:15%;transform:rotate(-12deg)}.note-two{left:33%;top:8%;transform:rotate(4deg)}.note-three{left:47%;top:19%;transform:rotate(15deg)}
.editorial-spine{position:absolute;left:47%;top:4%;width:1px;height:88%;background:linear-gradient(transparent,rgba(18,139,219,.45),transparent);transform:rotate(-21deg)}.editorial-dot{position:absolute;right:14%;top:21%;width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 15px rgba(83,212,239,.08),0 0 28px var(--cyan);animation:beaconBreathe 3s var(--ease) infinite alternate}

/* About operating compass and principle symbols. */
.about-hero .shell{position:relative;z-index:2}.about-hero .shell>*{max-width:min(720px,58vw)}
.about-compass{position:absolute;z-index:1;width:min(38vw,500px);aspect-ratio:1;right:7vw;top:calc(50% - min(19vw,250px) + 24px);pointer-events:none;will-change:transform}
.compass-ring,.compass-axis,.compass-core,.compass-node{position:absolute;display:block}.compass-ring{inset:8%;border:1px solid rgba(83,212,239,.28);border-radius:50%;animation:compassTurn 24s linear infinite}.compass-ring::before,.compass-ring::after{content:"";position:absolute;width:12px;height:12px;border:1px solid var(--cyan);background:var(--navy);transform:rotate(45deg)}.compass-ring::before{left:4%;top:18%}.compass-ring::after{right:4%;bottom:18%}.compass-ring.ring-two{inset:25%;border-style:dashed;animation-direction:reverse;animation-duration:18s}
.compass-axis{left:50%;top:4%;width:1px;height:92%;background:linear-gradient(transparent,rgba(83,212,239,.38),transparent)}.axis-two{transform:rotate(90deg)}.compass-core{inset:38%;border:1px solid rgba(255,255,255,.34);border-radius:34% 66% 58% 42%;background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(83,212,239,.08));box-shadow:0 0 60px rgba(83,212,239,.15);animation:compassCore 8s var(--ease) infinite alternate}
.compass-node{width:18px;height:18px;border:1px solid var(--cyan);border-radius:50%;background:rgba(7,25,45,.86);box-shadow:0 0 18px rgba(83,212,239,.3)}.compass-north{left:calc(50% - 9px);top:2%}.compass-east{right:2%;top:calc(50% - 9px)}.compass-south{left:calc(50% - 9px);bottom:2%}.compass-west{left:2%;top:calc(50% - 9px)}
.principles{padding-top:142px}.principles .section-label{margin-bottom:48px}.principle-row{grid-template-columns:minmax(110px,.28fr) minmax(0,1fr) 150px;align-items:center;gap:clamp(24px,4vw,64px)}
.principle-icon{position:relative;justify-self:end;width:112px;height:112px;border:1px solid rgba(18,139,219,.18);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(83,212,239,.065));transform:rotate(-3deg);transition:transform .5s var(--ease),opacity .5s var(--ease)}.principle-row:hover .principle-icon{transform:rotate(3deg) translateY(-5px)}.principle-icon i{position:absolute;display:block;border:1px solid var(--blue)}
.icon-system i{width:25px;height:25px;border-radius:8px}.icon-system i:nth-child(1){left:17px;top:42px}.icon-system i:nth-child(2){left:44px;top:20px}.icon-system i:nth-child(3){right:15px;bottom:20px}
.icon-install i{left:25px;right:25px;height:14px;border-radius:999px}.icon-install i:nth-child(1){top:22px}.icon-install i:nth-child(2){top:48px;left:35px}.icon-install i:nth-child(3){top:74px;left:45px}
.icon-outcome i{width:14px;bottom:22px;border-bottom:0;border-radius:5px 5px 0 0}.icon-outcome i:nth-child(1){left:23px;height:24px}.icon-outcome i:nth-child(2){left:49px;height:43px}.icon-outcome i:nth-child(3){right:22px;height:64px}
.icon-compound i{border-radius:50%}.icon-compound i:nth-child(1){inset:17px}.icon-compound i:nth-child(2){inset:30px;border-style:dashed}.icon-compound i:nth-child(3){inset:44px;background:rgba(83,212,239,.12)}

/* Blog and Contact footer accents. */
.footer-with-art{position:relative;overflow:hidden;min-height:220px}.footer-with-art .footer-inner{position:relative;z-index:2}.footer-graphic{position:absolute;z-index:1;right:4%;top:18px;width:240px;height:180px;pointer-events:none;opacity:.36}
.footer-editorial span{position:absolute;width:92px;height:124px;border:1px solid rgba(83,212,239,.42);border-radius:16px;background:rgba(255,255,255,.015)}.footer-editorial span:nth-child(1){left:18px;top:28px;transform:rotate(-14deg)}.footer-editorial span:nth-child(2){left:70px;top:12px;transform:rotate(2deg)}.footer-editorial span:nth-child(3){right:18px;top:31px;transform:rotate(15deg)}
.footer-signal{border:1px solid rgba(83,212,239,.24);border-radius:50%;transform:rotate(-14deg)}.footer-signal::before,.footer-signal::after{content:"";position:absolute;inset:22%;border:1px solid rgba(83,212,239,.34);border-radius:50%}.footer-signal::after{inset:42%;background:rgba(83,212,239,.1);box-shadow:0 0 28px rgba(83,212,239,.2)}.footer-signal span{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.footer-signal span:nth-child(1){left:7%;top:43%}.footer-signal span:nth-child(2){right:12%;top:17%}.footer-signal span:nth-child(3){right:4%;bottom:24%}

@keyframes outcomePulse{to{transform:translate3d(0,-8px,0) scale(1.08);opacity:.72}}
@keyframes beaconBreathe{to{transform:scale(1.32);opacity:.58}}
@keyframes compassTurn{to{transform:rotate(360deg)}}
@keyframes compassCore{to{transform:rotate(26deg) scale(1.06);opacity:.68}}

@media(max-width:1240px){.brand span{display:none}}
@media(max-width:1050px){.about-hero .shell>*{max-width:72vw}.about-compass{right:-7vw;opacity:.52}}
@media(max-width:680px){
  .system-deep.shell .system-block{margin-inline:0;padding:38px 20px}.system-visual{min-height:200px}
  .outcome-canvas,.editorial-canvas{min-height:330px}.outcome-canvas{transform:none}
  .note-sheet{width:170px;height:230px;padding:44px 22px}.note-one{left:4%}.note-two{left:25%}.note-three{left:47%}
  .proof-row.results-stats .glass-card{min-height:200px}.stat-symbol{width:70px;height:70px;transform:scale(.82);transform-origin:top right}
  .case-card.wide .case-tag,.case-card.wide h2{padding-right:66px}.case-icon{right:20px;top:20px;width:58px;height:58px;transform:scale(.72);transform-origin:top right}
  .about-hero{padding-bottom:170px}.about-hero .shell>*{max-width:none}.about-compass{width:270px;right:calc(50% - 135px);top:auto;bottom:-52px;opacity:.46}.principles{padding-top:112px}
  .principle-row{grid-template-columns:74px minmax(0,1fr)}.principle-row .system-num{font-size:54px}.principle-icon{grid-column:2;justify-self:start;width:88px;height:88px;margin-top:8px;transform:scale(.8);transform-origin:left top}
  .footer-with-art{min-height:360px}.footer-graphic{right:-40px;top:auto;bottom:-10px;opacity:.24}
}
@media(prefers-reduced-motion:reduce){.outcome-node,.outcome-beacon,.editorial-dot,.compass-ring,.compass-core,.principle-icon{animation:none!important;transition:none!important}}

/* July visual review: meaningful diagrams, safer spacing, and a denser engagement section. */
.principles{padding-inline:clamp(34px,5vw,78px)}
.principle-row{padding-right:clamp(10px,1.6vw,28px)}
#approach-title,.principles>.section-label{font-size:clamp(17px,1.55vw,22px);font-weight:500;letter-spacing:.09em}

.results-engine{position:relative;min-height:460px;padding:52px 46px;display:grid;grid-template-columns:1fr 150px 1fr;align-items:center;gap:30px;border:1px solid rgba(18,139,219,.18);border-radius:42px;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(83,212,239,.055));box-shadow:inset 0 1px rgba(255,255,255,.95),0 35px 80px rgba(7,25,45,.08);overflow:hidden;isolation:isolate}
.results-engine::before{content:"";position:absolute;inset:12%;border:1px solid rgba(18,139,219,.09);clip-path:polygon(0 14%,100% 0,92% 84%,10% 100%);z-index:-1}
.engine-side{display:grid;gap:18px}.engine-side span{position:relative;padding:14px 12px;border:1px solid rgba(18,139,219,.2);border-radius:10px;background:rgba(255,255,255,.68);color:var(--blue);font:400 8px/1.2 "DM Mono","Courier New",monospace;letter-spacing:.12em;text-align:center}
.engine-inputs span::after,.engine-outputs span::before{content:"";position:absolute;top:50%;width:32px;height:1px;background:linear-gradient(90deg,var(--blue),var(--cyan))}.engine-inputs span::after{right:-32px}.engine-outputs span::before{left:-32px}
.engine-core{position:relative;aspect-ratio:1;display:grid;place-items:center;padding:18px;border:1px solid rgba(18,139,219,.42);border-radius:28px;background:linear-gradient(145deg,rgba(7,25,45,.97),rgba(18,139,219,.88));box-shadow:0 22px 44px rgba(7,25,45,.18);text-align:center;color:var(--pearl)}
.engine-core strong{font:400 9px/1.6 "DM Mono","Courier New",monospace;letter-spacing:.11em}.engine-core i,.engine-core b{position:absolute;width:9px;height:9px;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}.engine-core i{left:-5px;top:22%}.engine-core b{right:-5px;bottom:22%}
.engine-signal{position:absolute;left:9%;right:9%;top:50%;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);z-index:-1;animation:enginePulse 3.2s var(--ease) infinite alternate}

.case-card.wide .bezel-core{grid-template-columns:minmax(0,1fr) minmax(250px,.42fr);gap:clamp(38px,6vw,86px);align-items:center}.case-content{display:grid;gap:22px}.case-card.wide .case-tag,.case-card.wide h2{padding-right:0}.case-diagram{min-height:300px;padding:26px;display:flex;flex-direction:column;justify-content:center;gap:0;border:1px solid rgba(18,139,219,.18);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(83,212,239,.065));overflow:hidden}
.case-diagram span{position:relative;padding:18px 14px;border:1px solid rgba(18,139,219,.25);border-radius:12px;background:rgba(251,250,246,.82);color:var(--blue);font:400 9px/1.25 "DM Mono","Courier New",monospace;letter-spacing:.13em;text-align:center}.case-diagram span:nth-of-type(2){margin-inline:12px;background:rgba(18,139,219,.07)}.case-diagram i{position:relative;display:block;width:1px;height:28px;margin:auto;background:linear-gradient(var(--blue),var(--cyan))}.case-diagram i::after{content:"";position:absolute;left:-3px;bottom:-1px;width:7px;height:7px;border-right:1px solid var(--blue);border-bottom:1px solid var(--blue);transform:rotate(45deg)}
.diagram-response span:nth-of-type(2){border-radius:22px 22px 22px 7px}.diagram-followup span:nth-of-type(2)::after{content:"AUTO";position:absolute;right:8px;top:-8px;padding:4px 6px;border-radius:6px;background:var(--navy);color:var(--cyan);font-size:7px}.diagram-pipeline span{transform:translateX(calc((var(--step,0))*1px))}

.stack-architecture{position:relative;min-height:470px;perspective:900px;isolation:isolate}.stack-architecture::before{content:"CONNECTED STACK";position:absolute;right:6%;top:8%;color:var(--blue);font:400 9px/1 "DM Mono","Courier New",monospace;letter-spacing:.16em}.stack-architecture span{position:absolute;left:10%;right:8%;top:calc(62px + (5 - var(--layer))*60px);height:82px;padding:22px 26px;border:1px solid rgba(18,139,219,.26);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(83,212,239,.08));box-shadow:0 20px 36px rgba(7,25,45,.08);color:var(--blue);font:400 9px/1 "DM Mono","Courier New",monospace;letter-spacing:.14em;transform:translateX(calc((5 - var(--layer))*10px)) rotateX(58deg) rotateZ(-4deg);animation:stackFloat 6s var(--ease) infinite alternate;animation-delay:calc(var(--layer)*-.45s)}.stack-architecture i{position:absolute;left:18%;right:12%;bottom:42px;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 20px var(--cyan)}

.operating-layer-art{position:relative;isolation:isolate;perspective:900px}.operating-layer-art::before{content:"";position:absolute;inset:9%;border:1px solid rgba(18,139,219,.12);border-radius:32% 68% 58% 42%;transform:rotate(-14deg);animation:layerOrbit 16s linear infinite}.operating-layer-art span{position:absolute;left:50%;top:50%;display:block;border:1px solid rgba(18,139,219,.28);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(83,212,239,.08));box-shadow:inset 0 1px rgba(255,255,255,.9),0 20px 46px rgba(7,25,45,.08);transform-origin:center}.operating-layer-art span:nth-child(1){width:58%;height:58%;transform:translate(-50%,-50%) rotate(45deg)}.operating-layer-art span:nth-child(2){width:44%;height:44%;transform:translate(-50%,-50%) rotate(25deg);border-color:rgba(83,212,239,.52)}.operating-layer-art span:nth-child(3){width:30%;height:30%;transform:translate(-50%,-50%) rotate(8deg);background:linear-gradient(145deg,rgba(7,25,45,.97),rgba(18,139,219,.88));box-shadow:0 0 50px rgba(83,212,239,.15)}.operating-layer-art span:nth-child(4){width:12%;height:12%;transform:translate(-50%,-50%) rotate(45deg);border-radius:9px;background:var(--cyan);box-shadow:0 0 28px rgba(83,212,239,.72)}.operating-layer-art i,.operating-layer-art b{position:absolute;display:block;width:13px;height:13px;border:1px solid var(--blue);border-radius:4px;background:var(--pearl);box-shadow:0 0 16px rgba(18,139,219,.14)}.operating-layer-art i:nth-of-type(1){left:12%;top:30%}.operating-layer-art i:nth-of-type(2){right:11%;bottom:27%}.operating-layer-art b{right:18%;top:15%;background:var(--cyan);border-color:var(--cyan)}.operating-layer-large{min-height:470px}.operating-layer-small{position:absolute;width:260px;height:260px;right:-52px;top:72px;opacity:.62}

.system-visual{min-height:245px;padding:28px;border-radius:24px!important;border:1px solid rgba(18,139,219,.2);background:linear-gradient(145deg,rgba(255,255,255,.74),rgba(83,212,239,.055))!important;transform:none;animation:none;overflow:hidden}.system-visual::before,.system-visual::after{display:none}.system-visual span,.system-visual strong,.system-visual b{position:relative;display:block;color:var(--blue);font:400 8px/1.3 "DM Mono","Courier New",monospace;letter-spacing:.1em;text-align:center}.system-visual i{position:relative;display:block;clip-path:none;border:0;background:linear-gradient(90deg,var(--blue),var(--cyan));box-shadow:none}
.visual-funnel{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,.78fr) 18px minmax(0,1fr);align-items:center}.visual-funnel span{padding:16px 3px;border:1px solid rgba(18,139,219,.25);border-radius:12px;font-size:7px;white-space:nowrap}.system-visual .flow-arrow{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;display:block!important;width:14px!important;height:1px!important;margin:auto!important;padding:0!important;border:0!important;border-radius:0!important;background:linear-gradient(90deg,var(--blue),var(--cyan))!important;box-shadow:none!important;clip-path:none!important}.system-visual .flow-arrow::after{content:"";position:absolute;right:0;top:-3px;width:6px;height:6px;border-right:1px solid var(--blue);border-top:1px solid var(--blue);transform:rotate(45deg)}
.visual-agent{display:flex;flex-direction:column;justify-content:center;gap:12px}.visual-agent span{width:78%;padding:15px;border:1px solid rgba(18,139,219,.24);border-radius:16px 16px 16px 5px;background:rgba(255,255,255,.7);text-align:left}.visual-agent span:nth-child(2){align-self:flex-end;border-radius:16px 16px 5px 16px;background:rgba(83,212,239,.1)}.visual-agent span:nth-child(3){width:68%;align-self:center;text-align:center;border-color:var(--cyan)}.visual-agent i{position:absolute;left:50%;bottom:16px;width:1px;height:22px;background:linear-gradient(var(--blue),transparent)}
.visual-loop{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:0}.visual-loop span{padding:14px 10px;border:1px solid rgba(18,139,219,.24);border-radius:10px;white-space:nowrap}.visual-loop .flow-arrow{width:1px!important;height:18px!important;background:linear-gradient(var(--blue),var(--cyan))!important}.visual-loop .flow-arrow::after{right:-3px;top:auto;bottom:0;transform:rotate(135deg)}
.visual-network{display:grid;grid-template-columns:1fr 1.15fr 1fr;grid-template-rows:1fr 1fr;gap:14px;align-items:center}.visual-network span{padding:13px 6px;border:1px solid rgba(18,139,219,.22);border-radius:10px}.visual-network strong{grid-column:2;grid-row:1 / 3;padding:28px 8px;border-radius:14px;background:var(--navy);color:var(--cyan);line-height:1.6}.visual-network span:nth-of-type(3),.visual-network span:nth-of-type(4){grid-row:2}.visual-network span:nth-of-type(4){grid-column:3}
.visual-team{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-content:center}.visual-team span{padding:22px 7px;border:1px solid rgba(18,139,219,.22);border-radius:12px;background:rgba(255,255,255,.62)}.visual-team strong{grid-column:1 / -1;margin:20px 12% 0;padding:14px;border-radius:10px;background:var(--navy);color:var(--cyan)}

.proof-stack{padding-bottom:38px}.case-stack{padding-bottom:28px}.how-it-works{padding-top:56px}.how-it-works>.section-label{font-size:clamp(18px,1.8vw,26px);letter-spacing:.08em;font-weight:500}.steps{margin-top:20px}.steps article{min-height:310px;padding-top:30px}.steps span{display:block;color:rgba(18,139,219,.58);font-size:clamp(38px,4vw,56px);line-height:1;letter-spacing:-.05em}.steps h3{margin:34px 0 12px;font-size:clamp(40px,4vw,56px)}.steps p{font-size:17px;line-height:1.5}

@keyframes enginePulse{to{opacity:.42;transform:scaleX(.82)}}@keyframes stackFloat{to{transform:translateX(calc((5 - var(--layer))*10px + 8px)) translateY(-7px) rotateX(58deg) rotateZ(-2deg)}}@keyframes layerOrbit{to{transform:rotate(346deg)}}

@media(max-width:1180px){.case-card.wide .bezel-core{grid-template-columns:1fr}.case-diagram{min-height:230px;display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr;align-items:center}.case-diagram i{width:40px;height:1px}.case-diagram i::after{left:auto;right:0;bottom:-3px;transform:rotate(-45deg)}.case-diagram span:nth-of-type(2){margin-inline:0}}
@media(max-width:1050px){.results-engine{min-height:390px}.stack-architecture,.operating-layer-large{width:min(620px,100%);margin-inline:auto}.principles{padding-inline:clamp(28px,5vw,54px)}}
@media(max-width:680px){.principles{padding-inline:22px}.principle-row{padding-right:0}.results-engine{min-height:480px;padding:34px 20px;grid-template-columns:1fr 92px 1fr;gap:14px;border-radius:28px}.engine-side{gap:12px}.engine-side span{padding:12px 4px;font-size:6px}.engine-inputs span::after,.engine-outputs span::before{width:15px}.engine-inputs span::after{right:-15px}.engine-outputs span::before{left:-15px}.engine-core{border-radius:20px;padding:8px}.engine-core strong{font-size:6px}.case-diagram{min-height:0;padding:18px;grid-template-columns:1fr;gap:0}.case-diagram i{width:1px;height:24px}.case-diagram i::after{left:-3px;right:auto;bottom:-1px;transform:rotate(45deg)}.operating-layer-large{min-height:360px}.operating-layer-small{display:none}.system-visual{min-height:220px;width:100%;padding:20px}.visual-funnel{grid-template-columns:minmax(0,1fr) 14px minmax(0,.8fr) 14px minmax(0,1fr)}.visual-loop{display:flex}.visual-network{grid-template-columns:1fr 1.1fr 1fr}.proof-stack{padding-bottom:26px}.case-stack{padding-bottom:18px}.how-it-works{padding-top:42px}.steps article{min-height:250px;padding:26px 0}.steps h3{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.engine-signal,.stack-architecture span,.operating-layer-art::before{animation:none!important}}

/* Final placement guard: keep the homepage operating-layer accent clear of copy. */
.operating-layer-small{z-index:0;width:220px;height:220px;right:-92px;top:62px;opacity:.38}
.systems-title,.systems-list{position:relative;z-index:1}

/* Mobile repair pass: navigation, reveal-safe layouts, and phone-only fallbacks. */
body.menu-open{overflow:hidden}
.nav{position:relative}
.nav-toggle{display:none;position:relative;width:44px;height:44px;flex:0 0 44px;padding:0;border:1px solid currentColor;border-radius:50%;color:inherit;background:rgba(255,255,255,.08);cursor:pointer}
.nav-toggle span{position:absolute;left:12px;right:12px;height:1px;background:currentColor;transform-origin:center;transition:transform .34s var(--ease),opacity .24s var(--ease),top .34s var(--ease)}
.nav-toggle span:nth-child(1){top:15px}.nav-toggle span:nth-child(2){top:21px}.nav-toggle span:nth-child(3){top:27px}
.nav-toggle.is-open span:nth-child(1){top:21px;transform:rotate(45deg)}.nav-toggle.is-open span:nth-child(2){opacity:0}.nav-toggle.is-open span:nth-child(3){top:21px;transform:rotate(-45deg)}
.mobile-menu{position:fixed;inset:0;top:0;left:0;width:100vw;height:100dvh;z-index:100;overflow-x:hidden;display:grid;visibility:hidden;opacity:0;pointer-events:none;background:rgba(7,25,45,.52);backdrop-filter:blur(20px) saturate(1.15);transition:opacity .34s var(--ease),visibility .34s var(--ease)}
.mobile-menu__scrim{position:absolute;inset:0}
.mobile-menu__panel{position:relative;width:min(100%,560px);height:100%;margin-left:auto;padding:clamp(24px,7vw,44px);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,rgba(251,250,246,.99),rgba(238,240,236,.975));border-left:1px solid rgba(255,255,255,.44);box-shadow:-32px 0 90px rgba(7,25,45,.22);transform:translateX(28px);opacity:.6;transition:transform .42s var(--ease),opacity .42s var(--ease)}
.mobile-menu__close{position:absolute;top:24px;right:24px;width:46px;height:46px;border:1px solid rgba(7,25,45,.28);border-radius:50%;background:rgba(255,255,255,.35);cursor:pointer}
.mobile-menu__close span{position:absolute;left:13px;right:13px;top:22px;height:1px;background:var(--navy)}
.mobile-menu__close span:first-child{transform:rotate(45deg)}.mobile-menu__close span:last-child{transform:rotate(-45deg)}
.mobile-menu__links{display:grid;gap:10px}
.mobile-menu__links a{position:relative;padding:18px 0;border-bottom:1px solid rgba(7,25,45,.14);color:var(--navy);font-size:clamp(30px,8vw,56px);line-height:.95;letter-spacing:-.045em;font-weight:500;opacity:0;transform:translateY(18px);transition:opacity .42s var(--ease),transform .42s var(--ease),color .24s var(--ease)}
.mobile-menu__links a.is-active,.mobile-menu__links a:focus-visible,.mobile-menu__links a:hover{color:var(--blue)}
.mobile-menu__login{margin-top:20px;font-family:"DM Mono","Courier New",monospace!important;font-size:12px!important;line-height:1!important;letter-spacing:.14em!important;text-transform:uppercase}
.menu-open .mobile-menu{visibility:visible;opacity:1;pointer-events:auto}
.menu-open .mobile-menu__panel{transform:translateX(0);opacity:1}
.menu-open .mobile-menu__links a{opacity:1;transform:translateY(0)}
.menu-open .mobile-menu__links a:nth-child(1){transition-delay:80ms}.menu-open .mobile-menu__links a:nth-child(2){transition-delay:120ms}.menu-open .mobile-menu__links a:nth-child(3){transition-delay:160ms}.menu-open .mobile-menu__links a:nth-child(4){transition-delay:200ms}.menu-open .mobile-menu__links a:nth-child(5){transition-delay:240ms}.menu-open .mobile-menu__links a:nth-child(6){transition-delay:280ms}.menu-open .mobile-menu__links a:nth-child(7){transition-delay:320ms}

@media(max-width:1050px){
  .nav-toggle{display:inline-grid;place-items:center}
  .nav .login{display:none}
}

@media(min-width:1051px){
  .mobile-menu{display:none}
}

@media(max-width:680px){
  .site{overflow:visible}
  .nav-wrap{position:sticky;top:0;z-index:90;background:rgba(251,250,246,.94);-webkit-backdrop-filter:blur(16px) saturate(1.15);backdrop-filter:blur(16px) saturate(1.15);box-shadow:0 10px 30px rgba(7,25,45,.08)}
  .nav{min-height:76px}
  .brand{min-width:0;gap:10px}
  .brand span{display:inline-block;font-size:11px;letter-spacing:.13em;white-space:nowrap}
  .nav-on-dark{background:rgba(7,25,45,.94);box-shadow:0 10px 30px rgba(0,0,0,.18)}
  .nav-on-dark .nav.shell{min-height:76px;margin-top:0;padding-inline:0;border:0;border-bottom:1px solid var(--line-light);border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}
  .nav-on-dark .brand span,.nav-on-dark .nav-toggle{color:var(--pearl)}
  .hero{min-height:0;padding-bottom:12px;overflow:hidden}
  .hero-copy{min-height:0}
  .hero-art{position:absolute;z-index:0;inset:88px -54px auto auto;width:min(290px,76vw);height:auto;opacity:.42;margin:0;display:grid;place-items:center;pointer-events:none}
  .hero-media{width:100%;margin:0;transform:none!important;scale:1!important}
  .hero-media video{display:block!important}
  .hero-media::before{display:none}
  .hero-media .serial,.serial{display:none}
  .coordinates{display:none}
  .marquee-row{overflow:visible}
  .marquee-track{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px;width:100%;padding-inline:16px!important;transform:none!important}
  .marquee-track>:nth-child(n+6){display:none!important}
  .marquee-a .marquee-track{counter-reset:module}
  .marquee-a .glass-chip{counter-increment:module;min-height:76px;display:flex;align-items:center;gap:10px;padding:14px;text-align:left}
  .marquee-a .glass-chip::before{content:counter(module,decimal-leading-zero);position:static;inset:auto;flex:0 0 auto;padding:0;color:var(--blue);background:none;-webkit-mask:none;mask:none;font-size:9px}
  .marquee-a .glass-chip:nth-child(5){grid-column:1 / -1}
  .marquee-b{display:none}
  .module-rail.marquee-section{display:none}
  .glass-chip{width:100%;min-width:0;white-space:normal;line-height:1.35}
  .systems-title{display:block;padding:0 0 26px;border-right:0;border-bottom:1px solid var(--line)}
  .systems-title h2{max-width:none;margin:12px 0 0}
  .systems-subline{max-width:100%}
  .systems-list{margin-top:0}
  .systems-numeral{gap:0}
  .js .system-deep.section-reveal,.js .system-deep.section-reveal>*{opacity:1!important;transform:none!important}
  .system-deep.shell .system-block{grid-template-columns:1fr!important;align-items:start;gap:18px;min-height:0!important;margin-inline:0;padding:30px 18px;border-radius:20px}
  .system-block>.system-num{font-size:clamp(50px,18vw,72px)}
  .system-block h2{font-size:clamp(30px,10vw,38px);line-height:1.02}
  .system-block .system-kicker{margin-bottom:10px}
  .system-block .system-copy{min-width:0}
  .system-block p{max-width:none;margin:0 0 12px;font-size:15px;line-height:1.55}
  .system-block ul{margin-top:18px}
  .system-block li{line-height:1.25}
  .system-visual{width:100%!important;min-height:200px!important;max-height:none;padding:14px!important;overflow:visible}
  .system-visual span,.system-visual strong,.system-visual b{font-size:7px}
  .visual-funnel{grid-template-columns:1fr!important;gap:8px}
  .visual-funnel span,.visual-loop span,.visual-network span,.visual-team span{padding:10px 6px}
  .visual-network strong{padding:18px 5px}
  .visual-team strong{margin:12px 8% 0;padding:10px}
  .visual-agent span{padding:10px 12px}
  .visual-agent i{display:none}
  .visual-funnel .flow-arrow{width:1px!important;height:16px!important}
  .visual-funnel .flow-arrow::after{right:-3px;top:auto;bottom:0;transform:rotate(135deg)}
  .system-deep.shell{padding-bottom:40px}
  .system-deep + .cta-band{padding-top:48px}
  .proof-row.results-stats .glass-card{grid-template-columns:minmax(0,1fr) 64px;gap:0 12px;padding:24px 20px}
  .stat-symbol{width:64px;height:64px;transform:none}
  .stat-reach i{width:9px;bottom:12px}.stat-reach i:nth-child(1){left:13px;height:16px}.stat-reach i:nth-child(2){left:27px;height:28px}.stat-reach i:nth-child(3){left:41px;height:40px}
  .stat-always::before{height:20px}.stat-always::after{height:14px}.stat-always i{inset:10px}
  .stat-connected i{width:14px;height:14px}.stat-connected i:nth-child(1){left:7px;top:25px}.stat-connected i:nth-child(2){right:7px;top:10px}.stat-connected i:nth-child(3){right:7px;bottom:10px}.stat-connected::before,.stat-connected::after{left:14px;top:32px;width:38px}.stat-connected::before{transform:rotate(-22deg)}.stat-connected::after{transform:rotate(22deg)}
  .results-engine{min-height:0;padding:22px 14px;gap:10px}
  .results-cases{padding-bottom:40px}
  .results-cases + .cta-band{padding-top:48px}
  .parallax-accent{display:none}
  .logo-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .logo-chip{min-height:78px;gap:10px}
  .about-hero{display:flex;flex-direction:column;padding-bottom:72px!important}
  .about-hero .shell{order:1}
  .about-compass{position:relative;order:2;display:block;width:min(270px,74vw);right:auto;top:auto;bottom:auto;margin:38px auto 0;opacity:.46;transform:none!important}
  .principles{padding-top:72px!important}
  .principle-row{position:relative;grid-template-columns:54px minmax(0,1fr) 72px;grid-template-areas:"num copy icon";gap:12px;align-items:start}
  .principle-row>.system-num{grid-area:num}
  .principle-row>div{grid-area:copy}
  .principle-row>.principle-icon{grid-area:icon;grid-column:auto;justify-self:end;width:72px;height:72px;margin:0;overflow:hidden;transform:none}
  .principle-row:hover>.principle-icon{transform:none}
  .icon-system i{width:16px;height:16px;border-radius:5px}.icon-system i:nth-child(1){left:11px;top:28px}.icon-system i:nth-child(2){left:28px;top:13px}.icon-system i:nth-child(3){right:10px;bottom:13px}
  .icon-install i{left:14px;right:14px;height:9px}.icon-install i:nth-child(1){top:14px}.icon-install i:nth-child(2){top:31px;left:22px}.icon-install i:nth-child(3){top:48px;left:30px}
  .icon-outcome i{width:9px;bottom:14px}.icon-outcome i:nth-child(1){left:14px;height:17px}.icon-outcome i:nth-child(2){left:31px;height:29px}.icon-outcome i:nth-child(3){right:14px;height:41px}
  .icon-compound i:nth-child(1){inset:11px}.icon-compound i:nth-child(2){inset:22px}.icon-compound i:nth-child(3){inset:30px}
}

@supports(-webkit-touch-callout:none){
  @media(max-width:680px){
    .hero-media.canvas-hero video{display:block!important;position:absolute;width:1px!important;height:1px!important;opacity:0;pointer-events:none}
    .hero-media.canvas-hero .hero-scrub-canvas{display:block;width:100%;height:auto}
    .hero-media.canvas-hero::before{display:none}
    .hero-media.canvas-hero{transform:translate3d(0,var(--scrub-y),0) scale(var(--scrub-scale))!important}
    .hero-media.static-alpha-hero video{display:none!important}
    .hero-media.static-alpha-hero::before{display:block;aspect-ratio:1084/1451;background:url("../assets/hero-ribbon-mobile-alpha.png") center/contain no-repeat}
  }
}

@media(max-width:420px){
  .nav{gap:12px}
  .mobile-menu__panel{width:100%;border-left:0}
}