/* Visual first: bigger bespoke artwork, Dicsys spectrum and a compact deep dive into control. */
.outcome-layout{grid-template-columns:1.45fr 1fr;gap:55px}.forge-salto{height:420px}.before-illustration{height:270px}.after-illustration{height:300px;border-color:#aad5e8;box-shadow:0 28px 65px -25px #0777af45,12px 15px 40px -25px #b255da55}.forge-salto:before{background:radial-gradient(ellipse at 30% 40%,#5bc4f14d,transparent 60%),radial-gradient(ellipse at 75% 65%,#b255da35,transparent 65%);filter:blur(15px);inset:0 -7% -3%}.outcome-copy h3{font-size:28px}.category-tabs{background:linear-gradient(110deg,#ebf7fc,#f2ebfa);border-color:#dddff0}.tab-glider{background:linear-gradient(110deg,#fff,#effaff);border-color:#c7dfef}.change-callout{background:linear-gradient(100deg,#e3f6f5,#efe8fb);border:1px solid #c5e3e8;color:#246c84}.control-showcase{position:relative;padding:65px max(24px,calc((100vw - 1144px)/2)) 40px;isolation:isolate;scroll-margin-top:75px;overflow:hidden}.control-showcase:before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 10% 40%,#5bc4f12b,transparent 50%),radial-gradient(ellipse at 95% 35%,#b255da1c,transparent 48%);pointer-events:none}.control-header{text-align:center}.control-header h2{font-size:clamp(30px,3.2vw,46px);letter-spacing:-1.3px;line-height:1.15;margin:15px 0 28px}.control-tabs{display:flex;justify-content:center;gap:35px;margin:0 auto 28px}.control-tabs button{font:500 13px var(--sans);color:#8391a4;padding:13px 4px;border:0;border-bottom:2px solid #dfe7ef;background:none;cursor:pointer}.control-tabs button[aria-selected=true]{color:#0076be;border-image:linear-gradient(90deg,#0076be,#5bc4f1,#b255da) 1}.control-panel{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:center;min-height:350px}.control-art{min-width:0;position:relative}.control-art:before{content:'';position:absolute;inset:18% 10%;background:linear-gradient(130deg,#54c9dd44,#b255da33);filter:blur(50px);z-index:-1}.control-art svg{width:100%;height:auto;display:block;max-height:355px;overflow:visible}.control-explanation>span{font-size:10px;letter-spacing:1.5px;color:#0076be}.control-explanation h3{font-size:29px;line-height:1.2;letter-spacing:-.8px;margin:15px 0}.control-explanation>p{font-size:15px;color:#61728a;line-height:1.75}.control-example{border-left:2px solid #9d7bd0;padding-left:16px;margin:20px 0}.control-example small{font-size:8px;letter-spacing:1.2px;color:#9471b8}.control-example p{font-size:13px;line-height:1.7;margin-top:7px;color:#6d7d94}.control-takeaway{display:flex;gap:9px;align-items:center;color:#258a8d;font-size:12px}.control-takeaway>span{display:grid;place-items:center;width:22px;height:22px;flex:none;border-radius:50%;background:#dbf3ef}.control-perimeter{border-top:1px solid #dbe8ef;margin-top:28px;padding-top:22px;text-align:center}.control-perimeter>span{font-size:9px;letter-spacing:1.4px;color:#5a819f}.control-perimeter>p{font-size:12px;color:#7f8da2;margin:8px 0}.control-perimeter i{font-style:normal;color:#ad91d5;margin:0 12px}.control-perimeter summary{font-size:11px;color:#7f91a9;cursor:pointer}.control-perimeter details p{font-size:12px;color:#7b8aa0;margin:10px auto;max-width:600px}.control-art.arrive{animation:control-enter .75s cubic-bezier(.2,.8,.2,1)}.control-art .flowing{stroke-dasharray:7 12;animation:control-flow 5s linear infinite}.control-art .float{animation:control-float 5s ease-in-out infinite}.control-art .float-delayed{animation:control-float 5s -2s ease-in-out infinite}.control-art .halo{transform-origin:center;animation:halo-breathe 5s ease-in-out infinite}.section-intro .kicker,.story-heading .kicker,.control-header .kicker{letter-spacing:1.7px}.engagement-options .mode-symbol{background:linear-gradient(120deg,#0076be,#5bc4f1,#b255da);background-clip:text;color:transparent}.outcomes{position:relative}.outcomes:after{content:'';position:absolute;right:-20px;top:0;width:240px;height:240px;background:radial-gradient(#b255da13,transparent 70%);pointer-events:none}.before-illustration svg{filter:saturate(1.1)}@keyframes control-enter{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}@keyframes control-flow{to{stroke-dashoffset:-190}}@keyframes control-float{50%{transform:translateY(-7px)}}@keyframes halo-breathe{50%{opacity:.5}}@media(max-width:700px){.outcome-layout{grid-template-columns:1fr;gap:28px}.transformation{grid-row:1}.outcome-copy{grid-row:2}.forge-salto{height:335px}.before-illustration{height:220px}.after-illustration{height:240px}.outcome-copy h3{font-size:25px}.control-showcase{padding:45px 20px 30px}.control-panel{grid-template-columns:1fr;gap:15px}.control-art{grid-row:1}.control-explanation{grid-row:2}.control-header h2{font-size:30px}.control-tabs{gap:12px;margin-bottom:18px}.control-tabs button{font-size:10px;padding:11px 0}.control-art svg{max-height:280px}.control-explanation h3{font-size:25px}.control-explanation>p{font-size:14px}.control-example{margin:17px 0}.control-perimeter>p{font-size:10px;line-height:1.9}.control-perimeter i{margin:0 4px}.control-perimeter>span{font-size:8px;letter-spacing:.6px}.outcomes:after{right:0}}@media(prefers-reduced-motion:reduce){.control-showcase *{animation:none!important;transition:none!important}}
