/* Enquiries and enrolment share the same quiet, accessible brand surfaces.
   Existing labels, choices, consent and backend field names are unchanged. */
.page-form .inner-site:has(.form-sec) .page-hero{padding-bottom:36px}
.page-form .inner-site .form-sec{padding-top:20px}
.page-form .inner-site .form-layout{grid-template-columns:minmax(0,1.5fr) minmax(250px,.7fr);gap:40px;align-items:start}
.page-form .inner-site :is(.form-panel,.form-card){padding:36px;border:0;border-radius:12px;background:#122239;box-shadow:0 20px 60px #040b1726}
.page-form .inner-site .form-layout>.aside{padding:32px;border:0;border-radius:12px;background:#101c2e}
.page-form .inner-site .aside>h3{font-size:30px;line-height:1.2;margin:0 0 22px}
.page-form .inner-site .aside :is(p,li){font-size:15px;line-height:1.75;color:#b6c7dd}
.page-form .inner-site .aside ul{display:grid;gap:26px;margin:28px 0 0}
.page-form .inner-site .aside li{margin:0;gap:14px}
.page-form .inner-site .aside li b{font-size:16px;line-height:1.5;margin-bottom:7px}
.page-form .inner-site .aside .ic{flex:0 0 24px;padding-top:2px}
.page-form .inner-site .aside .ic :is(svg,.brand-icon){width:24px;height:24px}
.page-form .inner-site .aside .a-item{padding:0;margin:24px 0 0;border:0}
.page-form .inner-site .aside .meta{margin-top:28px;padding-top:0;border:0;font-size:13px;line-height:1.6;color:#9bb4d4}
.page-form .inner-site .form-grid{gap:28px 24px}
.page-form .inner-site .field>label{font-size:15px;line-height:1.5;color:#dae5f4;margin-bottom:10px}
.page-form .inner-site :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){min-height:52px;padding:14px 16px;border:1px solid #4a6484;border-radius:6px;background:#0b1829;color:#ecf2fb}
.page-form .inner-site textarea{min-height:156px;line-height:1.7}
.page-form .inner-site :is(input,textarea)::placeholder{color:#9bb0cd;opacity:1}
.page-form .inner-site :is(input,select,textarea):focus{outline:2px solid #a1c1f5;outline-offset:3px;border-color:#7ca2d9}
.page-form .inner-site :is(.hint,.form-note,.form-foot){font-size:13px;line-height:1.7;color:#aabfdc}
.page-form .inner-site :is(.hint,.form-foot,.checkrow) a{text-decoration:underline;text-underline-offset:4px;text-decoration-color:#7e9bc4}
.page-form .inner-site .form-submit{margin-top:4px;gap:16px}
.page-form .inner-site .form-submit .btn{min-height:52px;padding-inline:24px;border-radius:5px}
.page-form .inner-site .checkrow{padding-block:4px}
.page-form .inner-site .checkrow label{font-size:14px;color:#c5d5e9}
.page-form .inner-site .local-preview-message{max-width:none;margin:0 0 28px;padding:12px 16px;border:0;border-radius:6px;background:#1b3452;font-size:13px;line-height:1.6;color:#c4d8f4}
.page-form .inner-site .modchips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
.page-form .inner-site :is(.chip,.mchip){border:1px solid #4a6484;border-radius:6px;background:#0d1b2e;min-height:46px;padding:11px 13px;font-size:14px;line-height:1.5;color:#c5d7ed}
.page-form .inner-site :is(.chip:hover,.mchip:hover){background:#1b3555;border-color:#789ac7}
.page-form .inner-site :is(.chip[aria-pressed=true],.chip.on,.mchip:has(:checked)){background:#244979;border-color:#9ebff0;color:#fff}
.page-form .inner-site .mchip:focus-within{outline:2px solid #a1c1f5;outline-offset:3px}
.page-form .inner-site .mchip input{margin:0 10px 0 0}

/* The Range form uses the same surfaces without changing its plan mechanics. */
.page-form .inner-site .hero-cols{grid-template-columns:minmax(0,1fr) minmax(390px,.95fr);gap:56px}
.page-form .inner-site .form-title{font-size:32px;line-height:1.2;margin:0 0 18px}
.page-form .inner-site .form-sub{font-size:15px;line-height:1.75;margin:0 0 28px;color:#c3d2e6}
.page-form .inner-site .hero-assure{gap:24px;margin-top:36px}
.page-form .inner-site .hero-assure li{font-size:15px;line-height:1.75}
.page-form .inner-site .hero-assure .ix{padding-top:5px}
.page-form .inner-site .get-grid{gap:24px}
.page-form .inner-site .gcard{padding:28px;background:#13253e;border:0;border-radius:10px}
.page-form .inner-site .gcard h3{font-size:25px;line-height:1.25}
.page-form .inner-site .gcard p{font-size:15px;line-height:1.75}
.page-form .inner-site .pricing{gap:24px}
.page-form .inner-site .pricing .plan{padding:30px;border:0;border-radius:10px;background:#13243b}
.page-form .inner-site .pricing .plan.feat{background:#1b3659;border:0}
.page-form .inner-site .pricing .plan .btn{min-height:48px}

/* Exposure is a single task. Keep its notice and field in a clear reading order. */
.page-form .inner-site .ex-hero{padding:0}
.page-form .inner-site .ex-form{gap:14px;max-width:760px;padding:24px;border-radius:10px;background:#14263f}
.page-form .inner-site .ex-form .local-preview-message{flex:1 0 100%;margin:0 0 8px}
.page-form .inner-site .ex-form>.fwrap{flex:1 1 260px}
.page-form .inner-site .ex-form>.btn{min-height:52px;border-radius:5px}
.page-form .inner-site .ex-note{max-width:76ch;font-size:14px;line-height:1.75;color:#a8bfdd}
.page-form .inner-site .source-gap{min-height:65vh;display:flex;align-items:center}
/* Demo invitation and expectations form one editorial rail beside the task. */
@media(min-width:1001px) {
 .page-form .inner-site:has(#demoForm) {display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);grid-template-rows:auto 1fr;gap:42px 72px;max-width:1240px;width:calc(100% - 112px);margin-inline:auto;padding-block:80px 100px;align-items:start}
 .page-form .inner-site:has(#demoForm)>.page-hero {grid-column:1;grid-row:1;padding:0;background:none;min-height:0}
 .page-form .inner-site:has(#demoForm) .hero-inner {width:auto;max-width:none;padding:0}
 .page-form .inner-site:has(#demoForm) .page-hero h1 {font-size:clamp(44px,4.5vw,64px);line-height:1.06}
 .page-form .inner-site:has(#demoForm) .page-hero .lead {font-size:16px;line-height:1.8}
 .page-form .inner-site:has(#demoForm) :is(.form-sec,.form-sec>.wrap,.form-layout) {display:contents}
 .page-form .inner-site:has(#demoForm) .form-panel {grid-column:2;grid-row:1/span 2;padding:36px;background:linear-gradient(145deg,#142940,#0e1d30);border-radius:6px}
 .page-form .inner-site:has(#demoForm) .form-layout>.aside {grid-column:1;grid-row:2;position:static;padding:0;background:none;box-shadow:none;border-radius:0}
 .page-form .inner-site:has(#demoForm) .form-layout>.aside:after {display:none}
 .page-form .inner-site:has(#demoForm) .aside>h3 {font-size:26px}
 .page-form .inner-site:has(#demoForm) .aside ul {gap:25px}
 .page-form .inner-site:has(#demoForm) .form-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 22px}
}
@media(min-width:1001px) and (max-width:1200px) {
 .page-form .inner-site:has(#demoForm) {width:calc(100% - 80px);gap:36px 40px;grid-template-columns:minmax(0,.72fr) minmax(0,1.4fr)}
 .page-form .inner-site:has(#demoForm) .form-panel {padding:28px}
}
@media(min-width:761px) and (max-width:1000px) {
 .page-form .inner-site:has(#demoForm) .form-layout {grid-template-columns:1fr;gap:36px}
 .page-form .inner-site:has(#demoForm) .form-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
 .page-form .inner-site:has(#demoForm) .form-layout>.aside {position:static;padding:30px}
 .page-form .inner-site:has(#demoForm) .aside ul {grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
 .page-form .inner-site:has(#demoForm) .aside ul>li {display:block}
 .page-form .inner-site:has(#demoForm) .aside ul>li>.ic {display:block;margin-bottom:16px}
}
@media(min-width:1101px) and (min-height:800px){
 .page-form .inner-site .form-layout>.aside{position:sticky;top:116px}
}
@media(max-width:1100px){
 .page-form .inner-site .form-layout{grid-template-columns:minmax(0,1.3fr) minmax(240px,.7fr);gap:28px}
 .page-form .inner-site :is(.form-panel,.form-card){padding:28px}
 .page-form .inner-site .form-layout>.aside{padding:26px}
 .page-form .inner-site .hero-cols{grid-template-columns:minmax(0,1fr) minmax(340px,1fr);gap:36px}
 .page-form .inner-site .form-grid{grid-template-columns:1fr}
 .page-form .inner-site .get-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 .page-form .inner-site:has(.form-sec) .page-hero{padding-bottom:24px}
 .page-form .inner-site .form-sec{padding-top:16px}
 .page-form .inner-site :is(.form-layout,.hero-cols){grid-template-columns:1fr;gap:32px}
 .page-form .inner-site .form-layout>.aside{position:static}
 .page-form .inner-site .modchips{grid-template-columns:1fr}
 .page-form .inner-site .ex-form{flex-direction:column;padding:20px}
 .page-form .inner-site .ex-form>.fwrap{flex:none;width:100%}
 .page-form .inner-site .ex-form .local-preview-message{flex:none;width:100%}
 .page-form .inner-site .ex-form>.btn{width:100%}
}
@media(max-width:480px){
 .page-form .inner-site :is(.form-panel,.form-card){padding:24px 20px}
 .page-form .inner-site .form-grid{gap:24px}
 .page-form .inner-site .f-row{grid-template-columns:1fr;gap:24px}
 .page-form .inner-site :is(.form-submit,.form-submit .btn){width:100%}
 .page-form .inner-site .form-title{font-size:29px}
 .page-form .inner-site .get-grid{grid-template-columns:1fr}
 .page-form .inner-site .pricing .plan{padding:26px}
}
@media print{
 .page-form .inner-site :is(.form-panel,.form-card,.aside,.gcard,.ex-form){background:none;box-shadow:none}
}