/* Signaplex 2026 — compatibility layer for pages not yet rebuilt (body.legacy).
   Maps the former site's grid, "bento" cards, buttons, spacing and form classes onto the new dark look.
   Loaded only when a page does not set ViewData["V2"] = true. */
.legacy main{padding:28px 0 60px}
.legacy main h1,.legacy main h2,.legacy main h3,.legacy main h4,.legacy main h5,.legacy main h6{color:var(--text);letter-spacing:-.01em;line-height:1.15;margin:.4em 0 .5em}
.legacy main h1{font-size:clamp(30px,4vw,48px);font-weight:800}
.legacy main h2{font-size:clamp(24px,3vw,34px);font-weight:800}
.legacy main h3{font-size:20px} .legacy main h4,.legacy main h5,.legacy main h6{font-size:16px}
.legacy main p,.legacy main li,.legacy main td,.legacy main label{color:var(--text-2)}
.legacy main a{color:var(--accent)}
.legacy main strong,.legacy main b{color:var(--text)}
.legacy main img{max-width:100%;height:auto}
.legacy main hr{border:0;border-top:1px solid var(--line);margin:18px 0}
.legacy main table{width:100%;border-collapse:collapse}
.legacy main th,.legacy main td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left}
.legacy main th{font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--bg-2)}
/* containers & grid */
.legacy .container{max-width:var(--max);margin:0 auto;padding:0 20px}
.legacy .row{display:flex;flex-wrap:wrap;margin:0 -10px}
.legacy .row>[class*="-col"],.legacy .row>[class*="col-"]{padding:0 10px;flex:0 0 100%;max-width:100%;min-width:0}
.legacy .middle-xs{align-items:center} .legacy .center-xs{justify-content:center;text-align:center}
.legacy .start-xs{justify-content:flex-start;text-align:left} .legacy .end-xs{justify-content:flex-end;text-align:right}

