/* Inherits only the approved Convergence/Solutions design system. */
.deployment-product .solution-intro h1{font-size:clamp(40px,3.9vw,57px);max-width:20ch}
.deployment-product .solution-actions{gap:16px 22px}
.deployment-product .solution-hero{grid-template-columns:1fr 1.06fr;gap:25px;min-height:600px}
.deployment-explorer{scroll-margin-top:32px;padding:10px 0 0}
.deployment-explorer>h2,.deployment-preparation>h2{font-size:clamp(29px,3vw,42px);line-height:1.2;margin:0 0 35px;max-width:27ch}
.deployment-console{display:grid;grid-template-columns:.6fr 1.4fr;min-height:345px;overflow:hidden;background:radial-gradient(ellipse at 15% 50%,#b08b3220,transparent 65%),#111110;border:1px solid #65583f66;border-radius:13px}
.deployment-selectors{display:flex;flex-direction:column;justify-content:center;padding:34px 28px;gap:0;position:relative;border-right:1px solid #ffffff16}
.deployment-selectors::before{content:'';position:absolute;left:47px;top:62px;bottom:62px;width:1px;background:linear-gradient(transparent,#a68a5666,transparent)}
.deployment-selectors button{display:flex;align-items:center;gap:22px;text-align:left;min-height:77px;padding:18px 10px;color:#aaa597;font-size:16px;position:relative;transition:color .2s}
.deployment-selectors button:hover{color:var(--ink)}
.deployment-selectors button[aria-selected=true]{color:#f4dfb8}
.selector-node{display:block;flex:none;width:16px;height:16px;border-radius:50%;border:1px solid #6f6149;background:#181713;position:relative;z-index:1}
[aria-selected=true] .selector-node{border-color:#d2af72;background:#c09c6020;box-shadow:0 0 24px #dab67035}
[aria-selected=true] .selector-node::after{content:'';position:absolute;inset:5px;border-radius:50%;background:#ecd09b}
.deployment-panels{min-width:0;display:grid}
.deployment-panel{padding:42px 48px;grid-area:1/1;min-width:0}
.deployment-panel[hidden]{display:block!important;visibility:hidden;pointer-events:none}
.deployment-panel h3{font-size:clamp(24px,2.3vw,32px);line-height:1.35;margin:0 0 20px;max-width:32ch}
.deployment-panel>p{font-size:17px;line-height:1.85;color:#c3bdb1;max-width:66ch;margin:0}
.deployment-boundary{font-size:15px;color:#dcc7a0;line-height:1.8;border-left:1px solid #b08b4e;margin:26px 0 0;padding-left:20px;max-width:70ch}
.deployment-preparation{padding:98px 0 75px}
.deployment-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:55px;margin-top:42px}
.deployment-path article{position:relative;padding:32px 0 0;border-top:1px solid #79674655}
.path-light{position:absolute;left:0;top:-3px;height:5px;width:36px;border-radius:5px;background:linear-gradient(90deg,#dfbd80,#625133);box-shadow:0 0 24px #ce9f4430}
.deployment-path h3{font-size:23px;line-height:1.35;margin:0 0 18px}
.deployment-path p{font-size:16px;line-height:1.85;color:var(--soft);margin:0;max-width:38ch}
.deployment-callout{display:grid;grid-template-columns:170px 1fr;gap:40px;align-items:center;border-block:1px solid #ffffff18;padding:42px 0;margin:0 0 85px}
.deployment-callout h2{font-size:clamp(24px,2.3vw,32px);margin:0 0 16px;line-height:1.4;max-width:42ch}
.deployment-callout p{font-size:16px;color:var(--soft);line-height:1.85;max-width:75ch;margin:0 0 20px}
.connection-mark{display:flex;align-items:center;justify-content:center;height:150px;background:radial-gradient(ellipse,#a77a2920,transparent 70%)}
.connection-mark i{width:35px;height:35px;border:1px solid #927745;border-radius:50%;background:linear-gradient(135deg,#373026,#11110e);box-shadow:0 12px 18px #0005}
.connection-mark span{width:62px;height:1px;background:linear-gradient(90deg,#67502e,#e5c68d,#67502e)}
.deployment-product .solution-faq{margin-bottom:85px}
@media(max-width:1100px){.deployment-product .solution-hero{gap:12px;min-height:550px}.deployment-panel{padding:35px}.deployment-selectors{padding:26px 20px}.deployment-selectors::before{left:39px}.deployment-selectors button{gap:15px}.deployment-path{gap:30px}}
@media(max-width:760px){
 .deployment-product .solution-hero{grid-template-columns:1fr;min-height:0;gap:8px}.deployment-product .solution-intro h1{font-size:clamp(36px,6.7vw,49px)}
 .deployment-explorer>h2,.deployment-preparation>h2{font-size:31px;margin-bottom:27px}
 .deployment-console{grid-template-columns:1fr}.deployment-selectors{flex-direction:row;padding:0 20px;justify-content:flex-start;overflow-x:auto;gap:27px;border-right:0;border-bottom:1px solid #ffffff16}
 .deployment-selectors::before{display:none}.deployment-selectors button{white-space:nowrap;min-height:66px;font-size:14px;padding:15px 0;gap:10px}
 .selector-node{height:12px;width:12px}[aria-selected=true] .selector-node::after{inset:3px}
 .deployment-panel{padding:27px 24px 31px}.deployment-panel h3{font-size:26px;line-height:1.4}.deployment-panel>p{font-size:16px}.deployment-boundary{padding-left:16px;font-size:15px;margin-top:23px}
 .deployment-preparation{padding:60px 0 45px}.deployment-path{grid-template-columns:1fr;gap:32px;margin-top:35px}.deployment-path article{padding-top:23px}.deployment-path h3{font-size:23px;margin-bottom:13px}.deployment-path p{max-width:none}
 .deployment-callout{grid-template-columns:1fr;gap:0;padding:30px 0;margin-bottom:55px}.connection-mark{display:none}.deployment-callout h2{font-size:26px}
 .deployment-product .solution-faq{margin-bottom:55px}
}
@media(prefers-reduced-motion:reduce){.deployment-selectors button{transition:none}}
