/* Dimensions from reference/compute-export.css, scaled from its 1920px canvas.
   Keep mobile layout fluid; never apply the export's fixed page height/overflow. */
@media(min-width:801px){
 [data-compute-page]{--cu:calc((100vw - 17px)/1920);padding:calc(90 * var(--cu)) 0;}
 [data-compute-page]>.container{width:85.83%;max-width:none;}
 [data-compute-page] .section-title{max-width:none;margin-bottom:calc(100 * var(--cu));}
 [data-compute-page] .section-title h2{font-size:calc(46 * var(--cu));line-height:calc(50 * var(--cu));}
 [data-compute-page] .section-title i{width:calc(103 * var(--cu));height:calc(6 * var(--cu));margin:calc(44 * var(--cu)) auto calc(35 * var(--cu));}
 [data-compute-page] .section-title p{font-size:calc(30 * var(--cu));line-height:calc(40 * var(--cu));max-width:calc(1400 * var(--cu));color:#666;}
 [data-compute-page].dark .section-title p{color:#fff;}
 [data-compute-page].hero{height:calc(948 * var(--cu));min-height:0;max-height:none;padding:0;}
 [data-compute-page].hero>.container{width:88.75%;}
 [data-compute-page] .hero-inner{align-items:flex-start;}
 [data-compute-page] .hero-copy{padding-top:calc(208 * var(--cu));padding-bottom:0;width:calc(650 * var(--cu));max-width:none;}
 [data-compute-page].hero h1{font-size:calc(77 * var(--cu));line-height:1;letter-spacing:calc(5 * var(--cu));}
 [data-compute-page].hero h2{font-size:calc(54 * var(--cu));line-height:1.15;margin-top:calc(20 * var(--cu));letter-spacing:0;white-space:nowrap;}
 [data-compute-page].hero i{width:calc(72 * var(--cu));height:calc(4 * var(--cu));margin:calc(47 * var(--cu)) 0 calc(39 * var(--cu));}
 [data-compute-page].hero p{width:calc(617 * var(--cu));font-size:calc(23 * var(--cu));line-height:calc(34 * var(--cu));color:#c1bfc2;margin-bottom:calc(40 * var(--cu));}
 [data-compute-page] .hero-actions{gap:calc(56 * var(--cu));}
 [data-compute-page] .hero-actions .button{font-size:calc(18 * var(--cu));padding:calc(13 * var(--cu)) calc(20 * var(--cu));min-height:calc(58 * var(--cu));gap:calc(5 * var(--cu));white-space:nowrap;}
 [data-compute-page] .hero-actions .button span{width:calc(30 * var(--cu));height:calc(30 * var(--cu));}
 [data-compute-page] .hero-actions .muted{background:#392d22;border:2px solid #6a3607;}
 [data-compute-page] .hero-actions .muted span{background:#ff7900;}
 #compute-overview{background:#fafbfc;min-height:calc(1092 * var(--cu));padding-top:calc(88 * var(--cu));padding-bottom:calc(130 * var(--cu));}
 #compute-overview .section-title{margin-bottom:calc(113 * var(--cu));}
 #compute-overview .section-title i{margin-top:calc(40 * var(--cu));margin-bottom:0;}
 .systems{width:98.8%;max-width:none;grid-template-columns:610fr 406fr 614fr;}
 .systems article{padding:0;border-radius:calc(25 * var(--cu));border-width:calc(2 * var(--cu));min-height:calc(669 * var(--cu));}
 .system-heading{min-height:calc(194 * var(--cu));padding:calc(44 * var(--cu)) 0 0 calc(44 * var(--cu));}
 .system-heading small{font-size:calc(26 * var(--cu));line-height:1.3;letter-spacing:calc(2 * var(--cu));}
 .system-heading h3{font-size:calc(52 * var(--cu));line-height:1.2;margin-top:calc(6 * var(--cu));}
 .system-heading img{right:0;top:0;width:calc(360 * var(--cu));height:calc(194 * var(--cu));}
 .systems dl{margin:calc(-10 * var(--cu)) calc(35 * var(--cu)) calc(26 * var(--cu));padding:calc(16 * var(--cu)) calc(29 * var(--cu)) calc(18 * var(--cu));border-radius:calc(25 * var(--cu));}
 .systems dt{font-size:calc(28 * var(--cu));line-height:calc(40 * var(--cu));padding-left:calc(78 * var(--cu));margin-top:calc(24 * var(--cu));}
 .systems dt::before{content:'';width:calc(62 * var(--cu));height:calc(62 * var(--cu));border-radius:calc(11 * var(--cu));background:#fef0e8 url('/assets/compute/system-target.png') center/52% auto no-repeat;}
 .systems dt:nth-of-type(2)::before{content:'';background-image:url('/assets/compute/system-info.png');}
 .systems dt:nth-of-type(3)::before{content:'';background-image:url('/assets/compute/system-missing.png');background-size:33% auto;}
 .systems dd{font-size:calc(24 * var(--cu));line-height:calc(30 * var(--cu));margin:calc(5 * var(--cu)) 0 0 calc(78 * var(--cu));padding-bottom:calc(27 * var(--cu));min-height:0;}
 .systems dd:last-child{padding-bottom:0;}
 .system-question{padding-top:calc(6 * var(--cu));}
 .system-question>img{width:100%;height:calc(289 * var(--cu));}
 .system-question small{font-size:calc(30 * var(--cu));line-height:calc(34 * var(--cu));margin-top:calc(-20 * var(--cu));}
 .system-question p{font-size:calc(27 * var(--cu));line-height:calc(36 * var(--cu));margin-top:calc(108 * var(--cu));}
 .system-question p>strong:first-child{font-size:calc(34 * var(--cu));}
 .system-question p::after{width:calc(57 * var(--cu));height:calc(4 * var(--cu));margin-top:calc(26 * var(--cu));}
 [data-compute-page].dark:has(.compute-questions){background:#040d18;padding-top:calc(100 * var(--cu));padding-bottom:calc(107 * var(--cu));min-height:calc(952 * var(--cu));}
 [data-compute-page]:has(.compute-questions) .section-title{margin-bottom:calc(101 * var(--cu));}
 .compute-questions{margin:0;gap:calc(102 * var(--cu));}
 .compute-questions h3{font-size:calc(30 * var(--cu));line-height:calc(40 * var(--cu));margin-bottom:calc(-40 * var(--cu));height:calc(40 * var(--cu));}
 .question-art img{height:calc(290 * var(--cu));max-height:none;width:100%;}
 .question-art strong{font-size:calc(36 * var(--cu));line-height:calc(44 * var(--cu));bottom:calc(10 * var(--cu));left:20%;right:20%;background:none;text-shadow:none;}
 .compute-questions article>p{font-size:calc(20 * var(--cu));line-height:calc(30 * var(--cu));margin-top:calc(12 * var(--cu));white-space:nowrap;}
 .process-line{gap:calc(28 * var(--cu));font-size:calc(24 * var(--cu));line-height:1;margin-top:calc(87 * var(--cu));font-weight:600;}
 .process-line>span{gap:calc(18 * var(--cu));}
 .process-line i{width:calc(68 * var(--cu));height:calc(68 * var(--cu));}
 .process-line svg{width:calc(34 * var(--cu));height:calc(34 * var(--cu));}
 [data-compute-page]:has(.compute-card){background:#f9f8f8;padding-top:calc(90 * var(--cu));padding-bottom:calc(135 * var(--cu));min-height:calc(964 * var(--cu));}
 [data-compute-page]:has(.compute-card) .cards{gap:calc(42 * var(--cu));}
 [data-compute-page]:has(.compute-card) .section-title{margin-bottom:calc(96 * var(--cu));}
 .compute-card{padding:calc(32 * var(--cu));min-height:calc(550 * var(--cu));border-radius:calc(6 * var(--cu));}
 .compute-scale{gap:calc(28 * var(--cu));}
 .compute-scale span{font-size:calc(48 * var(--cu));line-height:1;}
 .compute-scale small{font-size:calc(24 * var(--cu));padding:calc(5 * var(--cu)) calc(16 * var(--cu));border-radius:calc(12 * var(--cu));}
 .compute-card img{height:calc(220 * var(--cu));margin:calc(27 * var(--cu)) auto calc(22 * var(--cu));}
 .compute-card h3{font-size:calc(32 * var(--cu));line-height:calc(40 * var(--cu));margin:0 0 calc(20 * var(--cu));}
 .compute-card p{font-size:calc(20 * var(--cu));line-height:calc(30 * var(--cu));}
 [data-compute-page].mocha-section{padding-top:calc(88 * var(--cu));padding-bottom:calc(108 * var(--cu));min-height:calc(1176 * var(--cu));}
 [data-compute-page].mocha-section .section-title{margin-bottom:calc(60 * var(--cu));}
 [data-compute-page].mocha-section .section-title p{max-width:calc(977 * var(--cu));}
 .mocha-process{width:calc(1540 * var(--cu));max-width:100%;margin:0 auto calc(38 * var(--cu));}
 .mocha-capabilities{width:calc(1521 * var(--cu));max-width:100%;margin:auto;gap:calc(52 * var(--cu));}
 .mocha-capabilities article{padding:calc(24 * var(--cu)) calc(27 * var(--cu));gap:calc(35 * var(--cu));min-height:calc(156 * var(--cu));border-radius:calc(12 * var(--cu));}
 .mocha-capabilities img{width:calc(80 * var(--cu));}
 .mocha-capabilities h3{font-size:calc(26 * var(--cu));line-height:calc(37 * var(--cu));}
 .mocha-capabilities .mocha-english{font-size:calc(20 * var(--cu));line-height:calc(27 * var(--cu));margin-bottom:calc(14 * var(--cu));white-space:nowrap;}
 .mocha-capabilities p{font-size:calc(17 * var(--cu));line-height:calc(21 * var(--cu));}
 [data-compute-page].compute-hub{background:#040d18;padding:calc(106 * var(--cu)) 0 calc(127 * var(--cu));min-height:calc(1156 * var(--cu));}
 [data-compute-page].compute-hub>.container{width:100%;}
 [data-compute-page].compute-hub .section-title{margin:0 auto;width:100%;}
 [data-compute-page].compute-hub .section-title i{margin-top:calc(43 * var(--cu));margin-bottom:calc(36 * var(--cu));}
 [data-compute-page].compute-hub .section-title p{max-width:calc(1314 * var(--cu));min-height:calc(69 * var(--cu));}
 [data-compute-page].compute-hub .wide-image{width:97.396%;height:auto;max-height:none;max-width:none;margin:calc(-116 * var(--cu)) auto 0;}
 [data-compute-page].compute-values{background:#fcfcfc;padding-top:calc(90 * var(--cu));padding-bottom:calc(119 * var(--cu));min-height:calc(895 * var(--cu));}
 .compute-values .cards{gap:calc(24 * var(--cu));}
 .compute-value{min-height:calc(200 * var(--cu));padding:calc(40 * var(--cu)) calc(44 * var(--cu));gap:calc(52 * var(--cu));}
 .compute-value>img{width:calc(95 * var(--cu));}
 .compute-value h3{font-size:calc(34 * var(--cu));line-height:calc(34 * var(--cu));margin-bottom:calc(19 * var(--cu));}
 .compute-value p{font-size:calc(26 * var(--cu));line-height:calc(35 * var(--cu));}
 [data-compute-page].compute-scenes{padding-top:calc(90 * var(--cu));padding-bottom:calc(132 * var(--cu));min-height:calc(1048 * var(--cu));background:#f9f9f9;}
 .compute-scenes .scene-grid{gap:calc(73 * var(--cu));}
 .compute-scenes .scene-card{min-height:calc(560 * var(--cu));}
 .compute-scenes .scene-card h3{font-size:calc(32 * var(--cu));line-height:calc(40 * var(--cu));padding:calc(30 * var(--cu)) calc(42 * var(--cu));}
 .compute-scenes .scene-card h3::before{height:calc(29 * var(--cu));width:calc(4 * var(--cu));margin-right:calc(15 * var(--cu));}
 .compute-scenes .scene-card p{font-size:calc(26 * var(--cu));line-height:calc(37 * var(--cu));margin:0 calc(42 * var(--cu));padding:calc(22 * var(--cu)) 0 calc(60 * var(--cu));}
}
/* Orange glow on each compute coordination base, matching the design spec. */
.compute-questions .question-art img{filter:drop-shadow(0 0 0 rgba(255,91,0,0));transition:filter .3s ease}
.compute-questions article:hover .question-art img{filter:drop-shadow(0 0 20px rgba(255,91,0,.4))}
@media(prefers-reduced-motion:reduce){.compute-questions .question-art img{transition:none}}
/* Shared MOCHA capability-card glow. */
.mocha-capabilities>article{box-shadow:0 0 4px 1px rgba(255,91,0,.2);transition:box-shadow .3s ease}
.mocha-capabilities>article:hover{box-shadow:0 0 16px 4px rgba(255,91,0,.2)}
@media(prefers-reduced-motion:reduce){.mocha-capabilities>article{transition:none}}
.mocha-capabilities>article{box-shadow:0 0 4px 1px rgba(255,91,0,.2)!important}.mocha-capabilities>article:hover{box-shadow:0 0 16px 4px rgba(255,91,0,.2)!important}
/* Flexible-load cards share a clipped illustration hover treatment. */
.compute-card{box-shadow:0 2px 8px rgba(82,91,105,.11);transition:box-shadow .3s ease}
.compute-card:hover{box-shadow:0 2px 32px rgba(82,91,105,.18)}
.compute-card-art{overflow:hidden;margin:27px auto 22px}
.compute-card .compute-card-art>img{width:100%;margin:0;object-fit:contain;transition:transform .3s ease;transform-origin:center}
.compute-card:hover .compute-card-art>img{transform:scale(1.04)}
@media(min-width:801px){.compute-card-art{margin:calc(27 * var(--cu)) auto calc(22 * var(--cu))}}
@media(max-width:800px){.compute-card-art{margin:15px auto}}
@media(prefers-reduced-motion:reduce){.compute-card,.compute-card-art>img{transition:none!important}}
.mocha-process-visual{position:relative;width:100%;margin:0 auto 38px}
.mocha-process-visual>.mocha-process{width:100%;margin:0}
.mocha-node-glows{position:absolute;inset:0;pointer-events:none}
.mocha-node-glow{position:absolute;width:9.090909%;aspect-ratio:1;border-radius:50%;pointer-events:auto;box-shadow:0 0 20px 2px rgba(255,91,0,.1);transition:box-shadow .3s ease}
.mocha-node-glow:hover{box-shadow:0 0 20px 2px rgba(255,91,0,.2)}
@media(min-width:801px){.mocha-process-visual{width:calc(1540 * var(--cu));max-width:100%;margin-bottom:calc(38 * var(--cu))}}
@media(prefers-reduced-motion:reduce){.mocha-node-glow{transition:none}}
/* Value cards: only the outer 2px white stroke changes on hover. */
.compute-values .compute-value{outline:2px solid transparent;outline-offset:-2px;transition:outline-color .3s ease}
.compute-values .compute-value:hover{outline-color:#fff}
@media(prefers-reduced-motion:reduce){.compute-values .compute-value{transition:none}}
/* Compute application-scenario cards share the same shadow transition. */
.compute-scenes .scene-card{box-shadow:0 2px 11px rgba(128,99,68,.1);transition:box-shadow .3s ease}
.compute-scenes .scene-card:hover{box-shadow:0 2px 32px rgba(82,91,105,.18)}
@media(prefers-reduced-motion:reduce){.compute-scenes .scene-card{transition:none}}

/* Match homepage banner text inset 20261103 */
[data-compute-page].hero>.container{width:85.4%;max-width:1640px;margin-inline:auto}
@media(max-width:800px){[data-compute-page].hero>.container{width:90%}}