.legacy .row>.one-xs-col{flex:0 0 8.3333%;max-width:8.3333%}
.legacy .row>.two-xs-col{flex:0 0 16.6667%;max-width:16.6667%}
.legacy .row>.three-xs-col{flex:0 0 25.0%;max-width:25.0%}
.legacy .row>.four-xs-col{flex:0 0 33.3333%;max-width:33.3333%}
.legacy .row>.five-xs-col{flex:0 0 41.6667%;max-width:41.6667%}
.legacy .row>.six-xs-col{flex:0 0 50.0%;max-width:50.0%}
.legacy .row>.seven-xs-col{flex:0 0 58.3333%;max-width:58.3333%}
.legacy .row>.eight-xs-col{flex:0 0 66.6667%;max-width:66.6667%}
.legacy .row>.nine-xs-col{flex:0 0 75.0%;max-width:75.0%}
.legacy .row>.ten-xs-col{flex:0 0 83.3333%;max-width:83.3333%}
.legacy .row>.eleven-xs-col{flex:0 0 91.6667%;max-width:91.6667%}
.legacy .row>.twelve-xs-col{flex:0 0 100.0%;max-width:100.0%}
.legacy .row>.col-1{flex:0 0 8.3333%;max-width:8.3333%}
.legacy .row>.col-2{flex:0 0 16.6667%;max-width:16.6667%}
.legacy .row>.col-3{flex:0 0 25.0%;max-width:25.0%}
.legacy .row>.col-4{flex:0 0 33.3333%;max-width:33.3333%}
.legacy .row>.col-5{flex:0 0 41.6667%;max-width:41.6667%}
.legacy .row>.col-6{flex:0 0 50.0%;max-width:50.0%}
.legacy .row>.col-7{flex:0 0 58.3333%;max-width:58.3333%}
.legacy .row>.col-8{flex:0 0 66.6667%;max-width:66.6667%}
.legacy .row>.col-9{flex:0 0 75.0%;max-width:75.0%}
.legacy .row>.col-10{flex:0 0 83.3333%;max-width:83.3333%}
.legacy .row>.col-11{flex:0 0 91.6667%;max-width:91.6667%}
.legacy .row>.col-12{flex:0 0 100.0%;max-width:100.0%}
.legacy .start-xs{justify-content:flex-start;text-align:left} .legacy .center-xs{justify-content:center;text-align:center} .legacy .end-xs{justify-content:flex-end;text-align:right}
.legacy .col-xs-offset-1{margin-left:8.3333%}
@media (min-width:576px){
.legacy .row>.one-sm-col{flex:0 0 8.3333%;max-width:8.3333%}
.legacy .row>.two-sm-col{flex:0 0 16.6667%;max-width:16.6667%}
.legacy .row>.three-sm-col{flex:0 0 25.0%;max-width:25.0%}
.legacy .row>.four-sm-col{flex:0 0 33.3333%;max-width:33.3333%}
.legacy .row>.five-sm-col{flex:0 0 41.6667%;max-width:41.6667%}
.legacy .row>.six-sm-col{flex:0 0 50.0%;max-width:50.0%}
.legacy .row>.seven-sm-col{flex:0 0 58.3333%;max-width:58.3333%}
.legacy .row>.eight-sm-col{flex:0 0 66.6667%;max-width:66.6667%}
.legacy .row>.nine-sm-col{flex:0 0 75.0%;max-width:75.0%}
.legacy .row>.ten-sm-col{flex:0 0 83.3333%;max-width:83.3333%}
.legacy .row>.eleven-sm-col{flex:0 0 91.6667%;max-width:91.6667%}
.legacy .row>.twelve-sm-col{flex:0 0 100.0%;max-width:100.0%}
.legacy .row>.col-sm-1{flex:0 0 8.3333%;max-width:8.3333%}
.legacy .row>.col-sm-2{flex:0 0 16.6667%;max-width:16.6667%}
.legacy .row>.col-sm-3{flex:0 0 25.0%;max-width:25.0%}
.legacy .row>.col-sm-4{flex:0 0 33.3333%;max-width:33.3333%}
.legacy .row>.col-sm-5{flex:0 0 41.6667%;max-width:41.6667%}
.legacy .row>.col-sm-6{flex:0 0 50.0%;max-width:50.0%}
.legacy .row>.col-sm-7{flex:0 0 58.3333%;max-width:58.3333%}
.legacy .row>.col-sm-8{flex:0 0 66.6667%;max-width:66.6667%}
.legacy .row>.col-sm-9{flex:0 0 75.0%;max-width:75.0%}
.legacy .row>.col-sm-10{flex:0 0 83.3333%;max-width:83.3333%}
.legacy .row>.col-sm-11{flex:0 0 91.6667%;max-width:91.6667%}
.legacy .row>.col-sm-12{flex:0 0 100.0%;max-width:100.0%}
.legacy .start-sm{justify-content:flex-start;text-align:left} .legacy .center-sm{justify-content:center;text-align:center} .legacy .end-sm{justify-content:flex-end;text-align:right}
.legacy .col-sm-offset-1{margin-left:8.3333%}
}
@media (min-width:768px){
.legacy .row>.one-md-col{flex:0 0 8.3333%;max-width:8.3333%}
.legacy .row>.two-md-col{flex:0 0 16.6667%;max-width:16.6667%}
.legacy .row>.three-md-col{flex:0 0 25.0%;max-width:25.0%}
.legacy .row>.four-md-col{flex:0 0 33.3333%;max-width:33.3333%}
.legacy .row>.five-md-col{flex:0 0 41.6667%;max-width:41.6667%}
.legacy .row>.six-md-col{flex:0 0 50.0%;max-width:50.0%}
.legacy .row>.seven-md-col{flex:0 0 58.3333%;max-width:58.3333%}
.legacy .row>.eight-md-col{flex:0 0 66.6667%;max-width:66.6667%}
.legacy .row>.nine-md-col{flex:0 0 75.0%;max-width:75.0%}
.legacy .row>.ten-md-col{flex:0 0 83.3333%;max-width:83.3333%}
.legacy .row>.eleven-md-col{flex:0 0 91.6667%;max-width:91.6667%}
.legacy .row>.twelve-md-col{flex:0 0 100.0%;max-width:100.0%}
.legacy .row>.col-md-1{flex:0 0 8.3333%;max-width:8.3333%}
.legacy .row>.col-md-2{flex:0 0 16.6667%;max-width:16.6667%}
.legacy .row>.col-md-3{flex:0 0 25.0%;max-width:25.0%}
.legacy .row>.col-md-4{flex:0 0 33.3333%;max-width:33.3333%}
.legacy .row>.col-md-5{flex:0 0 41.6667%;max-width:41.6667%}
.legacy .row>.col-md-6{flex:0 0 50.0%;max-width:50.0%}
.legacy .row>.col-md-7{flex:0 0 58.3333%;max-width:58.3333%}
.legacy .row>.col-md-8{flex:0 0 66.6667%;max-width:66.6667%}
.legacy .row>.col-md-9{flex:0 0 75.0%;max-width:75.0%}
.legacy .row>.col-md-10{flex:0 0 83.3333%;max-width:83.3333%}
.legacy .row>.col-md-11{flex:0 0 91.6667%;max-width:91.6667%}
.legacy .row>.col-md-12{flex:0 0 100.0%;max-width:100.0%}
.legacy .start-md{justify-content:flex-start;text-align:left} .legacy .center-md{justify-content:center;text-align:center} .legacy .end-md{justify-content:flex-end;text-align:right}
.legacy .col-md-offset-1{margin-left:8.3333%}
}
@media (min-width:1024px){
.legacy .row>.one-lg-col{flex:0 0 8.3333%;max-width:8.3333%}
.legacy .row>.two-lg-col{flex:0 0 16.6667%;max-width:16.6667%}
.legacy .row>.three-lg-col{flex:0 0 25.0%;max-width:25.0%}
.legacy .row>.four-lg-col{flex:0 0 33.3333%;max-width:33.3333%}
.legacy .row>.five-lg-col{flex:0 0 41.6667%;max-width:41.6667%}
.legacy .row>.six-lg-col{flex:0 0 50.0%;max-width:50.0%}
.legacy .row>.seven-lg-col{flex:0 0 58.3333%;max-width:58.3333%}
.legacy .row>.eight-lg-col{flex:0 0 66.6667%;max-width:66.6667%}
.legacy .row>.nine-lg-col{flex:0 0 75.0%;max-width:75.0%}
.legacy .row>.ten-lg-col{flex:0 0 83.3333%;max-width:83.3333%}
.legacy .row>.eleven-lg-col{flex:0 0 91.6667%;max-width:91.6667%}
.legacy .row>.twelve-lg-col{flex:0 0 100.0%;max-width:100.0%}
.legacy .row>.col-lg-1{flex:0 0 8.3333%;max-width:8.3333%}
.legacy .row>.col-lg-2{flex:0 0 16.6667%;max-width:16.6667%}
.legacy .row>.col-lg-3{flex:0 0 25.0%;max-width:25.0%}
.legacy .row>.col-lg-4{flex:0 0 33.3333%;max-width:33.3333%}
.legacy .row>.col-lg-5{flex:0 0 41.6667%;max-width:41.6667%}
.legacy .row>.col-lg-6{flex:0 0 50.0%;max-width:50.0%}
.legacy .row>.col-lg-7{flex:0 0 58.3333%;max-width:58.3333%}
.legacy .row>.col-lg-8{flex:0 0 66.6667%;max-width:66.6667%}
.legacy .row>.col-lg-9{flex:0 0 75.0%;max-width:75.0%}
.legacy .row>.col-lg-10{flex:0 0 83.3333%;max-width:83.3333%}
.legacy .row>.col-lg-11{flex:0 0 91.6667%;max-width:91.6667%}
.legacy .row>.col-lg-12{flex:0 0 100.0%;max-width:100.0%}
.legacy .start-lg{justify-content:flex-start;text-align:left} .legacy .center-lg{justify-content:center;text-align:center} .legacy .end-lg{justify-content:flex-end;text-align:right}
.legacy .col-lg-offset-1{margin-left:8.3333%}
}

