body .gotv-page .solution-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:48px}.gotv-capture{padding:28px;background:var(--ground);border-radius:8px}.gotv-capture h2{margin-top:0}.gotv-fields{display:grid;gap:16px;margin-bottom:20px}.gotv-fields label{display:grid;gap:8px}.gotv-fields :is(input,select,textarea){width:100%;box-sizing:border-box}.gotv-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.gotv-cards article{padding:24px;background:var(--ground);border-radius:8px}.gotv-cards h3{margin-top:0}.gotv-page .solution-layout{display:block}.gotv-page #request{scroll-margin-top:180px}@media(max-width:900px){body .gotv-page .solution-hero{grid-template-columns:1fr}.gotv-cards{grid-template-columns:1fr}}@media(max-width:600px){.gotv-capture{padding:20px}}

.gotv-capture [hidden]{display:none!important}.gotv-capture [data-gotv-back]{margin-top:12px}

body .gotv-page .solution-hero h1{font-size:51px;line-height:1.15}

body .gotv-page .solution-hero .solution-lead{font-size:17px;line-height:1.5;color:var(--ink);font-weight:400}

.gotv-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.gotv-compare-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--paper);overflow:hidden}
.gotv-formula{position:relative;display:flex;align-items:center;justify-content:center;background:var(--ground);height:230px;padding:40px 24px 16px}
.gotv-formula img{display:block;width:75%;height:75%;object-fit:contain}
.gotv-stock{position:absolute;top:16px;left:16px;background:var(--successSoft);color:var(--success);border-radius:4px;padding:6px 10px;font-size:11px;font-weight:700;letter-spacing:.5px}
.gotv-card-body{display:flex;flex-direction:column;flex:1;padding:24px}
body .gotv-card-body h3{font-size:25px;line-height:1.25;margin:0 0 8px;font-weight:600}
body .gotv-card-body .gotv-aliases{font-size:13px;line-height:1.6;color:var(--muted);min-height:42px;margin:0 0 20px}
.gotv-use{background:var(--ground);padding:16px;border-radius:8px;margin-bottom:16px;min-height:154px;box-sizing:border-box}
body .gotv-use h4{font-size:13px;color:var(--accent);margin:0 0 6px;font-weight:600}
body .gotv-use p{font-size:13px;line-height:1.65;margin:0}
.gotv-properties{margin:0 0 24px}
.gotv-properties>div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.gotv-properties>div:last-child{border-bottom:1px solid var(--line)}
.gotv-properties dt{font-size:13px;line-height:1.5;color:var(--muted);max-width:70%}
body .gotv-properties dd{font-size:13px;line-height:1.5;margin:0;text-align:right;font-weight:600;flex-shrink:0}
body .gotv-card-body .gotv-price{display:flex;align-items:center;justify-content:center;min-height:52px;padding:12px 14px;margin-top:auto;border-radius:8px;font-size:17px;line-height:22px;font-weight:600;text-align:center;text-decoration:none;color:#fff!important;box-sizing:border-box}
@media(max-width:1100px){.gotv-comparison{gap:12px}.gotv-card-body{padding:18px}.gotv-properties>div{flex-wrap:wrap}.gotv-properties dt{max-width:none}.gotv-use{min-height:190px}}
@media(max-width:800px){.gotv-comparison{grid-template-columns:1fr}.gotv-use{min-height:0}.gotv-formula{height:220px}.gotv-card-body .gotv-aliases{min-height:0}.gotv-properties>div{flex-wrap:nowrap}}

.gotv-stock-order{background:var(--warningSoft);color:var(--warning)}

.gotv-request-dialog{width:min(640px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:8px;color:var(--ink);background:var(--ground);overflow:auto;box-sizing:border-box}
.gotv-request-dialog::backdrop{background:rgba(0,0,0,.55)}
.gotv-request-dialog .gotv-capture{padding:32px}
.gotv-request-dialog h2{font-size:27px;line-height:1.3;margin:0 28px 16px 0;font-weight:500}
.gotv-request-dialog #gotv-request-description{font-size:17px;line-height:1.5;margin:0 0 24px}
.gotv-dialog-close{position:absolute;right:12px;top:10px;background:none;border:0;font-size:29px;line-height:1;cursor:pointer;color:var(--ink);padding:6px}
.gotv-request-dialog .enquiry-submit{width:100%}
@media(max-width:600px){.gotv-request-dialog .gotv-capture{padding:24px 20px}.gotv-request-dialog .enquiry-fields{grid-template-columns:1fr}}

body .callback-dialog form>.gotv-consultation-submit{min-height:52px;padding:12px 24px;border-radius:8px;font:600 17px/22px var(--font);color:#fff;background:linear-gradient(180deg,#d45349 0%,#bd4036 48%,#a52f28 100%);border:1px solid #972b24;box-shadow:inset 0 1px 0 rgba(255,255,255,.36),inset 0 -2px 0 rgba(92,18,13,.22),0 2px 3px rgba(75,20,15,.16);text-shadow:0 1px 1px rgba(70,10,8,.2)}
body .callback-dialog form>.gotv-consultation-submit:hover{background:linear-gradient(180deg,#df5c51 0%,#c6473c 48%,#af352d 100%);border-color:#972b24;box-shadow:inset 0 1px 0 rgba(255,255,255,.42),inset 0 -2px 0 rgba(92,18,13,.22),0 3px 7px rgba(75,20,15,.2)}
body .callback-dialog form>.gotv-consultation-submit:active{background:linear-gradient(180deg,#a52f28,#bd4036);box-shadow:inset 0 2px 4px rgba(70,10,8,.25);transform:translateY(1px)}

.gotv-calculation-banner{position:relative;isolation:isolate;padding:64px 0;border-radius:0;background:var(--ground);box-shadow:0 0 0 100vmax var(--ground);clip-path:inset(0 -100vmax)}
body .gotv-calculation-banner h2{position:relative;color:var(--ink);margin:0;max-width:none;width:100%;text-wrap:wrap}
@media(max-width:600px){.gotv-calculation-banner{padding:36px 0}}
body .gotv-calculation-banner .gotv-calculation-subtitle{color:var(--ink);font-size:17px;line-height:1.6;margin:24px 0 0;max-width:1000px}

.gas-calculator{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px;margin-top:36px;position:relative}
.gas-calculator form{background:var(--paper);color:var(--ink);padding:28px;border-radius:8px}
.gas-calc-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.gas-calc-fields label{display:grid;gap:8px;font-size:13px;align-content:start}
.gas-calc-wide{grid-column:1/-1}
.gas-calc-fields input,.gas-calc-fields select{width:100%;min-width:0;height:52px;border:1px solid var(--control);border-radius:8px;padding:12px;font:400 15px var(--font);color:var(--ink);background-color:var(--paper);box-sizing:border-box}
.gas-calc-details{margin-top:24px;border-top:1px solid var(--line);padding-top:18px}
.gas-calc-details summary{cursor:pointer;font-size:15px;font-weight:600;margin-bottom:18px}
body .gas-calculator .gas-calc-assumptions,body .gas-calculator .gas-calc-note{font-size:13px;line-height:1.6;margin:20px 0;color:var(--muted)}
.gas-calc-result{display:flex;flex-direction:column;padding:32px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);min-width:0}
body .gas-calc-result p{color:var(--ink);font-size:15px;line-height:1.6;margin:0 0 16px}
body .gas-calc-result .gas-calc-kicker{font-size:17px}
.gas-calc-mass{display:flex;gap:12px;align-items:baseline;margin:12px 0 20px;font-size:21px}
#gas-calc-mass{font-size:clamp(43px,5vw,65px);font-weight:600;line-height:1.1;overflow-wrap:anywhere}
.gas-calc-breakdown{margin:0 0 28px}
.gas-calc-breakdown>div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}
body .gas-calc-breakdown dd{margin:0;font-size:13px}
.gas-calculator .callback{width:100%}
#gas-engineer{margin-top:auto}
#gas-engineer:disabled{opacity:.5;cursor:not-allowed}
body .gas-calc-result .gas-calc-note{color:var(--muted);margin-bottom:0}
.gas-calculator [hidden]{display:none!important}
body .gas-calculator .gas-calc-error{color:var(--error);font-size:13px;margin-top:16px}
@media(max-width:1000px){.gas-calculator{grid-template-columns:1fr}}
@media(max-width:600px){.gas-calculator form,.gas-calc-result{padding:20px}.gas-calc-fields{grid-template-columns:1fr}.gas-calculator{gap:20px}}

body .gotv-faq{border-top:0}body .gotv-faq>h2{text-align:left;margin-bottom:36px;max-width:none}
.gotv-faq-list{display:grid;gap:16px}
.gotv-faq-list details{background:var(--ground);border:1px solid var(--line);border-radius:8px;overflow:hidden}
.gotv-faq-list summary{display:grid;grid-template-columns:minmax(0,1fr) 16px;gap:20px;align-items:center;padding:24px;cursor:pointer;list-style:none;font-size:17px;line-height:1.5;font-weight:500;color:var(--ink)}
.gotv-faq-list summary::-webkit-details-marker{display:none}
.gotv-faq-chevron{width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .2s}
.gotv-faq-list details[open] .gotv-faq-chevron{transform:rotate(225deg);color:var(--accent)}
.gotv-faq-list summary:hover{color:var(--accent)}
.gotv-faq-list summary:focus-visible{outline:2px solid var(--focus);outline-offset:-3px}
.gotv-faq-answer{padding:0 60px 24px 24px}
body .gotv-faq-answer p{margin:0;font-size:15px;line-height:1.8;color:var(--ink)}
@media(max-width:600px){.gotv-faq-list summary{padding:20px 16px;gap:12px;font-size:15px}.gotv-faq-answer{padding:0 20px 20px 16px}body .gotv-faq>h2{text-align:left}}
@media(prefers-reduced-motion:reduce){.gotv-faq-chevron{transition:none}}

body .gotv-page .gotv-calculation-banner{border-top:0}

.gas-agent-choice{border:0;padding:0;margin:0 0 32px;display:flex;flex-wrap:wrap;gap:8px}
.gas-agent-choice legend{font-size:15px;margin-bottom:16px}
.gas-agent-choice label{position:relative;cursor:pointer}
.gas-agent-choice input{position:absolute;opacity:0;width:1px;height:1px}
.gas-agent-choice span{display:block;padding:10px 14px;border:1px solid var(--line);border-radius:8px;font-size:13px;line-height:20px}
.gas-agent-choice input:checked+span{background:var(--accent);border-color:var(--accent);color:#fff}
.gas-agent-choice input:focus-visible+span{outline:2px solid var(--focus);outline-offset:3px}
.gas-slider-field{margin:0 0 32px}
.gas-slider-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;font-size:15px}
.gas-slider-heading>div{display:flex;align-items:center;gap:8px;white-space:nowrap;color:var(--muted)}
.gas-slider-heading input{width:88px;min-height:40px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;text-align:right;font:500 17px var(--font);color:var(--ink);background:var(--paper);box-sizing:border-box}
body .gas-slider-field input[type=range]{appearance:none;display:block;width:100%;height:6px;min-height:0;padding:0;border:0;border-radius:6px;background:linear-gradient(to right,var(--accent) 0 var(--range-progress),var(--line) var(--range-progress) 100%);cursor:pointer;accent-color:var(--accent)}
.gas-slider-field input[type=range]::-webkit-slider-thumb{appearance:none;width:20px;height:20px;background:var(--accent);border:3px solid var(--paper);border-radius:50%;box-shadow:0 0 0 1px var(--accent)}
.gas-slider-field input[type=range]::-moz-range-thumb{width:16px;height:16px;background:var(--accent);border:3px solid var(--paper);border-radius:50%}
.gas-slider-field input[type=range]:focus-visible{outline:2px solid var(--focus);outline-offset:8px}
.gas-calc-simple .gas-calc-details{margin-top:12px}
.gas-calc-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.gas-calc-breakdown>div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:6px;background:var(--ground);border:0;border-radius:8px;padding:16px}
body .gas-calc-breakdown dd{font-size:21px;font-weight:600}
body .gas-calculator .gas-calc-assumptions{margin-bottom:0}
@media(max-width:600px){.gas-slider-heading{font-size:13px}.gas-slider-heading input{width:76px}.gas-agent-choice span{padding:8px 10px}.gas-calc-breakdown{gap:8px}.gas-calc-breakdown>div{padding:12px}}

body .gotv-faq>h2{text-align:center}
.gotv-faq-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.gotv-faq-column{display:grid;gap:16px;min-width:0}
.gotv-faq-list details{transition:border-color .3s,background-color .3s}
.gotv-faq-list details[open]{border-color:var(--control)}
.gotv-faq-list summary{min-height:88px;box-sizing:border-box}
.gotv-faq-chevron{transition:transform .3s ease}
@media(max-width:800px){.gotv-faq-list{grid-template-columns:1fr;gap:16px}.gotv-faq-list summary{min-height:0}}
@media(prefers-reduced-motion:reduce){.gotv-faq-list details,.gotv-faq-chevron{transition:none}}

/* Use the same hero form and trigger components as the service pages. */
body .gotv-page .solution-hero:has(.customer-hero-panel){grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:start;gap:48px}
@media(max-width:1000px){body .gotv-page .solution-hero:has(.customer-hero-panel){grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}}
@media(max-width:800px){body .gotv-page .solution-hero:has(.customer-hero-panel){grid-template-columns:1fr;gap:32px}body .gotv-page .solution-hero h1{font-size:33px}}

body .gotv-page .solution-hero .design-triggers li{font-size:17px;line-height:1.5;font-weight:500}
body .gotv-page .solution-hero .customer-hero-panel{font-size:15px;line-height:1.75}