/* Scoped ABS refresh. Shared build foundation 0.2.2; approved shell is retained. */
:root{--ivory:#EEE6D8;--ivory-soft:#F7F3EC;--ivory-border:#DFD6C8;--ink-ease:cubic-bezier(.2,.7,.2,1)}
main .hero{padding-bottom:72px}
main .hero figure{background:#eeeae2;box-shadow:none;border-radius:16px;position:relative}
main .hero img{aspect-ratio:4/3;object-fit:contain;width:100%;height:auto}
main .hero .split{grid-template-columns:1.02fr 1fr;gap:48px}
main .hero .actions{gap:24px}
main .hero .button{position:relative;isolation:isolate;overflow:hidden;background:var(--ivory);border:1px solid #DDD4C5;color:#243B4B;border-radius:3px;padding:12px 20px;min-height:44px;font-size:14px;line-height:24px;font-weight:500}
main .hero .button:hover,main .hero .button:focus-visible{background:var(--ivory);color:#243B4B}
main .hero .button:before{content:'';position:absolute;z-index:-1;width:220%;aspect-ratio:1;left:50%;top:50%;border-radius:42% 58% 60% 40%;background:radial-gradient(circle at 50% 50%,rgba(71,99,128,.35) 20%,rgba(92,121,148,.25) 55%,rgba(128,151,172,.14) 72%);transform:translate(-50%,-50%) scale(0);transition:transform 800ms var(--ink-ease);pointer-events:none}
main .hero .button:hover:before,main .hero .button:focus-visible:before{transform:translate(-50%,-50%) scale(1.1)}
main .textlink{position:relative;display:inline-flex;align-items:center;gap:8px;isolation:isolate;min-height:44px}
main .textlink:before{content:'';position:absolute;z-index:-1;left:50%;top:50%;width:160%;height:210%;background:radial-gradient(ellipse at center,rgba(83,110,134,.2) 0%,rgba(101,130,153,.1) 32%,rgba(128,151,172,0) 72%);transform:translate(-50%,-50%) scale(.35);opacity:0;transition:transform 800ms var(--ink-ease),opacity 800ms var(--ink-ease);pointer-events:none}
main .textlink:hover:before,main .textlink:focus-visible:before{transform:translate(-50%,-50%) scale(1.1);opacity:1}
main .hero :focus-visible,main .dfm :focus-visible,main .unified-close :focus-visible{outline-color:#A8C5FF}
main #options,main #about{background:var(--ivory-soft)}
main #properties{background:#fff}
main #options .card{border-color:var(--ivory-border)}
main .visual-card>img,main .application-card>img,main .finish-panel img{object-fit:contain;background:#E8E8E8;aspect-ratio:4/3;height:auto;display:block;width:100%}
main .visual-card,.application-card{box-shadow:none;transition:transform 160ms,border-color 160ms}
main .visual-card:hover,main .application-card:hover{transform:translateY(-3px);box-shadow:none;border-color:#8ca5bd}
main .card-copy{padding:24px}
main .visual-card .number{display:inline-block;border-bottom:2px solid #004BFF;padding-bottom:5px;margin-bottom:16px}
main .application-card{display:block;background:transparent;border:0;border-radius:0;overflow:visible}
main .application-card>img{min-height:0;border-radius:12px;border:1px solid #e2e3e4}
main .application-card .card-copy{padding:24px 0 16px;max-width:55ch}
main .application-card .number{display:inline-block;margin-right:12px;margin-bottom:12px}
main .applications-grid{column-gap:40px;row-gap:24px}
main .dfm{grid-template-columns:1.1fr 1fr;gap:40px}
main .dfm-visual{background:#E8E8E8;align-self:stretch;min-height:430px}
main .dfm-visual img{aspect-ratio:4/3;object-fit:contain;width:100%;height:auto}
main .diagram-label{background:rgba(255,255,255,.94);color:#526173;letter-spacing:.03em}
main .dfm-copy{padding:32px 32px 32px 0}
main .dfm summary{font-weight:500}
main .dfm summary .choice-num{margin-right:4px}
main .dfm details[open] summary>span:last-child{transform:rotate(45deg)}
main .finish-selector{border-color:var(--ivory-border);background:var(--ivory-soft)}
main .finish-selector [role=tablist]{background:var(--ivory-soft);border-bottom:1px solid var(--ivory-border)}
main .finish-selector [role=tab]{color:#405164;border-radius:6px;min-height:52px}
main .finish-selector [role=tab]:hover{background:#eee6d8}
main .finish-selector [role=tab][aria-selected=true]{color:#fff;background:#004BFF}
main .finish-panel{grid-template-columns:1.15fr 1fr;background:#fff}
main .finish-copy{padding:40px}
main .finish-copy .eyebrow{color:#526173}
main .finish-copy h3{margin-bottom:20px}
main .material-photo{border:1px solid var(--ivory-border);box-shadow:none}
main .material-photo img{aspect-ratio:4/3;object-fit:contain;background:#E8E8E8}
main #about h2{margin-bottom:32px}
main #benefits{background:#F4F7FA}
main .intro h2,main .faq-intro h2{margin-bottom:20px}
main .table-wrap{background:#fff}
main .table-wrap thead{background:#F4F7FA}
main .property-grid .table-wrap{border-top:3px solid #004BFF}
main .unified-faq details p{font-size:16px;line-height:26px}
main .disclosure-content{overflow:hidden}
main .disclosure-content p{margin-bottom:0}
main .updates-preview input,main .updates-preview select{border-radius:4px;font-size:16px;line-height:24px}
main .unified-close,.band .container{background:#101C2A}
body[data-mode=both] main .textlink{display:inline-block}
body[data-mode=both] main .dfm summary{display:block;padding-left:28px;padding-right:28px;position:relative}
body[data-mode=both] main .dfm summary .choice-num{position:absolute;left:0;top:16px}
body[data-mode=both] main .dfm summary>span:last-child{position:absolute;right:0;top:16px}
@media(max-width:979px){main .hero .split{grid-template-columns:1fr;gap:32px}main .hero figure{width:100%;max-width:720px}main .hero{padding-bottom:56px}main .dfm{grid-template-columns:1fr;gap:0}main .dfm-visual{min-height:0;max-height:none}main .dfm-visual img{max-height:520px}main .dfm-copy{padding:28px}main .applications-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}main .finish-copy{padding:28px}}
@media(max-width:639px){main .hero{padding-bottom:40px}main .hero .split{gap:24px}main .hero .actions{gap:20px}main .hero .button{padding:12px 20px;max-width:100%;font-size:14px}main .hero figure{border-radius:12px}main .applications-grid{grid-template-columns:1fr;gap:24px}main .card-copy{padding:20px}main .application-card .card-copy{padding:20px 0 0}main .dfm-copy{padding:24px}main .finish-panel{grid-template-columns:1fr}main .finish-copy{padding:24px}main .finish-copy h3{margin-bottom:16px}main .unified-faq details p{padding-right:8px}main .material-photo{border-radius:12px}main .textlink:before{width:130%}}
@media(prefers-reduced-motion:reduce){main *,main *:before{animation:none!important;transition:none!important}main .visual-card:hover,main .application-card:hover{transform:none}main .hero .button:before{display:none}main .textlink:before{display:none}}