/* spacing utilities (old pt/pb/ptb scale) */
.legacy .pts{padding-top:8px}.legacy .ptm{padding-top:16px}.legacy .ptl{padding-top:28px}.legacy .ptxl{padding-top:48px}
.legacy .pbs{padding-bottom:8px}.legacy .pbm{padding-bottom:16px}.legacy .pbl{padding-bottom:28px}.legacy .pbxl{padding-bottom:48px}
.legacy .ptbm,.legacy .ptbm-m{padding:16px 0}.legacy .ptbl{padding:28px 0}.legacy .ptbxl,.legacy .ptbxl-desktop{padding:48px 0}
.legacy .mbm{margin-bottom:16px}.legacy .mb-2{margin-bottom:8px}.legacy .mb-3{margin-bottom:16px}.legacy .mb-4{margin-bottom:24px}
/* former purple hero blocks -> new dark hero */
.legacy .background-block-one,.legacy .background-block-oneone,.legacy .background-block-two,.legacy .background-block{background:radial-gradient(1000px 420px at 70% -10%,rgba(24,200,210,.16),transparent 60%);border-radius:0;margin:-28px 0 24px;padding:40px 0}
.legacy .header-bg{padding:20px 20px 10px}
.legacy .intro-text,.legacy .intro-text *{color:var(--text)!important}
.legacy .intro-text a,.legacy .intro-text .academy-eyebrow{color:var(--accent)!important}
.legacy .intro-text h1{font-size:clamp(32px,4.6vw,54px)}
/* cards */
.legacy .bento,.legacy .mini-bento,.legacy .card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:22px;margin-bottom:16px;color:var(--text-2)}
.legacy .bento-pad,.legacy .bento-lat-pad{padding:8px}
.legacy .bento-font{color:var(--text-2)}
.legacy .card-body{padding:0}.legacy .card-title{color:var(--text);font-weight:700}
.legacy .section-title{font-weight:800}
/* buttons */
.legacy main .bttn-dark-2,.legacy main .btn,.legacy main .signals-bttn,.legacy main button[type=submit],.legacy main input[type=submit]{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 20px;border-radius:999px;border:1px solid var(--accent);background:var(--accent);color:var(--ink)!important;font:600 14px var(--sans);cursor:pointer;text-decoration:none}
.legacy main .bttn-dark-2:hover,.legacy main .btn:hover{background:var(--accent-2)}
.legacy .small-b{min-height:36px;font-size:13px}
/* forms */
.legacy main input[type=text],.legacy main input[type=email],.legacy main input[type=password],.legacy main input[type=tel],.legacy main input[type=number],.legacy main select,.legacy main textarea,.legacy main .form-control{width:100%;min-height:42px;padding:8px 14px;border-radius:10px;border:1px solid var(--line-2);background:var(--bg-2);color:var(--text);font:500 15px var(--sans)}
.legacy main textarea{min-height:120px}
.legacy main input:focus,.legacy main select:focus,.legacy main textarea:focus{outline:2px solid var(--accent);outline-offset:1px}
.legacy main .form-block,.legacy main .form-group,.legacy main .form-row{margin-bottom:14px}
.legacy main .bento-form{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:22px}
.legacy .validation-message,.legacy .text-danger{color:var(--dn)}
.legacy .d-flex{display:flex}.legacy .align-items-center{align-items:center}.legacy .h-100{height:100%}.legacy .img-fluid{max-width:100%;height:auto}
.legacy .hide_for_desktop{display:none}
@media (max-width:767px){.legacy .hide_for_mobile{display:none}.legacy .hide_for_desktop{display:block}}
/* old FAQ toggles */
.legacy .faq-question{border-bottom:1px solid var(--line);position:relative}
.legacy .faq-question .panel{position:absolute;opacity:0;width:100%;height:56px;cursor:pointer;z-index:2;margin:0}
.legacy .faq-question label{display:block;padding:16px 36px 16px 0;font-weight:600;color:var(--text)}
.legacy .faq-question .plus{position:absolute;right:6px;top:12px;font-size:22px;color:var(--muted)}
.legacy .faq-question .panel-content{display:none;padding:0 0 16px;color:var(--text-2)}
.legacy .faq-question .panel:checked~.panel-content{display:block}
.legacy .boldtext{font-weight:700;color:var(--text)}