/* Approved Ancrage composition, scoped to the fourth landing section. */
#deployment{--paper:#f7f5f0;--muted:#b2ab9e;--line:#ffffff20;max-width:1440px;margin:0 auto;padding:78px 4.6% 38px;color:var(--paper);border-top:1px solid #ffffff14;scroll-margin-top:30px}
#deployment a{text-underline-offset:5px}
#deployment .section-opening{display:grid;grid-template-columns:1.3fr .85fr;align-items:center;gap:7%}
#deployment .section-opening h2{font:600 clamp(29px,3.7vw,54px)/1.13 Manrope,sans-serif;letter-spacing:-.04em;margin:0;color:#aaa498;text-wrap:balance}
#deployment .section-opening h2>span{color:var(--paper)}
#deployment .section-opening>p{font-size:14px;line-height:1.85;color:var(--muted);margin:0;max-width:46ch}
#deployment .stage{position:relative;isolation:isolate;overflow:hidden;contain:layout paint}
#deployment .visual{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
#deployment .anchor-stage{height:clamp(430px,39vw,590px);margin:5px -3% 0}
#deployment .anchor-identity{position:absolute;left:28%;top:3%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;font:600 18px/1.3 Manrope,sans-serif;color:#f2e9d6;white-space:nowrap}
#deployment .anchor-identity small{font:400 11px/1.5 'Public Sans',sans-serif;color:#b9aa8d;display:block;margin-top:3px}
#deployment .anchor-identity img{width:26px;height:26px}
#deployment .hosting-choices button{transition:color 260ms ease-out,background-color 260ms ease-out}
#deployment .hosting-choices button[aria-pressed=true]{color:var(--paper)}
#deployment .anchor-choices{position:absolute;left:8%;right:8%;bottom:9%;display:grid;grid-template-columns:1fr 1fr;gap:22%}
#deployment .anchor-choices button{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;min-height:66px;color:#a29b8e;text-align:left;border-radius:4px;padding:6px 10px}
#deployment .anchor-choices button svg{color:#b8a989;width:23px;height:23px}
#deployment .anchor-choices button>span{font:500 17px/1.4 Manrope,sans-serif}
#deployment .anchor-choices button small{display:block;font:400 11px/1.6 'Public Sans',sans-serif;margin-top:4px;color:#b9b1a2}
#deployment .anchor-choices button>i{position:absolute;top:-12px;left:calc(50% - 16px);width:32px;height:1px;background:#c6a365;transform:scaleX(0);transition:transform 500ms var(--ease)}
#deployment .anchor-choices button[aria-pressed=true]>i{transform:scaleX(1)}
#deployment .anchor-choices button:hover{background:#ffffff04;color:#f7f5f0}
#deployment .scene-caption{position:absolute;bottom:3px;left:0;right:0;text-align:center;color:#aaa18f;font-size:11px;pointer-events:none}
#deployment .hosting-reading{display:flex;align-items:center;justify-content:space-between;gap:35px;min-height:126px;padding:27px 0 25px;border-bottom:1px solid var(--line)}
#deployment .hosting-reading h3{font:500 19px/1.4 Manrope,sans-serif;letter-spacing:-.02em;margin:0 0 8px}
#deployment .hosting-reading p{font-size:12px;line-height:1.8;color:var(--muted);margin:0;max-width:70ch;min-height:22px}
#deployment .scene-action{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:13px 19px;min-height:47px;border:1px solid #888071;border-radius:6px;font-size:12px;flex-shrink:0;background:#f7f5f0;color:#151513}
#deployment .scene-action svg{width:17px;height:17px}
#deployment .scene-action:hover{background:#ded7ca}
#deployment .model-note{display:grid;grid-template-columns:45px 1fr auto;gap:21px;align-items:center;margin-top:31px;padding:0 0 25px}
#deployment .model-mark{display:flex;flex-direction:column;align-items:center;gap:10px;color:#c6a365;align-self:start}
#deployment .model-mark>span{height:16px;width:1px;background:#b4965766}
#deployment .model-mark svg{width:24px;height:24px}
#deployment .model-note h3{font:500 15px/1.5 Manrope,sans-serif;margin:0 0 7px}
#deployment .model-note p{font-size:12px;line-height:1.8;color:var(--muted);max-width:81ch;margin:0}
#deployment .model-note>a{display:flex;align-items:center;gap:10px;font-size:11px;min-height:44px;margin-left:25px}
#deployment .model-note>a svg{width:16px;height:16px}
#deployment .model-note>a:hover{color:#e5c68d;text-decoration:underline}
@media(min-width:1380px){#deployment .section-opening{margin-top:12px}#deployment .anchor-stage{height:565px}}
@media(max-width:1000px){
  #deployment .section-opening{grid-template-columns:1.25fr 1fr;gap:5%}
  #deployment .section-opening>p{font-size:12px}
  #deployment .anchor-stage{height:450px}
  #deployment .anchor-choices{left:5%;right:5%;gap:20%}
  #deployment .anchor-choices button>span{font-size:15px}
  #deployment .hosting-reading{gap:20px}
  #deployment .hosting-reading h3{font-size:17px}
  #deployment .hosting-reading p{font-size:11px}
  #deployment .scene-action{font-size:11px;padding:12px 15px;gap:15px}
  #deployment .model-note{grid-template-columns:32px 1fr;gap:16px}
  #deployment .model-note>a{grid-column:2;justify-self:start;margin:0}
}
@media(max-width:700px){
  #deployment{padding:60px 5% 24px}
  #deployment .section-opening{grid-template-columns:1fr;gap:17px}
  #deployment .section-opening h2{font-size:34px}
  #deployment .section-opening>p{max-width:58ch;font-size:12px;line-height:1.8}
  #deployment .anchor-stage{height:440px;margin:0 -4%}
  #deployment .anchor-identity{top:8%;font-size:16px}
  #deployment .anchor-choices{left:2%;right:2%;gap:7%;bottom:10%}
  #deployment .anchor-choices button{gap:8px;padding:5px 4px}
  #deployment .anchor-choices button>span{font-size:14px}
  #deployment .anchor-choices button small{max-width:20ch}
  #deployment .anchor-choices button svg{width:19px;height:19px}
  #deployment .scene-caption{bottom:4%}
  #deployment .hosting-reading{align-items:flex-start;flex-direction:column;gap:19px;padding:20px 0 26px}
  #deployment .hosting-reading h3{font-size:18px;min-height:25px}
  #deployment .hosting-reading p{font-size:12px;min-height:43px;max-width:54ch}
  #deployment .scene-action{font-size:12px;min-height:47px;gap:24px}
  #deployment .model-note{margin-top:25px;grid-template-columns:24px 1fr;gap:11px}
  #deployment .model-note h3{font-size:14px}
}
@media(max-width:390px){
  #deployment .section-opening h2{font-size:30px}
  #deployment .anchor-stage{height:410px}
  #deployment .anchor-choices button>span{font-size:12px}
  #deployment .anchor-choices button svg{width:17px;height:17px}
  #deployment .anchor-choices{gap:2%}
  #deployment .hosting-reading h3{font-size:17px}
}
@media(prefers-reduced-motion:reduce){#deployment *,#deployment *::before,#deployment *::after{transition:none!important}}