
.build-section{background:#eef3f6;color:#102c40;padding:95px 0}.build-head{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:end;margin-bottom:38px}.build-head .eyebrow,.build-section .eyebrow{color:#1a6da9}.build-head h2{font-size:clamp(2.2rem,4.3vw,3.8rem);letter-spacing:-.045em;margin:12px 0 0}.build-head>p{color:#526b7d;margin:0;max-width:520px}.build-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:30px;align-items:start}.build-visual{margin:0;background:radial-gradient(ellipse at 50% 20%,#244b66,#0b2235 85%);border-radius:12px;overflow:hidden;border:1px solid #173a54;box-shadow:0 12px 35px #17394c18}.build-visual-top{padding:23px 26px 0;display:flex;justify-content:space-between;gap:12px;color:#c3dced;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.build-visual-top strong{color:#91ceff;font-size:.75rem}.build-svg{display:block;width:100%;height:auto;max-height:570px}.build-visual figcaption{font-size:.83rem;color:#bacfdf;line-height:1.55;border-top:1px solid #ffffff24;padding:19px 25px;margin:0}.build-visual figcaption strong{color:#f4f9ff}.layer-controls{padding:0;margin:0;list-style:none;display:grid;gap:8px}.layer-button{display:flex;align-items:center;gap:16px;width:100%;text-align:left;border:1px solid #c9d7e1;background:white;border-radius:7px;padding:14px 16px;color:#173c56;transition:border-color .2s,background .2s;min-height:80px}.layer-button:hover{border-color:#3289ce;background:#f5fbff}.layer-button[aria-pressed=true]{background:#d9ecfb;border-color:#3182bd;box-shadow:inset 3px 0 #277fc0}.layer-count{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:#e6eef4;color:#386782;flex:none;font-size:.86rem;font-weight:800}.layer-button[aria-pressed=true] .layer-count{background:#246fa9;color:white}.layer-button strong{display:block;font-family:Manrope,sans-serif;font-size:.99rem;line-height:1.3}.layer-button small{display:block;color:#56758a;font-size:.82rem;margin-top:4px}.layer-pointer{margin-left:auto;color:#4c8cba;font-size:1.25rem}.layer-instruction{font-size:.84rem;color:#526b7d;margin:0 0 13px}.layer-panel{border:1px solid #c6d9e6;background:#e1edf5;padding:23px 24px;border-radius:8px;margin-top:16px;min-height:207px}.layer-panel h3{font-family:Manrope,sans-serif;font-size:1.25rem;margin:10px 0}.layer-panel p,.layers-without-js p{color:#3e5d74;margin:0;font-size:.93rem;line-height:1.65}.layer-panel [hidden]{display:none}.build-caution{display:flex;gap:17px;align-items:start;margin-top:30px;background:#fff;border-left:4px solid #2c82c2;padding:21px 25px}.build-caution>span{display:grid;place-items:center;flex:none;width:31px;height:31px;background:#d9edfc;border-radius:50%;font-weight:800;color:#1d679b}.build-caution h3{font-size:1.09rem;margin:0 0 8px}.build-caution p{color:#506b7e;margin:0;font-size:.94rem}.build-detail-heading{font-size:clamp(1.6rem,3vw,2.25rem);letter-spacing:-.03em;margin:54px 0 24px}.build-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.build-detail{background:white;border:1px solid #d0dde6;border-radius:9px;overflow:hidden}.build-detail img{width:100%;height:auto;aspect-ratio:440/240;background:#e3edf4}.build-detail>div{padding:22px}.build-detail h4{font-family:Manrope,sans-serif;font-size:1.11rem;margin:0 0 12px}.build-detail p{color:#567082;font-size:.91rem;margin:0;line-height:1.65}.build-detail .detail-kicker{color:#2774ac;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}.build-note{font-size:.8rem;color:#637c8e;margin:20px 0 0;max-width:980px}.build-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #c6d7e3;padding-top:27px;margin-top:32px}.build-bottom h3{margin:0 0 7px;font-size:1.22rem}.build-bottom p{margin:0;color:#526b7d;font-size:.93rem}.build-bottom .btn{flex:none;color:white}.build-related{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:18px;font-size:.88rem}.build-related a{color:#19679f;text-decoration:underline;text-underline-offset:4px}.build-summary{background:#e2edf5;color:#183b55;padding:27px 0;border-top:1px solid #c3d7e6;border-bottom:1px solid #c3d7e6}.build-summary .wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}.build-summary strong{display:block;font-family:Manrope,sans-serif;font-size:1.2rem}.build-summary p{font-size:.92rem;color:#4c6b81;margin:6px 0 0}.build-summary a{border:1px solid #3b7fac;color:#175886;padding:12px 17px;white-space:nowrap;font-weight:700;border-radius:4px;font-size:.89rem}.build-summary a:hover{background:white}.build-visual .diagram-plane:not([data-active=true]){opacity:.7}.build-visual .diagram-plane[data-active=true]{opacity:1;filter:drop-shadow(0 0 5px #8ecaff60)}.build-section:focus{outline:none}
@media(max-width:1000px){.build-head{gap:35px}.build-layout{gap:22px}.layer-button{padding:12px;gap:12px}.build-visual-top{padding:20px 18px 0;font-size:.65rem}.build-visual-top strong{font-size:.65rem}.build-details{gap:14px}.build-detail>div{padding:20px}.build-head h2{font-size:2.8rem}}
@media(max-width:760px){.build-section{padding:55px 0}.build-head{grid-template-columns:1fr;gap:22px;margin-bottom:26px}.build-head h2{font-size:clamp(2.1rem,7.6vw,3rem)}.build-layout{grid-template-columns:1fr;gap:25px}.build-svg{max-height:490px}.build-visual{max-width:620px;width:100%;margin:auto}.layer-button{min-height:77px;padding:14px}.layer-button small{font-size:.82rem}.build-details{grid-template-columns:1fr}.build-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}.build-detail img{aspect-ratio:auto}.build-detail>div{padding:20px}.build-detail-heading{margin-top:40px}.build-bottom,.build-summary .wrap{flex-direction:column;align-items:stretch;gap:18px}.build-summary a{text-align:center;white-space:normal}.build-caution{padding:21px 19px;gap:12px}.build-caution h3{line-height:1.3}.layer-panel{min-height:0}.build-head>p{max-width:none}}
@media(max-width:480px){.build-detail{display:block}.build-detail img{aspect-ratio:440/240}.build-visual-top{font-size:.6rem;gap:8px;letter-spacing:.05em}.build-visual-top strong{font-size:.6rem}.build-visual figcaption{padding:17px 20px;font-size:.8rem}.layer-button strong{font-size:.94rem}.layer-button small{font-size:.8rem}.layer-pointer{display:none}.build-caution>span{width:26px;height:26px}.build-detail>div{padding:23px}.layer-panel{padding:21px}.build-bottom .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.layer-button{transition:none}}

.build-visual-realistic{background:#0b2235}.realistic-layer-image{display:block;width:100%;height:auto}
