:root {
   --primary:#0067b1;
   --primary-soft:#eaf4fb;
   --secondary:#d22630;
   --dark:#11120f;
   --ink:#1a1a17;
   --muted:#68685f;
   --surface:#f4f8fb;
   --white:#fff;
   --border:#d6e2eb;
   --border-strong:#d22630;
   --container:1180px;
   --r-btn:12px;
   --r-card:20px;
   --r-hero:24px;
   --shadow:0 14px 40px rgba(18,18,15,.08);
   --ease:.3s ease
}
* {
   box-sizing:border-box
}
html {
   scroll-behavior:smooth
}
body {
   margin:0;
   color:var(--ink);
   background:#fff;
   font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
   line-height:1.6;
   -webkit-font-smoothing:antialiased
}
img {
   max-width:100%;
   height:auto;
   display:block
}
a {
   color:inherit;
   text-decoration:none
}
button,input,select,textarea {
   font:inherit
}
.container {
   width:min(var(--container),calc(100% - 40px));
   margin-inline:auto
}
.skip-link {
   position:fixed;
   left:10px;
   top:-80px;
   background:#111;
   color:#fff;
   padding:10px 14px;
   z-index:9999
}
.skip-link:focus {
   top:10px
}
.site-header {
   position:sticky;
   top:0;
   z-index:100;
   background:#fff;
   box-shadow:0 1px 0 rgba(17,18,15,.08)
}
.primary-nav-wrap {
   background:#fff
}
.nav-primary {
   min-height:78px;
   display:grid;
   grid-template-columns:238px 1fr auto;
   align-items:center;
   gap:28px
}
.brand img {
   width:190px;
   height:auto
}
.primary-paths {
   display:flex;
   justify-content:center;
   gap:8px
}
.primary-paths a {
   padding:11px 14px;
   font-weight:760;
   font-size:14px;
   border-radius:10px
}
.primary-paths a:hover,.primary-paths a.is-active {
   background:var(--surface)
}
.secondary-nav-wrap {
   border-top:1px solid #e3edf4;
   background:#ffffff
}
.nav-secondary {
   min-height:48px;
   display:flex;
   justify-content:flex-end
}
.nav-secondary>nav {
   display:flex;
   align-items:stretch
}
.nav-secondary a,.mega-trigger>button {
   border:0;
   background:none;
   padding:14px 17px;
   font-weight:650;
   font-size:13px;
   cursor:pointer
}
.nav-secondary a:hover,.nav-secondary a.is-active,.mega-trigger>button:hover {
   background:var(--primary)
}
.mega-trigger {
   position:relative
}
.mega-menu {
   display:none;
   position:absolute;
   right:0;
   top:100%;
   width:min(860px,90vw);
   background:#fff;
   border:1px solid #d8e4ec;
   border-radius:0 0 20px 20px;
   box-shadow:var(--shadow);
   padding:24px;
   grid-template-columns:240px 1fr;
   gap:28px
}
.mega-trigger.open .mega-menu {
   display:grid
}
.mega-intro {
   background:var(--dark);
   color:#fff;
   border-radius:16px;
   padding:22px
}
.mega-intro strong {
   display:block;
   font-size:22px;
   line-height:1.2;
   margin:12px 0 20px
}
.mega-intro a {
   padding:0;
   color:var(--primary)
}
.mega-links {
   display:grid;
   grid-template-columns:repeat(3,1fr);
   gap:4px
}
.mega-links a {
   padding:10px;
   border-radius:8px;
   font-size:13px
}
.header-call {
   white-space:nowrap
}
.menu-toggle {
   display:none;
   width:46px;
   height:46px;
   border:1px solid #d5d5cc;
   background:#fff;
   border-radius:12px;
   align-items:center;
   justify-content:center;
   flex-direction:column;
   gap:5px
}
.menu-toggle span {
   width:20px;
   height:2px;
   background:#111
}
.mobile-menu {
   position:absolute;
   left:0;
   right:0;
   top:78px;
   background:#fff;
   padding:18px 20px 24px;
   border-top:1px solid #eee;
   box-shadow:0 18px 35px rgba(0,0,0,.12)
}
.mobile-menu a:not(.btn) {
   display:block;
   padding:12px 4px;
   border-bottom:1px solid #eee;
   font-weight:700
}
.mobile-divider {
   display:block;
   height:12px
}
.btn {
   min-height:46px;
   display:inline-flex;
   align-items:center;
   justify-content:center;
   gap:9px;
   padding:12px 19px;
   border-radius:var(--r-btn);
   font-weight:800;
   border:1px solid transparent;
   transition:transform var(--ease),background var(--ease),border-color var(--ease)
}
.btn:hover {
   transform:translateY(-2px)
}
.btn-primary {
   background:var(--primary);
   color:#111;
   border-color:var(--primary)
}
.btn-primary:hover {
   background:#005a9c
}
.btn-dark {
   background:#111;
   color:#fff
}
.btn-outline {
   background:#fff;
   border-color:#bdbd9f;
   color:#111
}
.btn-ghost {
   background:rgba(255,255,255,.13);
   border-color:rgba(255,255,255,.45);
   color:#fff
}
.btn-block {
   width:100%
}
.icon {
   width:22px;
   height:22px;
   flex:0 0 auto
}
.eyebrow {
   display:inline-block;
   font-size:13px;
   color:#88877d;
   font-weight:650;
   letter-spacing:.01em;
   margin-bottom:12px
}
.eyebrow.light {
   color:#dedecf
}
h1,h2,h3 {
   line-height:1.08;
   margin:0 0 16px;
   letter-spacing:-.025em
}
h1 {
   font-size:clamp(40px,5.8vw,76px)
}
h2 {
   font-size:clamp(31px,4vw,54px)
}
h3 {
   font-size:21px
}
p {
   margin:0 0 18px;
   color:var(--muted)
}
mark {
   background:var(--primary);
   padding:.03em .15em;
   color:#111
}
.section {
   padding:90px 0
}
.heading-row {
   display:flex;
   align-items:end;
   justify-content:space-between;
   gap:40px;
   margin-bottom:34px
}
.heading-row>div {
   max-width:760px
}
.text-link {
   font-weight:800;
   border-bottom:2px solid var(--primary);
   padding-bottom:4px
}
.hero-home {
   padding:24px 0 50px
}
.hero-stage {
   display:grid;
   grid-template-columns:minmax(0,1.55fr) minmax(340px,.65fr);
   gap:18px;
   align-items:stretch
}
.hero-photo {
   position:relative;
   min-height:560px;
   border-radius:var(--r-hero);
   overflow:hidden;
   background:#222
}
.hero-img {
   position:absolute;
   inset:0;
   width:100%;
   height:100%;
   object-fit:cover
}
.hero-overlay {
   position:absolute;
   inset:0;
   background:linear-gradient(90deg,rgba(10,11,9,.78),rgba(10,11,9,.28) 72%,rgba(10,11,9,.08))
}
.hero-copy {
   position:absolute;
   left:44px;
   bottom:44px;
   width:min(650px,75%);
   color:#fff
}
.hero-copy h1 {
   font-size:clamp(44px,5vw,68px)
}
.hero-copy p {
   color:#f0f0e9;
   font-size:18px;
   max-width:610px
}
.hero-actions {
   display:flex;
   flex-wrap:wrap;
   gap:12px;
   margin-top:24px
}
.quick-call-card {
   background:#fff;
   border:1px solid #d8e4ec;
   border-radius:var(--r-card);
   padding:28px;
   box-shadow:var(--shadow);
   display:flex;
   flex-direction:column
}
.quick-kicker {
   font-size:13px;
   font-weight:900;
   text-transform:uppercase;
   letter-spacing:.06em;
   color:#77766d
}
.quick-call-card h2 {
   font-size:30px;
   margin-top:10px
}
.quick-call-card p {
   font-size:15px
}
.check-list {
   list-style:none;
   margin:2px 0 20px;
   padding:0;
   display:grid;
   gap:10px
}
.check-list li {
   display:flex;
   gap:8px;
   align-items:flex-start;
   font-size:14px;
   font-weight:700
}
.check-list .icon {
   width:18px;
   height:18px;
   color:#8f8b00;
   margin-top:3px
}
.quick-call-card small {
   display:block;
   margin:13px 0;
   color:#777;
   line-height:1.4
}
.no-form {
   margin-top:auto;
   border-top:1px solid #eee;
   padding-top:14px;
   font-size:13px;
   font-weight:800;
   color:#636200
}
.three-cards {
   display:grid;
   grid-template-columns:repeat(3,1fr);
   gap:14px
}
.outline-card {
   border:1px solid var(--border-strong);
   border-radius:18px;
   padding:26px;
   min-height:240px
}
.outline-card .icon {
   color:#8f8a00;
   width:32px;
   height:32px;
   margin-bottom:40px
}
.feature-mosaic {
   background:#ffffff
}
.feature-mosaic h2 {
   max-width:900px
}
.mosaic-grid {
   display:grid;
   grid-template-columns:1.2fr .8fr .8fr;
   grid-template-rows:230px 230px;
   gap:14px;
   margin-top:36px
}
.journey-card {
   border-radius:20px;
   background:#fff;
   padding:28px;
   display:flex;
   flex-direction:column;
   border:1px solid #eeee7
}
.journey-card>span {
   width:46px;
   height:46px;
   border-radius:50%;
   display:grid;
   place-items:center;
   background:var(--primary);
   margin-bottom:auto
}
.journey-card strong {
   margin-top:auto
}
.journey-large {
   grid-row:span 2;
   background:var(--primary-soft)
}
.dark-card {
   background:var(--dark);
   color:#fff
}
.dark-card p {
   color:#d6d6cb
}
.mosaic-image {
   grid-column:2/4;
   border-radius:20px;
   overflow:hidden
}
.mosaic-image img {
   width:100%;
   height:100%;
   object-fit:cover
}
.service-rail {
   display:grid;
   grid-template-columns:repeat(4,1fr);
   gap:12px
}
.service-rail>a {
   min-height:280px;
   background:#f4f8fb;
   border-radius:18px;
   padding:24px;
   display:flex;
   flex-direction:column
}
.service-rail .icon {
   width:34px;
   height:34px;
   color:#9b9600;
   margin-bottom:36px
}
.service-rail span {
   font-weight:800;
   margin-top:auto
}
.process-band {
   background:var(--dark);
   color:#fff
}
.process-band p {
   color:#d2d2c8
}
.process-grid {
   display:grid;
   grid-template-columns:.85fr 1.15fr;
   gap:80px;
   align-items:start
}
.process-list {
   list-style:none;
   margin:0;
   padding:0
}
.process-list li {
   display:grid;
   grid-template-columns:64px 1fr;
   gap:16px;
   padding:20px 0;
   border-bottom:1px solid #33342f
}
.process-list li>span {
   font-size:26px;
   color:var(--primary);
   font-weight:800
}
.process-list h3 {
   margin-bottom:6px
}
.split-grid {
   display:grid;
   grid-template-columns:1fr 1fr;
   gap:48px;
   align-items:center
}
.split-copy {
   max-width:580px
}
.mini-points {
   display:flex;
   flex-wrap:wrap;
   gap:9px;
   margin:24px 0
}
.mini-points span {
   padding:8px 12px;
   border-radius:999px;
   background:var(--surface);
   border:1px solid #e3e3d8;
   font-size:13px;
   font-weight:700
}
.image-placeholder {
   min-height:410px;
   border:1px dashed #aca856;
   border-radius:20px;
   background:linear-gradient(135deg,#f4f8fb,#e9f3f9);
   display:flex;
   flex-direction:column;
   align-items:center;
   justify-content:center;
   text-align:center;
   padding:30px;
   color:#77733b
}
.image-placeholder span {
   font-size:12px;
   text-transform:uppercase;
   letter-spacing:.08em
}
.image-placeholder strong {
   font-size:22px;
   color:#34331f;
   margin:8px 0
}
.image-placeholder small {
   max-width:80%;
   word-break:break-word
}
.callout-yellow {
   background:var(--primary);
   padding:58px 0
}
.callout-yellow .container {
   display:flex;
   align-items:center;
   justify-content:space-between;
   gap:30px
}
.callout-yellow h2 {
   font-size:clamp(30px,4vw,48px);
   margin:0;
   max-width:760px
}
.faq-grid {
   display:grid;
   grid-template-columns:.7fr 1.3fr;
   gap:70px;
   align-items:start
}
.faq-list details {
   border-top:1px solid #d6e2eb
}
.faq-list details:last-child {
   border-bottom:1px solid #d6e2eb
}
.faq-list summary {
   list-style:none;
   display:flex;
   justify-content:space-between;
   gap:20px;
   padding:22px 0;
   font-weight:800;
   font-size:18px;
   cursor:pointer
}
.faq-list summary::-webkit-details-marker {
   display:none
}
.faq-list summary span {
   font-size:25px
}
.faq-list details[open] summary span {
   transform:rotate(45deg)
}
.faq-list details div {
   padding:0 20px 18px 0;
   max-width:760px
}
.final-cta {
   padding-top:20px
}
.final-cta-box {
   border-radius:24px;
   background:#151611;
   color:#fff;
   padding:42px;
   display:flex;
   align-items:center;
   justify-content:space-between;
   gap:30px
}
.final-cta-box h2 {
   font-size:clamp(31px,4vw,50px);
   max-width:780px
}
.final-cta-box p {
   color:#d6d6cc
}
.site-footer {
   background:#eaf4fb;
   margin-top:80px;
   padding:62px 0 110px
}
.footer-grid {
   display:grid;
   grid-template-columns:1.3fr .7fr .8fr .7fr;
   gap:50px
}
.footer-brand img {
   width:180px;
   margin-bottom:20px
}
.footer-brand p {
   font-size:14px;
   max-width:360px
}
.footer-call {
   display:inline-flex;
   align-items:center;
   gap:8px;
   font-weight:900
}
.site-footer h2 {
   font-size:15px;
   margin-bottom:18px
}
.site-footer ul {
   list-style:none;
   margin:0;
   padding:0;
   display:grid;
   gap:8px
}
.site-footer li,.site-footer a {
   font-size:13px
}
.site-footer a:hover {
   text-decoration:underline
}
.footer-bottom {
   border-top:1px solid #d2d2c7;
   margin-top:44px;
   padding-top:22px;
   display:flex;
   justify-content:space-between;
   gap:30px
}
.footer-bottom p {
   font-size:12px;
   max-width:650px;
   margin:0
}
.mobile-sticky-cta {
   display:none
}
/* Inner hero system */.inner-hero {
   padding:46px 0 30px
}
.inner-hero-grid {
   display:grid;
   grid-template-columns:1fr .95fr;
   gap:38px;
   align-items:center
}
.inner-copy {
   padding:36px 0
}
.inner-copy h1 {
   font-size:clamp(44px,5.6vw,72px)
}
.inner-copy p {
   font-size:18px;
   max-width:660px
}
.page-image-frame {
   border-radius:24px;
   overflow:hidden;
   background:var(--surface);
   min-height:480px
}
.page-hero-image {
   width:100%;
   height:100%;
   min-height:480px;
   object-fit:cover
}
.hero-editorial .page-image-frame {
   clip-path:polygon(0 0,100% 0,100% 86%,14% 100%,0 88%)
}
.hero-angled .inner-hero-grid {
   grid-template-columns:.9fr 1.1fr
}
.hero-angled .page-image-frame {
   transform:rotate(1deg)
}
.hero-poster {
   background:#0d0e0c;
   color:#fff
}
.hero-poster p {
   color:#d5d5ca
}
.hero-poster .page-image-frame {
   border-radius:180px 24px 24px 24px
}
.hero-wide .inner-hero-grid {
   grid-template-columns:.78fr 1.22fr
}
.hero-wide .page-image-frame {
   min-height:390px
}
.hero-offset .page-image-frame {
   margin-top:70px
}
.hero-compact .page-image-frame {
   min-height:330px;
   max-height:390px
}
.hero-lifestyle .page-image-frame {
   border-radius:24px 120px 24px 24px
}
.hero-dark {
   background:#050505;
   color:#fff
}
.hero-dark p {
   color:#c9c9c0
}
.hero-dark .page-image-frame {
   border:1px solid #2c2c2c
}
.topic-section {
   padding-top:60px
}
.topic-grid {
   display:grid;
   grid-template-columns:repeat(3,1fr);
   gap:14px;
   margin-top:32px
}
.topic-card {
   padding:27px;
   border-radius:18px;
   background:#f4f8fb;
   min-height:250px
}
.topic-card .icon {
   width:34px;
   height:34px;
   margin-bottom:38px;
   color:#9f9a00
}
.quick-section {
   background:#ffffff
}
.quick-grid {
   display:grid;
   grid-template-columns:1fr 420px;
   gap:60px;
   align-items:start
}
.number-list {
   list-style:none;
   margin:30px 0 0;
   padding:0;
   display:grid;
   grid-template-columns:1fr 1fr;
   gap:12px
}
.number-list li {
   border-top:1px solid #d8d7c7;
   padding:18px 0;
   display:flex;
   gap:14px;
   font-weight:800
}
.number-list span {
   color:#8d8900
}
.visual-explainer .image-placeholder {
   min-height:460px
}
.related-section {
   padding-top:50px
}
.related-links {
   display:grid;
   grid-template-columns:repeat(3,1fr);
   gap:10px
}
.related-links a {
   display:flex;
   justify-content:space-between;
   padding:20px;
   border:1px solid #d7d6c7;
   border-radius:14px;
   font-weight:800
}
.related-links a:hover {
   background:var(--primary)
}
/* Directory */.directory-hero {
   padding:90px 0 46px;
   background:linear-gradient(180deg,#fff,#f4f8fb)
}
.directory-hero h1 {
   max-width:980px
}
.directory-hero p {
   font-size:20px;
   max-width:760px
}
.directory-nav {
   margin-top:28px;
   display:flex;
   align-items:center;
   gap:18px
}
.directory-nav span {
   font-weight:900
}
.directory-grid {
   display:grid;
   grid-template-columns:repeat(4,1fr);
   gap:12px
}
.directory-card {
   min-height:310px;
   border:1px solid #e1e0d3;
   border-radius:18px;
   padding:22px;
   display:flex;
   flex-direction:column
}
.directory-card:nth-child(5n+1) {
   background:var(--primary)
}
.directory-card .directory-index {
   font-size:12px;
   color:#777;
   margin-bottom:22px
}
.directory-card .icon {
   width:34px;
   height:34px;
   margin-bottom:30px
}
.directory-card p {
   font-size:14px
}
.directory-card strong {
   margin-top:auto;
   font-size:13px
}
.directory-break {
   background:#111;
   color:#fff
}
.directory-break p {
   color:#d1d1c7
}
/* Service details unique structures */.service-hero {
   padding:66px 0 34px
}
.service-hero>.container {
   display:grid;
   grid-template-columns:.95fr 1.05fr;
   gap:40px;
   align-items:center
}
.service-title h1 {
   font-size:clamp(42px,5.4vw,70px)
}
.service-title p {
   font-size:18px
}
.service-art .image-placeholder {
   min-height:430px
}
.service-staggered .service-art {
   transform:translateY(35px)
}
.service-rail>.container {
   grid-template-columns:1.15fr .85fr
}
.service-blocks {
   background:linear-gradient(90deg,#fff 0 64%,#eef6fb 64%)
}
.service-steps .service-art {
   order:-1
}
.service-splitcards .image-placeholder {
   border-radius:80px 20px 20px 20px
}
.service-editorial .service-title {
   max-width:720px
}
.service-matrix .service-art {
   transform:rotate(-1.5deg)
}
.service-ledger {
   border-bottom:6px solid var(--primary)
}
.service-bands {
   background:repeating-linear-gradient(0deg,#fff,#fff 60px,#ffffff 60px,#ffffff 61px)
}
.service-stacked>.container {
   display:block
}
.service-stacked .service-art {
   margin-top:30px
}
.service-tabs .service-art {
   border-left:12px solid var(--primary)
}
.service-offsetgrid .service-title {
   transform:translateY(26px)
}
.service-notebook .service-title {
   border-left:3px solid var(--primary);
   padding-left:24px
}
.service-industrial {
   background:#171814;
   color:#fff
}
.service-industrial p {
   color:#d3d3c8
}
.service-intro {
   padding-top:65px
}
.pull-quote {
   border:1px solid var(--border-strong);
   border-radius:18px;
   padding:30px
}
.pull-quote>span {
   font-size:60px;
   line-height:.7;
   color:#aaa400
}
.pull-quote p {
   font-size:25px;
   color:#222
}
.usecase-section {
   background:#f4f8fb
}
.usecase-grid {
   display:grid;
   grid-template-columns:repeat(3,1fr);
   gap:12px;
   margin-top:28px
}
.usecase-grid article {
   background:#fff;
   border-radius:18px;
   padding:25px
}
.usecase-grid article>span {
   font-weight:900;
   color:#9d9900
}
.prep-section {
   background:#11120f;
   color:#fff
}
.prep-grid {
   display:grid;
   grid-template-columns:1fr 1fr;
   gap:70px
}
.prep-grid p {
   color:#d4d4ca
}
.prep-grid ul {
   list-style:none;
   margin:0;
   padding:0;
   display:grid;
   grid-template-columns:1fr 1fr;
   gap:12px
}
.prep-grid li {
   border:1px solid #3e3f38;
   border-radius:14px;
   padding:18px;
   display:flex;
   gap:10px
}
.prep-grid .icon {
   color:var(--primary)
}
.service-question {
   border:1px solid #d7d6c7;
   border-radius:22px;
   padding:38px
}
.question-columns {
   display:grid;
   grid-template-columns:1fr 1fr;
   gap:12px 36px
}
.question-columns p {
   border-top:1px solid #ddd;
   padding-top:14px
}
/* About */.about-hero {
   padding:70px 0 30px
}
.about-hero>.container {
   display:grid;
   grid-template-columns:1fr 1fr;
   gap:50px;
   align-items:center
}
.about-hero .image-placeholder {
   min-height:500px;
   border-radius:50% 50% 24px 24px
}
.principle-grid {
   display:grid;
   grid-template-columns:repeat(4,1fr);
   gap:12px;
   margin-top:30px
}
.principle-grid article {
   padding:24px;
   background:#f4f8fb;
   border-radius:16px
}
.principle-grid article>span {
   font-size:28px;
   color:#a09a00;
   font-weight:900
}
.mission-strip {
   background:var(--primary);
   padding:42px 0
}
.mission-strip .container {
   display:flex;
   gap:40px;
   align-items:center
}
.mission-strip strong {
   font-size:14px;
   text-transform:uppercase
}
.mission-strip p {
   font-size:32px;
   color:#111;
   margin:0;
   font-weight:800
}
.audience-section .image-placeholder {
   min-height:380px
}
/* FAQ */.faq-hero {
   padding:80px 0 40px;
   background:#ffffff
}
.faq-hero h1 {
   max-width:980px
}
.faq-hero p {
   font-size:19px;
   max-width:700px
}
.faq-jump {
   display:flex;
   flex-wrap:wrap;
   gap:8px;
   margin-top:24px
}
.faq-jump a {
   border:1px solid #c9c8b9;
   border-radius:999px;
   padding:9px 14px;
   font-weight:700
}
.faq-master .container {
   display:grid;
   grid-template-columns:220px 1fr;
   gap:60px
}
.faq-index {
   position:sticky;
   top:160px;
   height:max-content
}
.faq-index span {
   display:block;
   font-size:76px;
   font-weight:900;
   color:#b3ad00
}
.faq-side-note {
   background:var(--primary)
}
.faq-side-note .container {
   display:grid;
   grid-template-columns:1fr 1fr;
   gap:50px
}
.faq-side-note p {
   font-size:20px;
   color:#222
}
/* Legal + misc */.legal-hero {
   padding:75px 0 30px;
   background:#f4f8fb
}
.legal-hero h1 {
   font-size:clamp(44px,6vw,74px)
}
.legal-layout {
   display:grid;
   grid-template-columns:260px 1fr;
   gap:70px
}
.legal-layout aside {
   position:sticky;
   top:160px;
   height:max-content;
   padding:22px;
   background:var(--primary);
   border-radius:16px
}
.legal-block {
   padding:0 0 32px;
   margin-bottom:32px;
   border-bottom:1px solid #ddd
}
.legal-block h2 {
   font-size:30px
}
.thank-hero {
   text-align:center;
   padding:90px 0;
   background:#f4f8fb
}
.thank-hero .container {
   max-width:850px
}
.thank-mark {
   width:72px;
   height:72px;
   border-radius:50%;
   display:grid;
   place-items:center;
   background:var(--primary);
   font-size:32px;
   font-weight:900;
   margin:0 auto 22px
}
.next-steps .outline-card>span {
   font-size:30px;
   color:#aaa600;
   font-weight:900
}
.not-found {
   min-height:70vh;
   display:grid;
   place-items:center;
   text-align:center;
   padding:70px 0
}
.error-code {
   display:block;
   font-size:140px;
   font-weight:950;
   line-height:.8;
   color:var(--primary)
}
/* Per-page layout DNA variations */.layout-1 .topic-grid {
   grid-template-columns:1.2fr .9fr .9fr
}
.layout-2 .topic-grid article:first-child {
   grid-row:span 2
}
.layout-2 .topic-grid {
   grid-template-columns:1fr 1fr
}
.layout-3 .topic-grid {
   transform:translateY(-10px)
}
.layout-3 .topic-card:nth-child(2) {
   background:var(--primary)
}
.layout-4 .visual-explainer {
   background:#111;
   color:#fff
}
.layout-4 .visual-explainer p {
   color:#d4d4ca
}
.layout-5 .topic-card {
   border:1px solid #bebb64;
   background:#fff
}
.layout-6 .quick-section {
   background:var(--primary-soft)
}
.layout-7 .related-links a:nth-child(2) {
   background:var(--primary)
}
.layout-8 .topic-grid article:nth-child(3) {
   border-radius:70px 18px 18px 18px
}
@media(max-width:1050px) {
   .nav-primary {
     grid-template-columns:200px 1fr auto
  }
   .primary-paths a {
     padding:10px 8px;
     font-size:13px
  }
   .hero-stage {
     grid-template-columns:1fr
  }
   .quick-call-card {
     display:grid;
     grid-template-columns:1fr 1fr;
     gap:12px
  }
   .quick-call-card .quick-kicker,.quick-call-card h2,.quick-call-card p,.quick-call-card small,.quick-call-card .no-form {
     grid-column:1/-1
  }
   .service-rail,.directory-grid {
     grid-template-columns:repeat(2,1fr)
  }
   .footer-grid {
     grid-template-columns:1.2fr 1fr 1fr
  }
   .footer-grid>div:last-child {
     grid-column:2
  }
   .inner-hero-grid,.quick-grid,.service-hero>.container {
     grid-template-columns:1fr
  }
   .page-image-frame {
     min-height:380px
  }
   .page-hero-image {
     min-height:380px
  }
   .service-art {
     max-width:780px
  }
   .service-staggered .service-art,.service-offsetgrid .service-title {
     transform:none
  }

}
@media(max-width:820px) {
   body {
     padding-bottom:78px
  }
   .container {
     width:min(100% - 28px,var(--container))
  }
   .primary-nav-wrap {
     border-bottom:1px solid #eee
  }
   .nav-primary {
     min-height:70px;
     grid-template-columns:1fr auto auto
  }
   .brand img {
     width:156px
  }
   .primary-paths,.secondary-nav-wrap,.header-call {
     display:none
  }
   .menu-toggle {
     display:flex
  }
   .mobile-menu[hidden] {
     display:none
  }
   .mobile-menu:not([hidden]) {
     display:block
  }
   .site-header {
     position:sticky
  }
   .hero-home {
     padding-top:14px
  }
   .hero-stage {
     display:flex;
     flex-direction:column
  }
   .hero-photo {
     min-height:540px
  }
   .hero-copy {
     left:24px;
     right:24px;
     bottom:26px;
     width:auto
  }
   .hero-copy h1 {
     font-size:42px
  }
   .quick-call-card {
     display:flex
  }
   .section {
     padding:64px 0
  }
   .heading-row {
     align-items:start;
     flex-direction:column;
     gap:16px
  }
   .three-cards,.topic-grid,.usecase-grid,.related-links,.principle-grid {
     grid-template-columns:1fr
  }
   .mosaic-grid {
     grid-template-columns:1fr;
     grid-template-rows:auto
  }
   .journey-large {
     grid-row:auto
  }
   .mosaic-image {
     grid-column:auto;
     min-height:280px
  }
   .service-rail {
     grid-template-columns:1fr 1fr
  }
   .process-grid,.split-grid,.faq-grid,.prep-grid,.about-hero>.container,.faq-side-note .container,.legal-layout {
     grid-template-columns:1fr;
     gap:34px
  }
   .process-grid {
     gap:38px
  }
   .callout-yellow .container,.final-cta-box,.mission-strip .container {
     align-items:flex-start;
     flex-direction:column
  }
   .footer-grid {
     grid-template-columns:1fr 1fr;
     gap:35px
  }
   .footer-grid>div:last-child {
     grid-column:auto
  }
   .footer-brand {
     grid-column:1/-1
  }
   .footer-bottom {
     flex-direction:column
  }
   .mobile-sticky-cta {
     display:block;
     position:fixed;
     left:12px;
     right:12px;
     bottom:10px;
     z-index:200
  }
   .mobile-sticky-cta a {
     height:58px;
     border-radius:14px;
     background:var(--primary);
     box-shadow:0 10px 30px rgba(0,0,0,.2);
     display:grid;
     grid-template-columns:auto 1fr auto;
     align-items:center;
     gap:8px;
     padding:0 16px;
     font-weight:800
  }
   .mobile-sticky-cta strong {
     font-size:13px
  }
   .inner-hero {
     padding-top:32px
  }
   .inner-copy {
     padding:0
  }
   .inner-hero-grid {
     display:flex;
     flex-direction:column
  }
   .page-image-frame {
     order:-1;
     min-height:300px
  }
   .page-hero-image {
     min-height:300px
  }
   .hero-poster .page-image-frame {
     border-radius:24px
  }
   .hero-offset .page-image-frame {
     margin-top:0
  }
   .number-list {
     grid-template-columns:1fr
  }
   .directory-grid {
     grid-template-columns:1fr 1fr
  }
   .service-hero>.container {
     display:flex;
     flex-direction:column
  }
   .service-art {
     order:-1;
     width:100%
  }
   .service-art .image-placeholder {
     min-height:300px
  }
   .question-columns,.prep-grid ul {
     grid-template-columns:1fr
  }
   .faq-master .container {
     grid-template-columns:1fr
  }
   .faq-index {
     position:static;
     display:flex;
     align-items:center;
     gap:16px
  }
   .faq-index span {
     font-size:52px
  }
   .legal-layout aside {
     position:static
  }
   .image-placeholder {
     min-height:320px
  }

}
@media(max-width:520px) {
   h1 {
     font-size:40px
  }
   h2 {
     font-size:32px
  }
   .hero-photo {
     min-height:520px
  }
   .hero-copy h1 {
     font-size:38px
  }
   .hero-copy p {
     font-size:16px
  }
   .hero-actions {
     flex-direction:column;
     align-items:stretch
  }
   .btn {
     width:100%
  }
   .quick-call-card {
     padding:22px
  }
   .service-rail,.directory-grid,.footer-grid {
     grid-template-columns:1fr
  }
   .footer-brand {
     grid-column:auto
  }
   .mosaic-image {
     min-height:220px
  }
   .outline-card {
     min-height:0
  }
   .topic-card {
     min-height:0
  }
   .page-image-frame,.page-hero-image {
     min-height:250px
  }
   .page-image-frame {
     max-height:360px
  }
   .mobile-sticky-cta strong {
     display:none
  }
   .mobile-sticky-cta a {
     grid-template-columns:auto 1fr
  }
   .faq-jump a {
     font-size:13px
  }
   .final-cta-box {
     padding:28px
  }
   .error-code {
     font-size:100px
  }

}
@media(prefers-reduced-motion:reduce) {
   *,*::before,*::after {
     animation-duration:.001ms!important;
     animation-iteration-count:1!important;
     transition-duration:.001ms!important;
     scroll-behavior:auto!important
  }

}
/* ===== Get Propane Refill V2 premium UI/UX enhancements ===== */ :root {
   --primary:#0067b1;
   --primary-deep:#d9cf00;
   --ink:#141510;
   --surface:#f6f6ef;
   --soft:#ffffff;
   --blue:#1845a0;
   --radius-xl:28px;
   --shadow-premium:0 18px 60px rgba(18,20,12,.12)
}
body {
   font-size:16px;
   line-height:1.65
}
h1 {
   font-size:clamp(38px,4.8vw,64px);
   line-height:1.02;
   letter-spacing:-.045em
}
h2 {
   font-size:clamp(30px,3.5vw,48px);
   line-height:1.08;
   letter-spacing:-.035em
}
h3 {
   font-size:clamp(19px,2vw,24px)
}
.eyebrow {
   display:inline-flex!important;
   align-items:center;
   gap:8px;
   width:max-content;
   max-width:100%;
   padding:7px 12px;
   border-radius:999px;
   background:rgba(244,234,0,.16);
   color:#6b6500!important;
   border:1px solid rgba(175,168,0,.25);
   font-size:11px!important;
   font-weight:850!important;
   letter-spacing:.11em!important;
   text-transform:uppercase!important;
   line-height:1.2!important;
   margin-bottom:14px!important
}
.dark-card .eyebrow,.eyebrow.light,.final-cta .eyebrow,.pulse-cta .eyebrow {
   background:rgba(255,255,255,.12);
   color:#fff!important;
   border-color:rgba(255,255,255,.16)
}
.top-path-bar {
   background:linear-gradient(90deg,#171812,#282a1d);
   border:0!important
}
.top-path-inner {
   min-height:50px;
   display:flex;
   align-items:center;
   justify-content:space-between;
   gap:24px
}
.top-path-bar .primary-paths {
   display:flex;
   align-items:center;
   justify-content:flex-start;
   gap:4px;
   margin:0
}
.top-path-bar .primary-paths a {
   color:#f3f3ea!important;
   padding:7px 13px;
   border-radius:9px;
   font-size:12px;
   font-weight:750;
   letter-spacing:.01em
}
.top-path-bar .primary-paths a:hover,.top-path-bar .primary-paths a.active {
   background:var(--primary);
   color:#12130f!important
}
.top-call {
   display:inline-flex;
   align-items:center;
   gap:8px;
   color:#fff;
   font-size:13px;
   font-weight:800;
   white-space:nowrap
}
.top-call .icon {
   width:17px;
   height:17px;
   fill:var(--primary)
}
.main-nav-bar {
   background:#fff;
   border-bottom:1px solid #ecece2;
   box-shadow:0 7px 20px rgba(20,21,16,.04)
}
.enhanced-nav {
   min-height:82px;
   display:grid;
   grid-template-columns:190px 1fr auto;
   align-items:center;
   gap:30px
}
.enhanced-nav .brand img {
   width:170px;
   height:auto
}
.secondary-links {
   display:flex;
   justify-content:center;
   align-items:center;
   gap:4px
}
.secondary-links>a,.mega-trigger>button {
   padding:10px 11px;
   border-radius:9px;
   font-size:13px;
   font-weight:750;
   color:#24251e
}
.secondary-links>a:hover,.secondary-links>a.active,.mega-trigger.active>button {
   background:#f3f3eb;
   color:#111
}
.nav-call {
   padding:12px 16px!important;
   font-size:12px!important;
   white-space:nowrap
}
.nav-call .icon {
   width:17px;
   height:17px
}
.mega-trigger {
   position:static
}
.premium-mega {
   left:50%!important;
   right:auto!important;
   transform:translate(-50%,12px);
   top:calc(100% + 0px)!important;
   width:min(1040px,calc(100vw - 40px));
   grid-template-columns:270px 1fr!important;
   border:1px solid #e7e7dc!important;
   border-radius:22px!important;
   padding:18px!important;
   box-shadow:0 24px 70px rgba(12,14,8,.18)!important;
   background:rgba(255,255,252,.98)!important;
   backdrop-filter:blur(14px);
   opacity:0;
   visibility:hidden;
   pointer-events:none;
   transition:opacity .22s ease,transform .22s ease!important
}
.mega-trigger:hover .premium-mega,.mega-trigger:focus-within .premium-mega,.mega-trigger.open .premium-mega {
   opacity:1;
   visibility:visible;
   pointer-events:auto;
   transform:translate(-50%,0)
}
.mega-intro {
   background:#171812;
   color:#fff;
   border-radius:16px;
   padding:24px!important;
   display:flex;
   flex-direction:column;
   align-items:flex-start;
   gap:10px
}
.mega-intro strong {
   font-size:22px;
   line-height:1.1
}
.mega-intro p {
   font-size:13px;
   color:#cfcfc4;
   margin:0
}
.mega-all-link {
   margin-top:auto;
   background:var(--primary);
   color:#111!important;
   border-radius:10px;
   padding:9px 12px!important;
   font-weight:800
}
.mega-links {
   display:grid!important;
   grid-template-columns:repeat(3,1fr)!important;
   gap:6px!important;
   padding:4px!important
}
.mega-links a {
   padding:11px 12px!important;
   border-radius:10px!important;
   font-size:12.5px!important;
   border:1px solid transparent
}
.mega-links a:hover,.mega-links a.active {
   background:#eef6fb!important;
   border-color:#e4e2bc!important;
   color:#111!important;
   transform:translateX(2px)
}
/* Hero gallery */ .hero-photo {
   overflow:hidden
}
.hero-slider,.hero-slide {
   position:absolute;
   inset:0
}
.hero-slider {
   z-index:0
}
.hero-slide {
   opacity:0;
   transform:scale(1.04);
   transition:opacity .7s ease,transform 6s ease
}
.hero-slide.active {
   opacity:1;
   transform:scale(1)
}
.hero-slide img {
   width:100%;
   height:100%;
   object-fit:cover
}
.hero-overlay,.hero-copy {
   z-index:2
}
.hero-dots {
   position:absolute;
   right:20px;
   bottom:18px;
   display:flex;
   gap:8px;
   z-index:5
}
.hero-dots button {
   width:28px;
   height:4px;
   border:0;
   border-radius:99px;
   background:rgba(255,255,255,.42);
   padding:0;
   cursor:pointer;
   transition:.25s
}
.hero-dots button.active {
   width:46px;
   background:var(--primary)
}
.hero-copy {
   max-width:760px
}
.hero-copy p {
   font-size:17px;
   max-width:650px
}
.quick-call-card {
   box-shadow:var(--shadow-premium);
   border:1px solid #e8e6c7
}
.quick-call-card h2 {
   font-size:24px!important;
   line-height:1.12
}
.quick-call-card .quick-kicker {
   color:#817900;
   font-size:11px;
   letter-spacing:.12em;
   text-transform:uppercase;
   font-weight:900
}
.quick-call-card .no-form {
   background:#f5f4df;
   border-radius:10px;
   padding:10px 12px;
   font-weight:800;
   color:#565000
}
.hero-with-call>.container,.hero-with-call .inner-hero-grid,.hero-with-call>.container.inner-hero-grid {
   display:grid!important;
   grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr) minmax(280px,.72fr)!important;
   align-items:stretch!important;
   gap:24px!important
}
.hero-with-call .hero-call-card {
   align-self:stretch
}
.hero-with-call .page-image-frame,.hero-with-call .service-art {
   min-height:100%;
   margin:0!important
}
.hero-with-call .page-hero-image,.hero-with-call .enhanced-section-image {
   height:100%;
   object-fit:cover;
   border-radius:22px
}
.legal-hero.hero-with-call>.container,.faq-hero.hero-with-call>.container,.thank-hero.hero-with-call>.container,.not-found.hero-with-call>.container {
   grid-template-columns:minmax(0,1fr) minmax(300px,.45fr)!important
}
.btn {
   min-height:46px;
   border-radius:12px;
   font-size:13px;
   font-weight:850;
   letter-spacing:.005em
}
.btn .icon,.cta-call .icon {
   transition:transform .35s ease
}
.btn:hover .icon,.cta-call:hover .icon {
   transform:rotate(-10deg) scale(1.08)
}
/* Card call actions + modern motion */ .motion-card {
   position:relative;
   overflow:hidden;
   transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease!important
}
.motion-card::after {
   content:"";
   position:absolute;
   inset:auto -30% -70% 20%;
   height:120px;
   background:radial-gradient(circle,rgba(244,234,0,.2),transparent 65%);
   opacity:0;
   transition:.35s;
   pointer-events:none
}
.motion-card:hover {
   transform:translateY(-7px);
   box-shadow:0 20px 45px rgba(18,20,12,.11)!important;
   border-color:#d8d05a!important
}
.motion-card:hover::after {
   opacity:1
}
.motion-icon {
   transform-origin:center;
   transition:transform .45s cubic-bezier(.2,.8,.2,1)!important
}
.motion-card:hover .motion-icon {
   transform:rotate(-9deg) translateY(-3px) scale(1.08)
}
.reveal-section {
   opacity:0;
   transform:translateY(28px);
   transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)
}
.reveal-section.is-visible {
   opacity:1;
   transform:none
}
.process-list li {
   transition:transform .35s ease,background .35s ease
}
.process-list li:hover {
   transform:translateX(8px);
   background:rgba(255,255,255,.05)
}
/* Home new sections */ .home-energy-board {
   background:#f4f4ed
}
.energy-board {
   display:grid;
   grid-template-columns:.9fr 1.4fr;
   gap:60px;
   align-items:center
}
.energy-board-copy p {
   max-width:560px
}
.energy-board-grid {
   display:grid;
   grid-template-columns:1fr 1fr;
   gap:12px
}
.energy-board-grid article {
   background:#fff;
   border:1px solid #e3e2d4;
   border-radius:20px;
   padding:26px;
   min-height:190px;
   transition:.35s
}
.energy-board-grid article:nth-child(2) {
   background:var(--primary)
}
.energy-board-grid article:hover {
   transform:translateY(-6px) rotate(-.3deg)
}
.energy-board-grid article>span {
   display:inline-grid;
   place-items:center;
   width:38px;
   height:38px;
   border-radius:12px;
   background:#171812;
   color:#fff;
   font-size:12px;
   font-weight:900
}
.home-spotlight {
   background:#fff
}
.spotlight-grid {
   display:grid;
   grid-template-columns:1.25fr .75fr;
   gap:48px;
   align-items:center
}
.spotlight-media {
   position:relative;
   min-height:520px;
   border-radius:28px;
   overflow:hidden
}
.spotlight-media img {
   width:100%;
   height:100%;
   object-fit:cover;
   position:absolute;
   inset:0
}
.spotlight-badge {
   position:absolute;
   left:18px;
   bottom:18px;
   background:var(--primary);
   color:#111;
   padding:10px 14px;
   border-radius:12px;
   font-size:12px;
   font-weight:900
}
.spotlight-list {
   display:grid;
   grid-template-columns:1fr 1fr;
   gap:8px;
   margin:24px 0
}
.spotlight-list span {
   border:1px solid #dfded1;
   border-radius:12px;
   padding:12px;
   font-weight:750;
   font-size:13px
}
.pulse-cta {
   background:#171812;
   color:#fff
}
.pulse-shell {
   display:grid;
   grid-template-columns:auto 1fr auto;
   gap:26px;
   align-items:center
}
.pulse-shell p {
   color:#d5d5c9;
   margin:0
}
.pulse-icon {
   width:82px;
   height:82px;
   display:grid;
   place-items:center;
   border-radius:50%;
   background:var(--primary);
   position:relative;
   color:#111
}
.pulse-icon .icon {
   width:28px;
   height:28px
}
.pulse-icon>span {
   position:absolute;
   inset:-10px;
   border:1px solid rgba(244,234,0,.5);
   border-radius:50%;
   animation:pulseRing 2.4s ease-out infinite
}
@keyframes pulseRing {
   0% {
     transform:scale(.75);
     opacity:1
  }
   100% {
     transform:scale(1.45);
     opacity:0
  }

}
/* Distinct page accents without breaking common design DNA */ body[class*="design-"] main>section:nth-of-type(3n+2) {
   background-image:radial-gradient(circle at 90% 0,rgba(244,234,0,.08),transparent 28%)
}
.design-power-your-home .topic-grid article:nth-child(1) {
   border-radius:70px 18px 18px 18px
}
.design-power-your-business .topic-grid article:nth-child(2) {
   background:#171812;
   color:#fff
}
.design-sell-propane .topic-grid article:nth-child(3) {
   background:var(--primary)
}
.design-about-propane .visual-explainer {
   border-radius:30px;
   margin-inline:auto;
   width:min(1180px,calc(100% - 28px));
   overflow:hidden
}
.design-pricing-delivery .process-grid {
   position:relative
}
.design-propane-services .directory-grid a:nth-child(4n+1) {
   background:var(--primary)
}
.design-contact .quick-section {
   background:#171812;
   color:#fff
}
.design-faq .faq-master {
   background:#f6f6ee
}
.design-autogas .service-hero,.design-autogas-fleet .service-hero {
   background:linear-gradient(135deg,#eef6fb,#eceeff)
}
.design-commercial-heat .service-intro {
   background:#171812;
   color:#fff
}
.design-crop-drying .usecase-grid article:nth-child(2) {
   background:#f0efe4
}
.design-forklift-propane .service-question {
   border-radius:70px 20px 20px 20px
}
.design-restaurants-hospitality .usecase-grid article:first-child {
   background:var(--primary)
}
.design-warehouse-manufacturing .prep-section {
   background:linear-gradient(135deg,#171812,#252716)
}
.enhanced-section-image {
   display:block;
   width:100%;
   height:100%;
   min-height:360px;
   object-fit:cover;
   border-radius:22px;
   box-shadow:var(--shadow-premium)
}
.premium-blank {
   border:1px dashed #c9c7aa!important;
   background:linear-gradient(135deg,#f4f8fb,#eaf3f8)!important
}
@media(max-width:1180px) {
   .enhanced-nav {
     grid-template-columns:170px 1fr auto;
     gap:14px
  }
   .nav-call {
     display:none
  }
   .hero-with-call>.container,.hero-with-call .inner-hero-grid,.hero-with-call>.container.inner-hero-grid {
     grid-template-columns:1fr 1fr!important
  }
   .hero-with-call .hero-call-card {
     grid-column:1/-1;
     display:grid;
     grid-template-columns:1fr 1fr;
     gap:10px
  }
   .hero-call-card>* {
     grid-column:1/-1
  }
   .mega-links {
     grid-template-columns:repeat(2,1fr)!important
  }

}
@media(max-width:820px) {
   .top-path-bar {
     display:none
  }
   .enhanced-nav {
     grid-template-columns:1fr auto!important;
     min-height:68px
  }
   .enhanced-nav .brand img {
     width:150px
  }
   .secondary-links,.nav-call {
     display:none
  }
   .hero-with-call>.container,.hero-with-call .inner-hero-grid,.hero-with-call>.container.inner-hero-grid {
     display:flex!important;
     flex-direction:column!important
  }
   .hero-with-call .hero-call-card {
     display:flex!important;
     order:2
  }
   .hero-with-call .page-image-frame,.hero-with-call .service-art {
     order:1
  }
   .hero-with-call .inner-copy,.hero-with-call .service-title {
     order:0
  }
   .hero-call-card {
     margin-top:8px
  }
   .energy-board,.spotlight-grid {
     grid-template-columns:1fr
  }
   .spotlight-media {
     min-height:360px
  }
   .pulse-shell {
     grid-template-columns:auto 1fr
  }
   .pulse-shell>.btn {
     grid-column:1/-1;
     width:100%
  }
   .reveal-section {
     transform:translateY(16px)
  }

}
@media(max-width:520px) {
   h1 {
     font-size:36px
  }
   h2 {
     font-size:29px
  }
   .hero-copy h1 {
     font-size:36px!important
  }
   .energy-board-grid,.spotlight-list {
     grid-template-columns:1fr
  }
   .spotlight-media {
     min-height:280px
  }
   .pulse-icon {
     width:64px;
     height:64px
  }
   .hero-dots {
     right:14px;
     bottom:12px
  }
   .quick-call-card h2 {
     font-size:21px!important
  }

}
@media(prefers-reduced-motion:reduce) {
   .hero-slide {
     transition:none!important;
     transform:none!important
  }
   .reveal-section {
     opacity:1!important;
     transform:none!important
  }
   .pulse-icon>span {
     animation:none!important
  }

}
/* === GET PROPANE REFILL V3 REFINEMENT START === */
/* Compact editorial type: titles are intentionally balanced to 2–3 lines without clipping content. */ .balanced-title {
   text-wrap:balance;
   max-width:20ch
}
main h1.balanced-title {
   font-size:clamp(36px,4.4vw,58px);
   line-height:1.04
}
main h2.balanced-title {
   font-size:clamp(28px,3.2vw,44px);
   line-height:1.08
}
.hero-home h1.balanced-title {
   font-size:clamp(44px,5vw,68px);
   max-width:15ch
}
/* home banner visual remains unchanged */
/* Inner hero: supplied page image is treated as the visual background; copy left, call assistant right. */ .inner-hero.hero-bg-banner {
   position:relative;
   isolation:isolate;
   overflow:hidden;
   min-height:560px;
   padding:64px 0;
   background:#12130f;
   color:#fff
}
.inner-hero-bg-media {
   position:absolute!important;
   inset:0!important;
   width:100%!important;
   height:100%!important;
   border-radius:0!important;
   overflow:hidden!important;
   z-index:-2;
   margin:0!important;
   padding:0!important;
   border:0!important
}
.inner-hero-bg-media img {
   width:100%!important;
   height:100%!important;
   object-fit:cover!important;
   object-position:center!important;
   filter:saturate(.9) contrast(1.02)
}
.inner-hero.hero-bg-banner:after {
   content:"";
   position:absolute;
   inset:0;
   z-index:-1;
   background:linear-gradient(90deg,rgba(10,11,9,.88) 0%,rgba(10,11,9,.72) 48%,rgba(10,11,9,.48) 72%,rgba(10,11,9,.36) 100%)
}
.inner-hero.hero-bg-banner .inner-hero-grid {
   display:grid;
   grid-template-columns:minmax(0,1.15fr) minmax(330px,.65fr);
   gap:clamp(34px,6vw,86px);
   align-items:center;
   min-height:430px
}
.inner-hero.hero-bg-banner .inner-copy {
   position:relative;
   z-index:2;
   max-width:720px
}
.inner-hero.hero-bg-banner .inner-copy p {
   color:#ecece4;
   max-width:66ch;
   font-size:16px
}
.inner-hero.hero-bg-banner .inner-copy .eyebrow {
   color:#111;
   background:var(--primary);
   border:0;
   box-shadow:none
}
.inner-hero.hero-bg-banner .inner-copy .text-link {
   color:#fff
}
.inner-hero.hero-bg-banner .hero-call-card {
   position:relative;
   z-index:2;
   align-self:stretch;
   max-width:440px;
   justify-self:end;
   background:rgba(255,255,255,.96);
   backdrop-filter:blur(8px);
   color:var(--ink)
}
/* Card CTA requested design: yellow, rounded, phone icon, visible number. */ .card-call-btn,.section-call-btn {
   width:100%;
   margin-top:22px;
   min-height:58px;
   border-radius:16px!important;
   font-size:15px;
   box-shadow:none!important
}
.card-call-btn .icon,.section-call-btn .icon {
   width:20px;
   height:20px
}
.motion-card .card-call-btn {
   margin-top:auto
}
.outline-card,.topic-card,.directory-card,.usecase-grid>article,.energy-board-grid>article,.service-question,.feature-card,.benefit-card,.comparison-card,.value-card,.contact-card {
   display:flex;
   flex-direction:column;
   align-items:flex-start;
   height:100%
}
.outline-card h3,.topic-card h3,.directory-card h3,.usecase-grid>article h3,.energy-board-grid>article h3 {
   margin-top:0;
   margin-bottom:10px
}
.outline-card>.icon,.topic-card>.icon,.directory-card>.icon,.usecase-grid>article>.icon {
   margin-bottom:24px!important
}
.motion-card>.icon {
   transition:transform .35s ease,background .35s ease,color .35s ease
}
.motion-card:hover>.icon {
   transform:translateY(-4px) rotate(-4deg)
}
/* Related blocks are call blocks rather than arrow-only navigation. */ .related-call-card {
   display:flex!important;
   flex-direction:column!important;
   align-items:flex-start!important;
   justify-content:center!important;
   gap:10px!important;
   min-height:150px!important
}
.related-call-card .related-context {
   font-size:13px;
   color:var(--muted);
   font-weight:750
}
.related-call-card .icon {
   width:22px;
   height:22px;
   color:#111
}
.related-call-card strong {
   font-size:16px
}
/* Equal-height columns are achieved through stretched card architecture, not artificial spacer margins. */ .three-cards,.topic-grid,.usecase-grid,.directory-index,.energy-board-grid,.question-columns,.prep-grid,.related-links {
   align-items:stretch
}
.three-cards>* ,.topic-grid>* ,.usecase-grid>* ,.directory-index>* ,.energy-board-grid>* ,.question-columns>* ,.prep-grid>* ,.related-links>* {
   height:100%
}
.split-grid {
   align-items:stretch
}
.split-grid>*,.visual-explainer .split-grid>* {
   min-height:100%;
   display:flex;
   flex-direction:column;
   justify-content:center
}
/* One mid-page CTA is allowed on home; final CTA is universal and connected directly to footer. */ .callout-yellow {
   margin:0
}
.sitewide-final-cta {
   padding:0!important;
   margin:0;
   background:var(--dark)
}
.sitewide-final-cta .container {
   width:min(var(--container),calc(100% - 40px))
}
.sitewide-final-cta .final-cta-box {
   border-radius:0;
   padding:54px 0;
   background:transparent;
   display:grid;
   grid-template-columns:1fr auto;
   align-items:center
}
.sitewide-final-cta .final-cta-box h2 {
   max-width:20ch;
   margin-bottom:10px
}
.sitewide-final-cta .final-cta-box p {
   max-width:68ch;
   margin-bottom:0
}
.sitewide-final-cta .btn {
   min-width:270px
}
.site-footer.connected-footer {
   margin-top:0!important;
   border-top:1px solid rgba(17,18,15,.08)
}
/* Top utility call is intentionally terse. */ .top-call {
   min-width:132px;
   justify-content:center
}
/* Distinct page/card surfaces: consistent DNA, varied composition. */ .page-variant-1 main .topic-card {
   border-radius:28px 8px 28px 8px;
   background:#fff;
   border:1px solid #deddb9
}
.page-variant-2 main .topic-card {
   border-radius:8px 28px 8px 28px;
   background:#f4f8fb;
   border-top:4px solid var(--primary)
}
.page-variant-3 main .topic-card {
   border-radius:22px;
   background:linear-gradient(180deg,#fff,#eef6fb);
   box-shadow:0 14px 34px rgba(17,18,15,.07)
}
.page-variant-4 main .topic-card {
   border-radius:18px;
   background:#151611;
   color:#fff;
   border:1px solid #2c2d26
}
.page-variant-4 main .topic-card p {
   color:#d7d7ce
}
.page-variant-5 main .topic-card {
   border-radius:32px;
   background:#fff;
   border:1px solid #eee;
   border-bottom:5px solid var(--primary)
}
.page-variant-6 main .topic-card {
   border-radius:14px;
   background:var(--primary-soft);
   border:0
}
.page-variant-7 main .topic-card {
   border-radius:24px;
   background:#fff;
   border:1px dashed #b9b44a
}
.page-variant-8 main .topic-card {
   border-radius:12px 36px 12px 36px;
   background:#f5f5ee;
   border:1px solid #e0dfca
}
.page-variant-1 main .visual-explainer {
   background:#ffffff
}
.page-variant-2 main .visual-explainer {
   background:#11120f;
   color:#fff
}
.page-variant-2 main .visual-explainer p {
   color:#d5d5cc
}
.page-variant-3 main .related-section {
   background:#e8f2f8
}
.page-variant-4 main .faq-section {
   background:#f4f8fb
}
.page-variant-5 main .visual-explainer {
   background:#eaf4fb
}
.page-variant-6 main .related-section {
   background:#151611;
   color:#fff
}
.page-variant-6 main .related-context {
   color:#d6d6ca
}
.page-variant-7 main .faq-section {
   background:#eef6fb
}
.page-variant-8 main .visual-explainer {
   background:#f4f4ee
}
/* Hover remains premium and light. */ .motion-card {
   transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease
}
.motion-card:hover {
   transform:translateY(-6px);
   box-shadow:0 18px 42px rgba(17,18,15,.10)
}
@media(max-width:991px) {
   .inner-hero.hero-bg-banner {
     min-height:auto;
     padding:48px 0
  }
   .inner-hero.hero-bg-banner .inner-hero-grid {
     grid-template-columns:1fr;
     gap:28px;
     min-height:0
  }
   .inner-hero.hero-bg-banner .hero-call-card {
     justify-self:stretch;
     max-width:none
  }
   .inner-hero.hero-bg-banner:after {
     background:linear-gradient(180deg,rgba(10,11,9,.82),rgba(10,11,9,.66))
  }
   .sitewide-final-cta .final-cta-box {
     grid-template-columns:1fr;
     gap:24px
  }
   .sitewide-final-cta .btn {
     min-width:0;
     width:100%
  }

}
@media(max-width:576px) {
   main h1.balanced-title {
     font-size:clamp(32px,10vw,42px)
  }
   main h2.balanced-title {
     font-size:clamp(27px,8vw,34px)
  }
   .inner-hero.hero-bg-banner {
     padding:38px 0
  }
   .inner-hero.hero-bg-banner .inner-copy p {
     font-size:15px
  }
   .card-call-btn {
     min-height:54px;
     font-size:14px
  }
   .sitewide-final-cta .container {
     width:min(var(--container),calc(100% - 28px))
  }
   .sitewide-final-cta .final-cta-box {
     padding:42px 0
  }

}
@media(prefers-reduced-motion:reduce) {
   .motion-card:hover {
     transform:none
  }
   .motion-card:hover>.icon {
     transform:none
  }

}
/* Service-detail hero refinement: text left, Quick Call card right; image/photo acts as backdrop when supplied. */ .service-hero.hero-bg-banner {
   position:relative;
   isolation:isolate;
   overflow:hidden;
   min-height:550px;
   padding:64px 0;
   background:linear-gradient(135deg,#171812,#25261b);
   color:#fff
}
.service-hero.hero-bg-banner:after {
   content:"";
   position:absolute;
   inset:0;
   z-index:-1;
   background:linear-gradient(90deg,rgba(10,11,9,.9),rgba(10,11,9,.68) 55%,rgba(10,11,9,.5))
}
.service-hero.hero-bg-banner>.inner-hero-bg-media {
   position:absolute!important;
   inset:0!important;
   z-index:-2;
   width:100%!important;
   height:100%!important
}
.service-hero.hero-bg-banner>.inner-hero-bg-media img {
   width:100%!important;
   height:100%!important;
   object-fit:cover!important
}
.service-hero-grid {
   position:relative;
   z-index:2;
   display:grid!important;
   grid-template-columns:minmax(0,1.1fr) minmax(330px,.62fr)!important;
   gap:clamp(36px,7vw,96px)!important;
   align-items:center!important;
   min-height:420px
}
.service-hero-grid .service-title {
   max-width:720px
}
.service-hero-grid .service-title p {
   color:#ecece3;
   max-width:65ch
}
.service-hero-grid .service-title .eyebrow {
   background:var(--primary);
   color:#111
}
.service-hero-grid .hero-call-card {
   grid-column:2!important;
   grid-row:1!important;
   max-width:440px;
   justify-self:end;
   align-self:stretch;
   background:rgba(255,255,255,.96);
   color:var(--ink);
   backdrop-filter:blur(8px)
}
.service-hero-grid>.service-art-placeholder-bg {
   display:none!important
}
@media(max-width:991px) {
   .service-hero.hero-bg-banner {
     min-height:auto;
     padding:48px 0
  }
   .service-hero-grid {
     grid-template-columns:1fr!important;
     gap:28px!important;
     min-height:0
  }
   .service-hero-grid .hero-call-card {
     grid-column:1!important;
     grid-row:auto!important;
     justify-self:stretch;
     max-width:none
  }
   .service-hero.hero-bg-banner:after {
     background:linear-gradient(180deg,rgba(10,11,9,.84),rgba(10,11,9,.68))
  }

}
/* === GET PROPANE REFILL V3 REFINEMENT END === */
/* === GET PROPANE REFILL V4 HOME POLISH START === */
/* Header: yellow number CTA and reliable mobile header visibility. */ .nav-call {
   background:var(--primary)!important;
   color:#111!important;
   border-color:var(--primary)!important
}
.nav-call:hover {
   background:#005a9c!important;
   color:#111!important
}
/* Section-level CTAs stay inline; only card/form CTAs are full width. */ .section-call-btn {
   width:auto!important;
   min-width:260px;
   align-self:flex-start
}
/* Home titles requested as controlled two-line editorial headings. */ .page-home .home-two-line-title {
   max-width:17ch!important;
   text-wrap:balance
}
/* Section 2: premium interactive call cards with readable hover states. */ .page-home .section-intro .heading-row {
   margin-bottom:30px
}
.page-home .section-intro .outline-card {
   position:relative;
   overflow:hidden;
   background:#fff;
   transition:transform .34s ease,background .34s ease,border-color .34s ease,color .34s ease,box-shadow .34s ease
}
.page-home .section-intro .outline-card>.icon {
   display:grid;
   place-items:center;
   width:48px;
   height:48px;
   padding:9px;
   border-radius:50%;
   background:#d8eaf6;
   color:#171812;
   margin-bottom:24px!important;
   transition:transform .34s ease,background .34s ease,color .34s ease
}
.page-home .section-intro .outline-card h3 {
   margin-bottom:12px
}
.page-home .section-intro .outline-card p {
   transition:color .34s ease
}
.page-home .section-intro .outline-card:hover {
   transform:translateY(-7px);
   background:var(--primary);
   border-color:var(--primary);
   box-shadow:0 18px 42px rgba(17,18,15,.12);
   color:#111
}
.page-home .section-intro .outline-card:hover p {
   color:#35352e
}
.page-home .section-intro .outline-card:hover>.icon {
   background:#111;
   color:var(--primary);
   transform:translateY(-3px) rotate(-5deg)
}
.page-home .section-intro .outline-card:hover .card-call-btn {
   background:#111!important;
   color:#fff!important;
   border-color:#111!important
}
.page-home .section-intro .outline-card:hover .card-call-btn .icon {
   color:#fff
}
/* Section 3: genuine button treatment, corrected round icon badges, richer copy without fake spacing. */ .page-home .journey-card {
   overflow:hidden;
   transition:transform .34s ease,box-shadow .34s ease,background .34s ease,color .34s ease
}
.page-home .journey-card>span:first-child {
   width:48px;
   height:48px;
   min-width:48px;
   min-height:48px;
   flex:0 0 48px;
   border-radius:50%!important;
   margin:0 0 22px!important;
   display:grid;
   place-items:center;
   overflow:hidden
}
.page-home .journey-card>span:first-child .icon {
   width:23px;
   height:23px
}
.page-home .journey-card h3 {
   margin-bottom:12px
}
.page-home .journey-card p {
   margin-bottom:18px
}
.page-home .journey-call {
   margin-top:auto;
   width:100%;
   min-height:52px;
   padding:12px 16px;
   border-radius:14px;
   background:var(--primary);
   color:#111;
   display:flex;
   align-items:center;
   justify-content:center;
   font-weight:900;
   transition:background .3s ease,color .3s ease,transform .3s ease
}
.page-home .journey-card.dark-card .journey-call {
   background:var(--primary);
   color:#111
}
.page-home .journey-card:hover {
   transform:translateY(-6px);
   box-shadow:0 18px 42px rgba(17,18,15,.12)
}
.page-home .journey-card:hover .journey-call {
   background:#111;
   color:#fff;
   transform:translateY(-2px)
}
.page-home .journey-card.dark-card:hover {
   background:#22231d
}
.page-home .journey-card.dark-card:hover .journey-call {
   background:#fff;
   color:#111
}
/* Section 4: service-card call action reads as a button, with clean icon/title spacing. */ .page-home .service-rail>a {
   border:1px solid transparent;
   overflow:hidden;
   transition:transform .34s ease,background .34s ease,color .34s ease,border-color .34s ease,box-shadow .34s ease
}
.page-home .service-rail>a>.icon {
   width:46px;
   height:46px;
   padding:9px;
   border-radius:50%;
   background:#c7ddec;
   color:#171812;
   margin-bottom:22px!important
}
.page-home .service-rail>a h3 {
   margin-bottom:10px
}
.page-home .service-rail>a p {
   transition:color .34s ease
}
.page-home .service-card-call {
   width:100%;
   min-height:50px;
   padding:11px 14px;
   border-radius:13px;
   background:var(--primary);
   color:#111;
   display:flex;
   align-items:center;
   justify-content:center;
   font-weight:900;
   margin-top:auto!important
}
.page-home .service-rail>a:hover {
   transform:translateY(-7px);
   background:#171812;
   color:#fff;
   border-color:#171812;
   box-shadow:0 18px 42px rgba(17,18,15,.12)
}
.page-home .service-rail>a:hover p {
   color:#d9d9cf
}
.page-home .service-rail>a:hover>.icon {
   background:var(--primary);
   color:#111;
   transform:rotate(-5deg) scale(1.04)
}
.page-home .service-rail>a:hover .service-card-call {
   background:var(--primary);
   color:#111
}
/* Section 5: balanced content + premium animated steps. */ .page-home .process-grid {
   align-items:stretch
}
.page-home .process-grid>div:first-child {
   display:flex;
   flex-direction:column;
   justify-content:center
}
.page-home .process-list {
   display:flex;
   flex-direction:column;
   justify-content:center
}
.page-home .process-step {
   position:relative;
   border-radius:14px;
   padding-inline:12px;
   overflow:hidden;
   transition:transform .32s ease,background .32s ease
}
.page-home .process-step:before {
   content:"";
   position:absolute;
   left:0;
   top:0;
   bottom:0;
   width:3px;
   background:var(--primary);
   transform:scaleY(0);
   transform-origin:center;
   transition:transform .32s ease
}
.page-home .process-step>span {
   display:grid;
   place-items:center;
   width:48px;
   height:48px;
   border-radius:50%;
   background:rgba(244,234,0,.08);
   transition:transform .35s ease,background .35s ease,color .35s ease
}
.page-home .process-step:hover {
   transform:translateX(7px);
   background:rgba(255,255,255,.055)
}
.page-home .process-step:hover:before {
   transform:scaleY(1)
}
.page-home .process-step:hover>span {
   background:var(--primary);
   color:#111;
   transform:rotate(-8deg) scale(1.06)
}
/* Section 6: inline button remains inline and split columns stretch naturally. */ .page-home .split-callout .split-copy {
   max-width:640px;
   justify-content:center
}
.page-home .split-callout .section-call-btn {
   margin-top:12px
}
/* Section 8: designed icon badges instead of numbering, consistent spacing and animated surfaces. */ .page-home .energy-board {
   align-items:stretch
}
.page-home .energy-board-copy {
   display:flex;
   flex-direction:column;
   justify-content:center
}
.page-home .energy-board-grid {
   align-items:stretch
}
.page-home .energy-board-grid article {
   display:flex;
   flex-direction:column;
   min-height:260px;
   overflow:hidden;
   transition:transform .34s ease,background .34s ease,color .34s ease,box-shadow .34s ease
}
.page-home .energy-board-grid article>.energy-icon {
   display:grid;
   place-items:center;
   width:50px;
   height:50px;
   border-radius:50%;
   background:#171812;
   color:var(--primary);
   margin-bottom:22px;
   transition:transform .34s ease,background .34s ease,color .34s ease
}
.page-home .energy-board-grid article>.energy-icon .icon {
   width:23px;
   height:23px
}
.page-home .energy-board-grid article h3 {
   margin-bottom:11px
}
.page-home .energy-board-grid article .card-call-btn {
   margin-top:auto
}
.page-home .energy-board-grid article:hover {
   transform:translateY(-7px);
   background:#171812!important;
   color:#fff;
   box-shadow:0 18px 42px rgba(17,18,15,.13)
}
.page-home .energy-board-grid article:hover p {
   color:#d8d8ce
}
.page-home .energy-board-grid article:hover>.energy-icon {
   background:var(--primary);
   color:#111;
   transform:rotate(-6deg) scale(1.05)
}
.page-home .energy-board-grid article:hover .card-call-btn {
   background:var(--primary)!important;
   color:#111!important
}
/* Section 9: column balance comes from useful content and stretch, not empty spacer margins. */ .page-home .spotlight-grid {
   align-items:stretch
}
.page-home .spotlight-media,.page-home .spotlight-copy {
   height:100%
}
.page-home .spotlight-copy {
   display:flex;
   flex-direction:column;
   justify-content:center
}
.page-home .spotlight-copy .btn {
   align-self:flex-start
}
/* Mobile header fix: original base CSS hid the entire secondary nav wrapper. */ @media(max-width:820px) {
   .site-header {
     display:block!important;
     position:sticky!important;
     top:0!important;
     background:#fff!important
  }
   .secondary-nav-wrap.main-nav-bar {
     display:block!important;
     border-top:0!important
  }
   .main-nav-bar .enhanced-nav {
     display:grid!important;
     grid-template-columns:1fr auto!important;
     min-height:68px!important
  }
   .main-nav-bar .brand {
     display:block!important
  }
   .main-nav-bar .menu-toggle {
     display:flex!important;
     justify-self:end
  }
   .main-nav-bar .secondary-links,.main-nav-bar .nav-call {
     display:none!important
  }
   .mobile-menu {
     top:68px!important;
     max-height:calc(100vh - 68px);
     overflow:auto;
     z-index:250
  }
   .page-home .home-two-line-title {
     max-width:19ch!important
  }
   .section-call-btn {
     width:auto!important;
     min-width:0
  }

}
@media(max-width:576px) {
   .page-home .section-intro .outline-card>.icon,.page-home .service-rail>a>.icon,.page-home .energy-board-grid article>.energy-icon {
     width:44px;
     height:44px;
     min-width:44px;
     min-height:44px
  }
   .page-home .journey-card>span:first-child {
     width:44px;
     height:44px;
     min-width:44px;
     min-height:44px;
     flex-basis:44px
  }
   .page-home .service-rail {
     grid-template-columns:1fr
  }

}
@media(prefers-reduced-motion:reduce) {
   .page-home .process-step:hover,.page-home .journey-card:hover,.page-home .service-rail>a:hover,.page-home .energy-board-grid article:hover,.page-home .section-intro .outline-card:hover {
     transform:none!important
  }
   .page-home .process-step:hover>span,.page-home .journey-card:hover>span:first-child,.page-home .service-rail>a:hover>.icon,.page-home .energy-board-grid article:hover>.energy-icon,.page-home .section-intro .outline-card:hover>.icon {
     transform:none!important
  }

}
/* === GET PROPANE REFILL V4 HOME POLISH END === */
/* === GET PROPANE REFILL V5 PRECISION POLISH START === */
/* Button internals: prevent parent card icon rules from displacing the phone icon. */ .card-call-btn,.section-call-btn,.quick-call-card .btn,.journey-call {
   display:inline-flex!important;
   align-items:center!important;
   justify-content:center!important;
   gap:10px!important;
   line-height:1.15!important;
   text-align:center!important
}
.card-call-btn .icon,.section-call-btn .icon,.quick-call-card .btn .icon {
   display:block!important;
   width:20px!important;
   height:20px!important;
   min-width:20px!important;
   min-height:20px!important;
   margin:0!important;
   padding:0!important;
   background:none!important;
   border-radius:0!important;
   transform:none!important;
   color:currentColor!important;
   align-self:center!important
}
.card-call-btn .icon path:not([fill="none"]),.section-call-btn .icon path:not([fill="none"]),.quick-call-card .btn .icon path:not([fill="none"]),.motion-icon path:not([fill="none"]) {
   fill:currentColor!important
}
.card-call-btn .icon path[fill="none"],.section-call-btn .icon path[fill="none"],.motion-icon path[fill="none"] {
   stroke:currentColor!important
}
.card-call-btn {
   background:var(--primary)!important;
   color:#111!important;
   border-color:var(--primary)!important
}
.card-call-btn:hover {
   background:#111!important;
   color:#fff!important;
   border-color:#111!important
}
/* Home section 2: icon/title grouping and stable readable hover. */ .page-home .section-intro .outline-card {
   min-height:360px!important;
   padding:28px!important
}
.page-home .section-intro .outline-card>.icon {
   margin:0 0 18px!important;
   flex:0 0 48px!important
}
.page-home .section-intro .outline-card h3 {
   margin:0 0 12px!important
}
.page-home .section-intro .outline-card p {
   margin-bottom:22px!important
}
.page-home .section-intro .outline-card:hover .card-call-btn {
   background:#111!important;
   color:#fff!important
}
.page-home .section-intro .outline-card:hover>.icon {
   background:#111!important;
   color:var(--primary)!important
}
/* Home section 3: preserve existing 14px mosaic gaps while giving right cards enough height for full CTA buttons. */ .page-home .mosaic-grid {
   grid-template-rows:minmax(285px,auto) minmax(285px,auto)!important;
   gap:14px!important
}
.page-home .journey-card {
   padding:28px!important
}
.page-home .journey-card p {
   line-height:1.55!important
}
.page-home .journey-call {
   flex:0 0 auto!important;
   margin-top:auto!important;
   min-height:54px!important;
   padding:13px 18px!important;
   overflow:visible!important
}
.page-home .journey-large p {
   margin-bottom:24px!important
}
/* Home section 8: ensure every custom icon is visible on dark and hover surfaces. */ .page-home .energy-board-grid article>.energy-icon {
   flex:0 0 50px!important;
   margin:0 0 18px!important
}
.page-home .energy-board-grid article>.energy-icon .icon path:not([fill="none"]) {
   fill:currentColor!important
}
.page-home .energy-board-grid article>.energy-icon .icon path[fill="none"] {
   stroke:currentColor!important
}
.page-home .energy-board-grid article h3 {
   margin-top:0!important
}
/* All non-home background heroes: strict 60/40 content/form composition with no artificial blank column. */ body:not(.page-home) .inner-hero.hero-bg-banner .inner-hero-grid, body:not(.page-home) .service-hero.hero-bg-banner .service-hero-grid {
   grid-template-columns:minmax(0,3fr) minmax(340px,2fr)!important;
   gap:28px!important;
   align-items:stretch!important
}
body:not(.page-home) .inner-hero.hero-bg-banner .inner-copy, body:not(.page-home) .service-hero.hero-bg-banner .service-title {
   max-width:none!important;
   display:flex!important;
   flex-direction:column!important;
   justify-content:center!important;
   padding:34px 0!important
}
body:not(.page-home) .inner-hero.hero-bg-banner .inner-copy h1, body:not(.page-home) .service-hero.hero-bg-banner .service-title h1 {
   font-size:clamp(38px,4.2vw,58px)!important;
   max-width:21ch!important;
   text-wrap:balance!important
}
body:not(.page-home) .inner-hero.hero-bg-banner .hero-call-card, body:not(.page-home) .service-hero.hero-bg-banner .hero-call-card {
   width:100%!important;
   max-width:none!important;
   justify-self:stretch!important;
   align-self:stretch!important;
   background:rgba(255,255,255,.89)!important;
   backdrop-filter:blur(10px)!important;
   -webkit-backdrop-filter:blur(10px)!important;
   border-color:rgba(255,255,255,.58)!important;
   box-shadow:0 18px 48px rgba(0,0,0,.16)!important
}
body:not(.page-home) .inner-hero.hero-bg-banner .hero-call-card p, body:not(.page-home) .service-hero.hero-bg-banner .hero-call-card p {
   color:#57574f!important
}
body:not(.page-home) .inner-hero.hero-bg-banner .hero-call-card .btn, body:not(.page-home) .service-hero.hero-bg-banner .hero-call-card .btn {
   margin-top:8px!important
}
/* Power Your Home hero: keep title compact and two-line friendly on desktop. */ .page-power-your-home .inner-copy h1 {
   max-width:18ch!important;
   font-size:clamp(40px,4.25vw,58px)!important
}
/* Power Your Home application cards: icon/title spacing + form-style button. */ .page-power-your-home .topic-card {
   padding:30px!important;
   min-height:390px!important;
   overflow:hidden!important
}
.page-power-your-home .topic-card>.icon {
   width:50px!important;
   height:50px!important;
   min-width:50px!important;
   min-height:50px!important;
   padding:12px!important;
   border-radius:50%!important;
   background:var(--primary)!important;
   color:#111!important;
   margin:0 0 20px!important
}
.page-power-your-home .topic-card>.icon path:not([fill="none"]) {
   fill:currentColor!important
}
.page-power-your-home .topic-card h3 {
   margin:0 0 12px!important
}
.page-power-your-home .topic-card p {
   margin-bottom:22px!important
}
.page-power-your-home .topic-card:hover>.icon {
   transform:rotate(-6deg) scale(1.05)!important
}
.page-power-your-home .topic-card .card-call-btn {
   margin-top:auto!important
}
/* Visual explainer keeps its section CTA inline and yellow. */ .page-power-your-home .visual-explainer .section-call-btn {
   width:auto!important;
   min-width:260px!important;
   align-self:flex-start!important;
   background:var(--primary)!important;
   color:#111!important;
   border-color:var(--primary)!important
}
.page-power-your-home .visual-explainer .section-call-btn:hover {
   background:#111!important;
   color:#fff!important;
   border-color:#111!important
}
/* Fresh section A: household rhythm timeline. */ .home-rhythm-section {
   background:#f4f8fb
}
.home-rhythm-grid {
   display:grid;
   grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
   gap:56px;
   align-items:stretch
}
.home-rhythm-copy {
   display:flex;
   flex-direction:column;
   justify-content:center
}
.rhythm-track {
   display:grid;
   gap:12px;
   align-content:stretch
}
.rhythm-track article {
   display:grid;
   grid-template-columns:78px 1fr;
   gap:20px;
   align-items:center;
   padding:22px 24px;
   border-radius:20px;
   background:#fff;
   border:1px solid #d6e2eb;
   min-height:132px;
   transition:transform .3s ease,background .3s ease,border-color .3s ease
}
.rhythm-track article:nth-child(2) {
   transform:translateX(24px);
   background:var(--primary-soft)
}
.rhythm-track article:hover {
   transform:translateX(8px);
   border-color:#bbb536
}
.rhythm-track article:nth-child(2):hover {
   transform:translateX(32px)
}
.rhythm-time {
   width:66px;
   height:66px;
   border-radius:20px;
   display:grid;
   place-items:center;
   background:#111;
   color:var(--primary);
   font-size:12px;
   font-weight:900;
   letter-spacing:.05em
}
.rhythm-track h3 {
   margin:0 0 6px
}
.rhythm-track p {
   margin:0
}
/* Fresh section B: readiness lanes. */ .home-readiness-section {
   background:#fff
}
.home-readiness-heading {
   display:grid;
   grid-template-columns:.7fr 1.3fr;
   gap:32px 60px;
   align-items:end;
   margin-bottom:36px
}
.home-readiness-heading .eyebrow {
   grid-column:1/-1;
   margin-bottom:-8px
}
.home-readiness-heading h2,.home-readiness-heading p {
   margin-bottom:0
}
.readiness-lanes {
   display:grid;
   grid-template-columns:1.1fr 1.1fr .8fr;
   gap:14px;
   align-items:stretch
}
.readiness-lane {
   padding:28px;
   border-radius:24px;
   min-height:330px;
   display:flex;
   flex-direction:column;
   border:1px solid #d6e2eb;
   transition:transform .3s ease,box-shadow .3s ease
}
.readiness-lane:hover {
   transform:translateY(-5px);
   box-shadow:0 18px 40px rgba(17,18,15,.08)
}
.readiness-lane.known {
   background:#11120f;
   color:#fff
}
.readiness-lane.known p,.readiness-lane.known li {
   color:#d9d9cf
}
.readiness-lane.verify {
   background:var(--primary)
}
.readiness-lane.outcome {
   background:#f4f8fb
}
.lane-mark {
   display:inline-flex;
   align-self:flex-start;
   padding:7px 10px;
   border-radius:999px;
   background:rgba(255,255,255,.14);
   font-size:11px;
   font-weight:900;
   letter-spacing:.08em;
   margin-bottom:28px
}
.verify .lane-mark {
   background:#111;
   color:var(--primary)
}
.outcome .lane-mark {
   background:#fff;
   border:1px solid #d6e2eb
}
.readiness-lane ul {
   margin:0;
   padding-left:20px;
   display:grid;
   gap:10px
}
.readiness-lane p {
   margin-bottom:0
}
/* Related paths: richer equal-height info cards with true form-style CTA buttons. */ .page-power-your-home .related-links {
   grid-template-columns:repeat(3,1fr)!important;
   gap:14px!important
}
.related-info-card {
   display:flex;
   flex-direction:column;
   align-items:flex-start;
   padding:28px;
   border:1px solid #dad9cb;
   border-radius:20px;
   min-height:330px;
   background:#fff
}
.related-info-card:nth-child(2) {
   background:var(--primary-soft)
}
.related-info-card:nth-child(3) {
   background:#171812;
   color:#fff
}
.related-info-card:nth-child(3) p,.related-info-card:nth-child(3) .related-context {
   color:#d8d8cf
}
.related-info-card h3 {
   margin:8px 0 12px
}
.related-info-card p {
   margin-bottom:22px
}
.related-info-card .card-call-btn {
   margin-top:auto!important;
   width:100%!important
}
@media(max-width:991px) {
   body:not(.page-home) .inner-hero.hero-bg-banner .inner-hero-grid, body:not(.page-home) .service-hero.hero-bg-banner .service-hero-grid {
     grid-template-columns:1fr!important;
     gap:24px!important
  }
   body:not(.page-home) .inner-hero.hero-bg-banner .inner-copy, body:not(.page-home) .service-hero.hero-bg-banner .service-title {
     padding:12px 0 0!important
  }
   body:not(.page-home) .inner-hero.hero-bg-banner .hero-call-card, body:not(.page-home) .service-hero.hero-bg-banner .hero-call-card {
     min-height:0!important
  }
   .home-rhythm-grid,.home-readiness-heading {
     grid-template-columns:1fr!important;
     gap:24px!important
  }
   .home-readiness-heading .eyebrow {
     grid-column:auto;
     margin-bottom:0
  }
   .readiness-lanes {
     grid-template-columns:1fr 1fr!important
  }
   .readiness-lane.outcome {
     grid-column:1/-1;
     min-height:220px
  }
   .page-power-your-home .related-links {
     grid-template-columns:1fr!important
  }
   .related-info-card {
     min-height:0
  }

}
@media(max-width:820px) {
   .page-home .mosaic-grid {
     grid-template-rows:auto!important;
     gap:14px!important
  }
   .page-home .journey-card {
     min-height:300px!important
  }
   .rhythm-track article:nth-child(2) {
     transform:none
  }
   .rhythm-track article:nth-child(2):hover,.rhythm-track article:hover {
     transform:translateY(-3px)
  }
   .readiness-lanes {
     grid-template-columns:1fr!important
  }
   .readiness-lane.outcome {
     grid-column:auto
  }

}
@media(max-width:576px) {
   .card-call-btn,.quick-call-card .btn,.section-call-btn {
     font-size:14px!important;
     min-height:54px!important;
     padding:12px 14px!important
  }
   .page-home .section-intro .outline-card,.page-power-your-home .topic-card {
     min-height:0!important
  }
   .rhythm-track article {
     grid-template-columns:56px 1fr;
     padding:18px;
     gap:14px
  }
   .rhythm-time {
     width:52px;
     height:52px;
     border-radius:16px
  }
   .readiness-lane {
     min-height:0;
     padding:24px
  }
   .page-power-your-home .visual-explainer .section-call-btn {
     min-width:0!important;
     width:auto!important
  }

}
@media(prefers-reduced-motion:reduce) {
   .rhythm-track article:hover,.readiness-lane:hover,.page-power-your-home .topic-card:hover>.icon {
     transform:none!important
  }

}
/* === GET PROPANE REFILL V5 PRECISION POLISH END === */
/* V5 inner-hero motion: subtle background drift and call-card settle, disabled for reduced motion. */ @keyframes gprHeroDrift {
   0%,100% {
     transform:scale(1.015) translate3d(0,0,0)
  }
   50% {
     transform:scale(1.04) translate3d(-.45%,.25%,0)
  }

}
@keyframes gprCardSettle {
   from {
     opacity:.01;
     transform:translate3d(20px,0,0)
  }
   to {
     opacity:1;
     transform:translate3d(0,0,0)
  }

}
body:not(.page-home) .hero-bg-banner .inner-hero-bg-media img {
   animation:gprHeroDrift 16s ease-in-out infinite;
   will-change:transform
}
body:not(.page-home) .hero-bg-banner .hero-call-card {
   animation:gprCardSettle .7s ease both
}
@media(max-width:820px) {
   body:not(.page-home) .hero-bg-banner .inner-hero-bg-media img {
     animation-duration:22s
  }

}
@media(prefers-reduced-motion:reduce) {
   body:not(.page-home) .hero-bg-banner .inner-hero-bg-media img,body:not(.page-home) .hero-bg-banner .hero-call-card {
     animation:none!important
  }

}
/* ===== V7 CONTENT-BALANCED REFINEMENTS ===== */
/* Quick-call cards use content, never artificial bottom spacing, to balance hero columns. */ body:not(.page-home) .quick-call-card {
   justify-content:flex-start!important
}
body:not(.page-home) .quick-call-card .no-form {
   margin-top:14px!important
}
body:not(.page-home) .quick-call-card .check-list {
   margin-bottom:16px!important;
   gap:9px!important
}
body:not(.page-home) .inner-copy h1 {
   font-size:clamp(42px,4.9vw,66px)!important;
   max-width:13.5ch;
   text-wrap:balance
}
/* Home customer-path large card: compact 2x2 information grid fills the card with useful content. */ .page-home .journey-large .journey-mini-grid {
   display:grid;
   grid-template-columns:1fr 1fr;
   gap:9px;
   margin:0 0 18px
}
.page-home .journey-mini-box {
   min-height:70px;
   border:1px solid rgba(17,18,15,.12);
   border-radius:14px;
   background:rgba(255,255,255,.58);
   padding:11px 12px;
   display:flex;
   flex-direction:column;
   justify-content:center
}
.page-home .journey-mini-box strong {
   font-size:12px;
   line-height:1.2;
   margin:0 0 4px!important
}
.page-home .journey-mini-box span {
   display:block;
   width:auto;
   height:auto;
   border-radius:0;
   background:none;
   margin:0!important;
   font-size:11px;
   color:#6b6a60;
   line-height:1.3
}
.page-home .journey-large .journey-call {
   margin-top:auto!important
}
/* Household rhythm now uses visual icons instead of AM / PM / SEASON labels. */ .rhythm-icon {
   border-radius:20px!important
}
.rhythm-icon svg {
   width:30px;
   height:30px;
   color:var(--primary);
   transition:transform .3s ease
}
.rhythm-track article:hover .rhythm-icon svg {
   transform:rotate(-8deg) scale(1.08)
}
/* Business page: visible content, balanced cards, and correct icon contrast. */ .page-power-your-business .topic-grid {
   align-items:stretch
}
.page-power-your-business .topic-card {
   display:flex;
   flex-direction:column;
   min-height:360px!important
}
.page-power-your-business .topic-card>p {
   font-size:15px;
   line-height:1.7;
   margin-bottom:22px
}
.page-power-your-business .topic-card>.icon {
   width:38px;
   height:38px;
   color:#9f9900!important;
   margin-bottom:24px!important
}
.page-power-your-business .topic-card:nth-child(2)>.icon {
   color:var(--primary)!important
}
.page-power-your-business .topic-card:nth-child(2) p {
   color:#deded5!important
}
.page-power-your-business .topic-card .card-call-btn {
   margin-top:auto!important
}
.page-power-your-business .visual-explainer .section-call-btn {
   width:auto!important;
   min-width:260px!important;
   align-self:flex-start!important;
   background:var(--primary)!important;
   color:#111!important;
   border-color:var(--primary)!important
}
.page-power-your-business .visual-explainer .section-call-btn:hover {
   background:#111!important;
   color:#fff!important;
   border-color:#111!important
}
/* Power Your Business fresh section A */ .business-demand-map {
   background:#f3f2ea
}
.business-demand-layout {
   display:grid;
   grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
   gap:54px;
   align-items:stretch
}
.business-demand-copy {
   display:flex;
   flex-direction:column;
   justify-content:center
}
.business-demand-copy h2 {
   max-width:11ch
}
.business-demand-tiles {
   display:grid;
   grid-template-columns:1fr 1fr;
   grid-template-rows:auto auto;
   gap:14px
}
.business-demand-tiles article {
   border-radius:22px;
   padding:28px;
   background:#fff;
   border:1px solid #deddd0;
   min-height:220px;
   transition:transform .3s ease,box-shadow .3s ease
}
.business-demand-tiles article:first-child {
   grid-row:span 2;
   background:var(--primary);
   display:flex;
   flex-direction:column;
   justify-content:center
}
.business-demand-tiles article:hover {
   transform:translateY(-5px);
   box-shadow:0 18px 38px rgba(17,18,15,.08)
}
.business-demand-tiles span {
   font-size:12px;
   font-weight:900;
   background:#111;
   color:var(--primary);
   border-radius:999px;
   padding:6px 9px;
   align-self:flex-start;
   margin-bottom:30px
}
.business-demand-tiles p {
   margin:0
}
/* Power Your Business fresh section B */ .business-verify-board {
   background:#151611;
   color:#fff
}
.business-verify-board p,.business-verify-board li {
   color:#d9d9d0
}
.business-verify-head {
   display:grid;
   grid-template-columns:.85fr 1.15fr;
   gap:22px 54px;
   align-items:end;
   margin-bottom:34px
}
.business-verify-head .eyebrow {
   grid-column:1/-1;
   color:#d8d383;
   margin-bottom:-4px
}
.business-verify-head h2,.business-verify-head p {
   margin-bottom:0
}
.business-verify-grid {
   display:grid;
   grid-template-columns:1fr 1fr .8fr;
   gap:14px;
   align-items:stretch
}
.business-verify-grid article {
   padding:28px;
   border-radius:22px;
   min-height:310px;
   border:1px solid #34352e
}
.business-verify-grid .known {
   background:#20211b
}
.business-verify-grid .confirm {
   background:var(--primary);
   color:#111
}
.business-verify-grid .confirm li,.business-verify-grid .confirm p {
   color:#4b4a36
}
.business-verify-grid .fit {
   background:#fff;
   color:#111
}
.business-verify-grid .fit p {
   color:#66665c
}
.business-verify-grid ul {
   padding-left:18px;
   margin:16px 0 0;
   display:grid;
   gap:10px
}
.verify-label {
   display:inline-flex;
   padding:7px 10px;
   border-radius:999px;
   background:rgba(255,255,255,.12);
   font-size:11px;
   font-weight:900;
   letter-spacing:.08em;
   margin-bottom:28px
}
.confirm .verify-label,.fit .verify-label {
   background:#111;
   color:var(--primary)
}
/* Sitewide fresh page-specific sections. Each page carries its own modifier + one of six composition variants. */ .fresh-page-section {
   overflow:hidden
}
.fresh-a-layout {
   display:grid;
   grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
   gap:48px;
   align-items:stretch
}
.fresh-a-heading {
   align-self:center
}
.fresh-a-heading h2 {
   max-width:12ch
}
.fresh-a-cards {
   display:grid;
   grid-template-columns:repeat(3,1fr);
   gap:12px;
   align-items:stretch
}
.fresh-a-cards article {
   position:relative;
   padding:26px;
   border:1px solid #deddd0;
   border-radius:22px;
   background:#fff;
   min-height:300px;
   display:flex;
   flex-direction:column;
   justify-content:flex-start;
   transition:transform .3s ease,box-shadow .3s ease
}
.fresh-a-cards article:hover {
   transform:translateY(-5px);
   box-shadow:0 16px 36px rgba(17,18,15,.08)
}
.fresh-mark {
   display:grid;
   place-items:center;
   width:42px;
   height:42px;
   border-radius:13px;
   background:#111;
   color:var(--primary);
   font-size:11px;
   font-weight:900;
   margin-bottom:38px
}
.fresh-a-cards p {
   margin-bottom:0
}
.fresh-b-layout {
   display:grid;
   grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
   gap:56px;
   align-items:start
}
.fresh-b-heading h2 {
   max-width:12ch
}
.fresh-b-rows {
   border-top:1px solid #d8d7ca
}
.fresh-b-rows article {
   display:grid;
   grid-template-columns:58px 1fr;
   gap:18px;
   padding:22px 0;
   border-bottom:1px solid #d8d7ca
}
.fresh-b-rows article>span {
   font-size:22px;
   font-weight:900;
   color:#9c9700
}
.fresh-b-rows h3 {
   margin-bottom:6px
}
.fresh-b-rows p {
   margin-bottom:0
}
.fresh-variant-1.fresh-page-section:nth-of-type(even),.fresh-variant-4.fresh-page-section:nth-of-type(even) {
   background:#f5f4ed
}
.fresh-variant-2 .fresh-a-cards article:nth-child(2),.fresh-variant-5 .fresh-a-cards article:nth-child(1) {
   background:var(--primary-soft)
}
.fresh-variant-3 .fresh-a-cards article:nth-child(3),.fresh-variant-6 .fresh-a-cards article:nth-child(2) {
   background:#171812;
   color:#fff
}
.fresh-variant-3 .fresh-a-cards article:nth-child(3) p,.fresh-variant-6 .fresh-a-cards article:nth-child(2) p {
   color:#d7d7ce
}
.fresh-variant-4 .fresh-a-cards {
   grid-template-columns:1.15fr .85fr .85fr
}
.fresh-variant-5 .fresh-a-cards {
   grid-template-columns:.85fr 1.15fr .85fr
}
.fresh-variant-6 .fresh-a-cards {
   grid-template-columns:.85fr .85fr 1.15fr
}
.fresh-variant-2 .fresh-b-layout,.fresh-variant-5 .fresh-b-layout {
   grid-template-columns:1.1fr .9fr
}
.fresh-variant-3 .fresh-b-rows article:nth-child(2),.fresh-variant-6 .fresh-b-rows article:nth-child(3) {
   background:var(--primary-soft);
   padding-inline:18px;
   border-radius:14px;
   border-bottom-color:transparent
}
@media(max-width:991px) {
   .page-home .journey-mini-grid {
     grid-template-columns:1fr 1fr
  }
   .business-demand-layout,.business-verify-head,.fresh-a-layout,.fresh-b-layout {
     grid-template-columns:1fr!important;
     gap:28px
  }
   .business-verify-grid,.fresh-a-cards {
     grid-template-columns:1fr!important
  }
   .business-demand-tiles {
     grid-template-columns:1fr 1fr
  }
   .business-demand-copy h2,.fresh-a-heading h2,.fresh-b-heading h2 {
     max-width:none
  }

}
@media(max-width:620px) {
   .page-home .journey-mini-grid,.business-demand-tiles {
     grid-template-columns:1fr
  }
   .business-demand-tiles article:first-child {
     grid-row:auto
  }
   .fresh-a-cards article {
     min-height:0
  }
   .fresh-b-rows article {
     grid-template-columns:44px 1fr;
     gap:12px
  }

}
/* ===== GET PROPANE REFILL V9 CONSISTENCY LOCK =====
   Content balances columns. Artificial CTA spacers are forbidden.
   Section CTAs stay inline/yellow; only cards and forms use full-width call controls.
*/
/* Global section CTA rule */ .section-call-btn, .inline-section-cta, .page-home .process-grid>div:first-child>.btn, .page-home .energy-board-copy>.btn, .page-home .spotlight-copy>.btn, .visual-explainer .split-grid>div>.btn {
   width:auto!important;
   min-width:0!important;
   max-width:max-content!important;
   align-self:flex-start!important;
   background:var(--primary)!important;
   color:#111!important;
   border-color:var(--primary)!important;
   margin-top:14px!important;
   padding-inline:22px!important;

}
.section-call-btn:hover,.inline-section-cta:hover, .page-home .process-grid>div:first-child>.btn:hover, .page-home .energy-board-copy>.btn:hover, .page-home .spotlight-copy>.btn:hover, .visual-explainer .split-grid>div>.btn:hover {
   background:#111!important;
   color:#fff!important;
   border-color:#111!important
}
/* Full-width belongs only to cards and forms. No auto spacer before CTAs. */ .card-call-btn,.journey-call,.service-card-call,.quick-call-card .btn,.hero-call-card .btn,.related-card-cta {
   width:100%!important;
   max-width:none!important;
   margin-top:16px!important;

}
.card-call-btn,.journey-call,.service-card-call {
   align-self:stretch!important
}
.topic-card .card-call-btn,.energy-board-grid article .card-call-btn,.related-info-card .card-call-btn, .page-home .journey-card .journey-call,.page-home .service-rail .service-card-call {
   margin-top:16px!important
}
/* Card content should define rhythm instead of min-height + margin:auto tricks. */ .topic-card,.related-info-card,.fresh-a-cards article {
   justify-content:flex-start!important
}
.topic-card .card-call-btn,.related-info-card .card-call-btn,.fresh-a-cards .card-call-btn {
   margin-top:16px!important
}
/* Home path mosaic: content fills the tall card naturally. */ .page-home .journey-large {
   justify-content:flex-start!important
}
.page-home .journey-large .journey-mini-grid {
   margin-top:2px!important;
   margin-bottom:14px!important
}
.page-home .journey-large .journey-call {
   margin-top:14px!important
}
.page-home .journey-support-copy {
   font-size:14px;
   line-height:1.55;
   margin:0 0 14px!important;
   color:#66655d
}
.page-home .journey-trust-note {
   display:block;
   margin-top:12px;
   color:#66655d;
   font-size:11px;
   line-height:1.45
}
.page-home .journey-mini-box {
   min-height:76px!important;
   justify-content:flex-start!important
}
.page-home .journey-mini-box span {
   font-size:11.5px!important
}
/* Home process/energy/spotlight section buttons are inline, and copy carries the height. */ .page-home .process-grid>div:first-child {
   justify-content:flex-start!important
}
.page-home .process-list {
   justify-content:flex-start!important
}
.page-home .energy-board-copy {
   justify-content:flex-start!important
}
.page-home .energy-context-list {
   margin:0 0 8px;
   padding:0;
   list-style:none;
   display:grid;
   grid-template-columns:1fr 1fr;
   gap:9px
}
.page-home .energy-context-list li {
   padding:10px 12px;
   border:1px solid #d6e2eb;
   border-radius:12px;
   background:#fff;
   font-size:12px;
   font-weight:750
}
.page-home .spotlight-copy {
   justify-content:flex-start!important
}
/* Icons in cards: same round geometry, visible on every surface. */ .topic-card>.icon,.outline-card>.icon,.service-rail>a>.icon,.energy-icon, .related-info-card>.icon,.fresh-a-cards .fresh-mark {
   border-radius:50%!important;
   aspect-ratio:1/1!important;

}
.topic-card>.icon {
   width:50px!important;
   height:50px!important;
   min-width:50px!important;
   min-height:50px!important;
   padding:12px!important;
   background:var(--primary)!important;
   color:#111!important;
   margin:0 0 20px!important
}
.topic-card>.icon path:not([fill="none"]) {
   fill:currentColor!important
}
.topic-card>.icon path[fill="none"] {
   stroke:currentColor!important
}
.topic-card h3 {
   margin-top:0!important;
   margin-bottom:12px!important
}
.topic-card:hover>.icon {
   background:#111!important;
   color:var(--primary)!important;
   transform:rotate(-6deg) scale(1.05)!important
}
/* Power Your Business: no forced blank-space card height, readable dark card, yellow icons. */ .page-power-your-business .topic-card {
   min-height:0!important;
   height:100%!important;
   justify-content:flex-start!important
}
.page-power-your-business .topic-card>.icon {
   background:var(--primary)!important;
   color:#111!important;
   margin-bottom:20px!important
}
.page-power-your-business .topic-card:nth-child(2) p {
   color:#e0e0d7!important
}
.page-power-your-business .topic-card .card-call-btn {
   margin-top:16px!important
}
/* Business operating profile: no spanning tile, no giant blank card. */ .page-power-your-business .business-demand-layout {
   grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;
   align-items:stretch!important
}
.page-power-your-business .business-demand-copy {
   justify-content:flex-start!important
}
.page-power-your-business .business-demand-copy h2 {
   max-width:18ch!important;
   font-size:clamp(34px,3.6vw,50px)!important;
   text-wrap:balance
}
.page-power-your-business .business-demand-notes {
   margin:8px 0 0;
   padding:0;
   list-style:none;
   display:grid;
   grid-template-columns:1fr 1fr;
   gap:9px
}
.page-power-your-business .business-demand-notes li {
   padding:10px 12px;
   border-radius:12px;
   background:#fff;
   border:1px solid #deddd0;
   font-size:12px;
   font-weight:750
}
.page-power-your-business .business-demand-tiles {
   grid-template-columns:1fr!important;
   grid-template-rows:repeat(3,auto)!important;
   align-content:start!important
}
.page-power-your-business .business-demand-tiles article, .page-power-your-business .business-demand-tiles article:first-child {
   grid-row:auto!important;
   min-height:0!important;
   display:block!important;
   justify-content:flex-start!important;
   padding:22px 24px!important
}
.page-power-your-business .business-demand-tiles span {
   width:46px!important;
   height:46px!important;
   padding:0!important;
   border-radius:50%!important;
   display:grid!important;
   place-items:center!important;
   margin:0 0 16px!important
}
.page-power-your-business .business-demand-tiles h3 {
   margin-bottom:8px!important
}
.page-power-your-business .business-demand-tiles p {
   line-height:1.6!important
}
/* Commercial readiness heading should not force a giant left-side title column. */ .page-power-your-business .business-verify-head {
   grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
   align-items:center!important
}
.page-power-your-business .business-verify-head h2 {
   font-size:clamp(34px,3.8vw,52px)!important;
   max-width:18ch!important
}
/* Related cards everywhere: useful content + actual full-width call control. */ .related-links {
   align-items:stretch!important
}
a.related-call-card {
   display:flex!important;
   flex-direction:column!important;
   align-items:flex-start!important;
   padding:26px!important;
   border:1px solid #d9d8cb!important;
   border-radius:20px!important;
   background:#fff!important;
   min-height:0!important;
   color:#111!important
}
a.related-call-card:nth-child(2) {
   background:var(--primary-soft)!important
}
a.related-call-card:nth-child(3) {
   background:#171812!important;
   color:#fff!important
}
a.related-call-card:nth-child(3) p,a.related-call-card:nth-child(3) .related-context {
   color:#d8d8cf!important
}
a.related-call-card h3 {
   font-size:21px;
   margin:8px 0 10px!important
}
a.related-call-card p {
   font-size:14px;
   line-height:1.6;
   margin:0 0 4px!important
}
.related-card-cta {
   display:flex!important;
   align-items:center!important;
   justify-content:center!important;
   gap:10px!important;
   min-height:54px;
   padding:12px 16px;
   border-radius:14px;
   background:var(--primary)!important;
   color:#111!important;
   border:1px solid var(--primary)!important
}
.related-card-cta .icon {
   width:20px!important;
   height:20px!important;
   margin:0!important;
   color:currentColor!important
}
a.related-call-card:hover {
   transform:translateY(-5px);
   box-shadow:0 16px 36px rgba(17,18,15,.09)
}
a.related-call-card:hover .related-card-cta {
   background:#111!important;
   color:#fff!important;
   border-color:#111!important
}
a.related-call-card:nth-child(3):hover .related-card-cta {
   background:var(--primary)!important;
   color:#111!important
}
/* Hero/forms: balance with content/points, never margin-top:auto. */ body:not(.page-home) .quick-call-card {
   justify-content:flex-start!important
}
body:not(.page-home) .quick-call-card .no-form {
   margin-top:14px!important
}
@media(max-width:991px) {
   .page-home .energy-context-list,.page-power-your-business .business-demand-notes {
     grid-template-columns:1fr!important
  }
   .page-power-your-business .business-demand-layout,.page-power-your-business .business-verify-head {
     grid-template-columns:1fr!important
  }

}
@media(max-width:620px) {
   .section-call-btn,.inline-section-cta,.page-home .process-grid>div:first-child>.btn,.page-home .energy-board-copy>.btn,.page-home .spotlight-copy>.btn,.visual-explainer .split-grid>div>.btn {
     max-width:100%!important
  }

}
/* V10 GLOBAL CONSISTENCY LOCK */
/* Dark surfaces: yellow subtitle chip with white text, everywhere. */ :is(.process-band,.business-verify-board,.final-cta,.final-cta-box,.dark-card,.hero-dark,.hero-poster,.page-variant-6 main .related-section,.design-contact .quick-section,.design-commercial-heat .service-intro,.fresh-page-section[style*="background"],.about-propane-boundary) .eyebrow, .section[style*="background:#1"] .eyebrow, .section[style*="background: #1"] .eyebrow {
   background:var(--primary)!important;
   color:#111!important;
   border-color:var(--primary)!important;

}
/* Headline + paragraph split rows: paragraph rests on the bottom edge. */ .split-heading-bottom {
   display:grid!important;
   grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;
   gap:16px 54px!important;
   align-items:end!important
}
.split-heading-bottom>.eyebrow {
   grid-column:1/-1!important
}
.split-heading-bottom>h2 {
   grid-column:1!important;
   margin-bottom:0!important
}
.split-heading-bottom>p {
   grid-column:2!important;
   align-self:end!important;
   margin-bottom:2px!important
}
/* Related path cards never show a subtitle/context label. */ .related-call-card .related-context {
   display:none!important
}
/* Section headings are intentionally tighter so desktop titles stay within two visual lines. */ main .section h2 {
   font-size:clamp(30px,3.25vw,46px);
   line-height:1.07;
   text-wrap:balance;
   max-width:24ch
}
main .section .heading-row h2,main .section .faq-grid h2 {
   max-width:22ch
}
/* Do not create fake equal-height gaps above CTAs. */ .topic-card,.journey-card,.usecase-grid>*,.related-call-card {
   justify-content:flex-start!important
}
.topic-card .card-call-btn,.journey-card .card-call-btn,.usecase-grid .card-call-btn,.related-call-card .related-card-cta {
   margin-top:22px!important
}
/* Power Your Business operational layout: left card spans both right cards but is filled with real content. */ .page-power-your-business .topic-grid {
   display:grid!important;
   grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
   grid-template-rows:auto auto!important;
   gap:18px!important;
   align-items:stretch!important
}
.page-power-your-business .topic-grid .topic-card:first-child {
   grid-row:1 / span 2!important;
   grid-column:1!important
}
.page-power-your-business .topic-grid .topic-card:nth-child(2) {
   grid-column:2!important;
   grid-row:1!important
}
.page-power-your-business .topic-grid .topic-card:nth-child(3) {
   grid-column:2!important;
   grid-row:2!important
}
.page-power-your-business .topic-card>.icon {
   width:52px!important;
   height:52px!important;
   padding:12px!important;
   border-radius:50%!important;
   background:var(--primary)!important;
   color:#111!important;
   margin:0 0 24px!important;
   display:block!important;
   overflow:visible!important
}
.page-power-your-business .topic-card>.icon path {
   fill:currentColor!important;
   stroke:currentColor!important;
   stroke-width:0!important
}
.page-power-your-business .topic-card h3 {
   margin-top:0!important
}
.page-power-your-business .topic-card p {
   margin-bottom:16px!important
}
.operational-facts {
   display:grid;
   grid-template-columns:1fr 1fr;
   gap:10px;
   margin:8px 0 4px
}
.operational-facts span {
   padding:12px 13px;
   border-radius:12px;
   background:#f2f1e9;
   border:1px solid #dfded2;
   font-size:13px;
   line-height:1.35;
   color:#55544c
}
.operational-facts strong {
   display:block;
   color:#111;
   margin-bottom:3px
}
/* New depth sections */ .depth-section {
   overflow:hidden
}
.depth-signal-layout {
   display:grid;
   grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
   gap:56px;
   align-items:end
}
.depth-signal-head p {
   max-width:620px
}
.depth-signal-rail {
   display:grid;
   grid-template-columns:repeat(3,1fr);
   gap:12px
}
.depth-signal-rail article {
   padding:24px;
   border:1px solid #deddd1;
   border-radius:18px;
   background:#fff;
   min-height:220px
}
.depth-signal-rail article:nth-child(2) {
   background:var(--primary-soft)
}
.depth-num {
   width:42px;
   height:42px;
   border-radius:50%;
   display:grid;
   place-items:center;
   background:#111;
   color:var(--primary);
   font-weight:900;
   margin-bottom:22px
}
.depth-signal-rail h3 {
   font-size:20px;
   margin-bottom:10px
}
.depth-signal-rail p {
   font-size:15px;
   margin:0
}
.depth-compare-layout {
   display:grid;
   grid-template-columns:.8fr 1.2fr;
   gap:58px;
   align-items:end
}
.depth-compare-intro p {
   max-width:600px
}
.depth-compare-board {
   display:grid;
   grid-template-columns:1fr 1fr;
   border-radius:24px;
   overflow:hidden;
   border:1px solid #d6e2eb
}
.depth-compare-board article {
   padding:34px;
   min-height:300px
}
.depth-compare-board .known {
   background:#f4f8fb
}
.depth-compare-board .verify {
   background:#171812;
   color:#fff
}
.depth-compare-board .verify h3 {
   color:#fff
}
.depth-compare-board .verify li {
   color:#deded6
}
.depth-compare-board ul {
   margin:20px 0 0;
   padding-left:20px;
   display:grid;
   gap:12px
}
.depth-2 .depth-signal-rail article:first-child,.depth-5 .depth-signal-rail article:last-child {
   border-radius:70px 18px 18px 18px
}
.depth-3 .depth-compare-board .known {
   background:var(--primary)
}
.depth-4 .depth-signal-layout {
   grid-template-columns:1fr
}
.depth-4 .depth-signal-rail {
   grid-template-columns:1.2fr .8fr .8fr
}
.depth-6 .depth-compare-board {
   transform:translateY(-8px)
}
/* About Propane bespoke redesign */ .about-propane-lens {
   background:#f6f5ee
}
.about-lens-grid {
   display:grid;
   grid-template-columns:1.05fr .95fr;
   gap:20px;
   align-items:stretch
}
.about-lens-copy {
   padding:54px;
   border-radius:26px;
   background:#fff;
   border:1px solid #e1e0d5
}
.about-lens-image {
   width:100%;
   height:100%;
   min-height:560px;
   object-fit:cover;
   border-radius:26px
}
.about-lens-facts {
   display:grid;
   grid-template-columns:repeat(3,1fr);
   gap:10px;
   margin-top:32px
}
.about-lens-facts article {
   padding:18px;
   border-radius:14px;
   background:#f5f4ed
}
.about-lens-facts h3 {
   font-size:16px
}
.about-lens-facts p {
   font-size:13px;
   margin:0
}
.about-propane-flow {
   background:#fff
}
.about-flow-track {
   display:grid;
   grid-template-columns:repeat(4,1fr);
   gap:0;
   margin-top:34px;
   border:1px solid #d9d8cc;
   border-radius:24px;
   overflow:hidden
}
.about-flow-track article {
   padding:30px;
   min-height:280px;
   border-right:1px solid #d9d8cc
}
.about-flow-track article:last-child {
   border-right:0
}
.about-flow-track article:nth-child(2) {
   background:var(--primary)
}
.about-flow-track span {
   display:grid;
   width:42px;
   height:42px;
   border-radius:50%;
   place-items:center;
   background:#111;
   color:var(--primary);
   font-weight:900;
   margin-bottom:34px
}
.about-flow-track p {
   font-size:15px
}
.about-propane-boundary {
   background:#171812;
   color:#fff
}
.about-propane-boundary p {
   color:#d9d9d0
}
.about-boundary-grid {
   display:grid;
   grid-template-columns:.8fr 1.2fr;
   gap:60px;
   align-items:end
}
.about-boundary-board {
   display:grid;
   grid-template-columns:1fr 1fr;
   gap:12px
}
.about-boundary-board article {
   padding:32px;
   border-radius:22px;
   background:#fff;
   color:#111
}
.about-boundary-board article.confirm {
   background:var(--primary)
}
.about-boundary-board ul {
   padding-left:20px;
   display:grid;
   gap:10px
}
.about-propane-fit {
   background:#eef6fb
}
.about-fit-layout {
   display:grid;
   grid-template-columns:.75fr 1.25fr;
   gap:56px;
   align-items:end
}
.about-fit-bento {
   display:grid;
   grid-template-columns:1fr 1fr;
   gap:12px
}
.about-fit-bento article {
   padding:28px;
   border-radius:20px;
   background:#fff;
   border:1px solid #deddd0
}
.about-fit-bento article:first-child {
   grid-row:span 2;
   background:var(--primary)
}
.about-fit-bento h3 {
   margin-bottom:10px
}
.about-fit-bento p {
   margin:0
}
/* ===== GET PROPANE REFILL V11 NAV + REDESIGNED PAGES ===== */ .mobile-header-call {
   display:none
}
/* Desktop services mega menu opens on hover and keyboard focus, while click support stays available. */ @media(min-width:821px) {
   .mega-trigger:hover>.mega-menu,.mega-trigger:focus-within>.mega-menu,.mega-trigger.open>.mega-menu {
     display:grid!important
  }
   .mega-trigger:hover>button,.mega-trigger:focus-within>button,.mega-trigger.active>button {
     background:var(--primary)
  }

}
.mobile-services-toggle {
   width:100%;
   border:0;
   background:transparent;
   display:flex;
   align-items:center;
   justify-content:space-between;
   padding:13px 4px;
   font-weight:800;
   color:#111;
   border-bottom:1px solid #eee;
   cursor:pointer
}
.mobile-services-toggle span {
   font-size:22px;
   line-height:1;
   transition:transform .25s ease
}
.mobile-services.open .mobile-services-toggle span {
   transform:rotate(45deg)
}
.mobile-services-list {
   padding:7px 0 12px 14px;
   background:#ffffff;
   border-bottom:1px solid #d9e5ed
}
.mobile-services-list[hidden] {
   display:none
}
.mobile-services-list a:not(.btn) {
   padding:10px 8px!important;
   font-size:13px!important;
   font-weight:700!important;
   border-bottom:1px solid #ecebe1!important
}
.mobile-services-list .mobile-all-services {
   background:var(--primary-soft);
   color:#111
}
/* Shared background-style inner banner for the redesigned pages. Image is deliberately left pending. */ .redesigned-page-hero {
   position:relative;
   overflow:hidden;
   min-height:610px;
   background:#252720;
   color:#fff;
   padding:52px 0
}
.redesigned-page-hero .redesign-hero-media {
   position:absolute;
   inset:0;
   background:linear-gradient(110deg,#1a1c17 0%,#292c25 60%,#35382f 100%)
}
.redesigned-page-hero .redesign-hero-media:after {
   content:"";
   position:absolute;
   inset:0;
   background:linear-gradient(90deg,rgba(11,12,10,.9),rgba(11,12,10,.66) 57%,rgba(11,12,10,.42))
}
.hero-image-pending {
   position:absolute;
   right:4%;
   top:50%;
   transform:translateY(-50%);
   width:36%;
   height:68%;
   border:1px dashed rgba(0,103,177,.24);
   border-radius:28px;
   display:grid;
   place-items:center;
   color:rgba(255,255,255,.26);
   font-size:12px;
   text-transform:uppercase;
   letter-spacing:.12em
}
.redesigned-page-hero .inner-hero-grid {
   position:relative;
   z-index:2;
   display:grid;
   grid-template-columns:minmax(0,1.5fr) minmax(340px,1fr);
   gap:42px;
   align-items:stretch
}
.redesigned-page-hero .inner-copy {
   display:flex;
   flex-direction:column;
   justify-content:center;
   max-width:760px
}
.redesigned-page-hero .inner-copy .eyebrow {
   align-self:flex-start;
   background:var(--primary);
   color:#111!important;
   border:0
}
.redesigned-page-hero h1 {
   font-size:clamp(42px,5vw,68px);
   max-width:15ch;
   color:#fff;
   margin-bottom:20px
}
.redesigned-page-hero .inner-copy>p {
   color:#d8e4ec;
   font-size:18px;
   max-width:650px
}
.redesigned-page-hero .hero-call-card {
   background:rgba(255,255,255,.93);
   backdrop-filter:blur(10px);
   color:#111;
   border-color:rgba(255,255,255,.55);
   align-self:stretch
}
.redesigned-page-hero .hero-call-card p,.redesigned-page-hero .hero-call-card small {
   color:#66665e
}
.redesigned-page-hero .hero-call-card .quick-kicker {
   color:#777000
}
/* FAQ page: unique editorial accordion + decision board. */ .faq-redesign-index {
   background:#f5f4ec
}
.faq-redesign-grid {
   display:grid;
   grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
   gap:72px;
   align-items:start
}
.faq-redesign-intro {
   position:sticky;
   top:150px
}
.faq-redesign-intro h2 {
   max-width:13ch!important
}
.faq-topic-pills {
   display:flex;
   flex-wrap:wrap;
   gap:9px;
   margin-top:28px
}
.faq-topic-pills span {
   padding:9px 13px;
   border-radius:999px;
   background:#fff;
   border:1px solid #deddd2;
   font-size:13px;
   font-weight:800
}
.faq-redesign-list details {
   background:#fff;
   border:1px solid #dfded3!important;
   border-radius:16px;
   margin-bottom:10px;
   padding:0 20px;
   transition:transform .25s ease,box-shadow .25s ease
}
.faq-redesign-list details:hover {
   transform:translateX(4px);
   box-shadow:0 12px 28px rgba(0,0,0,.05)
}
.faq-redesign-list summary {
   padding:20px 0!important
}
.faq-redesign-list details div {
   padding-bottom:18px!important
}
.faq-question-board {
   background:#fff
}
.faq-board-head {
   display:grid;
   grid-template-columns:.85fr 1.15fr;
   gap:18px 50px;
   align-items:end;
   margin-bottom:34px
}
.faq-board-head .eyebrow {
   grid-column:1/-1
}
.faq-board-head h2 {
   margin:0!important
}
.faq-board-head p {
   margin:0!important;
   align-self:end
}
.faq-board-grid {
   display:grid;
   grid-template-columns:1.05fr .95fr .95fr;
   gap:12px
}
.faq-board-grid article {
   padding:30px;
   border-radius:22px;
   border:1px solid #dad9cd;
   min-height:290px
}
.faq-board-grid article:first-child {
   background:var(--primary)
}
.faq-board-grid article:nth-child(3) {
   background:#171812;
   color:#fff
}
.faq-board-grid article:nth-child(3) p {
   color:#d8d8cf
}
.faq-board-grid article>span {
   display:grid;
   place-items:center;
   width:44px;
   height:44px;
   border-radius:50%;
   background:#111;
   color:var(--primary);
   font-weight:900;
   margin-bottom:40px
}
.faq-image-story {
   background:#f4f8fb
}
.faq-image-story-grid {
   display:grid;
   grid-template-columns:1.05fr .95fr;
   gap:56px;
   align-items:center
}
.image-slot-pending {
   min-height:430px;
   border-radius:26px;
   border:1px dashed #aaa64d;
   background:linear-gradient(135deg,#e9f3f9,#c7ddec);
   display:flex;
   flex-direction:column;
   align-items:center;
   justify-content:center;
   text-align:center;
   padding:28px;
   color:#6a682d
}
.image-slot-pending span {
   text-transform:uppercase;
   font-size:11px;
   font-weight:900;
   letter-spacing:.1em
}
.image-slot-pending strong {
   font-size:22px;
   color:#25251c;
   margin:9px
}
.clean-checks {
   list-style:none;
   padding:0;
   margin:24px 0 0;
   display:grid;
   grid-template-columns:1fr 1fr;
   gap:10px
}
.clean-checks li {
   padding:13px 15px;
   border-radius:12px;
   background:#fff;
   border:1px solid #deddd1;
   font-weight:700;
   font-size:14px
}
/* Services page: unique directory + route map + image feature. */ .services-directory-new {
   background:#f6f5ee
}
.services-directory-head {
   display:grid;
   grid-template-columns:1fr 1fr;
   gap:60px;
   align-items:end;
   margin-bottom:34px
}
.services-directory-head h2 {
   margin-bottom:0!important
}
.services-directory-head>p {
   margin-bottom:0
}
.services-directory-grid {
   display:grid;
   grid-template-columns:repeat(4,1fr);
   gap:12px
}
.service-directory-card {
   padding:24px;
   border-radius:20px;
   background:#fff;
   border:1px solid #dddbd0;
   display:flex;
   flex-direction:column;
   min-height:340px;
   transition:transform .3s ease,box-shadow .3s ease
}
.service-directory-card:nth-child(5n+1) {
   background:var(--primary)
}
.service-directory-card:nth-child(7n) {
   background:#171812;
   color:#fff
}
.service-directory-card:nth-child(7n) p {
   color:#d7d7ce
}
.service-directory-card:hover {
   transform:translateY(-6px);
   box-shadow:0 18px 34px rgba(0,0,0,.08)
}
.service-no {
   font-size:11px;
   font-weight:900;
   letter-spacing:.08em;
   margin-bottom:28px
}
.service-directory-card h3 {
   font-size:21px
}
.service-directory-card p {
   font-size:14px;
   line-height:1.55;
   margin-bottom:18px
}
.service-directory-card .card-call-btn {
   margin-top:0!important;
   width:100%
}
.services-route-map {
   background:#171812;
   color:#fff
}
.services-route-map p {
   color:#d8d8ce
}
.services-route-layout {
   display:grid;
   grid-template-columns:.7fr 1.3fr;
   gap:72px;
   align-items:end
}
.services-route-copy .eyebrow {
   background:var(--primary);
   color:#111!important
}
.services-route-steps {
   display:grid;
   grid-template-columns:repeat(3,1fr);
   gap:12px
}
.services-route-steps article {
   padding:28px;
   border:1px solid #36372f;
   border-radius:20px;
   min-height:310px
}
.services-route-steps article:nth-child(2) {
   background:var(--primary);
   color:#111
}
.services-route-steps article:nth-child(2) p {
   color:#4b4b3c
}
.services-route-steps span {
   display:grid;
   place-items:center;
   width:44px;
   height:44px;
   border-radius:50%;
   background:#fff;
   color:#111;
   font-weight:900;
   margin-bottom:38px
}
.services-route-steps article:nth-child(2) span {
   background:#111;
   color:var(--primary)
}
.services-image-feature {
   background:#fff
}
.services-image-feature-grid {
   display:grid;
   grid-template-columns:.9fr 1.1fr;
   gap:60px;
   align-items:center
}
.service-use-tags {
   display:flex;
   flex-wrap:wrap;
   gap:9px;
   margin-top:25px
}
.service-use-tags span {
   padding:9px 12px;
   border:1px solid #d7d6c9;
   border-radius:999px;
   background:#eef6fb;
   font-size:13px;
   font-weight:800
}
/* Legal pages: banner, clean reading content, CTA. No extra marketing sections. */ .legal-clean-content {
   background:#fff
}
.legal-reading-column {
   width:min(900px,100%);
   margin-inline:auto
}
.legal-updated {
   font-size:13px;
   color:#77756d;
   border-bottom:1px solid #dfded3;
   padding-bottom:20px;
   margin-bottom:10px
}
.legal-reading-column h2 {
   font-size:clamp(28px,3vw,38px)!important;
   max-width:20ch!important;
   margin:0!important;
   padding:34px 0 12px;
   border-top:1px solid #e1e0d6
}
.legal-reading-column h2:first-of-type {
   border-top:0
}
.legal-reading-column p {
   font-size:16px;
   line-height:1.75;
   max-width:850px;
   margin-bottom:6px
}
@media(max-width:991px) {
   .redesigned-page-hero .inner-hero-grid,.faq-redesign-grid,.faq-board-head,.faq-image-story-grid,.services-directory-head,.services-route-layout,.services-image-feature-grid {
     grid-template-columns:1fr!important;
     gap:30px
  }
   .faq-redesign-intro {
     position:static
  }
   .faq-board-grid,.services-route-steps {
     grid-template-columns:1fr!important
  }
   .services-directory-grid {
     grid-template-columns:1fr 1fr
  }
   .hero-image-pending {
     display:none
  }
   .redesigned-page-hero {
     min-height:0
  }
   .redesigned-page-hero h1 {
     max-width:18ch
  }

}
@media(max-width:820px) {
   .nav-primary,.nav-secondary.enhanced-nav {
     display:grid!important;
     grid-template-columns:minmax(120px,1fr) auto auto!important;
     gap:10px!important;
     align-items:center!important;
     min-height:72px!important
  }
   .main-nav-bar,.secondary-nav-wrap {
     display:block!important;
     background:#fff!important;
     border-top:0!important
  }
   .secondary-links,.nav-call {
     display:none!important
  }
   .brand {
     display:block!important
  }
   .brand img {
     width:150px!important
  }
   .mobile-header-call {
     display:inline-flex!important;
     align-items:center;
     justify-content:center;
     gap:7px;
     background:var(--primary);
     border-radius:12px;
     min-height:46px;
     padding:8px 11px;
     font-weight:900;
     font-size:12px;
     white-space:nowrap
  }
   .mobile-header-call .icon {
     width:18px;
     height:18px
  }
   .mobile-header-call strong {
     font-size:11px
  }
   .mobile-header-call span {
     display:none
  }
   .menu-toggle {
     display:flex!important
  }
   .mobile-menu {
     top:72px!important
  }
   .top-path-bar {
     display:none!important
  }
   .redesigned-page-hero {
     padding:34px 0
  }
   .redesigned-page-hero .inner-copy {
     padding:14px 0
  }
   .redesigned-page-hero .hero-call-card {
     margin-top:6px
  }
   .redesigned-page-hero h1 {
     font-size:clamp(38px,9vw,52px)
  }
   .clean-checks {
     grid-template-columns:1fr
  }
   .services-directory-grid {
     grid-template-columns:1fr 1fr
  }

}
@media(max-width:560px) {
   .nav-secondary.enhanced-nav {
     grid-template-columns:1fr auto auto!important
  }
   .brand img {
     width:136px!important
  }
   .mobile-header-call {
     min-height:42px;
     padding:7px 9px
  }
   .mobile-header-call strong {
     font-size:10px
  }
   .menu-toggle {
     width:44px;
     height:44px
  }
   .services-directory-grid {
     grid-template-columns:1fr
  }
   .faq-board-grid {
     grid-template-columns:1fr
  }
   .faq-question-board .container,.services-directory-new .container {
     width:min(100% - 24px,var(--container))
  }

}
.hero-image-pending>span {
   display:none
}
/* === V12 precision consistency layer === */
/* Dark-surface subtitles always use the Get Propane Refill yellow chip with black text. */ .mega-intro .eyebrow, .dark-card .eyebrow, .process-band .eyebrow, .final-cta-box .eyebrow, .sitewide-final-cta .eyebrow, .directory-break .eyebrow, .prep-section .eyebrow, .business-verify-board .eyebrow, .about-propane-boundary .eyebrow, .services-route-map .eyebrow, .depth-compare-board .verify .eyebrow, [class*="fresh-"] .dark-card .eyebrow, [class*="depth-"] .dark-card .eyebrow, .page-variant-2 main .visual-explainer .eyebrow, .page-variant-4 main .topic-card .eyebrow, .page-variant-6 main .related-section .eyebrow {
   display:inline-flex!important;
   align-items:center!important;
   width:max-content!important;
   background:var(--primary)!important;
   color:#111!important;
   border-color:var(--primary)!important;
   padding:8px 14px!important;
   border-radius:999px!important;
   font-weight:900!important;

}
/* Generic split heading pattern: right explanatory paragraph sits on the baseline/bottom. */ .split-heading-bottom {
   align-items:end!important
}
.split-heading-bottom>p {
   align-self:end!important;
   margin-bottom:0!important
}
/* Mega intro primary action must always read as a button. */ .mega-intro .mega-all-link {
   display:inline-flex!important;
   align-items:center!important;
   justify-content:center!important;
   background:var(--primary)!important;
   color:#111!important;
   padding:11px 15px!important;
   border-radius:12px!important;
   font-weight:900!important;
   margin-top:8px!important;
   min-height:44px!important
}
.mega-intro .mega-all-link:hover {
   background:#005a9c!important;
   transform:translateY(-2px)
}
/* Power Your Business: three genuinely equal content-driven columns, no row-span filler. */ .page-power-your-business .business-topic-equal {
   display:grid!important;
   grid-template-columns:repeat(3,minmax(0,1fr))!important;
   grid-template-rows:auto!important;
   gap:18px!important;
   align-items:stretch!important
}
.page-power-your-business .business-topic-equal .topic-card {
   grid-column:auto!important;
   grid-row:auto!important;
   height:auto!important;
   min-height:0!important;
   display:flex!important;
   flex-direction:column!important;
   padding:30px!important
}
.page-power-your-business .business-topic-equal .topic-card p {
   margin-bottom:20px!important
}
.topic-icon-circle {
   width:58px;
   height:58px;
   border-radius:50%;
   display:grid;
   place-items:center;
   background:var(--primary);
   color:#111;
   margin:0 0 24px!important;
   flex:0 0 auto;
   transition:transform .35s ease,background .35s ease
}
.topic-icon-circle .icon {
   width:27px!important;
   height:27px!important;
   color:#111!important;
   fill:currentColor!important
}
.topic-icon-circle path {
   fill:currentColor!important;
   stroke:currentColor
}
.business-topic-equal .dark-card .topic-icon-circle {
   background:var(--primary)!important;
   color:#111!important
}
.business-topic-equal .dark-card h3 {
   color:#fff!important
}
.business-topic-equal .dark-card p {
   color:#d8e4ec!important
}
.compact-fact-list {
   display:grid;
   grid-template-columns:1fr 1fr;
   gap:10px;
   margin:0 0 22px
}
.compact-fact-list span {
   padding:13px;
   border:1px solid #deddd2;
   border-radius:13px;
   background:#f4f8fb;
   color:#626157;
   font-size:13px;
   line-height:1.45
}
.compact-fact-list strong {
   display:block;
   color:#111;
   margin-bottom:3px;
   font-size:13px
}
.dark-card .compact-fact-list span {
   background:#24251f;
   border-color:#393a33;
   color:#d9d8cf
}
.dark-card .compact-fact-list strong {
   color:#fff
}
.business-topic-equal .card-call-btn {
   width:100%!important;
   margin-top:0!important
}
.business-topic-equal .topic-card:hover .topic-icon-circle {
   transform:rotate(-8deg) scale(1.07)
}
/* Sell Propane sections 6-8: balanced, animated, page-specific. */ .sell-decision-stage {
   background:#eef6fb
}
.sell-decision-layout {
   display:grid;
   grid-template-columns:.85fr 1.15fr;
   gap:54px;
   align-items:stretch
}
.sell-decision-copy {
   display:flex;
   flex-direction:column;
   justify-content:center
}
.sell-decision-copy h2 {
   max-width:12ch
}
.sell-decision-copy p {
   max-width:600px
}
.sell-decision-notes {
   display:grid;
   gap:10px;
   margin-top:18px
}
.sell-decision-notes span {
   padding:14px 16px;
   border-left:4px solid var(--primary);
   background:#fff;
   border-radius:0 12px 12px 0;
   font-size:14px;
   color:#68675f
}
.sell-decision-notes strong {
   color:#111
}
.sell-decision-cards {
   display:grid;
   grid-template-columns:repeat(3,1fr);
   gap:12px;
   align-items:stretch
}
.sell-decision-cards article {
   padding:26px;
   border:1px solid #deddd1;
   border-radius:22px;
   background:#fff;
   transition:transform .35s ease,box-shadow .35s ease,background .35s ease
}
.sell-decision-cards article:nth-child(2) {
   background:var(--primary-soft)
}
.sell-decision-cards article>span,.depth-sell-propane-c .depth-num {
   width:46px;
   height:46px;
   border-radius:50%;
   display:grid;
   place-items:center;
   background:#111;
   color:var(--primary);
   font-weight:900;
   margin-bottom:24px
}
.sell-decision-cards article:hover,.depth-sell-propane-c .depth-signal-rail article:hover,.depth-sell-propane-d .depth-compare-board article:hover {
   transform:translateY(-7px);
   box-shadow:0 20px 35px rgba(0,0,0,.09)
}
.depth-sell-propane-c .depth-signal-rail article,.depth-sell-propane-d .depth-compare-board article {
   transition:transform .35s ease,box-shadow .35s ease
}
.depth-sell-propane-c .depth-signal-rail {
   align-items:stretch
}
.depth-sell-propane-c .depth-signal-rail article {
   height:auto!important;
   min-height:0!important
}
.depth-sell-propane-d .depth-compare-board {
   align-items:stretch
}
.depth-sell-propane-d .depth-compare-board article {
   height:auto!important
}
/* About Propane: open left column, designed flow icons/buttons, responsive equal-height fit cards. */ .about-lens-open {
   background:#f6f5ee
}
.about-lens-open .about-lens-grid {
   grid-template-columns:1fr 1fr;
   gap:28px;
   align-items:stretch
}
.about-lens-open .about-lens-copy {
   background:transparent!important;
   border:0!important;
   border-radius:0!important;
   padding:20px 10px 20px 0!important;
   display:flex;
   flex-direction:column;
   justify-content:center
}
.about-lens-open .about-lens-image {
   height:100%!important;
   min-height:620px!important;
   object-fit:cover!important
}
.about-lens-checks {
   display:grid;
   gap:9px;
   margin-top:20px
}
.about-lens-checks span {
   padding:12px 14px;
   border:1px solid #dcdacd;
   border-radius:12px;
   background:#fff;
   font-size:13px;
   color:#6b6a61
}
.about-lens-checks strong {
   color:#111;
   margin-right:5px
}
.about-flow-track {
   align-items:stretch!important
}
.about-flow-track article {
   display:flex!important;
   flex-direction:column!important;
   height:auto!important;
   min-height:350px!important
}
.about-flow-track article>span {
   width:56px!important;
   height:56px!important;
   border-radius:50%!important;
   background:var(--primary)!important;
   color:#111!important;
   margin-bottom:24px!important
}
.about-flow-track article>span .icon {
   width:25px;
   height:25px;
   color:#111;
   fill:currentColor
}
.about-flow-track article>span path {
   fill:none;
   stroke:currentColor;
   stroke-width:2;
   stroke-linecap:round;
   stroke-linejoin:round
}
.about-flow-track article:first-child>span path {
   fill:currentColor;
   stroke:none
}
.about-flow-track .card-call-btn {
   width:100%!important;
   margin-top:18px!important
}
.about-flow-track article:hover>span {
   transform:rotate(8deg) scale(1.05)
}
.about-fit-balanced .about-fit-layout {
   grid-template-columns:.8fr 1.2fr;
   align-items:stretch!important
}
.about-fit-balanced .about-fit-layout>div:first-child {
   display:flex;
   flex-direction:column;
   justify-content:center
}
.about-fit-balanced .about-fit-bento {
   align-items:stretch
}
.about-fit-balanced .about-fit-bento article {
   height:auto!important;
   min-height:210px;
   display:flex;
   flex-direction:column;
   justify-content:flex-start;
   transition:transform .35s ease,box-shadow .35s ease
}
.about-fit-balanced .about-fit-bento article:first-child {
   grid-row:auto!important
}
.about-fit-balanced .about-fit-bento article:hover {
   transform:translateY(-6px);
   box-shadow:0 18px 32px rgba(0,0,0,.08)
}
.page-about-propane main .reveal-section article,.page-about-propane main .enhanced-section-image {
   transition:transform .35s ease,box-shadow .35s ease
}
.page-about-propane main .reveal-section article:hover {
   transform:translateY(-4px)
}
/* Pricing & Delivery */ .page-pricing-delivery .visual-explainer .split-grid {
   align-items:stretch!important
}
.page-pricing-delivery .pricing-cover-image {
   width:100%!important;
   height:100%!important;
   min-height:520px!important;
   object-fit:cover!important;
   border-radius:22px!important
}
.pricing-decision-stage {
   background:#f6f5ee
}
.pricing-decision-layout {
   display:grid;
   grid-template-columns:.9fr 1.1fr;
   gap:54px;
   align-items:stretch
}
.pricing-factors {
   display:flex;
   flex-wrap:wrap;
   gap:9px;
   margin-top:24px
}
.pricing-factors span {
   padding:9px 12px;
   background:#fff;
   border:1px solid #deddd1;
   border-radius:999px;
   font-size:13px;
   font-weight:800
}
.pricing-decision-board {
   display:grid;
   grid-template-columns:repeat(3,1fr);
   gap:12px;
   align-items:stretch
}
.pricing-decision-board article {
   padding:26px;
   border-radius:20px;
   background:#fff;
   border:1px solid #deddd1;
   transition:transform .35s ease,box-shadow .35s ease
}
.pricing-decision-board article:nth-child(2) {
   background:var(--primary)
}
.pricing-decision-board article>span {
   width:44px;
   height:44px;
   border-radius:50%;
   display:grid;
   place-items:center;
   background:#111;
   color:var(--primary);
   font-weight:900;
   margin-bottom:24px
}
.pricing-decision-board article:hover {
   transform:translateY(-7px);
   box-shadow:0 18px 34px rgba(0,0,0,.08)
}
.pricing-compare-stage {
   background:#fff
}
.pricing-compare-layout {
   display:grid;
   grid-template-columns:.8fr 1.2fr;
   gap:50px;
   align-items:stretch
}
.pricing-compare-copy {
   display:flex;
   flex-direction:column;
   justify-content:center
}
.pricing-compare-columns {
   display:grid;
   grid-template-columns:1fr 1fr;
   border:1px solid #d6e2eb;
   border-radius:24px;
   overflow:hidden
}
.pricing-compare-columns article {
   padding:34px;
   background:#eef6fb
}
.pricing-compare-columns article:last-child {
   background:#171812;
   color:#fff
}
.pricing-compare-columns article:last-child h3 {
   color:#fff
}
.pricing-compare-columns ul {
   margin:18px 0 0;
   padding-left:22px;
   display:grid;
   gap:12px
}
.pricing-compare-columns article:last-child li {
   color:#d8e4ec
}
.page-pricing-delivery main .reveal-section article,.page-pricing-delivery main .enhanced-section-image {
   transition:transform .35s ease,box-shadow .35s ease
}
.page-pricing-delivery main .reveal-section article:hover {
   transform:translateY(-5px)
}
/* Services: clear 60/40 hero and intentional row-based card palette. */ .services-hero-6040 .inner-hero-grid {
   grid-template-columns:minmax(0,3fr) minmax(340px,2fr)!important;
   gap:36px!important;
   align-items:stretch!important
}
.services-directory-head {
   grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr)!important;
   align-items:end!important
}
.services-directory-head h2,.services-route-copy h2,.services-image-feature h2 {
   max-width:13ch!important
}
.service-directory-card {
   background:#fff!important;
   color:#111!important;
   min-height:360px!important
}
.service-directory-card p {
   color:#6d6c63!important
}
.service-directory-card.tone-soft {
   background:var(--primary-soft)!important
}
.service-directory-card.tone-dark {
   background:#171812!important;
   color:#fff!important
}
.service-directory-card.tone-dark h3 {
   color:#fff!important
}
.service-directory-card.tone-dark p {
   color:#d9d8cf!important
}
.service-directory-card.tone-dark .service-no {
   color:var(--primary)
}
.service-directory-card.tone-dark .card-call-btn {
   background:var(--primary)!important;
   color:#111!important
}
.service-directory-card .card-call-btn {
   margin-top:0!important
}
/* Legal pages: richer reading content, one-line-friendly subheads on desktop. */ .legal-reading-column {
   width:min(1040px,100%)!important
}
.legal-reading-column h2 {
   font-size:clamp(25px,2.4vw,34px)!important;
   max-width:none!important;
   line-height:1.1!important
}
.legal-reading-column p {
   max-width:980px!important
}
.legal-clean-content {
   padding-top:72px!important;
   padding-bottom:82px!important
}
/* Reusable section animation language, without layout movement/jank. */ .sell-decision-stage article,.depth-sell-propane-c article,.depth-sell-propane-d article,.pricing-decision-stage article,.pricing-compare-stage article,.about-propane-flow article,.about-propane-fit article {
   will-change:transform
}
@media (min-width: 992px) {
   .legal-reading-column h2 {
     white-space:nowrap
  }

}
@media (max-width: 1100px) {
   .page-power-your-business .business-topic-equal {
     grid-template-columns:1fr 1fr!important
  }
   .page-power-your-business .business-topic-equal .topic-card:last-child {
     grid-column:1/-1!important
  }
   .sell-decision-layout,.pricing-decision-layout {
     grid-template-columns:1fr
  }
   .sell-decision-cards,.pricing-decision-board {
     grid-template-columns:repeat(3,1fr)
  }
   .about-lens-open .about-lens-grid,.pricing-compare-layout {
     grid-template-columns:1fr 1fr
  }

}
@media (max-width: 768px) {
   .page-power-your-business .business-topic-equal {
     grid-template-columns:1fr!important
  }
   .page-power-your-business .business-topic-equal .topic-card:last-child {
     grid-column:auto!important
  }
   .compact-fact-list {
     grid-template-columns:1fr 1fr
  }
   .sell-decision-cards,.pricing-decision-board {
     grid-template-columns:1fr
  }
   .sell-decision-copy h2 {
     max-width:none
  }
   .about-lens-open .about-lens-grid,.about-fit-balanced .about-fit-layout,.pricing-compare-layout {
     grid-template-columns:1fr!important
  }
   .about-lens-open .about-lens-copy {
     padding-right:0!important
  }
   .about-lens-open .about-lens-image {
     min-height:340px!important
  }
   .about-fit-balanced .about-fit-bento {
     grid-template-columns:1fr!important
  }
   .pricing-compare-columns {
     grid-template-columns:1fr
  }
   .services-hero-6040 .inner-hero-grid,.services-directory-head {
     grid-template-columns:1fr!important
  }
   .services-directory-head h2,.services-route-copy h2,.services-image-feature h2 {
     max-width:none!important
  }
   .legal-reading-column h2 {
     white-space:normal
  }

}
@media (max-width:480px) {
   .compact-fact-list {
     grid-template-columns:1fr
  }
   .topic-icon-circle {
     width:52px;
     height:52px
  }
   .about-flow-track article {
     min-height:0!important
  }

}
/* V12 title lock for redesigned target pages */ .page-sell-propane .sell-decision-copy h2,.page-pricing-delivery .pricing-decision-layout h2,.page-pricing-delivery .pricing-compare-layout h2 {
   max-width:16ch!important
}
.page-propane-services .services-directory-head h2 {
   max-width:16ch!important
}
/* V13 unique page signature system: repeated generic planning/depth sections replaced with page-specific visual identities. */ .signature-section {
   position:relative;
   overflow:hidden;
   isolation:isolate
}
.signature-section .sig-wrap {
   position:relative;
   z-index:2
}
.signature-section h2 {
   max-width:18ch;
   text-wrap:balance
}
.signature-section h3 {
   margin:0 0 10px;
   font-size:clamp(1.2rem,1.9vw,1.75rem)
}
.signature-section p {
   margin:0;
   color:var(--muted);
   line-height:1.7
}
.sig-family-1 .sig-wrap {
   display:grid;
   grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
   gap:clamp(30px,5vw,72px);
   align-items:stretch
}
.sig-intro {
   align-self:center
}
.sig-intro>p {
   max-width:58ch
}
.sig-mosaic {
   display:grid;
   grid-template-columns:repeat(2,minmax(0,1fr));
   grid-template-rows:auto auto;
   gap:16px
}
.sig-tile {
   padding:clamp(24px,3vw,42px);
   border:1px solid var(--border);
   background:#fff;
   border-radius:28px;
   min-height:210px;
   transition:transform .35s ease,box-shadow .35s ease,background .35s ease
}
.sig-tile-1 {
   grid-row:1/3
}
.sig-icon-mark {
   display:inline-grid;
   place-items:center;
   min-width:48px;
   height:48px;
   padding:0 12px;
   border-radius:16px;
   background:#111;
   color:var(--primary);
   font-weight:900;
   margin-bottom:26px
}
.sig-tile:hover {
   transform:translateY(-8px) rotate(var(--sig-hover-rot,0deg));
   box-shadow:0 22px 50px rgba(0,0,0,.11)
}
.sig-family-2 {
   background:#111;
   color:#fff
}
.sig-family-2 p {
   color:#deddd3
}
.sig-family-2 .eyebrow {
   background:var(--primary);
   color:#111
}
.sig-family-2 .sig-wrap {
   display:grid;
   grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
   gap:clamp(36px,6vw,90px);
   align-items:end
}
.sig-ribbon-head {
   padding-bottom:12px
}
.sig-ribbon {
   display:grid;
   gap:0;
   border-top:1px solid rgba(255,255,255,.18)
}
.sig-ribbon-item {
   display:grid;
   grid-template-columns:70px 1fr;
   gap:22px;
   padding:26px 0;
   border-bottom:1px solid rgba(255,255,255,.18);
   transition:padding .3s ease,background .3s ease
}
.sig-ribbon-item>span {
   width:52px;
   height:52px;
   border-radius:50%;
   display:grid;
   place-items:center;
   background:var(--primary);
   color:#111;
   font-weight:900
}
.sig-ribbon-item:hover {
   padding-left:16px;
   background:linear-gradient(90deg,rgba(255,239,0,.08),transparent)
}
.sig-family-3 {
   background:#f5f4ed
}
.sig-stage {
   display:grid;
   grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
   gap:clamp(30px,5vw,70px);
   align-items:stretch
}
.sig-stage-copy {
   align-self:center
}
.sig-stage-stack {
   display:grid;
   grid-template-columns:repeat(2,1fr);
   gap:16px
}
.sig-stage-card {
   padding:30px;
   border-radius:26px;
   background:#fff;
   border:1px solid var(--border);
   min-height:220px;
   transition:transform .35s ease,background .35s ease
}
.sig-stage-card.card-1 {
   grid-column:1/3;
   background:var(--primary)
}
.sig-orb {
   display:grid;
   place-items:center;
   width:56px;
   height:56px;
   border-radius:50%;
   background:#111;
   color:var(--primary);
   margin-bottom:24px
}
.sig-stage-card:hover {
   transform:translateY(-7px) scale(1.015)
}
.sig-family-4 .sig-compare-head {
   display:grid;
   grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
   gap:clamp(30px,5vw,72px);
   align-items:end;
   margin-bottom:38px
}
.sig-compare-head>p {
   max-width:62ch;
   justify-self:end
}
.sig-compare-board {
   display:grid;
   grid-template-columns:1fr 1fr;
   position:relative;
   border:1px solid var(--border);
   border-radius:34px;
   overflow:hidden
}
.sig-compare-side {
   padding:clamp(28px,4vw,54px);
   min-height:260px
}
.sig-compare-side.side-2 {
   background:#111;
   color:#fff
}
.sig-compare-side.side-2 p {
   color:#e1e0d6
}
.sig-compare-bridge {
   grid-column:1/3;
   padding:22px 30px;
   background:var(--primary);
   display:grid;
   grid-template-columns:.45fr 1fr;
   gap:24px;
   align-items:center
}
.sig-compare-bridge p {
   color:#111
}
@media(max-width:900px) {
   .sig-family-1 .sig-wrap,.sig-family-2 .sig-wrap,.sig-stage,.sig-family-4 .sig-compare-head {
     grid-template-columns:1fr
  }
   .sig-mosaic,.sig-stage-stack,.sig-compare-board {
     grid-template-columns:1fr
  }
   .sig-tile-1,.sig-stage-card.card-1,.sig-compare-bridge {
     grid-column:auto;
     grid-row:auto
  }
   .sig-compare-bridge {
     grid-template-columns:1fr
  }
   .sig-compare-head>p {
     justify-self:start
  }
   .signature-section h2 {
     max-width:none
  }

}
@media(max-width:560px) {
   .sig-mosaic {
     grid-template-columns:1fr
  }
   .sig-ribbon-item {
     grid-template-columns:56px 1fr
  }
   .sig-tile,.sig-stage-card {
     min-height:0
  }
   .sig-compare-side {
     min-height:0
  }

}
.sig-page-404 .sig-404-1 {
   background:#eef6fb;
   --sig-hover-rot:-0.7deg
}
.sig-page-404 .sig-404-1 .sig-tile {
   border-radius:25px
}
.sig-page-404 .sig-404-1 .sig-tile-2 {
   background:var(--primary)
}
.sig-page-404 .sig-404-2 .sig-ribbon {
   transform:translateX(6px)
}
.sig-page-404 .sig-404-2::after {
   content:"";
   position:absolute;
   right:4%;
   top:9%;
   width:105px;
   height:105px;
   border:1px solid rgba(255,239,0,.25);
   border-radius:50%;
   transform:rotate(-13deg);
   z-index:1
}
.sig-page-404 .sig-404-3 .sig-stage-card {
   border-radius:33px
}
.sig-page-404 .sig-404-3 .sig-stage-stack {
   transform:translateY(0px)
}
.sig-page-404 .sig-404-4 .sig-compare-board {
   border-radius:29px
}
.sig-page-404 .sig-404-4 .sig-compare-side.side-1 {
   background:var(--primary);
   color:#111
}
.sig-page-404 .sig-404-4 .sig-compare-side.side-1 p {
   color:#3e3d36
}
.sig-page-about .sig-about-1 {
   background:#f4f8fb;
   --sig-hover-rot:-0.3deg
}
.sig-page-about .sig-about-1 .sig-tile {
   border-radius:32px
}
.sig-page-about .sig-about-1 .sig-tile-3 {
   background:var(--primary)
}
.sig-page-about .sig-about-2 .sig-ribbon {
   transform:translateX(12px)
}
.sig-page-about .sig-about-2::after {
   content:"";
   position:absolute;
   right:5%;
   top:10%;
   width:130px;
   height:130px;
   border:1px solid rgba(255,239,0,.25);
   border-radius:28px;
   transform:rotate(-6deg);
   z-index:1
}
.sig-page-about .sig-about-3 .sig-stage-card {
   border-radius:44px
}
.sig-page-about .sig-about-3 .sig-stage-stack {
   transform:translateY(8px)
}
.sig-page-about .sig-about-4 .sig-compare-board {
   border-radius:34px
}
.sig-page-about .sig-about-4 .sig-compare-side.side-2 {
   background:var(--primary);
   color:#111
}
.sig-page-about .sig-about-4 .sig-compare-side.side-2 p {
   color:#3e3d36
}
.sig-page-agriculture .sig-agriculture-1 {
   background:#f3f2eb;
   --sig-hover-rot:0.4deg
}
.sig-page-agriculture .sig-agriculture-1 .sig-tile {
   border-radius:39px
}
.sig-page-agriculture .sig-agriculture-1 .sig-tile-1 {
   background:var(--primary)
}
.sig-page-agriculture .sig-agriculture-2 .sig-ribbon {
   transform:translateX(18px)
}
.sig-page-agriculture .sig-agriculture-2::after {
   content:"";
   position:absolute;
   right:6%;
   top:11%;
   width:155px;
   height:155px;
   border:1px solid rgba(255,239,0,.25);
   border-radius:50%;
   transform:rotate(1deg);
   z-index:1
}
.sig-page-agriculture .sig-agriculture-3 .sig-stage-card {
   border-radius:55px
}
.sig-page-agriculture .sig-agriculture-3 .sig-stage-stack {
   transform:translateY(-8px)
}
.sig-page-agriculture .sig-agriculture-4 .sig-compare-board {
   border-radius:39px
}
.sig-page-agriculture .sig-agriculture-4 .sig-compare-side.side-1 {
   background:var(--primary);
   color:#111
}
.sig-page-agriculture .sig-agriculture-4 .sig-compare-side.side-1 p {
   color:#3e3d36
}
.sig-page-autogas-fleet .sig-autogas-fleet-1 {
   background:#f7fbfe;
   --sig-hover-rot:0.8deg
}
.sig-page-autogas-fleet .sig-autogas-fleet-1 .sig-tile {
   border-radius:20px
}
.sig-page-autogas-fleet .sig-autogas-fleet-1 .sig-tile-2 {
   background:var(--primary)
}
.sig-page-autogas-fleet .sig-autogas-fleet-2 .sig-ribbon {
   transform:translateX(24px)
}
.sig-page-autogas-fleet .sig-autogas-fleet-2::after {
   content:"";
   position:absolute;
   right:7%;
   top:12%;
   width:80px;
   height:80px;
   border:1px solid rgba(255,239,0,.25);
   border-radius:28px;
   transform:rotate(8deg);
   z-index:1
}
.sig-page-autogas-fleet .sig-autogas-fleet-3 .sig-stage-card {
   border-radius:32px
}
.sig-page-autogas-fleet .sig-autogas-fleet-3 .sig-stage-stack {
   transform:translateY(0px)
}
.sig-page-autogas-fleet .sig-autogas-fleet-4 .sig-compare-board {
   border-radius:44px
}
.sig-page-autogas-fleet .sig-autogas-fleet-4 .sig-compare-side.side-2 {
   background:var(--primary);
   color:#111
}
.sig-page-autogas-fleet .sig-autogas-fleet-4 .sig-compare-side.side-2 p {
   color:#3e3d36
}
.sig-page-autogas .sig-autogas-1 {
   background:#fff;
   --sig-hover-rot:1.1deg
}
.sig-page-autogas .sig-autogas-1 .sig-tile {
   border-radius:27px
}
.sig-page-autogas .sig-autogas-1 .sig-tile-3 {
   background:var(--primary)
}
.sig-page-autogas .sig-autogas-2 .sig-ribbon {
   transform:translateX(0px)
}
.sig-page-autogas .sig-autogas-2::after {
   content:"";
   position:absolute;
   right:8%;
   top:13%;
   width:105px;
   height:105px;
   border:1px solid rgba(255,239,0,.25);
   border-radius:50%;
   transform:rotate(15deg);
   z-index:1
}
.sig-page-autogas .sig-autogas-3 .sig-stage-card {
   border-radius:43px
}
.sig-page-autogas .sig-autogas-3 .sig-stage-stack {
   transform:translateY(8px)
}
.sig-page-autogas .sig-autogas-4 .sig-compare-board {
   border-radius:49px
}
.sig-page-autogas .sig-autogas-4 .sig-compare-side.side-1 {
   background:var(--primary);
   color:#111
}
.sig-page-autogas .sig-autogas-4 .sig-compare-side.side-1 p {
   color:#3e3d36
}
.sig-page-building-development .sig-building-development-1 {
   background:#eef6fb;
   --sig-hover-rot:-1.2deg
}
.sig-page-building-development .sig-building-development-1 .sig-tile {
   border-radius:34px
}
.sig-page-building-development .sig-building-development-1 .sig-tile-1 {
   background:var(--primary)
}
.sig-page-building-development .sig-building-development-2 .sig-ribbon {
   transform:translateX(6px)
}
.sig-page-building-development .sig-building-development-2::after {
   content:"";
   position:absolute;
   right:9%;
   top:14%;
   width:130px;
   height:130px;
   border:1px solid rgba(255,239,0,.25);
   border-radius:28px;
   transform:rotate(-18deg);
   z-index:1
}
.sig-page-building-development .sig-building-development-3 .sig-stage-card {
   border-radius:54px
}
.sig-page-building-development .sig-building-development-3 .sig-stage-stack {
   transform:translateY(-8px)
}
.sig-page-building-development .sig-building-development-4 .sig-compare-board {
   border-radius:26px
}
.sig-page-building-development .sig-building-development-4 .sig-compare-side.side-2 {
   background:var(--primary);
   color:#111
}
.sig-page-building-development .sig-building-development-4 .sig-compare-side.side-2 p {
   color:#3e3d36
}
.sig-page-building-with-propane .sig-building-with-propane-1 {
   background:#f4f8fb;
   --sig-hover-rot:-0.7deg
}
.sig-page-building-with-propane .sig-building-with-propane-1 .sig-tile {
   border-radius:41px
}
.sig-page-building-with-propane .sig-building-with-propane-1 .sig-tile-2 {
   background:var(--primary)
}
.sig-page-building-with-propane .sig-building-with-propane-2 .sig-ribbon {
   transform:translateX(12px)
}
.sig-page-building-with-propane .sig-building-with-propane-2::after {
   content:"";
   position:absolute;
   right:10%;
   top:8%;
   width:155px;
   height:155px;
   border:1px solid rgba(255,239,0,.25);
   border-radius:50%;
   transform:rotate(-11deg);
   z-index:1
}
.sig-page-building-with-propane .sig-building-with-propane-3 .sig-stage-card {
   border-radius:31px
}
.sig-page-building-with-propane .sig-building-with-propane-3 .sig-stage-stack {
   transform:translateY(0px)
}
.sig-page-building-with-propane .sig-building-with-propane-4 .sig-compare-board {
   border-radius:31px
}
.sig-page-building-with-propane .sig-building-with-propane-4 .sig-compare-side.side-1 {
   background:var(--primary);
   color:#111
}
.sig-page-building-with-propane .sig-building-with-propane-4 .sig-compare-side.side-1 p {
   color:#3e3d36
}
.sig-page-commercial-heat .sig-commercial-heat-1 {
   background:#f3f2eb;
   --sig-hover-rot:-0.3deg
}
.sig-page-commercial-heat .sig-commercial-heat-1 .sig-tile {
   border-radius:22px
}
.sig-page-commercial-heat .sig-commercial-heat-1 .sig-tile-3 {
   background:var(--primary)
}
.sig-page-commercial-heat .sig-commercial-heat-2 .sig-ribbon {
   transform:translateX(18px)
}
.sig-page-commercial-heat .sig-commercial-heat-2::after {
   content:"";
   position:absolute;
   right:11%;
   top:9%;
   width:80px;
   height:80px;
   border:1px solid rgba(255,239,0,.25);
   border-radius:28px;
   transform:rotate(-4deg);
   z-index:1
}
.sig-page-commercial-heat .sig-commercial-heat-3 .sig-stage-card {
   border-radius:42px
}
.sig-page-commercial-heat .sig-commercial-heat-3 .sig-stage-stack {
   transform:translateY(8px)
}
.sig-page-commercial-heat .sig-commercial-heat-4 .sig-compare-board {
   border-radius:36px
}
.sig-page-commercial-heat .sig-commercial-heat-4 .sig-compare-side.side-2 {
   background:var(--primary);
   color:#111
}
.sig-page-commercial-heat .sig-commercial-heat-4 .sig-compare-side.side-2 p {
   color:#3e3d36
}
.sig-page-construction-equipment .sig-construction-equipment-1 {
   background:#f7fbfe;
   --sig-hover-rot:0.4deg
}
.sig-page-construction-equipment .sig-construction-equipment-1 .sig-tile {
   border-radius:29px
}
.sig-page-construction-equipment .sig-construction-equipment-1 .sig-tile-1 {
   background:var(--primary)
}
.sig-page-construction-equipment .sig-construction-equipment-2 .sig-ribbon {
   transform:translateX(24px)
}
.sig-page-construction-equipment .sig-construction-equipment-2::after {
   content:"";
   position:absolute;
   right:3%;
   top:10%;
   width:105px;
   height:105px;
   border:1px solid rgba(255,239,0,.25);
   border-radius:50%;
   transform:rotate(3deg);
   z-index:1
}
.sig-page-construction-equipment .sig-construction-equipment-3 .sig-stage-card {
   border-radius:53px
}
.sig-page-construction-equipment .sig-construction-equipment-3 .sig-stage-stack {
   transform:translateY(-8px)
}
.sig-page-construction-equipment .sig-construction-equipment-4 .sig-compare-board {
   border-radius:41px
}
.sig-page-construction-equipment .sig-construction-equipment-4 .sig-compare-side.side-1 {
   background:var(--primary);
   color:#111
}
.sig-page-construction-equipment .sig-construction-equipment-4 .sig-compare-side.side-1 p {
   color:#3e3d36
}
.sig-page-contact .sig-contact-1 {
   background:#fff;
   --sig-hover-rot:0.8deg
}
.sig-page-contact .sig-contact-1 .sig-tile {
   border-radius:36px
}
.sig-page-contact .sig-contact-1 .sig-tile-2 {
   background:var(--primary)
}
.sig-page-contact .sig-contact-2 .sig-ribbon {
   transform:translateX(0px)
}
.sig-page-contact .sig-contact-2::after {
   content:"";
   position:absolute;
   right:4%;
   top:11%;
   width:130px;
   height:130px;
   border:1px solid rgba(255,239,0,.25);
   border-radius:28px;
   transform:rotate(10deg);
   z-index:1
}
.sig-page-contact .sig-contact-3 .sig-stage-card {
   border-radius:30px
}
.sig-page-contact .sig-contact-3 .sig-stage-stack {
   transform:translateY(0px)
}
.sig-page-contact .sig-contact-4 .sig-compare-board {
   border-radius:46px
}
.sig-page-contact .sig-contact-4 .sig-compare-side.side-2 {
   background:var(--primary);
   color:#111
}
.sig-page-contact .sig-contact-4 .sig-compare-side.side-2 p {
   color:#3e3d36
}
.sig-page-crop-drying .sig-crop-drying-1 {
   background:#eef6fb;
   --sig-hover-rot:1.1deg
}
.sig-page-crop-drying .sig-crop-drying-1 .sig-tile {
   border-radius:43px
}
.sig-page-crop-drying .sig-crop-drying-1 .sig-tile-3 {
   background:var(--primary)
}
.sig-page-crop-drying .sig-crop-drying-2 .sig-ribbon {
   transform:translateX(6px)
}
.sig-page-crop-drying .sig-crop-drying-2::after {
   content:"";
   position:absolute;
   right:5%;
   top:12%;
   width:155px;
   height:155px;
   border:1px solid rgba(255,239,0,.25);
   border-radius:50%;
   transform:rotate(17deg);
   z-index:1
}
.sig-page-crop-drying .sig-crop-drying-3 .sig-stage-card {
   border-radius:41px
}
.sig-page-crop-drying .sig-crop-drying-3 .sig-stage-stack {
   transform:translateY(8px)
}
.sig-page-crop-drying .sig-crop-drying-4 .sig-compare-board {
   border-radius:51px
}
.sig-page-crop-drying .sig-crop-drying-4 .sig-compare-side.side-1 {
   background:var(--primary);
   color:#111
}
.sig-page-crop-drying .sig-crop-drying-4 .sig-compare-side.side-1 p {
   color:#3e3d36
}
.sig-page-forklift-propane .sig-forklift-propane-1 {
   background:#f4f8fb;
   --sig-hover-rot:-1.2deg
}
.sig-page-forklift-propane .sig-forklift-propane-1 .sig-tile {
   border-radius:24px
}
.sig-page-forklift-propane .sig-forklift-propane-1 .sig-tile-1 {
   background:var(--primary)
}
.sig-page-forklift-propane .sig-forklift-propane-2 .sig-ribbon {
   transform:translateX(12px)
}
.sig-page-forklift-propane .sig-forklift-propane-2::after {
   content:"";
   position:absolute;
   right:6%;
   top:13%;
   width:80px;
   height:80px;
   border:1px solid rgba(255,239,0,.25);
   border-radius:28px;
   transform:rotate(-16deg);
   z-index:1
}
.sig-page-forklift-propane .sig-forklift-propane-3 .sig-stage-card {
   border-radius:52px
}
.sig-page-forklift-propane .sig-forklift-propane-3 .sig-stage-stack {
   transform:translateY(-8px)
}
.sig-page-forklift-propane .sig-forklift-propane-4 .sig-compare-board {
   border-radius:28px
}
.sig-page-forklift-propane .sig-forklift-propane-4 .sig-compare-side.side-2 {
   background:var(--primary);
   color:#111
}
.sig-page-forklift-propane .sig-forklift-propane-4 .sig-compare-side.side-2 p {
   color:#3e3d36
}
.sig-page-landscaping .sig-landscaping-1 {
   background:#f3f2eb;
   --sig-hover-rot:-0.7deg
}
.sig-page-landscaping .sig-landscaping-1 .sig-tile {
   border-radius:31px
}
.sig-page-landscaping .sig-landscaping-1 .sig-tile-2 {
   background:var(--primary)
}
.sig-page-landscaping .sig-landscaping-2 .sig-ribbon {
   transform:translateX(18px)
}
.sig-page-landscaping .sig-landscaping-2::after {
   content:"";
   position:absolute;
   right:7%;
   top:14%;
   width:105px;
   height:105px;
   border:1px solid rgba(255,239,0,.25);
   border-radius:50%;
   transform:rotate(-9deg);
   z-index:1
}
.sig-page-landscaping .sig-landscaping-3 .sig-stage-card {
   border-radius:29px
}
.sig-page-landscaping .sig-landscaping-3 .sig-stage-stack {
   transform:translateY(0px)
}
.sig-page-landscaping .sig-landscaping-4 .sig-compare-board {
   border-radius:33px
}
.sig-page-landscaping .sig-landscaping-4 .sig-compare-side.side-1 {
   background:var(--primary);
   color:#111
}
.sig-page-landscaping .sig-landscaping-4 .sig-compare-side.side-1 p {
   color:#3e3d36
}
.sig-page-lawn-equipment .sig-lawn-equipment-1 {
   background:#f7fbfe;
   --sig-hover-rot:-0.3deg
}
.sig-page-lawn-equipment .sig-lawn-equipment-1 .sig-tile {
   border-radius:38px
}
.sig-page-lawn-equipment .sig-lawn-equipment-1 .sig-tile-3 {
   background:var(--primary)
}
.sig-page-lawn-equipment .sig-lawn-equipment-2 .sig-ribbon {
   transform:translateX(24px)
}
.sig-page-lawn-equipment .sig-lawn-equipment-2::after {
   content:"";
   position:absolute;
   right:8%;
   top:8%;
   width:130px;
   height:130px;
   border:1px solid rgba(255,239,0,.25);
   border-radius:28px;
   transform:rotate(-2deg);
   z-index:1
}
.sig-page-lawn-equipment .sig-lawn-equipment-3 .sig-stage-card {
   border-radius:40px
}
.sig-page-lawn-equipment .sig-lawn-equipment-3 .sig-stage-stack {
   transform:translateY(8px)
}
.sig-page-lawn-equipment .sig-lawn-equipment-4 .sig-compare-board {
   border-radius:38px
}
.sig-page-lawn-equipment .sig-lawn-equipment-4 .sig-compare-side.side-2 {
   background:var(--primary);
   color:#111
}
.sig-page-lawn-equipment .sig-lawn-equipment-4 .sig-compare-side.side-2 p {
   color:#3e3d36
}
.sig-page-pricing-delivery .sig-pricing-delivery-1 {
   background:#fff;
   --sig-hover-rot:0.4deg
}
.sig-page-pricing-delivery .sig-pricing-delivery-1 .sig-tile {
   border-radius:19px
}
.sig-page-pricing-delivery .sig-pricing-delivery-1 .sig-tile-1 {
   background:var(--primary)
}
.sig-page-pricing-delivery .sig-pricing-delivery-2 .sig-ribbon {
   transform:translateX(0px)
}
.sig-page-pricing-delivery .sig-pricing-delivery-2::after {
   content:"";
   position:absolute;
   right:9%;
   top:9%;
   width:155px;
   height:155px;
   border:1px solid rgba(255,239,0,.25);
   border-radius:50%;
   transform:rotate(5deg);
   z-index:1
}
.sig-page-pricing-delivery .sig-pricing-delivery-3 .sig-stage-card {
   border-radius:51px
}
.sig-page-pricing-delivery .sig-pricing-delivery-3 .sig-stage-stack {
   transform:translateY(-8px)
}
.sig-page-pricing-delivery .sig-pricing-delivery-4 .sig-compare-board {
   border-radius:43px
}
.sig-page-pricing-delivery .sig-pricing-delivery-4 .sig-compare-side.side-1 {
   background:var(--primary);
   color:#111
}
.sig-page-pricing-delivery .sig-pricing-delivery-4 .sig-compare-side.side-1 p {
   color:#3e3d36
}
.sig-page-propane-cooking .sig-propane-cooking-1 {
   background:#eef6fb;
   --sig-hover-rot:0.8deg
}
.sig-page-propane-cooking .sig-propane-cooking-1 .sig-tile {
   border-radius:26px
}
.sig-page-propane-cooking .sig-propane-cooking-1 .sig-tile-2 {
   background:var(--primary)
}
.sig-page-propane-cooking .sig-propane-cooking-2 .sig-ribbon {
   transform:translateX(6px)
}
.sig-page-propane-cooking .sig-propane-cooking-2::after {
   content:"";
   position:absolute;
   right:10%;
   top:10%;
   width:80px;
   height:80px;
   border:1px solid rgba(255,239,0,.25);
   border-radius:28px;
   transform:rotate(12deg);
   z-index:1
}
.sig-page-propane-cooking .sig-propane-cooking-3 .sig-stage-card {
   border-radius:28px
}
.sig-page-propane-cooking .sig-propane-cooking-3 .sig-stage-stack {
   transform:translateY(0px)
}
.sig-page-propane-cooking .sig-propane-cooking-4 .sig-compare-board {
   border-radius:48px
}
.sig-page-propane-cooking .sig-propane-cooking-4 .sig-compare-side.side-2 {
   background:var(--primary);
   color:#111
}
.sig-page-propane-cooking .sig-propane-cooking-4 .sig-compare-side.side-2 p {
   color:#3e3d36
}
.sig-page-propane-refueling-stations .sig-propane-refueling-stations-1 {
   background:#f4f8fb;
   --sig-hover-rot:1.1deg
}
.sig-page-propane-refueling-stations .sig-propane-refueling-stations-1 .sig-tile {
   border-radius:33px
}
.sig-page-propane-refueling-stations .sig-propane-refueling-stations-1 .sig-tile-3 {
   background:var(--primary)
}
.sig-page-propane-refueling-stations .sig-propane-refueling-stations-2 .sig-ribbon {
   transform:translateX(12px)
}
.sig-page-propane-refueling-stations .sig-propane-refueling-stations-2::after {
   content:"";
   position:absolute;
   right:11%;
   top:11%;
   width:105px;
   height:105px;
   border:1px solid rgba(255,239,0,.25);
   border-radius:50%;
   transform:rotate(19deg);
   z-index:1
}
.sig-page-propane-refueling-stations .sig-propane-refueling-stations-3 .sig-stage-card {
   border-radius:39px
}
.sig-page-propane-refueling-stations .sig-propane-refueling-stations-3 .sig-stage-stack {
   transform:translateY(8px)
}
.sig-page-propane-refueling-stations .sig-propane-refueling-stations-4 .sig-compare-board {
   border-radius:25px
}
.sig-page-propane-refueling-stations .sig-propane-refueling-stations-4 .sig-compare-side.side-1 {
   background:var(--primary);
   color:#111
}
.sig-page-propane-refueling-stations .sig-propane-refueling-stations-4 .sig-compare-side.side-1 p {
   color:#3e3d36
}
.sig-page-restaurants-hospitality .sig-restaurants-hospitality-1 {
   background:#f3f2eb;
   --sig-hover-rot:-1.2deg
}
.sig-page-restaurants-hospitality .sig-restaurants-hospitality-1 .sig-tile {
   border-radius:40px
}
.sig-page-restaurants-hospitality .sig-restaurants-hospitality-1 .sig-tile-1 {
   background:var(--primary)
}
.sig-page-restaurants-hospitality .sig-restaurants-hospitality-2 .sig-ribbon {
   transform:translateX(18px)
}
.sig-page-restaurants-hospitality .sig-restaurants-hospitality-2::after {
   content:"";
   position:absolute;
   right:3%;
   top:12%;
   width:130px;
   height:130px;
   border:1px solid rgba(255,239,0,.25);
   border-radius:28px;
   transform:rotate(-14deg);
   z-index:1
}
.sig-page-restaurants-hospitality .sig-restaurants-hospitality-3 .sig-stage-card {
   border-radius:50px
}
.sig-page-restaurants-hospitality .sig-restaurants-hospitality-3 .sig-stage-stack {
   transform:translateY(-8px)
}
.sig-page-restaurants-hospitality .sig-restaurants-hospitality-4 .sig-compare-board {
   border-radius:30px
}
.sig-page-restaurants-hospitality .sig-restaurants-hospitality-4 .sig-compare-side.side-2 {
   background:var(--primary);
   color:#111
}
.sig-page-restaurants-hospitality .sig-restaurants-hospitality-4 .sig-compare-side.side-2 p {
   color:#3e3d36
}
.sig-page-sell-propane .sig-sell-propane-1 {
   background:#f7fbfe;
   --sig-hover-rot:-0.7deg
}
.sig-page-sell-propane .sig-sell-propane-1 .sig-tile {
   border-radius:21px
}
.sig-page-sell-propane .sig-sell-propane-1 .sig-tile-2 {
   background:var(--primary)
}
.sig-page-sell-propane .sig-sell-propane-2 .sig-ribbon {
   transform:translateX(24px)
}
.sig-page-sell-propane .sig-sell-propane-2::after {
   content:"";
   position:absolute;
   right:4%;
   top:13%;
   width:155px;
   height:155px;
   border:1px solid rgba(255,239,0,.25);
   border-radius:50%;
   transform:rotate(-7deg);
   z-index:1
}
.sig-page-sell-propane .sig-sell-propane-3 .sig-stage-card {
   border-radius:27px
}
.sig-page-sell-propane .sig-sell-propane-3 .sig-stage-stack {
   transform:translateY(0px)
}
.sig-page-sell-propane .sig-sell-propane-4 .sig-compare-board {
   border-radius:35px
}
.sig-page-sell-propane .sig-sell-propane-4 .sig-compare-side.side-1 {
   background:var(--primary);
   color:#111
}
.sig-page-sell-propane .sig-sell-propane-4 .sig-compare-side.side-1 p {
   color:#3e3d36
}
.sig-page-temporary-heat .sig-temporary-heat-1 {
   background:#fff;
   --sig-hover-rot:-0.3deg
}
.sig-page-temporary-heat .sig-temporary-heat-1 .sig-tile {
   border-radius:28px
}
.sig-page-temporary-heat .sig-temporary-heat-1 .sig-tile-3 {
   background:var(--primary)
}
.sig-page-temporary-heat .sig-temporary-heat-2 .sig-ribbon {
   transform:translateX(0px)
}
.sig-page-temporary-heat .sig-temporary-heat-2::after {
   content:"";
   position:absolute;
   right:5%;
   top:14%;
   width:80px;
   height:80px;
   border:1px solid rgba(255,239,0,.25);
   border-radius:28px;
   transform:rotate(0deg);
   z-index:1
}
.sig-page-temporary-heat .sig-temporary-heat-3 .sig-stage-card {
   border-radius:38px
}
.sig-page-temporary-heat .sig-temporary-heat-3 .sig-stage-stack {
   transform:translateY(8px)
}
.sig-page-temporary-heat .sig-temporary-heat-4 .sig-compare-board {
   border-radius:40px
}
.sig-page-temporary-heat .sig-temporary-heat-4 .sig-compare-side.side-2 {
   background:var(--primary);
   color:#111
}
.sig-page-temporary-heat .sig-temporary-heat-4 .sig-compare-side.side-2 p {
   color:#3e3d36
}
.sig-page-thank-you .sig-thank-you-1 {
   background:#eef6fb;
   --sig-hover-rot:0.4deg
}
.sig-page-thank-you .sig-thank-you-1 .sig-tile {
   border-radius:35px
}
.sig-page-thank-you .sig-thank-you-1 .sig-tile-1 {
   background:var(--primary)
}
.sig-page-thank-you .sig-thank-you-2 .sig-ribbon {
   transform:translateX(6px)
}
.sig-page-thank-you .sig-thank-you-2::after {
   content:"";
   position:absolute;
   right:6%;
   top:8%;
   width:105px;
   height:105px;
   border:1px solid rgba(255,239,0,.25);
   border-radius:50%;
   transform:rotate(7deg);
   z-index:1
}
.sig-page-thank-you .sig-thank-you-3 .sig-stage-card {
   border-radius:49px
}
.sig-page-thank-you .sig-thank-you-3 .sig-stage-stack {
   transform:translateY(-8px)
}
.sig-page-thank-you .sig-thank-you-4 .sig-compare-board {
   border-radius:45px
}
.sig-page-thank-you .sig-thank-you-4 .sig-compare-side.side-1 {
   background:var(--primary);
   color:#111
}
.sig-page-thank-you .sig-thank-you-4 .sig-compare-side.side-1 p {
   color:#3e3d36
}
.sig-page-warehouse-manufacturing .sig-warehouse-manufacturing-1 {
   background:#f4f8fb;
   --sig-hover-rot:0.8deg
}
.sig-page-warehouse-manufacturing .sig-warehouse-manufacturing-1 .sig-tile {
   border-radius:42px
}
.sig-page-warehouse-manufacturing .sig-warehouse-manufacturing-1 .sig-tile-2 {
   background:var(--primary)
}
.sig-page-warehouse-manufacturing .sig-warehouse-manufacturing-2 .sig-ribbon {
   transform:translateX(12px)
}
.sig-page-warehouse-manufacturing .sig-warehouse-manufacturing-2::after {
   content:"";
   position:absolute;
   right:7%;
   top:9%;
   width:130px;
   height:130px;
   border:1px solid rgba(255,239,0,.25);
   border-radius:28px;
   transform:rotate(14deg);
   z-index:1
}
.sig-page-warehouse-manufacturing .sig-warehouse-manufacturing-3 .sig-stage-card {
   border-radius:26px
}
.sig-page-warehouse-manufacturing .sig-warehouse-manufacturing-3 .sig-stage-stack {
   transform:translateY(0px)
}
.sig-page-warehouse-manufacturing .sig-warehouse-manufacturing-4 .sig-compare-board {
   border-radius:50px
}
.sig-page-warehouse-manufacturing .sig-warehouse-manufacturing-4 .sig-compare-side.side-2 {
   background:var(--primary);
   color:#111
}
.sig-page-warehouse-manufacturing .sig-warehouse-manufacturing-4 .sig-compare-side.side-2 p {
   color:#3e3d36
}
/* === V14 final refinement layer === */
/* Dark-surface eyebrow chips: yellow background with BLACK text, no page-specific override can flip it white. */ .dark-card .eyebrow,.process-band .eyebrow,.final-cta-box .eyebrow,.sitewide-final-cta .eyebrow, .mega-intro .eyebrow,.directory-break .eyebrow,.prep-section .eyebrow,.business-verify-board .eyebrow, .about-propane-boundary .eyebrow,.services-route-map .eyebrow,.sig-family-2 .eyebrow, [class*="dark-"] .eyebrow,[class*="black-"] .eyebrow,[class*="dark"]>.container .eyebrow, .page-power-your-business .business-verify-board .eyebrow,.sell-readiness-weave .eyebrow {
   background:var(--primary)!important;
   color:#111!important;
   border-color:var(--primary)!important;
   text-shadow:none!important;

}
.sitewide-final-cta .eyebrow.light,.final-cta-box .eyebrow.light {
   color:#111!important
}
/* Services is a direct page link; hover/focus still reveals the mega menu. */ .services-trigger-link {
   display:inline-flex;
   align-items:center;
   gap:5px;
   padding:10px 11px;
   border-radius:9px;
   font-size:13px;
   font-weight:750;
   color:#24251e
}
.services-trigger-link:hover,.mega-trigger.active>.services-trigger-link,.mega-trigger:focus-within>.services-trigger-link {
   background:var(--primary);
   color:#111
}
.mega-trigger {
   position:static
}
.mega-trigger::after {
   content:"";
   position:absolute;
   left:0;
   right:0;
   top:100%;
   height:28px;
   pointer-events:auto
}
.mega-trigger.hover-hold .premium-mega {
   opacity:1;
   visibility:visible;
   pointer-events:auto;
   transform:translate(-50%,0)
}
.premium-mega {
   transition:opacity .28s ease,transform .28s ease,visibility 0s linear .45s!important
}
.mega-trigger:hover .premium-mega,.mega-trigger:focus-within .premium-mega,.mega-trigger.open .premium-mega,.mega-trigger.hover-hold .premium-mega {
   transition-delay:0s!important
}
/* Power Your Business section 2: all three desktop cards in one row, icons centered, no spacer-based alignment. */ @media(min-width:821px) {
   .page-power-your-business .business-topic-equal {
     grid-template-columns:repeat(3,minmax(0,1fr))!important;
     grid-template-rows:1fr!important;
     align-items:stretch!important
  }
   .page-power-your-business .business-topic-equal>.topic-card {
     grid-column:auto!important;
     grid-row:auto!important;
     height:100%!important;
     min-height:0!important;
     display:flex!important;
     flex-direction:column!important
  }

}
.page-power-your-business .business-topic-equal .topic-icon-circle {
   align-self:center!important;
   margin:0 auto 24px!important
}
.page-power-your-business .business-topic-equal .topic-icon-circle svg, .page-power-your-business .business-topic-equal .topic-icon-circle path {
   display:block!important;
   opacity:1!important;
   visibility:visible!important;
   color:#111!important;
   fill:#111!important;
   stroke:#111!important
}
.page-power-your-business .business-summary-note {
   padding:14px 15px;
   border-radius:14px;
   background:#f4f3ed;
   color:#66645b;
   font-size:13px;
   line-height:1.5;
   margin:0 0 18px!important
}
.page-power-your-business .business-summary-note strong {
   color:#111
}
.page-power-your-business .dark-card .business-summary-note {
   background:#24251f;
   color:#d9d8cf
}
.page-power-your-business .dark-card .business-summary-note strong {
   color:#fff
}
.page-power-your-business .business-topic-equal .card-call-btn {
   margin-top:0!important
}
@media(max-width:1040px) and (min-width:821px) {
   .page-power-your-business .business-topic-equal {
     gap:12px!important
  }
   .page-power-your-business .business-topic-equal>.topic-card {
     padding:22px!important
  }
   .compact-fact-list {
     grid-template-columns:1fr!important
  }

}
/* Sell Propane section 5: 2x2 right grid with content-balanced left column. */ .page-sell-propane .sig-sell-propane-1 .sig-wrap {
   grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;
   align-items:stretch!important
}
.page-sell-propane .sig-sell-propane-1 .sig-intro {
   display:flex;
   flex-direction:column;
   justify-content:center;
   align-self:stretch!important
}
.page-sell-propane .sig-sell-propane-1 .sig-intro p+p {
   margin-top:16px
}
.page-sell-propane .sig-sell-propane-1 .sig-mosaic {
   grid-template-columns:repeat(2,minmax(0,1fr))!important;
   grid-template-rows:repeat(2,minmax(0,1fr))!important;
   align-items:stretch!important
}
.page-sell-propane .sig-sell-propane-1 .sig-tile {
   grid-column:auto!important;
   grid-row:auto!important;
   min-height:0!important;
   height:100%!important;
   display:flex;
   flex-direction:column
}
.page-sell-propane .sig-sell-propane-1 .sig-icon-mark {
   margin-bottom:18px
}
/* Sell Propane section 6: content-balanced two-column rail. */ .page-sell-propane .sig-sell-propane-2 .sig-wrap {
   align-items:stretch!important
}
.page-sell-propane .sig-sell-propane-2 .sig-ribbon-head {
   display:flex;
   flex-direction:column;
   justify-content:center;
   padding-bottom:0!important
}
.page-sell-propane .sig-sell-propane-2 .sig-ribbon-head p+p {
   margin-top:16px
}
.page-sell-propane .sig-sell-propane-2 .sig-ribbon {
   align-self:stretch
}
/* Sell Propane section 7: fresh readiness weave. */ .sell-readiness-weave {
   background:#f5f4ed;
   overflow:hidden
}
.sell-readiness-layout {
   display:grid;
   grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
   gap:clamp(36px,6vw,90px);
   align-items:stretch
}
.sell-readiness-copy {
   display:flex;
   flex-direction:column;
   justify-content:center;
   position:relative
}
.sell-readiness-copy::after {
   content:"";
   width:120px;
   height:6px;
   border-radius:999px;
   background:var(--primary);
   margin-top:20px;
   transition:width .35s ease
}
.sell-readiness-weave:hover .sell-readiness-copy::after {
   width:190px
}
.sell-readiness-steps {
   display:grid;
   gap:12px
}
.sell-readiness-steps article {
   display:grid;
   grid-template-columns:58px 1fr;
   gap:22px;
   align-items:start;
   padding:24px 26px;
   background:#fff;
   border:1px solid var(--border);
   border-radius:22px;
   transition:transform .35s ease,background .35s ease,box-shadow .35s ease
}
.sell-readiness-steps article:nth-child(2) {
   background:#111;
   color:#fff
}
.sell-readiness-steps article:nth-child(2) p {
   color:#d8d7ce
}
.sell-readiness-steps article>span {
   width:52px;
   height:52px;
   border-radius:50%;
   display:grid;
   place-items:center;
   background:var(--primary);
   color:#111;
   font-weight:900
}
.sell-readiness-steps article:hover {
   transform:translateX(-8px);
   box-shadow:0 18px 38px rgba(0,0,0,.08)
}
/* Sell Propane final decision section: exactly two equal right cards. */ .page-sell-propane .sell-decision-layout {
   grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;
   align-items:stretch!important
}
.page-sell-propane .sell-decision-copy {
   justify-content:center!important
}
.page-sell-propane .sell-decision-cards {
   grid-template-columns:repeat(2,minmax(0,1fr))!important;
   align-items:stretch!important
}
.page-sell-propane .sell-decision-cards article {
   height:100%!important;
   display:flex;
   flex-direction:column;
   justify-content:flex-start
}
.page-sell-propane .sell-decision-cards article:nth-child(2) {
   background:#111;
   color:#fff
}
.page-sell-propane .sell-decision-cards article:nth-child(2) p {
   color:#deddd3
}
@media(max-width:900px) {
   .page-sell-propane .sig-sell-propane-1 .sig-wrap,.sell-readiness-layout,.page-sell-propane .sell-decision-layout {
     grid-template-columns:1fr!important
  }
   .page-sell-propane .sig-sell-propane-1 .sig-mosaic,.page-sell-propane .sell-decision-cards {
     grid-template-columns:1fr 1fr!important
  }

}
@media(max-width:620px) {
   .page-sell-propane .sig-sell-propane-1 .sig-mosaic,.page-sell-propane .sell-decision-cards {
     grid-template-columns:1fr!important
  }
   .sell-readiness-steps article {
     grid-template-columns:48px 1fr;
     padding:21px
  }
   .sell-readiness-steps article>span {
     width:44px;
     height:44px
  }

}
/* === V15 TARGETED UI CORRECTIONS === */
/* Dark-surface subtitle chips: Get Propane Refill yellow with BLACK label text on every known dark surface. */ :is(.dark-card,.process-band,.final-cta,.final-cta-box,.sitewide-final-cta,.mega-intro,.directory-break,.prep-section, .business-verify-board,.about-propane-boundary,.services-route-map,.sig-family-2,.sell-readiness-weave, .sell-signal-dark,.sell-decision-dark,.page-variant-2 main .visual-explainer,.page-variant-6 main .related-section, [class*="dark-"],[class*="-dark"],[class*="black-"],[class*="sig-family-2"]) .eyebrow, [style*="background:#1"] .eyebrow,[style*="background: #1"] .eyebrow {
   background:var(--primary)!important;
   color:#111!important;
   border-color:var(--primary)!important;
   text-shadow:none!important;

}
:is(.dark-card,.process-band,.final-cta,.final-cta-box,.sitewide-final-cta,.mega-intro,.directory-break,.prep-section, .business-verify-board,.about-propane-boundary,.services-route-map,.sig-family-2,.sell-readiness-weave) .eyebrow * {
   color:#111!important
}
/* Desktop secondary navigation has one baseline, including Services + caret. */ @media (min-width: 769px) {
   .nav-secondary>nav {
     display:flex;
     align-items:center!important
  }
   .nav-secondary a,.services-trigger-link,.mega-trigger>button {
     display:inline-flex!important;
     align-items:center!important;
     justify-content:center!important;
     height:48px!important;
     line-height:1!important;
     padding:0 17px!important;
     margin:0!important
  }
   .services-trigger-link .mega-caret {
     display:inline-flex!important;
     align-items:center!important;
     line-height:1!important;
     transform:translateY(1px)
  }

}
/* Contact-style background hero system used consistently by FAQ, Services and legal pages. */ .redesigned-page-hero.hero-bg-banner,.inner-hero.hero-bg-banner {
   position:relative;
   isolation:isolate;
   overflow:hidden;
   min-height:560px;
   padding:64px 0;
   background:#12130f;
   color:#fff
}
.inner-hero.hero-bg-banner .inner-hero-bg-media {
   position:absolute!important;
   inset:0!important;
   width:100%!important;
   height:100%!important;
   border-radius:0!important;
   overflow:hidden!important;
   z-index:-2!important
}
.inner-hero.hero-bg-banner .page-hero-image {
   width:100%!important;
   height:100%!important;
   object-fit:cover!important;
   object-position:center!important
}
.inner-hero.hero-bg-banner:after {
   content:"";
   position:absolute;
   inset:0;
   background:linear-gradient(90deg,rgba(10,11,9,.84) 0%,rgba(10,11,9,.67) 51%,rgba(10,11,9,.32) 100%);
   z-index:-1
}
.inner-hero.hero-bg-banner .inner-hero-grid {
   grid-template-columns:minmax(0,3fr) minmax(340px,2fr)!important;
   align-items:stretch!important;
   gap:34px!important
}
.inner-hero.hero-bg-banner .inner-copy {
   align-self:center!important;
   padding:0!important;
   background:transparent!important;
   color:#fff!important
}
.inner-hero.hero-bg-banner .inner-copy p {
   color:#f0f0e8!important;
   max-width:760px!important
}
.inner-hero.hero-bg-banner .inner-copy h1 {
   color:#fff!important;
   max-width:830px!important
}
.inner-hero.hero-bg-banner .hero-call-card {
   height:100%!important;
   background:rgba(255,255,255,.93)!important;
   backdrop-filter:blur(7px);
   -webkit-backdrop-filter:blur(7px)
}
/* About Propane image column uses full cover, not an inset image. */ .about-lens-grid {
   align-items:stretch!important
}
.about-lens-media-cover {
   min-height:100%;
   height:100%;
   overflow:hidden;
   border-radius:24px
}
.about-lens-media-cover .about-lens-image {
   width:100%!important;
   height:100%!important;
   min-height:100%!important;
   object-fit:cover!important;
   object-position:center!important;
   border-radius:0!important
}
/* Business: left operational card takes 60%, two right cards stack in 40%. */ .page-power-your-business .business-topic-split {
   display:grid!important;
   grid-template-columns:minmax(0,3fr) minmax(330px,2fr)!important;
   grid-template-rows:auto auto!important;
   gap:18px!important;
   align-items:stretch!important
}
.page-power-your-business .business-topic-split>.topic-card {
   min-height:0!important;
   height:auto!important;
   display:block!important;
   padding:32px!important
}
.page-power-your-business .business-topic-split>.topic-card:first-child {
   grid-column:1!important;
   grid-row:1 / span 2!important
}
.page-power-your-business .business-topic-split>.topic-card:nth-child(2) {
   grid-column:2!important;
   grid-row:1!important
}
.page-power-your-business .business-topic-split>.topic-card:nth-child(3) {
   grid-column:2!important;
   grid-row:2!important
}
.page-power-your-business .business-topic-split .topic-icon-circle {
   display:grid!important;
   place-items:center!important;
   width:54px!important;
   height:54px!important;
   border-radius:50%!important;
   background:var(--primary)!important;
   color:#111!important;
   margin:0 0 28px 0!important
}
.page-power-your-business .business-topic-split .topic-icon-circle .icon {
   display:block!important;
   width:25px!important;
   height:25px!important;
   color:#111!important;
   fill:currentColor!important;
   margin:0!important
}
.page-power-your-business .business-topic-split .compact-fact-list {
   margin:24px 0!important
}
.page-power-your-business .business-topic-split .business-summary-note {
   margin:20px 0!important
}
.page-power-your-business .business-topic-split .card-call-btn {
   width:100%!important;
   margin:24px 0 0!important
}
.page-power-your-business .business-topic-split .business-detail-copy {
   margin-top:16px!important
}
/* Services directory: deliberate white system. Hover becomes dark while ALL content stays visible. */ .services-directory-grid {
   grid-template-columns:repeat(4,minmax(0,1fr))!important;
   gap:14px!important
}
.service-directory-card.tone-clean {
   background:#fff!important;
   color:#111!important;
   border:1px solid #deddd3!important;
   box-shadow:none!important;
   transition:transform .32s ease,background .32s ease,color .32s ease,border-color .32s ease,box-shadow .32s ease!important
}
.service-directory-card.tone-clean p {
   color:#68685f!important;
   transition:color .32s ease!important
}
.service-directory-card.tone-clean .service-no {
   background:var(--primary)!important;
   color:#111!important
}
.service-directory-card.tone-clean h3 {
   font-size:clamp(13px,1.05vw,18px)!important;
   white-space:nowrap!important;
   letter-spacing:-.025em!important
}
.service-directory-card.tone-clean:hover {
   background:#151611!important;
   color:#fff!important;
   border-color:#151611!important;
   transform:translateY(-7px)!important;
   box-shadow:0 20px 38px rgba(0,0,0,.16)!important
}
.service-directory-card.tone-clean:hover h3,.service-directory-card.tone-clean:hover .service-no {
   color:#fff!important
}
.service-directory-card.tone-clean:hover .service-no {
   background:#2a2b24!important;
   color:var(--primary)!important
}
.service-directory-card.tone-clean:hover p {
   color:#deddd3!important
}
.service-directory-card.tone-clean:hover .card-call-btn {
   background:var(--primary)!important;
   color:#111!important;
   border-color:var(--primary)!important
}
/* Newly supplied section images use intentional cover frames. */ .faq-prep-photo,.services-application-photo {
   width:100%!important;
   height:100%!important;
   min-height:360px!important;
   object-fit:cover!important;
   border-radius:22px!important
}
@media (max-width: 1050px) {
   .services-directory-grid {
     grid-template-columns:repeat(2,minmax(0,1fr))!important
  }
   .service-directory-card.tone-clean h3 {
     font-size:17px!important
  }
   .page-power-your-business .business-topic-split {
     grid-template-columns:1fr 1fr!important
  }
   .page-power-your-business .business-topic-split>.topic-card:first-child {
     grid-column:1/-1!important;
     grid-row:auto!important
  }
   .page-power-your-business .business-topic-split>.topic-card:nth-child(2),.page-power-your-business .business-topic-split>.topic-card:nth-child(3) {
     grid-column:auto!important;
     grid-row:auto!important
  }

}
@media (max-width: 768px) {
   .inner-hero.hero-bg-banner {
     min-height:0!important;
     padding:38px 0!important
  }
   .inner-hero.hero-bg-banner .inner-hero-grid {
     grid-template-columns:1fr!important;
     gap:24px!important
  }
   .inner-hero.hero-bg-banner .hero-call-card {
     height:auto!important
  }
   .page-power-your-business .business-topic-split {
     grid-template-columns:1fr!important
  }
   .page-power-your-business .business-topic-split>.topic-card {
     grid-column:auto!important;
     grid-row:auto!important
  }
   .services-directory-grid {
     grid-template-columns:1fr!important
  }
   .service-directory-card.tone-clean h3 {
     font-size:18px!important;
     white-space:normal!important
  }
   .about-lens-media-cover {
     min-height:360px!important
  }

}
/* === V16 targeted header + Services cleanup === */
/* Desktop: keep only the main yellow phone CTA. Mobile-only call control stays hidden above 820px. */ @media (min-width:821px) {
   .mobile-header-call {
     display:none!important
  }
   .mobile-sticky-cta {
     display:none!important
  }

}
/* Give the white navigation row a little breathing room under the dark path bar. */ .main-nav-bar {
   padding:6px 0 8px!important
}
.enhanced-nav {
   min-height:74px!important
}
/* Services cards: no numbering and no artificial space below the button. */ .services-directory-grid {
   align-items:stretch!important
}
.service-directory-card.tone-clean {
   min-height:0!important;
   height:100%!important;
   padding:24px!important;
   display:flex!important;
   flex-direction:column!important;
   justify-content:flex-start!important;
   gap:0!important;

}
.service-directory-card.tone-clean .service-no {
   display:none!important
}
.service-directory-card.tone-clean h3 {
   margin:0 0 12px!important
}
.service-directory-card.tone-clean p {
   margin:0 0 16px!important;
   flex:0 0 auto!important
}
.service-directory-card.tone-clean .card-call-btn {
   margin:0!important;
   width:100%!important;
   min-height:48px!important;

}
@media (max-width:820px) {
   .main-nav-bar {
     padding:4px 0!important
  }

}

/* ===== V18 SERVICE INNER PAGE RESPONSIVE REDESIGN ===== */
/* Header: prevent the mobile number from ever leaking into desktop flow. */
.mobile-header-call[style] { display:none !important; }
@media (max-width:820px) {
  .mobile-header-call[style] {
    display:inline-flex !important;
  }
}
@media (min-width:821px) {
  .site-header .mobile-header-call,
  .site-header .mobile-menu-call,
  .mobile-sticky-cta {
    display:none !important;
  }
}

/* Scope all following rules to the 16 propane application/detail pages only. */
.service-inner-modern {
  --service-max: 1180px;
}
.service-inner-modern main {
  overflow:hidden;
}
.service-inner-modern main > section,
.service-inner-modern main > .final-cta {
  width:100%;
  max-width:none;
}
.service-inner-modern .container {
  width:min(var(--service-max), calc(100% - 48px));
}

/* Contact-style service banner: image cover, 60/40 content/form, no narrow floating rail. */
.service-inner-modern .modern-service-hero {
  position:relative;
  min-height:620px;
  padding:70px 0;
  display:flex;
  align-items:center;
  background:#11130f;
  isolation:isolate;
}
.service-inner-modern .modern-service-hero .service-art,
.service-inner-modern .modern-service-hero .inner-hero-bg-media {
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  z-index:-2;
  overflow:hidden;
  border-radius:0 !important;
}
.service-inner-modern .modern-service-hero .service-art img,
.service-inner-modern .modern-service-hero .inner-hero-bg-media img {
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  display:block;
}
.service-inner-modern .modern-service-hero::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,rgba(8,10,8,.88) 0%,rgba(8,10,8,.72) 48%,rgba(8,10,8,.42) 100%);
}
.service-inner-modern .modern-service-hero .service-hero-grid {
  width:min(var(--service-max), calc(100% - 48px));
  margin-inline:auto;
  display:grid !important;
  grid-template-columns:minmax(0,3fr) minmax(330px,2fr) !important;
  align-items:stretch !important;
  gap:42px !important;
}
.service-inner-modern .modern-service-hero .service-title {
  align-self:center;
  max-width:690px;
  padding:0 !important;
  background:transparent !important;
}
.service-inner-modern .modern-service-hero .service-title h1 {
  color:#fff !important;
  font-size:clamp(44px,5vw,68px) !important;
  line-height:.98 !important;
  max-width:14ch !important;
  margin:16px 0 22px !important;
  text-wrap:balance;
}
.service-inner-modern .modern-service-hero .service-title > p {
  color:rgba(255,255,255,.88) !important;
  font-size:18px !important;
  line-height:1.72 !important;
  max-width:64ch;
}
.service-inner-modern .modern-service-hero .service-title > .btn {
  width:auto !important;
  display:inline-flex !important;
  margin-top:18px !important;
}
.service-inner-modern .modern-service-hero .hero-call-card {
  align-self:stretch;
  height:auto !important;
  min-height:0 !important;
  padding:30px !important;
  border-radius:24px !important;
  background:rgba(255,255,255,.94) !important;
  backdrop-filter:blur(12px);
  box-shadow:0 22px 60px rgba(0,0,0,.22);
  display:flex !important;
  flex-direction:column;
  justify-content:center;
}
.service-inner-modern .modern-service-hero .hero-call-card h2 {
  font-size:30px !important;
  line-height:1.04 !important;
  max-width:14ch;
}
.service-inner-modern .modern-service-hero .hero-call-card .btn {
  width:100% !important;
}

/* Section 2: editorial split with quote, full desktop width. */
.service-inner-modern .modern-service-intro {
  padding:86px 0 !important;
  background:#fff;
}
.service-inner-modern .modern-service-intro .split-grid {
  display:grid !important;
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr) !important;
  gap:58px !important;
  align-items:stretch !important;
}
.service-inner-modern .modern-service-intro h2 {
  font-size:clamp(36px,4vw,52px) !important;
  line-height:1.03 !important;
  max-width:18ch;
  margin:14px 0 22px;
}
.service-inner-modern .modern-service-intro p {
  font-size:17px;
  line-height:1.75;
}
.service-inner-modern .modern-service-intro .pull-quote {
  margin:0 !important;
  min-height:100%;
  padding:34px !important;
  border:1px solid #d7d4ae;
  border-radius:22px;
  background:#f4f8fb;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.service-inner-modern .modern-service-intro .pull-quote > span {
  font-size:54px;
  line-height:.7;
  color:#a59c00;
}

/* Three planning cards: clean equal cards, not squeezed. */
.service-inner-modern .modern-usecases {
  padding:84px 0 !important;
  background:#f5f4ee;
}
.service-inner-modern .modern-usecases h2 {
  max-width:20ch;
  font-size:clamp(34px,3.6vw,48px) !important;
  margin:14px 0 34px;
}
.service-inner-modern .modern-usecases .usecase-grid {
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:20px !important;
  align-items:stretch !important;
}
.service-inner-modern .modern-usecases .usecase-grid > article {
  min-width:0 !important;
  min-height:360px !important;
  padding:30px !important;
  border-radius:22px !important;
  background:#fff !important;
  border:1px solid #dddace !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  overflow:hidden;
}
.service-inner-modern .modern-usecases .usecase-grid > article:nth-child(2) {
  background:#d9edf9 !important;
}
.service-inner-modern .modern-usecases .usecase-grid > article:nth-child(3) {
  background:#11130f !important;
  color:#fff !important;
}
.service-inner-modern .modern-usecases .usecase-grid > article:nth-child(3) h3,
.service-inner-modern .modern-usecases .usecase-grid > article:nth-child(3) p {
  color:#fff !important;
}
.service-inner-modern .modern-usecases .usecase-grid > article > span {
  width:46px;
  height:46px;
  border-radius:50%;
  background:#111;
  color:#0067b1;
  display:grid;
  place-items:center;
  font-weight:900;
  margin-bottom:28px;
}
.service-inner-modern .modern-usecases .usecase-grid h3 {
  font-size:25px !important;
  line-height:1.08;
  margin:0 0 14px !important;
}
.service-inner-modern .modern-usecases .usecase-grid p {
  font-size:16px;
  line-height:1.65;
  margin-bottom:20px !important;
}
.service-inner-modern .modern-usecases .card-call-btn {
  margin-top:auto !important;
  width:100% !important;
}

/* Prep band: bold, balanced, responsive. */
.service-inner-modern .modern-prep {
  padding:68px 0 !important;
  background:#11130f !important;
  color:#fff;
}
.service-inner-modern .modern-prep .prep-grid {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) !important;
  gap:54px !important;
  align-items:center !important;
}
.service-inner-modern .modern-prep h2,
.service-inner-modern .modern-prep p {
  color:#fff !important;
}
.service-inner-modern .modern-prep h2 {
  font-size:clamp(34px,3.6vw,48px) !important;
  max-width:15ch;
}
.service-inner-modern .modern-prep ul {
  margin:0 !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:12px !important;
}
.service-inner-modern .modern-prep li {
  list-style:none;
  padding:18px 20px !important;
  min-height:66px;
  border:1px solid rgba(0,103,177,.2);
  border-radius:16px;
  background:rgba(255,255,255,.035);
  display:flex;
  align-items:center;
  gap:12px;
}
.service-inner-modern .modern-prep li .icon {
  color:#0067b1;
}

/* Provider-question section stays a contained premium panel and does not swallow signature sections. */
.service-inner-modern .modern-service-visual {
  padding:86px 0 44px !important;
  background:#fff;
}
.service-inner-modern .modern-service-visual .service-question {
  padding:44px !important;
  border:1px solid #dedbce;
  border-radius:26px;
  background:linear-gradient(135deg,#fff 0%,#eef6fb 100%);
  box-shadow:0 18px 50px rgba(22,22,16,.06);
}
.service-inner-modern .modern-service-visual .service-question h2 {
  max-width:19ch;
  font-size:clamp(34px,3.6vw,48px) !important;
}
.service-inner-modern .modern-service-visual .question-columns {
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:14px 28px !important;
  margin:24px 0 !important;
}
.service-inner-modern .modern-service-visual .question-columns p {
  margin:0 !important;
  padding:16px 0 !important;
  border-bottom:1px solid #e5e2d6;
}
.service-inner-modern .modern-service-visual .card-call-btn {
  width:auto !important;
  display:inline-flex !important;
}

/* Signature content restored to true full-width sibling sections. */
.service-inner-modern main > .signature-section {
  padding:76px 0 !important;
  width:100% !important;
  overflow:hidden;
}
.service-inner-modern main > .signature-section:nth-of-type(even) {
  background:#f5f4ee;
}
.service-inner-modern .signature-section .sig-wrap {
  width:min(var(--service-max), calc(100% - 48px));
  margin-inline:auto;
}
.service-inner-modern .sig-mosaic,
.service-inner-modern .sig-ribbon,
.service-inner-modern .sig-signal-grid,
.service-inner-modern .sig-split-grid,
.service-inner-modern .sig-cards,
.service-inner-modern .sig-grid {
  min-width:0 !important;
}
.service-inner-modern .signature-section article {
  transition:transform .32s ease, box-shadow .32s ease, border-color .32s ease;
}
.service-inner-modern .signature-section article:hover {
  transform:translateY(-6px);
  box-shadow:0 18px 42px rgba(20,20,12,.10);
}

/* FAQ and related resources mirror the clean Contact-page rhythm. */
.service-inner-modern .modern-service-faq {
  padding:82px 0 !important;
  background:#fff;
}
.service-inner-modern .modern-service-faq .faq-grid {
  display:grid !important;
  grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr) !important;
  gap:56px !important;
  align-items:start !important;
}
.service-inner-modern .modern-service-faq h2 {
  font-size:clamp(34px,3.5vw,46px) !important;
  max-width:14ch;
}
.service-inner-modern .modern-service-faq details {
  border-bottom:1px solid #dcd9ce;
}
.service-inner-modern .modern-service-faq summary {
  padding:20px 4px !important;
}
.service-inner-modern .modern-service-related {
  padding:72px 0 !important;
  background:#f5f4df;
}
.service-inner-modern .modern-service-related .related-grid,
.service-inner-modern .modern-service-related .resource-grid {
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
  align-items:stretch !important;
}
.service-inner-modern .modern-service-related article,
.service-inner-modern .modern-service-related .related-card {
  min-width:0;
  height:100%;
}
.service-inner-modern .sitewide-final-cta {
  margin-top:0 !important;
}

/* Gentle per-page motion: same system, slightly different movement by existing page variants. */
.service-inner-modern.page-variant-1 .motion-card:hover,
.service-inner-modern.page-variant-4 .motion-card:hover { transform:translateY(-8px) rotate(-.35deg); }
.service-inner-modern.page-variant-2 .motion-card:hover,
.service-inner-modern.page-variant-5 .motion-card:hover { transform:translateY(-8px) rotate(.35deg); }
.service-inner-modern.page-variant-7 .motion-card:hover,
.service-inner-modern.page-variant-8 .motion-card:hover { transform:translateY(-10px) scale(1.01); }

@media (max-width:980px) {
  .service-inner-modern .modern-service-hero .service-hero-grid {
    grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr) !important;
    gap:26px !important;
  }
  .service-inner-modern .modern-service-hero .service-title h1 {
    font-size:clamp(40px,6vw,58px) !important;
  }
  .service-inner-modern .modern-usecases .usecase-grid {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .service-inner-modern .modern-usecases .usecase-grid > article:nth-child(3) {
    grid-column:1 / -1;
    min-height:300px !important;
  }
}

@media (max-width:820px) {
  .service-inner-modern .container,
  .service-inner-modern .modern-service-hero .service-hero-grid,
  .service-inner-modern .signature-section .sig-wrap {
    width:min(100% - 32px, var(--service-max));
  }
  .service-inner-modern .modern-service-hero {
    min-height:0;
    padding:44px 0 !important;
  }
  .service-inner-modern .modern-service-hero .service-hero-grid {
    grid-template-columns:1fr !important;
  }
  .service-inner-modern .modern-service-hero .service-title h1 {
    font-size:clamp(38px,11vw,52px) !important;
    max-width:15ch !important;
  }
  .service-inner-modern .modern-service-hero .hero-call-card {
    width:100%;
    padding:24px !important;
  }
  .service-inner-modern .modern-service-intro .split-grid,
  .service-inner-modern .modern-prep .prep-grid,
  .service-inner-modern .modern-service-faq .faq-grid {
    grid-template-columns:1fr !important;
    gap:28px !important;
  }
  .service-inner-modern .modern-usecases .usecase-grid {
    grid-template-columns:1fr !important;
  }
  .service-inner-modern .modern-usecases .usecase-grid > article:nth-child(3) {
    grid-column:auto;
  }
  .service-inner-modern .modern-prep ul,
  .service-inner-modern .modern-service-visual .question-columns,
  .service-inner-modern .modern-service-related .related-grid,
  .service-inner-modern .modern-service-related .resource-grid {
    grid-template-columns:1fr !important;
  }
  .service-inner-modern .modern-service-visual .service-question {
    padding:28px !important;
  }
  .service-inner-modern main > .signature-section {
    padding:58px 0 !important;
  }
}

@media (max-width:520px) {
  .service-inner-modern .container,
  .service-inner-modern .modern-service-hero .service-hero-grid,
  .service-inner-modern .signature-section .sig-wrap {
    width:min(100% - 24px, var(--service-max));
  }
  .service-inner-modern .modern-service-hero .service-title h1 {
    font-size:clamp(34px,11vw,46px) !important;
  }
  .service-inner-modern .modern-service-hero .service-title > p {
    font-size:16px !important;
  }
  .service-inner-modern .modern-usecases .usecase-grid > article {
    min-height:0 !important;
    padding:24px !important;
  }
  .service-inner-modern .modern-service-intro,
  .service-inner-modern .modern-usecases,
  .service-inner-modern .modern-service-faq,
  .service-inner-modern .modern-service-related {
    padding:58px 0 !important;
  }
}

@media (prefers-reduced-motion:reduce) {
  .service-inner-modern .motion-card,
  .service-inner-modern .signature-section article {
    transition:none !important;
    transform:none !important;
  }
}

/* V18: bring AutoGas and Cooking heroes into the same Contact-style 60/40 service banner system. */
.service-inner-modern main > .inner-hero.hero-bg-banner {
  position:relative;
  min-height:620px !important;
  padding:70px 0 !important;
  display:flex;
  align-items:center;
  background:#11130f;
  isolation:isolate;
}
.service-inner-modern main > .inner-hero.hero-bg-banner .inner-hero-bg-media {
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  z-index:-2;
  overflow:hidden;
  border-radius:0 !important;
}
.service-inner-modern main > .inner-hero.hero-bg-banner .inner-hero-bg-media img {
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  display:block;
}
.service-inner-modern main > .inner-hero.hero-bg-banner::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,rgba(8,10,8,.88) 0%,rgba(8,10,8,.72) 48%,rgba(8,10,8,.42) 100%);
}
.service-inner-modern main > .inner-hero.hero-bg-banner .inner-hero-grid {
  width:min(var(--service-max), calc(100% - 48px));
  margin-inline:auto;
  display:grid !important;
  grid-template-columns:minmax(0,3fr) minmax(330px,2fr) !important;
  align-items:stretch !important;
  gap:42px !important;
}
.service-inner-modern main > .inner-hero.hero-bg-banner .inner-copy {
  align-self:center;
  max-width:690px;
  padding:0 !important;
  background:transparent !important;
}
.service-inner-modern main > .inner-hero.hero-bg-banner .inner-copy h1 {
  color:#fff !important;
  font-size:clamp(44px,5vw,68px) !important;
  line-height:.98 !important;
  max-width:14ch !important;
  margin:16px 0 22px !important;
}
.service-inner-modern main > .inner-hero.hero-bg-banner .inner-copy > p {
  color:rgba(255,255,255,.88) !important;
  font-size:18px !important;
  line-height:1.72 !important;
  max-width:64ch;
}
.service-inner-modern main > .inner-hero.hero-bg-banner .hero-call-card {
  align-self:stretch;
  height:auto !important;
  min-height:0 !important;
  padding:30px !important;
  border-radius:24px !important;
  background:rgba(255,255,255,.94) !important;
  backdrop-filter:blur(12px);
  box-shadow:0 22px 60px rgba(0,0,0,.22);
  display:flex !important;
  flex-direction:column;
  justify-content:center;
}
.service-inner-modern main > .inner-hero.hero-bg-banner .hero-call-card .btn {
  width:100% !important;
}

/* AutoGas/Cooking first explanatory sections: full-width, readable two-column layouts. */
.service-inner-modern main > .topic-section,
.service-inner-modern main > .visual-explainer {
  padding:82px 0 !important;
}
.service-inner-modern main > .topic-section .container,
.service-inner-modern main > .visual-explainer .container {
  width:min(var(--service-max), calc(100% - 48px));
}
.service-inner-modern main > .topic-section .topic-grid,
.service-inner-modern main > .visual-explainer .visual-grid,
.service-inner-modern main > .visual-explainer .split-grid {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:34px !important;
  align-items:stretch !important;
}

@media (max-width:820px) {
  .service-inner-modern main > .inner-hero.hero-bg-banner {
    min-height:0 !important;
    padding:44px 0 !important;
  }
  .service-inner-modern main > .inner-hero.hero-bg-banner .inner-hero-grid {
    width:min(100% - 32px, var(--service-max));
    grid-template-columns:1fr !important;
    gap:24px !important;
  }
  .service-inner-modern main > .inner-hero.hero-bg-banner .inner-copy h1 {
    font-size:clamp(38px,11vw,52px) !important;
    max-width:15ch !important;
  }
  .service-inner-modern main > .topic-section .topic-grid,
  .service-inner-modern main > .visual-explainer .visual-grid,
  .service-inner-modern main > .visual-explainer .split-grid {
    grid-template-columns:1fr !important;
  }
}

/* V19 targeted AutoGas refinements. Only requested AutoGas/service-hero behavior is changed. */
.page-autogas .topic-section .topic-grid {
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:20px !important;
  align-items:stretch !important;
}
.page-autogas .topic-section .topic-card {
  min-width:0;
  height:100%;
}

/* AutoGas provider section: image fills the complete left column. */
.page-autogas .visual-explainer .split-grid {
  align-items:stretch !important;
}
.page-autogas .visual-explainer .image-media {
  height:100% !important;
  min-height:520px;
  overflow:hidden;
}
.page-autogas .visual-explainer .image-media img {
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  display:block;
}

/* AutoGas working profile: content drives the equal-height composition, not blank spacing. */
.page-autogas .sig-autogas-1 .sig-wrap {
  align-items:stretch !important;
}
.page-autogas .sig-autogas-1 .sig-intro {
  align-self:stretch;
}
.page-autogas .sig-autogas-1 .sig-intro p + p {
  margin-top:16px;
}
.page-autogas .sig-autogas-1 .sig-tile-1 p {
  margin-bottom:0 !important;
}

/* Inline CTA requested for public/on-site fueling section. */
.page-autogas .sig-autogas-2 .autogas-inline-call {
  display:inline-flex !important;
  width:auto !important;
  margin-top:22px !important;
}

/* Fresh AutoGas fit section replacing the old three-card stage. */
.page-autogas .autogas-fit-section {
  padding:82px 0;
  background:#11130f;
  color:#fff;
  overflow:hidden;
}
.page-autogas .autogas-fit-grid {
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:48px;
  align-items:stretch;
}
.page-autogas .autogas-fit-copy {
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
}
.page-autogas .autogas-fit-copy .eyebrow {
  align-self:flex-start;
  background:#0067b1 !important;
  color:#111 !important;
}
.page-autogas .autogas-fit-copy h2 {
  color:#fff;
  font-size:clamp(36px,4vw,54px);
  line-height:1.02;
  max-width:15ch;
  margin:16px 0 22px;
}
.page-autogas .autogas-fit-copy p {
  color:rgba(255,255,255,.82);
  line-height:1.75;
  max-width:60ch;
}
.page-autogas .autogas-fit-copy p + p {
  margin-top:14px;
}
.page-autogas .autogas-fit-notes {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:24px;
}
.page-autogas .autogas-fit-notes span {
  padding:15px 16px;
  border:1px solid rgba(0,103,177,.24);
  border-radius:14px;
  background:rgba(255,255,255,.04);
  color:rgba(255,255,255,.78);
  line-height:1.45;
}
.page-autogas .autogas-fit-notes strong {
  display:block;
  color:#0067b1;
  margin-bottom:3px;
}
.page-autogas .autogas-fit-cards {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  align-items:stretch;
}
.page-autogas .autogas-fit-card {
  min-width:0;
  min-height:250px;
  padding:28px;
  border-radius:24px;
  background:#fff;
  color:#111;
  border:1px solid rgba(255,255,255,.12);
  transition:transform .32s ease, box-shadow .32s ease;
}
.page-autogas .autogas-fit-card:first-child {
  grid-row:span 2;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.page-autogas .autogas-fit-card.is-dark {
  background:#191b17;
  color:#fff;
  border-color:rgba(0,103,177,.2);
}
.page-autogas .autogas-fit-card.is-yellow {
  background:#0067b1;
  color:#111;
}
.page-autogas .autogas-fit-icon {
  width:48px;
  height:48px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#111;
  color:#0067b1;
  font-weight:900;
  margin-bottom:24px;
}
.page-autogas .autogas-fit-card.is-dark .autogas-fit-icon {
  background:#0067b1;
  color:#111;
}
.page-autogas .autogas-fit-card h3 {
  color:inherit;
  font-size:26px;
  margin:0 0 12px;
}
.page-autogas .autogas-fit-card p {
  color:inherit;
  opacity:.78;
  line-height:1.65;
  margin:0;
}
.page-autogas .autogas-fit-card:hover {
  transform:translateY(-6px);
  box-shadow:0 18px 44px rgba(0,0,0,.2);
}

@media (max-width:980px) {
  .page-autogas .autogas-fit-grid {
    grid-template-columns:1fr;
  }
  .page-autogas .visual-explainer .image-media {
    min-height:420px;
  }
}
@media (max-width:820px) {
  .page-autogas .topic-section .topic-grid,
  .page-autogas .autogas-fit-cards,
  .page-autogas .autogas-fit-notes {
    grid-template-columns:1fr !important;
  }
  .page-autogas .autogas-fit-card:first-child {
    grid-row:auto;
  }
  .page-autogas .visual-explainer .image-media {
    min-height:360px;
  }
}
@media (max-width:520px) {
  .page-autogas .autogas-fit-section {
    padding:58px 0;
  }
  .page-autogas .autogas-fit-card {
    min-height:0;
    padding:24px;
  }
  .page-autogas .visual-explainer .image-media {
    min-height:300px;
  }
}
@media (prefers-reduced-motion:reduce) {
  .page-autogas .autogas-fit-card {
    transition:none;
    transform:none !important;
  }
}


/* V20 targeted: AutoGas topic row, AutoGas related white section, Pricing sections 7-8 redesign. */
@media (min-width: 981px) {
  .page-autogas .topic-section .topic-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch !important;
  }
  .page-autogas .topic-section .topic-card {
    grid-column: auto !important;
    grid-row: auto !important;
    min-width: 0;
    height: 100%;
  }
}
.page-autogas .modern-service-related {
  background: #fff !important;
  color: #111 !important;
}
.page-autogas .modern-service-related .eyebrow,
.page-autogas .modern-service-related h2,
.page-autogas .modern-service-related h3,
.page-autogas .modern-service-related p {
  color: #111 !important;
}
.page-autogas .modern-service-related .related-call-card {
  background: #fff !important;
  color: #111 !important;
  border: 1px solid #dedccf !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.05);
}
.page-autogas .modern-service-related .related-call-card:hover {
  background: #eaf4fb !important;
  border-color: #d7cf00 !important;
}
.page-autogas .modern-service-related .related-card-cta {
  background: var(--primary) !important;
  color: #111 !important;
}

.page-pricing-delivery .pricing-quote-variables {
  background: #f6f5ee;
  padding: clamp(68px, 8vw, 110px) 0;
}
.page-pricing-delivery .pricing-quote-grid {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
  gap: clamp(34px, 6vw, 82px);
  align-items: stretch;
}
.page-pricing-delivery .pricing-quote-copy {
  align-self: center;
}
.page-pricing-delivery .pricing-quote-copy h2,
.page-pricing-delivery .pricing-model-copy h2 {
  max-width: 14ch;
  margin: 18px 0 20px;
}
.page-pricing-delivery .pricing-quote-copy > p,
.page-pricing-delivery .pricing-model-copy > p {
  max-width: 58ch;
}
.page-pricing-delivery .pricing-quote-note {
  margin-top: 32px;
  padding: 22px 24px;
  border-left: 5px solid var(--primary);
  background: #fff;
  border-radius: 0 18px 18px 0;
  display: grid;
  gap: 6px;
}
.page-pricing-delivery .pricing-quote-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.page-pricing-delivery .pricing-quote-card {
  min-height: 250px;
  padding: 30px;
  border: 1px solid var(--border);
  border-radius: 28px;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  transition: transform .35s ease, box-shadow .35s ease, background .35s ease;
}
.page-pricing-delivery .pricing-quote-card > span,
.page-pricing-delivery .pricing-model-number {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #111;
  color: var(--primary);
  font-weight: 900;
  margin-bottom: 28px;
}
.page-pricing-delivery .pricing-quote-card h3 {
  margin: 0 0 10px;
}
.page-pricing-delivery .pricing-quote-card p {
  margin: 0;
}
.page-pricing-delivery .pricing-quote-card.is-yellow {
  background: var(--primary);
  color: #111;
}
.page-pricing-delivery .pricing-quote-card.is-dark {
  background: #111;
  color: #fff;
  border-color: #111;
}
.page-pricing-delivery .pricing-quote-card.is-dark p {
  color: #e1e0d6;
}
.page-pricing-delivery .pricing-quote-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 20px 46px rgba(0,0,0,.10);
}

.page-pricing-delivery .pricing-service-model {
  background: #11130f;
  color: #fff;
  padding: clamp(72px, 8vw, 112px) 0;
  overflow: hidden;
}
.page-pricing-delivery .pricing-service-model .eyebrow {
  background: var(--primary);
  color: #111;
}
.page-pricing-delivery .pricing-model-grid {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: clamp(38px, 6vw, 90px);
  align-items: center;
}
.page-pricing-delivery .pricing-model-copy > p {
  color: #d9d8ce;
}
.page-pricing-delivery .pricing-model-rule {
  margin-top: 34px;
  padding: 24px 0 0;
  border-top: 1px solid rgba(255,255,255,.18);
}
.page-pricing-delivery .pricing-model-rule span {
  display: block;
  color: var(--primary);
  font-weight: 900;
  margin-bottom: 8px;
}
.page-pricing-delivery .pricing-model-rule p {
  color: #d9d8ce;
  margin: 0;
}
.page-pricing-delivery .pricing-model-board {
  display: grid;
  gap: 14px;
}
.page-pricing-delivery .pricing-model-lane {
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 22px;
  align-items: start;
  padding: 28px;
  border-radius: 24px;
  background: #fff;
  color: #111;
  transition: transform .35s ease, background .35s ease;
}
.page-pricing-delivery .pricing-model-lane.is-highlight {
  background: var(--primary);
}
.page-pricing-delivery .pricing-model-lane h3 {
  margin: 0 0 8px;
}
.page-pricing-delivery .pricing-model-lane p {
  margin: 0;
  color: #5f5e55;
}
.page-pricing-delivery .pricing-model-lane.is-highlight p {
  color: #37372f;
}
.page-pricing-delivery .pricing-model-number {
  margin: 0;
}
.page-pricing-delivery .pricing-model-lane:hover {
  transform: translateX(8px);
}
@media (max-width: 900px) {
  .page-pricing-delivery .pricing-quote-grid,
  .page-pricing-delivery .pricing-model-grid {
    grid-template-columns: 1fr;
  }
  .page-pricing-delivery .pricing-quote-copy h2,
  .page-pricing-delivery .pricing-model-copy h2 {
    max-width: 18ch;
  }
}
@media (max-width: 620px) {
  .page-pricing-delivery .pricing-quote-cards {
    grid-template-columns: 1fr;
  }
  .page-pricing-delivery .pricing-quote-card {
    min-height: 0;
  }
  .page-pricing-delivery .pricing-model-lane {
    grid-template-columns: 52px 1fr;
    padding: 22px;
    gap: 16px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .page-pricing-delivery .pricing-quote-card,
  .page-pricing-delivery .pricing-model-lane {
    transition: none;
    transform: none !important;
  }
}


/* V21 targeted fixes: AutoGas 4 cards, white service-mode section, and full-cover banners on requested service pages. */
@media (min-width:1181px) {
  .page-autogas .topic-section .topic-grid {
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}
@media (min-width:821px) and (max-width:1180px) {
  .page-autogas .topic-section .topic-grid {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
.page-autogas .sig-autogas-2 {
  background:#fff !important;
  color:#111 !important;
}
.page-autogas .sig-autogas-2 .sig-wrap {
  align-items:stretch !important;
}
.page-autogas .sig-autogas-2 h2,
.page-autogas .sig-autogas-2 h3,
.page-autogas .sig-autogas-2 p,
.page-autogas .sig-autogas-2 .eyebrow {
  color:#111 !important;
}
.page-autogas .sig-autogas-2 p {
  color:#53554d !important;
}
.page-autogas .sig-autogas-2 .sig-ribbon {
  border-top:1px solid #ddd8c7 !important;
  background:transparent !important;
}
.page-autogas .sig-autogas-2 .sig-ribbon-item {
  border-bottom:1px solid #ddd8c7 !important;
  background:transparent !important;
}
.page-autogas .sig-autogas-2 .sig-ribbon-item:hover {
  background:linear-gradient(90deg,rgba(255,239,0,.18),transparent) !important;
}
.page-autogas .sig-autogas-2 .sig-ribbon-item p {
  color:#55574f !important;
}
.page-autogas .sig-autogas-2 .autogas-inline-call {
  margin-top:24px !important;
}

:is(.sig-page-building-with-propane,
    .sig-page-construction-equipment,
    .sig-page-crop-drying,
    .sig-page-lawn-equipment,
    .sig-page-temporary-heat,
    .sig-page-agriculture,
    .sig-page-autogas-fleet,
    .sig-page-building-development,
    .sig-page-restaurants-hospitality,
    .sig-page-warehouse-manufacturing) .modern-service-hero .service-hero-grid {
  position:static !important;
}
:is(.sig-page-building-with-propane,
    .sig-page-construction-equipment,
    .sig-page-crop-drying,
    .sig-page-lawn-equipment,
    .sig-page-temporary-heat,
    .sig-page-agriculture,
    .sig-page-autogas-fleet,
    .sig-page-building-development,
    .sig-page-restaurants-hospitality,
    .sig-page-warehouse-manufacturing) .modern-service-hero .service-title,
:is(.sig-page-building-with-propane,
    .sig-page-construction-equipment,
    .sig-page-crop-drying,
    .sig-page-lawn-equipment,
    .sig-page-temporary-heat,
    .sig-page-agriculture,
    .sig-page-autogas-fleet,
    .sig-page-building-development,
    .sig-page-restaurants-hospitality,
    .sig-page-warehouse-manufacturing) .modern-service-hero .hero-call-card {
  position:relative;
  z-index:2;
}
:is(.sig-page-building-with-propane,
    .sig-page-construction-equipment,
    .sig-page-crop-drying,
    .sig-page-lawn-equipment,
    .sig-page-temporary-heat,
    .sig-page-agriculture,
    .sig-page-autogas-fleet,
    .sig-page-building-development,
    .sig-page-restaurants-hospitality,
    .sig-page-warehouse-manufacturing) .modern-service-hero .service-art {
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  z-index:-2 !important;
  display:block !important;
  margin:0 !important;
  border-radius:0 !important;
  overflow:hidden !important;
}
:is(.sig-page-building-with-propane,
    .sig-page-construction-equipment,
    .sig-page-crop-drying,
    .sig-page-lawn-equipment,
    .sig-page-temporary-heat,
    .sig-page-agriculture,
    .sig-page-autogas-fleet,
    .sig-page-building-development,
    .sig-page-restaurants-hospitality,
    .sig-page-warehouse-manufacturing) .modern-service-hero .service-art img {
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  display:block !important;
}


/* V22 targeted fixes: exact hero-cover treatment for requested service pages + preserve redesigned Pricing & Delivery sections only. */
:is(.sig-page-building-with-propane,
    .sig-page-construction-equipment,
    .sig-page-crop-drying,
    .sig-page-lawn-equipment,
    .sig-page-temporary-heat,
    .sig-page-agriculture,
    .sig-page-autogas-fleet,
    .sig-page-building-development,
    .sig-page-restaurants-hospitality,
    .sig-page-warehouse-manufacturing) .modern-service-hero {
  position:relative !important;
  min-height:640px !important;
  padding:68px 0 !important;
  overflow:hidden !important;
  background:#090c08 !important;
  isolation:isolate !important;
}
:is(.sig-page-building-with-propane,
    .sig-page-construction-equipment,
    .sig-page-crop-drying,
    .sig-page-lawn-equipment,
    .sig-page-temporary-heat,
    .sig-page-agriculture,
    .sig-page-autogas-fleet,
    .sig-page-building-development,
    .sig-page-restaurants-hospitality,
    .sig-page-warehouse-manufacturing) .modern-service-hero::after {
  background:linear-gradient(90deg,rgba(7,10,7,.88) 0%,rgba(7,10,7,.72) 48%,rgba(7,10,7,.36) 100%) !important;
}
:is(.sig-page-building-with-propane,
    .sig-page-construction-equipment,
    .sig-page-crop-drying,
    .sig-page-lawn-equipment,
    .sig-page-temporary-heat,
    .sig-page-agriculture,
    .sig-page-autogas-fleet,
    .sig-page-building-development,
    .sig-page-restaurants-hospitality,
    .sig-page-warehouse-manufacturing) .modern-service-hero .service-art,
:is(.sig-page-building-with-propane,
    .sig-page-construction-equipment,
    .sig-page-crop-drying,
    .sig-page-lawn-equipment,
    .sig-page-temporary-heat,
    .sig-page-agriculture,
    .sig-page-autogas-fleet,
    .sig-page-building-development,
    .sig-page-restaurants-hospitality,
    .sig-page-warehouse-manufacturing) .modern-service-hero .inner-hero-bg-media {
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  z-index:-2 !important;
  margin:0 !important;
  border-radius:0 !important;
  overflow:hidden !important;
}
:is(.sig-page-building-with-propane,
    .sig-page-construction-equipment,
    .sig-page-crop-drying,
    .sig-page-lawn-equipment,
    .sig-page-temporary-heat,
    .sig-page-agriculture,
    .sig-page-autogas-fleet,
    .sig-page-building-development,
    .sig-page-restaurants-hospitality,
    .sig-page-warehouse-manufacturing) .modern-service-hero .service-art img,
:is(.sig-page-building-with-propane,
    .sig-page-construction-equipment,
    .sig-page-crop-drying,
    .sig-page-lawn-equipment,
    .sig-page-temporary-heat,
    .sig-page-agriculture,
    .sig-page-autogas-fleet,
    .sig-page-building-development,
    .sig-page-restaurants-hospitality,
    .sig-page-warehouse-manufacturing) .modern-service-hero .page-hero-image,
:is(.sig-page-building-with-propane,
    .sig-page-construction-equipment,
    .sig-page-crop-drying,
    .sig-page-lawn-equipment,
    .sig-page-temporary-heat,
    .sig-page-agriculture,
    .sig-page-autogas-fleet,
    .sig-page-building-development,
    .sig-page-restaurants-hospitality,
    .sig-page-warehouse-manufacturing) .modern-service-hero .enhanced-section-image {
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
:is(.sig-page-building-with-propane,
    .sig-page-construction-equipment,
    .sig-page-crop-drying,
    .sig-page-lawn-equipment,
    .sig-page-temporary-heat,
    .sig-page-agriculture,
    .sig-page-autogas-fleet,
    .sig-page-building-development,
    .sig-page-restaurants-hospitality,
    .sig-page-warehouse-manufacturing) .modern-service-hero .service-hero-grid {
  position:relative !important;
  z-index:2 !important;
  width:min(var(--service-max), calc(100% - 48px)) !important;
  margin-inline:auto !important;
  display:grid !important;
  grid-template-columns:minmax(0,3fr) minmax(330px,2fr) !important;
  align-items:stretch !important;
  gap:44px !important;
}
:is(.sig-page-building-with-propane,
    .sig-page-construction-equipment,
    .sig-page-crop-drying,
    .sig-page-lawn-equipment,
    .sig-page-temporary-heat,
    .sig-page-agriculture,
    .sig-page-autogas-fleet,
    .sig-page-building-development,
    .sig-page-restaurants-hospitality,
    .sig-page-warehouse-manufacturing) .modern-service-hero .service-title {
  align-self:center !important;
  max-width:700px !important;
  padding:0 !important;
  background:transparent !important;
}
:is(.sig-page-building-with-propane,
    .sig-page-construction-equipment,
    .sig-page-crop-drying,
    .sig-page-lawn-equipment,
    .sig-page-temporary-heat,
    .sig-page-agriculture,
    .sig-page-autogas-fleet,
    .sig-page-building-development,
    .sig-page-restaurants-hospitality,
    .sig-page-warehouse-manufacturing) .modern-service-hero .service-title h1 {
  color:#fff !important;
  font-size:clamp(44px,5vw,68px) !important;
  line-height:.98 !important;
  max-width:14ch !important;
  margin:16px 0 22px !important;
  text-wrap:balance !important;
}
:is(.sig-page-building-with-propane,
    .sig-page-construction-equipment,
    .sig-page-crop-drying,
    .sig-page-lawn-equipment,
    .sig-page-temporary-heat,
    .sig-page-agriculture,
    .sig-page-autogas-fleet,
    .sig-page-building-development,
    .sig-page-restaurants-hospitality,
    .sig-page-warehouse-manufacturing) .modern-service-hero .service-title p {
  color:#ebeadf !important;
  max-width:58ch !important;
}
:is(.sig-page-building-with-propane,
    .sig-page-construction-equipment,
    .sig-page-crop-drying,
    .sig-page-lawn-equipment,
    .sig-page-temporary-heat,
    .sig-page-agriculture,
    .sig-page-autogas-fleet,
    .sig-page-building-development,
    .sig-page-restaurants-hospitality,
    .sig-page-warehouse-manufacturing) .modern-service-hero .service-title .btn {
  margin-top:12px !important;
}
@media (max-width:980px) {
  :is(.sig-page-building-with-propane,
      .sig-page-construction-equipment,
      .sig-page-crop-drying,
      .sig-page-lawn-equipment,
      .sig-page-temporary-heat,
      .sig-page-agriculture,
      .sig-page-autogas-fleet,
      .sig-page-building-development,
      .sig-page-restaurants-hospitality,
      .sig-page-warehouse-manufacturing) .modern-service-hero .service-hero-grid {
    grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr) !important;
    gap:28px !important;
  }
}
@media (max-width:820px) {
  :is(.sig-page-building-with-propane,
      .sig-page-construction-equipment,
      .sig-page-crop-drying,
      .sig-page-lawn-equipment,
      .sig-page-temporary-heat,
      .sig-page-agriculture,
      .sig-page-autogas-fleet,
      .sig-page-building-development,
      .sig-page-restaurants-hospitality,
      .sig-page-warehouse-manufacturing) .modern-service-hero {
    min-height:0 !important;
    padding:44px 0 !important;
  }
  :is(.sig-page-building-with-propane,
      .sig-page-construction-equipment,
      .sig-page-crop-drying,
      .sig-page-lawn-equipment,
      .sig-page-temporary-heat,
      .sig-page-agriculture,
      .sig-page-autogas-fleet,
      .sig-page-building-development,
      .sig-page-restaurants-hospitality,
      .sig-page-warehouse-manufacturing) .modern-service-hero .service-hero-grid {
    grid-template-columns:1fr !important;
    width:min(100% - 32px, var(--service-max)) !important;
  }
}

/* Keep the user-requested redesigned Pricing & Delivery sections 7 and 8; do not revert them to the older board treatment. */
.sig-page-pricing-delivery .sig-pricing-delivery-3 {
  background:#eef6fb !important;
}
.sig-page-pricing-delivery .sig-pricing-delivery-3 .sig-stage {
  align-items:center !important;
  gap:32px !important;
}
.sig-page-pricing-delivery .sig-pricing-delivery-3 .sig-stage-copy {
  max-width:540px !important;
}
.sig-page-pricing-delivery .sig-pricing-delivery-3 .sig-stage-stack {
  transform:none !important;
  gap:22px !important;
}
.sig-page-pricing-delivery .sig-pricing-delivery-3 .sig-stage-card {
  border-radius:28px !important;
  min-height:210px !important;
  box-shadow:var(--shadow-premium) !important;
}
.sig-page-pricing-delivery .sig-pricing-delivery-3 .sig-stage-card.card-1 {
  background:var(--primary) !important;
  color:#111 !important;
}
.sig-page-pricing-delivery .sig-pricing-delivery-3 .sig-stage-card.card-1 p {
  color:#3e3d36 !important;
}

.sig-page-pricing-delivery .sig-pricing-delivery-4 {
  background:#fff !important;
}
.sig-page-pricing-delivery .sig-pricing-delivery-4 .sig-compare-head {
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) !important;
  gap:28px !important;
  align-items:end !important;
}
.sig-page-pricing-delivery .sig-pricing-delivery-4 .sig-compare-board {
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:24px !important;
  border:none !important;
  border-radius:0 !important;
  overflow:visible !important;
  background:transparent !important;
}
.sig-page-pricing-delivery .sig-pricing-delivery-4 .sig-compare-side,
.sig-page-pricing-delivery .sig-pricing-delivery-4 .sig-compare-bridge {
  min-height:260px !important;
  padding:30px !important;
  border:1px solid var(--border) !important;
  border-radius:28px !important;
  box-shadow:var(--shadow-premium) !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
}
.sig-page-pricing-delivery .sig-pricing-delivery-4 .sig-compare-side.side-1 {
  background:var(--primary) !important;
  color:#111 !important;
}
.sig-page-pricing-delivery .sig-pricing-delivery-4 .sig-compare-side.side-1 p {
  color:#3e3d36 !important;
}
.sig-page-pricing-delivery .sig-pricing-delivery-4 .sig-compare-side.side-2 {
  background:#111 !important;
  color:#fff !important;
}
.sig-page-pricing-delivery .sig-pricing-delivery-4 .sig-compare-side.side-2 p {
  color:#e4e2d9 !important;
}
.sig-page-pricing-delivery .sig-pricing-delivery-4 .sig-compare-bridge {
  grid-column:auto !important;
  background:#f6f5ed !important;
  color:#111 !important;
  grid-template-columns:1fr !important;
  gap:12px !important;
}
.sig-page-pricing-delivery .sig-pricing-delivery-4 .sig-compare-bridge p {
  color:#54564d !important;
}
@media (max-width:900px) {
  .sig-page-pricing-delivery .sig-pricing-delivery-4 .sig-compare-head,
  .sig-page-pricing-delivery .sig-pricing-delivery-4 .sig-compare-board {
    grid-template-columns:1fr !important;
  }
}

/* V23 targeted correction: redesigned repeated Service Signals and Decision Boundary families. */
.signature-section.sig-family-3 {
  background:#eef6fb;
  overflow:hidden;
}
.signature-section.sig-family-3 .sig-stage {
  display:grid;
  grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);
  gap:clamp(34px,5vw,76px);
  align-items:center;
}
.signature-section.sig-family-3 .sig-stage-copy {
  position:relative;
  padding:8px 0 8px 18px;
  border-left:4px solid var(--primary);
}
.signature-section.sig-family-3 .sig-stage-copy h2 {
  max-width:12ch;
  margin-bottom:18px;
}
.signature-section.sig-family-3 .sig-stage-copy p {
  max-width:48ch;
  margin-bottom:0;
}
.signature-section.sig-family-3 .sig-stage-stack {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  transform:none !important;
  align-items:stretch;
}
.signature-section.sig-family-3 .sig-stage-card {
  position:relative;
  min-height:300px;
  padding:30px 26px 28px;
  border:1px solid #d9d7c8;
  border-radius:24px !important;
  background:#fff;
  box-shadow:none;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  transition:transform .28s ease, box-shadow .28s ease, background .28s ease;
}
.signature-section.sig-family-3 .sig-stage-card.card-2 {
  transform:translateY(26px) !important;
  background:#11130f;
  color:#fff;
  border-color:#11130f;
}
.signature-section.sig-family-3 .sig-stage-card.card-2 p { color:#e6e4d9; }
.signature-section.sig-family-3 .sig-stage-card.card-3 { background:#eaf4fb; }
.signature-section.sig-family-3 .sig-stage-card:hover {
  transform:translateY(-8px) !important;
  box-shadow:0 18px 42px rgba(18,19,15,.12);
}
.signature-section.sig-family-3 .sig-stage-card.card-2:hover { transform:translateY(18px) !important; }
.signature-section.sig-family-3 .sig-orb {
  width:54px;
  height:54px;
  border-radius:16px;
  background:var(--primary);
  color:#111;
  display:grid;
  place-items:center;
  margin-bottom:34px;
  font-size:16px;
}
.signature-section.sig-family-3 .sig-stage-card h3 {
  margin-bottom:14px;
  font-size:clamp(23px,2vw,30px);
}

.signature-section.sig-family-4 {
  background:#fff;
  overflow:hidden;
}
.signature-section.sig-family-4 .sig-compare-head {
  display:grid;
  grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);
  gap:clamp(30px,5vw,72px);
  align-items:end;
  margin-bottom:34px;
}
.signature-section.sig-family-4 .sig-compare-head h2 {
  max-width:13ch;
  margin-bottom:0;
}
.signature-section.sig-family-4 .sig-compare-head > p {
  max-width:56ch;
  justify-self:end;
  margin-bottom:4px;
}
.signature-section.sig-family-4 .sig-compare-board {
  display:grid;
  grid-template-columns:1fr 1fr .72fr;
  gap:16px;
  border:0;
  border-radius:0 !important;
  overflow:visible;
  background:transparent;
}
.signature-section.sig-family-4 .sig-compare-side,
.signature-section.sig-family-4 .sig-compare-bridge {
  min-height:230px;
  padding:30px;
  border-radius:24px;
  border:1px solid #d9d7c8;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  transition:transform .28s ease, box-shadow .28s ease;
}
.signature-section.sig-family-4 .sig-compare-side.side-1 {
  background:#eef6fb !important;
  color:#111 !important;
}
.signature-section.sig-family-4 .sig-compare-side.side-1 p { color:#56584f !important; }
.signature-section.sig-family-4 .sig-compare-side.side-2 {
  background:#11130f !important;
  color:#fff !important;
  border-color:#11130f;
}
.signature-section.sig-family-4 .sig-compare-side.side-2 p { color:#e6e4d9 !important; }
.signature-section.sig-family-4 .sig-compare-bridge {
  grid-column:auto;
  background:var(--primary) !important;
  color:#111;
  display:flex;
  grid-template-columns:none;
  gap:0;
}
.signature-section.sig-family-4 .sig-compare-bridge p { color:#33342f !important; }
.signature-section.sig-family-4 .sig-compare-side h3,
.signature-section.sig-family-4 .sig-compare-bridge h3 {
  font-size:clamp(23px,2vw,30px);
  margin-bottom:14px;
}
.signature-section.sig-family-4 .sig-compare-side:hover,
.signature-section.sig-family-4 .sig-compare-bridge:hover {
  transform:translateY(-7px);
  box-shadow:0 18px 42px rgba(18,19,15,.12);
}

@media (max-width:1000px) {
  .signature-section.sig-family-3 .sig-stage,
  .signature-section.sig-family-4 .sig-compare-head {
    grid-template-columns:1fr;
  }
  .signature-section.sig-family-3 .sig-stage-copy h2,
  .signature-section.sig-family-4 .sig-compare-head h2 { max-width:18ch; }
  .signature-section.sig-family-4 .sig-compare-head > p { justify-self:start; }
  .signature-section.sig-family-3 .sig-stage-stack { grid-template-columns:repeat(3,1fr); }
  .signature-section.sig-family-4 .sig-compare-board { grid-template-columns:repeat(3,1fr); }
}
@media (max-width:760px) {
  .signature-section.sig-family-3 .sig-stage-stack,
  .signature-section.sig-family-4 .sig-compare-board { grid-template-columns:1fr; }
  .signature-section.sig-family-3 .sig-stage-card,
  .signature-section.sig-family-3 .sig-stage-card.card-2,
  .signature-section.sig-family-4 .sig-compare-side,
  .signature-section.sig-family-4 .sig-compare-bridge {
    min-height:0;
    transform:none !important;
  }
}


/* === GET PROPANE REFILL V24 UNIQUE SIGNATURE REDESIGN + MOTION PASS ===
   User-requested: the two repeated section families now receive page-specific
   layouts, and lightweight transform/opacity motion is applied sitewide. */
.signature-section[class*="Get Propane Refill-u3-"],
.signature-section[class*="Get Propane Refill-u4-"]{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.signature-section[class*="Get Propane Refill-u3-"] .sig-stage,
.signature-section[class*="Get Propane Refill-u4-"] .sig-compare-head,
.signature-section[class*="Get Propane Refill-u4-"] .sig-compare-board{
  position:relative;
  z-index:2;
}
.signature-section[class*="Get Propane Refill-u3-"] .sig-stage-card,
.signature-section[class*="Get Propane Refill-u4-"] .sig-compare-side,
.signature-section[class*="Get Propane Refill-u4-"] .sig-compare-bridge{
  transition:transform .45s cubic-bezier(.2,.8,.2,1), border-color .35s ease, background-color .35s ease;
}
.signature-section[class*="Get Propane Refill-u3-"] .sig-stage-card:hover,
.signature-section[class*="Get Propane Refill-u4-"] .sig-compare-side:hover,
.signature-section[class*="Get Propane Refill-u4-"] .sig-compare-bridge:hover{
  transform:translateY(-7px);
}
.signature-section[class*="Get Propane Refill-u3-"] .sig-orb{
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  border-radius:18px;
  background:#111;
  color:#0067b1;
  transition:transform .45s cubic-bezier(.2,.8,.2,1), border-radius .35s ease;
}
.signature-section[class*="Get Propane Refill-u3-"] .sig-stage-card:hover .sig-orb{
  transform:rotate(-8deg) scale(1.08);
  border-radius:50%;
}
.signature-section[class*="Get Propane Refill-u4-"] .sig-compare-side h3,
.signature-section[class*="Get Propane Refill-u4-"] .sig-compare-bridge h3{
  margin-bottom:12px;
}

/* Global premium motion for previously static blocks, images and icons. */
main .reveal-section :is(article,.feature-card,.topic-card,.quick-call-card,.service-question,.related-card,.resource-card,.faq-list details){
  transition:transform .42s cubic-bezier(.2,.8,.2,1), opacity .42s ease, border-color .35s ease;
}
main .reveal-section.is-visible :is(article,.feature-card,.topic-card,.quick-call-card,.service-question,.related-card,.resource-card,.faq-list details){
  animation:Get Propane Refill-block-in .65s both cubic-bezier(.2,.8,.2,1);
}
main .reveal-section.is-visible :is(article,.feature-card,.topic-card,.related-card):nth-child(2){animation-delay:.07s}
main .reveal-section.is-visible :is(article,.feature-card,.topic-card,.related-card):nth-child(3){animation-delay:.14s}
main .reveal-section.is-visible :is(article,.feature-card,.topic-card,.related-card):nth-child(4){animation-delay:.21s}
main .reveal-section :is(.enhanced-section-image,.section-image,.page-hero-image,.service-art img,.visual-media img,.spotlight-media img,.service-visual img){
  transition:transform .7s cubic-bezier(.2,.8,.2,1), opacity .6s ease;
  transform-origin:center;
}
main .reveal-section.is-visible :is(.enhanced-section-image,.section-image,.visual-media img,.spotlight-media img,.service-visual img){
  animation:Get Propane Refill-image-in .8s both cubic-bezier(.2,.8,.2,1);
}
main .reveal-section :is(article,.feature-card,.topic-card,.related-card):hover{
  transform:translateY(-6px);
}
main :is(.icon,.motion-icon,.sig-orb,.pulse-icon,.icon-circle,.service-icon,.card-icon){
  transform-origin:center;
  transition:transform .4s cubic-bezier(.2,.8,.2,1);
}
main :is(article,.feature-card,.topic-card,.related-card,.resource-card):hover :is(.icon,.motion-icon,.sig-orb,.pulse-icon,.icon-circle,.service-icon,.card-icon){
  transform:translateY(-3px) rotate(-6deg) scale(1.07);
}
main .reveal-section.is-visible :is(.icon,.motion-icon,.pulse-icon,.icon-circle,.service-icon,.card-icon){
  animation:Get Propane Refill-icon-breathe 4.8s ease-in-out infinite;
}
main .reveal-section.is-visible :is(article,.feature-card,.topic-card):nth-child(even) :is(.icon,.motion-icon,.pulse-icon,.icon-circle,.service-icon,.card-icon){
  animation-delay:.6s;
}
@keyframes Get Propane Refill-block-in{
  from{opacity:0;transform:translateY(18px) scale(.985)}
  to{opacity:1;transform:none}
}
@keyframes Get Propane Refill-image-in{
  from{opacity:.25;transform:scale(1.035)}
  to{opacity:1;transform:scale(1)}
}
@keyframes Get Propane Refill-icon-breathe{
  0%,100%{transform:translateY(0) rotate(0)}
  50%{transform:translateY(-3px) rotate(2deg)}
}
@media(max-width:820px){
  main .reveal-section.is-visible :is(.icon,.motion-icon,.pulse-icon,.icon-circle,.service-icon,.card-icon){animation:none}
  main .reveal-section :is(article,.feature-card,.topic-card,.related-card):hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}

/* 404.html: unique Service Signals layout */
.gpr-u3-01{background:#fff!important;color:#111;padding:72px 0!important}
.gpr-u3-01 .sig-stage-copy h2{max-width:15ch!important}
.gpr-u3-01 .sig-stage-copy p{color:#5b5d54!important;max-width:55ch}
.gpr-u3-01 .sig-stage-card{border:1px solid #d9d6c7!important;border-radius:25px!important;background:#fff!important;color:#111!important;padding:28px!important}
.gpr-u3-01 .sig-stage-card p{color:#5b5d54!important}
.gpr-u3-01 .sig-stage{display:grid!important;grid-template-columns:42% 58%;gap:44px;align-items:stretch}
.gpr-u3-01 .sig-stage-stack{display:grid!important;grid-template-columns:1fr 1fr;gap:18px;transform:none!important}
.gpr-u3-01 .card-1{grid-column:1/-1;background:var(--primary)!important;color:#111!important;min-height:220px}
.gpr-u3-01 .card-1 p{color:#3d3d35!important}

/* 404.html: unique Decision Boundary layout */
.gpr-u4-01{background:#fff!important;padding:72px 0!important;color:#111}
.gpr-u4-01 .sig-compare-head>p{color:#5b5d54!important}
.gpr-u4-01 .sig-compare-board{border:0!important;overflow:visible!important;background:transparent!important}
.gpr-u4-01 .sig-compare-side,.gpr-u4-01 .sig-compare-bridge{border:1px solid #d9d6c7!important;border-radius:25px!important;min-height:0!important}
.gpr-u4-01 .sig-compare-head{display:grid!important;grid-template-columns:.75fr 1.25fr;gap:40px;align-items:end}
.gpr-u4-01 .sig-compare-board{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:18px}
.gpr-u4-01 .sig-compare-bridge{grid-column:auto!important;grid-template-columns:1fr!important;background:#111!important;color:#fff!important}
.gpr-u4-01 .sig-compare-bridge p{color:#deddd3!important}
@media(max-width:900px){.gpr-u3-01 .sig-stage,.gpr-u3-01 .sig-stage-copy,.gpr-u3-01 .sig-stage-stack,.gpr-u4-01 .sig-wrap,.gpr-u4-01 .sig-compare-head,.gpr-u4-01 .sig-compare-board{grid-template-columns:1fr!important;display:grid!important}.gpr-u3-01 .sig-stage-card,.gpr-u4-01 .sig-compare-side,.gpr-u4-01 .sig-compare-bridge{grid-column:auto!important;grid-row:auto!important;margin:0!important;transform:none!important;min-height:0!important}.gpr-u4-01 .sig-compare-head{position:static!important}}

/* about.html: unique Service Signals layout */
.gpr-u3-02{background:#f2f1e9!important;color:#111;padding:72px 0!important}
.gpr-u3-02 .sig-stage-copy h2{max-width:15ch!important}
.gpr-u3-02 .sig-stage-copy p{color:#5b5d54!important;max-width:55ch}
.gpr-u3-02 .sig-stage-card{border:1px solid #d9d6c7!important;border-radius:32px!important;background:#fff!important;color:#111!important;padding:28px!important}
.gpr-u3-02 .sig-stage-card p{color:#5b5d54!important}
.gpr-u3-02 .sig-stage{display:block!important}
.gpr-u3-02 .sig-stage-copy{display:grid;grid-template-columns:.8fr 1.2fr;gap:36px;align-items:end;margin-bottom:34px}
.gpr-u3-02 .sig-stage-stack{display:grid!important;grid-template-columns:repeat(3,1fr);gap:14px;transform:none!important}
.gpr-u3-02 .sig-stage-card:nth-child(2){transform:translateY(-12px);background:var(--primary)!important;color:#111!important}
.gpr-u3-02 .sig-stage-card:nth-child(2) p{color:#3d3d35!important}

/* about.html: unique Decision Boundary layout */
.gpr-u4-02{background:#fff!important;padding:72px 0!important;color:#111}
.gpr-u4-02 .sig-compare-head>p{color:#5b5d54!important}
.gpr-u4-02 .sig-compare-board{border:0!important;overflow:visible!important;background:transparent!important}
.gpr-u4-02 .sig-compare-side,.gpr-u4-02 .sig-compare-bridge{border:1px solid #d9d6c7!important;border-radius:32px!important;min-height:0!important}
.gpr-u4-02 .sig-compare-head{display:flex!important;justify-content:space-between;align-items:end;gap:44px}
.gpr-u4-02 .sig-compare-board{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px}
.gpr-u4-02 .sig-compare-bridge{grid-column:1/-1!important;display:grid!important;grid-template-columns:.35fr 1fr!important;align-items:center;background:var(--primary)!important;color:#111!important}
@media(max-width:900px){.gpr-u3-02 .sig-stage,.gpr-u3-02 .sig-stage-copy,.gpr-u3-02 .sig-stage-stack,.gpr-u4-02 .sig-wrap,.gpr-u4-02 .sig-compare-head,.gpr-u4-02 .sig-compare-board{grid-template-columns:1fr!important;display:grid!important}.gpr-u3-02 .sig-stage-card,.gpr-u4-02 .sig-compare-side,.gpr-u4-02 .sig-compare-bridge{grid-column:auto!important;grid-row:auto!important;margin:0!important;transform:none!important;min-height:0!important}.gpr-u4-02 .sig-compare-head{position:static!important}}

/* agriculture.html: unique Service Signals layout */
.gpr-u3-03{background:#11130f!important;color:#fff;padding:72px 0!important}
.gpr-u3-03 .sig-stage-copy h2{max-width:15ch!important}
.gpr-u3-03 .sig-stage-copy p{color:#d9d8ce!important;max-width:55ch}
.gpr-u3-03 .sig-stage-card{border:1px solid #3a3b35!important;border-radius:39px!important;background:#1b1c18!important;color:#fff!important;padding:28px!important}
.gpr-u3-03 .sig-stage-card p{color:#d9d8ce!important}
.gpr-u3-03 .sig-stage{display:grid!important;grid-template-columns:58% 42%;gap:34px;align-items:stretch}
.gpr-u3-03 .sig-stage-stack{display:grid!important;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:16px;transform:none!important}
.gpr-u3-03 .card-1{grid-row:1/-1;min-height:390px;background:var(--primary)!important;color:#111!important}
.gpr-u3-03 .card-1 p{color:#3d3d35!important}

/* agriculture.html: unique Decision Boundary layout */
.gpr-u4-03{background:#fff!important;padding:72px 0!important;color:#111}
.gpr-u4-03 .sig-compare-head>p{color:#5b5d54!important}
.gpr-u4-03 .sig-compare-board{border:0!important;overflow:visible!important;background:transparent!important}
.gpr-u4-03 .sig-compare-side,.gpr-u4-03 .sig-compare-bridge{border:1px solid #d9d6c7!important;border-radius:39px!important;min-height:0!important}
.gpr-u4-03 .sig-compare-head{display:grid!important;grid-template-columns:1fr 1fr;gap:32px}
.gpr-u4-03 .sig-compare-board{display:grid!important;grid-template-columns:1.2fr .8fr!important;grid-template-rows:1fr 1fr;gap:16px}
.gpr-u4-03 .side-1{grid-row:1/-1;background:var(--primary)!important;color:#111!important;padding:44px!important}
.gpr-u4-03 .sig-compare-bridge{grid-column:auto!important;grid-template-columns:1fr!important;background:#f3f2ea!important;color:#111!important}
@media(max-width:900px){.gpr-u3-03 .sig-stage,.gpr-u3-03 .sig-stage-copy,.gpr-u3-03 .sig-stage-stack,.gpr-u4-03 .sig-wrap,.gpr-u4-03 .sig-compare-head,.gpr-u4-03 .sig-compare-board{grid-template-columns:1fr!important;display:grid!important}.gpr-u3-03 .sig-stage-card,.gpr-u4-03 .sig-compare-side,.gpr-u4-03 .sig-compare-bridge{grid-column:auto!important;grid-row:auto!important;margin:0!important;transform:none!important;min-height:0!important}.gpr-u4-03 .sig-compare-head{position:static!important}}

/* autogas-fleet.html: unique Service Signals layout */
.gpr-u3-04{background:#eef6fb!important;color:#111;padding:72px 0!important}
.gpr-u3-04 .sig-stage-copy h2{max-width:15ch!important}
.gpr-u3-04 .sig-stage-copy p{color:#5b5d54!important;max-width:55ch}
.gpr-u3-04 .sig-stage-card{border:1px solid #d9d6c7!important;border-radius:18px!important;background:#fff!important;color:#111!important;padding:28px!important}
.gpr-u3-04 .sig-stage-card p{color:#5b5d54!important}
.gpr-u3-04 .sig-stage{display:block!important}
.gpr-u3-04 .sig-stage-copy{max-width:760px;margin-bottom:32px}
.gpr-u3-04 .sig-stage-stack{display:grid!important;grid-template-columns:1fr 1fr;gap:18px;transform:none!important}
.gpr-u3-04 .card-3{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;column-gap:24px;align-items:center;background:#111!important;color:#fff!important}
.gpr-u3-04 .card-3 p{color:#deddd3!important;margin:0}

/* autogas-fleet.html: unique Decision Boundary layout */
.gpr-u4-04{background:#fff!important;padding:72px 0!important;color:#111}
.gpr-u4-04 .sig-compare-head>p{color:#5b5d54!important}
.gpr-u4-04 .sig-compare-board{border:0!important;overflow:visible!important;background:transparent!important}
.gpr-u4-04 .sig-compare-side,.gpr-u4-04 .sig-compare-bridge{border:1px solid #d9d6c7!important;border-radius:18px!important;min-height:0!important}
.gpr-u4-04 .sig-compare-head{display:block!important;max-width:760px}
.gpr-u4-04 .sig-compare-board{display:grid!important;grid-template-columns:1fr!important;gap:0;border-left:2px solid var(--primary)!important;padding-left:34px}
.gpr-u4-04 .sig-compare-side,.gpr-u4-04 .sig-compare-bridge{grid-column:auto!important;display:grid!important;grid-template-columns:.35fr 1fr!important;gap:24px;border:0!important;border-bottom:1px solid #d9d6c7!important;border-radius:0!important;background:transparent!important;color:inherit!important;padding:26px 0!important}
@media(max-width:900px){.gpr-u3-04 .sig-stage,.gpr-u3-04 .sig-stage-copy,.gpr-u3-04 .sig-stage-stack,.gpr-u4-04 .sig-wrap,.gpr-u4-04 .sig-compare-head,.gpr-u4-04 .sig-compare-board{grid-template-columns:1fr!important;display:grid!important}.gpr-u3-04 .sig-stage-card,.gpr-u4-04 .sig-compare-side,.gpr-u4-04 .sig-compare-bridge{grid-column:auto!important;grid-row:auto!important;margin:0!important;transform:none!important;min-height:0!important}.gpr-u4-04 .sig-compare-head{position:static!important}}

/* building-development.html: unique Service Signals layout */
.gpr-u3-05{background:#fff!important;color:#111;padding:72px 0!important}
.gpr-u3-05 .sig-stage-copy h2{max-width:15ch!important}
.gpr-u3-05 .sig-stage-copy p{color:#5b5d54!important;max-width:55ch}
.gpr-u3-05 .sig-stage-card{border:1px solid #d9d6c7!important;border-radius:25px!important;background:#fff!important;color:#111!important;padding:28px!important}
.gpr-u3-05 .sig-stage-card p{color:#5b5d54!important}
.gpr-u3-05 .sig-stage{display:grid!important;grid-template-columns:38% 62%;gap:50px;align-items:center}
.gpr-u3-05 .sig-stage-stack{display:grid!important;grid-template-columns:1fr;gap:12px;transform:none!important}
.gpr-u3-05 .sig-stage-card{display:grid;grid-template-columns:72px 1fr;column-gap:22px;align-items:center;min-height:150px}
.gpr-u3-05 .sig-stage-card:nth-child(odd){margin-left:34px;background:var(--primary)!important;color:#111!important}
.gpr-u3-05 .sig-stage-card:nth-child(odd) p{color:#3d3d35!important}

/* building-development.html: unique Decision Boundary layout */
.gpr-u4-05{background:#11130f!important;padding:72px 0!important;color:#fff}
.gpr-u4-05 .sig-compare-head>p{color:#d9d8ce!important}
.gpr-u4-05 .sig-compare-board{border:0!important;overflow:visible!important;background:transparent!important}
.gpr-u4-05 .sig-compare-side,.gpr-u4-05 .sig-compare-bridge{border:1px solid #3a3b35!important;border-radius:25px!important;min-height:0!important}
.gpr-u4-05 .sig-compare-head{display:grid!important;grid-template-columns:.9fr 1.1fr;gap:28px}
.gpr-u4-05 .sig-compare-board{display:grid!important;grid-template-columns:1fr 1.2fr 1fr!important;gap:16px;align-items:stretch}
.gpr-u4-05 .side-2{background:var(--primary)!important;color:#111!important;transform:translateY(-12px)}
.gpr-u4-05 .side-2 p{color:#3d3d35!important}
.gpr-u4-05 .sig-compare-bridge{grid-column:auto!important;grid-template-columns:1fr!important;background:#111!important;color:#fff!important}
.gpr-u4-05 .sig-compare-bridge p{color:#deddd3!important}
@media(max-width:900px){.gpr-u3-05 .sig-stage,.gpr-u3-05 .sig-stage-copy,.gpr-u3-05 .sig-stage-stack,.gpr-u4-05 .sig-wrap,.gpr-u4-05 .sig-compare-head,.gpr-u4-05 .sig-compare-board{grid-template-columns:1fr!important;display:grid!important}.gpr-u3-05 .sig-stage-card,.gpr-u4-05 .sig-compare-side,.gpr-u4-05 .sig-compare-bridge{grid-column:auto!important;grid-row:auto!important;margin:0!important;transform:none!important;min-height:0!important}.gpr-u4-05 .sig-compare-head{position:static!important}}

/* building-with-propane.html: unique Service Signals layout */
.gpr-u3-06{background:#f2f1e9!important;color:#111;padding:72px 0!important}
.gpr-u3-06 .sig-stage-copy h2{max-width:15ch!important}
.gpr-u3-06 .sig-stage-copy p{color:#5b5d54!important;max-width:55ch}
.gpr-u3-06 .sig-stage-card{border:1px solid #d9d6c7!important;border-radius:32px!important;background:#fff!important;color:#111!important;padding:28px!important}
.gpr-u3-06 .sig-stage-card p{color:#5b5d54!important}
.gpr-u3-06{background:#111!important;color:#fff!important}
.gpr-u3-06 .sig-stage{display:grid!important;grid-template-columns:32% 68%;gap:36px;align-items:start}
.gpr-u3-06 .sig-stage-copy p{color:#d8d7cd!important}
.gpr-u3-06 .sig-stage-stack{display:grid!important;grid-template-columns:repeat(3,1fr);gap:1px;background:#363730;border:1px solid #363730;border-radius:32px;overflow:hidden;transform:none!important}
.gpr-u3-06 .sig-stage-card{border:0!important;border-radius:0!important;background:#171814!important;color:#fff!important;min-height:280px}
.gpr-u3-06 .sig-stage-card:nth-child(2){background:var(--primary)!important;color:#111!important}
.gpr-u3-06 .sig-stage-card:nth-child(2) p{color:#3d3d35!important}

/* building-with-propane.html: unique Decision Boundary layout */
.gpr-u4-06{background:#fff!important;padding:72px 0!important;color:#111}
.gpr-u4-06 .sig-compare-head>p{color:#5b5d54!important}
.gpr-u4-06 .sig-compare-board{border:0!important;overflow:visible!important;background:transparent!important}
.gpr-u4-06 .sig-compare-side,.gpr-u4-06 .sig-compare-bridge{border:1px solid #d9d6c7!important;border-radius:32px!important;min-height:0!important}
.gpr-u4-06{background:#111!important;color:#fff!important}
.gpr-u4-06 .sig-compare-head{display:grid!important;grid-template-columns:.8fr 1.2fr;gap:40px}
.gpr-u4-06 .sig-compare-head>p{color:#d9d8ce!important}
.gpr-u4-06 .sig-compare-board{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:1px;background:#3b3c35!important;border:1px solid #3b3c35!important;border-radius:38px!important;overflow:hidden!important}
.gpr-u4-06 .sig-compare-side,.gpr-u4-06 .sig-compare-bridge{grid-column:auto!important;border:0!important;border-radius:0!important;background:#171814!important;color:#fff!important;grid-template-columns:1fr!important}
.gpr-u4-06 .side-2{background:var(--primary)!important;color:#111!important}
@media(max-width:900px){.gpr-u3-06 .sig-stage,.gpr-u3-06 .sig-stage-copy,.gpr-u3-06 .sig-stage-stack,.gpr-u4-06 .sig-wrap,.gpr-u4-06 .sig-compare-head,.gpr-u4-06 .sig-compare-board{grid-template-columns:1fr!important;display:grid!important}.gpr-u3-06 .sig-stage-card,.gpr-u4-06 .sig-compare-side,.gpr-u4-06 .sig-compare-bridge{grid-column:auto!important;grid-row:auto!important;margin:0!important;transform:none!important;min-height:0!important}.gpr-u4-06 .sig-compare-head{position:static!important}}

/* commercial-heat.html: unique Service Signals layout */
.gpr-u3-07{background:#11130f!important;color:#fff;padding:72px 0!important}
.gpr-u3-07 .sig-stage-copy h2{max-width:15ch!important}
.gpr-u3-07 .sig-stage-copy p{color:#d9d8ce!important;max-width:55ch}
.gpr-u3-07 .sig-stage-card{border:1px solid #3a3b35!important;border-radius:39px!important;background:#1b1c18!important;color:#fff!important;padding:28px!important}
.gpr-u3-07 .sig-stage-card p{color:#d9d8ce!important}
.gpr-u3-07 .sig-stage{display:grid!important;grid-template-columns:45% 55%;gap:40px;align-items:center}
.gpr-u3-07 .sig-stage-stack{display:grid!important;grid-template-columns:1fr 1fr;gap:18px;transform:none!important;padding-bottom:50px}
.gpr-u3-07 .card-3{grid-column:1/-1;margin-left:72px;margin-bottom:-50px;background:var(--primary)!important;color:#111!important}
.gpr-u3-07 .card-3 p{color:#3d3d35!important}

/* commercial-heat.html: unique Decision Boundary layout */
.gpr-u4-07{background:#fff!important;padding:72px 0!important;color:#111}
.gpr-u4-07 .sig-compare-head>p{color:#5b5d54!important}
.gpr-u4-07 .sig-compare-board{border:0!important;overflow:visible!important;background:transparent!important}
.gpr-u4-07 .sig-compare-side,.gpr-u4-07 .sig-compare-bridge{border:1px solid #d9d6c7!important;border-radius:39px!important;min-height:0!important}
.gpr-u4-07 .sig-compare-head{display:block!important;max-width:850px}
.gpr-u4-07 .sig-compare-board{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:18px;padding-top:24px}
.gpr-u4-07 .side-1{transform:translateY(18px)}
.gpr-u4-07 .side-2{transform:translateY(-12px);background:#111!important;color:#fff!important}
.gpr-u4-07 .sig-compare-bridge{grid-column:auto!important;grid-template-columns:1fr!important;transform:translateY(8px);background:var(--primary)!important;color:#111!important}
@media(max-width:900px){.gpr-u3-07 .sig-stage,.gpr-u3-07 .sig-stage-copy,.gpr-u3-07 .sig-stage-stack,.gpr-u4-07 .sig-wrap,.gpr-u4-07 .sig-compare-head,.gpr-u4-07 .sig-compare-board{grid-template-columns:1fr!important;display:grid!important}.gpr-u3-07 .sig-stage-card,.gpr-u4-07 .sig-compare-side,.gpr-u4-07 .sig-compare-bridge{grid-column:auto!important;grid-row:auto!important;margin:0!important;transform:none!important;min-height:0!important}.gpr-u4-07 .sig-compare-head{position:static!important}}

/* construction-equipment.html: unique Service Signals layout */
.gpr-u3-08{background:#eef6fb!important;color:#111;padding:72px 0!important}
.gpr-u3-08 .sig-stage-copy h2{max-width:15ch!important}
.gpr-u3-08 .sig-stage-copy p{color:#5b5d54!important;max-width:55ch}
.gpr-u3-08 .sig-stage-card{border:1px solid #d9d6c7!important;border-radius:18px!important;background:#fff!important;color:#111!important;padding:28px!important}
.gpr-u3-08 .sig-stage-card p{color:#5b5d54!important}
.gpr-u3-08 .sig-stage{display:block!important}
.gpr-u3-08 .sig-stage-copy{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:32px}
.gpr-u3-08 .sig-stage-stack{display:grid!important;grid-template-columns:repeat(3,1fr);gap:20px;transform:none!important}
.gpr-u3-08 .sig-stage-card{border-top:6px solid var(--primary)!important;border-radius:18px!important}
.gpr-u3-08 .sig-stage-card:nth-child(2){background:#111!important;color:#fff!important}
.gpr-u3-08 .sig-stage-card:nth-child(2) p{color:#dddcd2!important}

/* construction-equipment.html: unique Decision Boundary layout */
.gpr-u4-08{background:#fff!important;padding:72px 0!important;color:#111}
.gpr-u4-08 .sig-compare-head>p{color:#5b5d54!important}
.gpr-u4-08 .sig-compare-board{border:0!important;overflow:visible!important;background:transparent!important}
.gpr-u4-08 .sig-compare-side,.gpr-u4-08 .sig-compare-bridge{border:1px solid #d9d6c7!important;border-radius:18px!important;min-height:0!important}
.gpr-u4-08 .sig-wrap{display:grid!important;grid-template-columns:34% 66%;gap:42px;align-items:start}
.gpr-u4-08 .sig-compare-head{display:block!important;margin:0!important;position:sticky;top:120px}
.gpr-u4-08 .sig-compare-board{display:grid!important;grid-template-columns:1fr!important;gap:14px}
.gpr-u4-08 .sig-compare-side,.gpr-u4-08 .sig-compare-bridge{grid-column:auto!important;display:grid!important;grid-template-columns:.4fr 1fr!important;align-items:center;background:#fff!important;color:#111!important}
.gpr-u4-08 .side-2{background:#111!important;color:#fff!important}
@media(max-width:900px){.gpr-u3-08 .sig-stage,.gpr-u3-08 .sig-stage-copy,.gpr-u3-08 .sig-stage-stack,.gpr-u4-08 .sig-wrap,.gpr-u4-08 .sig-compare-head,.gpr-u4-08 .sig-compare-board{grid-template-columns:1fr!important;display:grid!important}.gpr-u3-08 .sig-stage-card,.gpr-u4-08 .sig-compare-side,.gpr-u4-08 .sig-compare-bridge{grid-column:auto!important;grid-row:auto!important;margin:0!important;transform:none!important;min-height:0!important}.gpr-u4-08 .sig-compare-head{position:static!important}}

/* contact.html: unique Service Signals layout */
.gpr-u3-09{background:#fff!important;color:#111;padding:72px 0!important}
.gpr-u3-09 .sig-stage-copy h2{max-width:15ch!important}
.gpr-u3-09 .sig-stage-copy p{color:#5b5d54!important;max-width:55ch}
.gpr-u3-09 .sig-stage-card{border:1px solid #d9d6c7!important;border-radius:25px!important;background:#fff!important;color:#111!important;padding:28px!important}
.gpr-u3-09 .sig-stage-card p{color:#5b5d54!important}
.gpr-u3-09 .sig-stage{display:grid!important;grid-template-columns:55% 45%;gap:46px;align-items:center}
.gpr-u3-09 .sig-stage-copy{order:2}
.gpr-u3-09 .sig-stage-stack{order:1;display:grid!important;grid-template-columns:1fr 1fr;gap:16px;transform:none!important}
.gpr-u3-09 .card-1{grid-column:1/-1;background:#111!important;color:#fff!important}
.gpr-u3-09 .card-1 p{color:#dddcd2!important}
.gpr-u3-09 .card-2{background:var(--primary)!important;color:#111!important}
.gpr-u3-09 .card-2 p{color:#3d3d35!important}

/* contact.html: unique Decision Boundary layout */
.gpr-u4-09{background:#fff!important;padding:72px 0!important;color:#111}
.gpr-u4-09 .sig-compare-head>p{color:#5b5d54!important}
.gpr-u4-09 .sig-compare-board{border:0!important;overflow:visible!important;background:transparent!important}
.gpr-u4-09 .sig-compare-side,.gpr-u4-09 .sig-compare-bridge{border:1px solid #d9d6c7!important;border-radius:25px!important;min-height:0!important}
.gpr-u4-09 .sig-compare-head{display:grid!important;grid-template-columns:1fr 1fr;gap:36px}
.gpr-u4-09 .sig-compare-board{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px;padding-bottom:66px}
.gpr-u4-09 .side-1{background:var(--primary)!important;color:#111!important}
.gpr-u4-09 .sig-compare-bridge{grid-column:1/-1!important;max-width:70%;margin:0 auto -66px!important;grid-template-columns:.4fr 1fr!important;background:#111!important;color:#fff!important;box-shadow:0 18px 40px rgba(0,0,0,.14)}
@media(max-width:900px){.gpr-u3-09 .sig-stage,.gpr-u3-09 .sig-stage-copy,.gpr-u3-09 .sig-stage-stack,.gpr-u4-09 .sig-wrap,.gpr-u4-09 .sig-compare-head,.gpr-u4-09 .sig-compare-board{grid-template-columns:1fr!important;display:grid!important}.gpr-u3-09 .sig-stage-card,.gpr-u4-09 .sig-compare-side,.gpr-u4-09 .sig-compare-bridge{grid-column:auto!important;grid-row:auto!important;margin:0!important;transform:none!important;min-height:0!important}.gpr-u4-09 .sig-compare-head{position:static!important}}

/* crop-drying.html: unique Service Signals layout */
.gpr-u3-10{background:#f2f1e9!important;color:#111;padding:72px 0!important}
.gpr-u3-10 .sig-stage-copy h2{max-width:15ch!important}
.gpr-u3-10 .sig-stage-copy p{color:#5b5d54!important;max-width:55ch}
.gpr-u3-10 .sig-stage-card{border:1px solid #d9d6c7!important;border-radius:32px!important;background:#fff!important;color:#111!important;padding:28px!important}
.gpr-u3-10 .sig-stage-card p{color:#5b5d54!important}
.gpr-u3-10 .sig-stage{display:grid!important;grid-template-columns:36% 64%;gap:0;align-items:stretch;border:1px solid #d9d6c7;border-radius:40px;overflow:hidden;background:#fff}
.gpr-u3-10 .sig-stage-copy{padding:42px;background:var(--primary);color:#111}
.gpr-u3-10 .sig-stage-copy p{color:#3d3d35!important}
.gpr-u3-10 .sig-stage-stack{display:grid!important;grid-template-columns:1fr;gap:0;transform:none!important}
.gpr-u3-10 .sig-stage-card{border:0!important;border-bottom:1px solid #d6e3eb!important;border-radius:0!important;min-height:150px}

/* crop-drying.html: unique Decision Boundary layout */
.gpr-u4-10{background:#11130f!important;padding:72px 0!important;color:#fff}
.gpr-u4-10 .sig-compare-head>p{color:#d9d8ce!important}
.gpr-u4-10 .sig-compare-board{border:0!important;overflow:visible!important;background:transparent!important}
.gpr-u4-10 .sig-compare-side,.gpr-u4-10 .sig-compare-bridge{border:1px solid #3a3b35!important;border-radius:32px!important;min-height:0!important}
.gpr-u4-10 .sig-compare-head{display:grid!important;grid-template-columns:.7fr 1.3fr;gap:40px}
.gpr-u4-10 .sig-compare-board{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0;border:1px solid #d9d6c7!important;border-radius:42px!important;overflow:hidden!important}
.gpr-u4-10 .sig-compare-side{border:0!important;border-radius:0!important;padding:42px!important}
.gpr-u4-10 .side-1{background:#111!important;color:#fff!important}
.gpr-u4-10 .side-2{background:var(--primary)!important;color:#111!important}
.gpr-u4-10 .sig-compare-bridge{grid-column:1/-1!important;border:0!important;border-top:1px solid #d9d6c7!important;border-radius:0!important;grid-template-columns:.35fr 1fr!important;background:#fff!important;color:#111!important}
@media(max-width:900px){.gpr-u3-10 .sig-stage,.gpr-u3-10 .sig-stage-copy,.gpr-u3-10 .sig-stage-stack,.gpr-u4-10 .sig-wrap,.gpr-u4-10 .sig-compare-head,.gpr-u4-10 .sig-compare-board{grid-template-columns:1fr!important;display:grid!important}.gpr-u3-10 .sig-stage-card,.gpr-u4-10 .sig-compare-side,.gpr-u4-10 .sig-compare-bridge{grid-column:auto!important;grid-row:auto!important;margin:0!important;transform:none!important;min-height:0!important}.gpr-u4-10 .sig-compare-head{position:static!important}}

/* forklift-propane.html: unique Service Signals layout */
.gpr-u3-11{background:#11130f!important;color:#fff;padding:72px 0!important}
.gpr-u3-11 .sig-stage-copy h2{max-width:15ch!important}
.gpr-u3-11 .sig-stage-copy p{color:#d9d8ce!important;max-width:55ch}
.gpr-u3-11 .sig-stage-card{border:1px solid #3a3b35!important;border-radius:39px!important;background:#1b1c18!important;color:#fff!important;padding:28px!important}
.gpr-u3-11 .sig-stage-card p{color:#d9d8ce!important}
.gpr-u3-11 .sig-stage{display:grid!important;grid-template-columns:42% 58%;gap:44px;align-items:stretch}
.gpr-u3-11 .sig-stage-stack{display:grid!important;grid-template-columns:1fr 1fr;gap:18px;transform:none!important}
.gpr-u3-11 .card-1{grid-column:1/-1;background:var(--primary)!important;color:#111!important;min-height:220px}
.gpr-u3-11 .card-1 p{color:#3d3d35!important}

/* forklift-propane.html: unique Decision Boundary layout */
.gpr-u4-11{background:#fff!important;padding:72px 0!important;color:#111}
.gpr-u4-11 .sig-compare-head>p{color:#5b5d54!important}
.gpr-u4-11 .sig-compare-board{border:0!important;overflow:visible!important;background:transparent!important}
.gpr-u4-11 .sig-compare-side,.gpr-u4-11 .sig-compare-bridge{border:1px solid #d9d6c7!important;border-radius:39px!important;min-height:0!important}
.gpr-u4-11 .sig-compare-head{display:grid!important;grid-template-columns:.75fr 1.25fr;gap:40px;align-items:end}
.gpr-u4-11 .sig-compare-board{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:18px}
.gpr-u4-11 .sig-compare-bridge{grid-column:auto!important;grid-template-columns:1fr!important;background:#111!important;color:#fff!important}
.gpr-u4-11 .sig-compare-bridge p{color:#deddd3!important}
@media(max-width:900px){.gpr-u3-11 .sig-stage,.gpr-u3-11 .sig-stage-copy,.gpr-u3-11 .sig-stage-stack,.gpr-u4-11 .sig-wrap,.gpr-u4-11 .sig-compare-head,.gpr-u4-11 .sig-compare-board{grid-template-columns:1fr!important;display:grid!important}.gpr-u3-11 .sig-stage-card,.gpr-u4-11 .sig-compare-side,.gpr-u4-11 .sig-compare-bridge{grid-column:auto!important;grid-row:auto!important;margin:0!important;transform:none!important;min-height:0!important}.gpr-u4-11 .sig-compare-head{position:static!important}}

/* landscaping.html: unique Service Signals layout */
.gpr-u3-12{background:#eef6fb!important;color:#111;padding:72px 0!important}
.gpr-u3-12 .sig-stage-copy h2{max-width:15ch!important}
.gpr-u3-12 .sig-stage-copy p{color:#5b5d54!important;max-width:55ch}
.gpr-u3-12 .sig-stage-card{border:1px solid #d9d6c7!important;border-radius:18px!important;background:#fff!important;color:#111!important;padding:28px!important}
.gpr-u3-12 .sig-stage-card p{color:#5b5d54!important}
.gpr-u3-12 .sig-stage{display:block!important}
.gpr-u3-12 .sig-stage-copy{display:grid;grid-template-columns:.8fr 1.2fr;gap:36px;align-items:end;margin-bottom:34px}
.gpr-u3-12 .sig-stage-stack{display:grid!important;grid-template-columns:repeat(3,1fr);gap:14px;transform:none!important}
.gpr-u3-12 .sig-stage-card:nth-child(2){transform:translateY(12px);background:var(--primary)!important;color:#111!important}
.gpr-u3-12 .sig-stage-card:nth-child(2) p{color:#3d3d35!important}

/* landscaping.html: unique Decision Boundary layout */
.gpr-u4-12{background:#fff!important;padding:72px 0!important;color:#111}
.gpr-u4-12 .sig-compare-head>p{color:#5b5d54!important}
.gpr-u4-12 .sig-compare-board{border:0!important;overflow:visible!important;background:transparent!important}
.gpr-u4-12 .sig-compare-side,.gpr-u4-12 .sig-compare-bridge{border:1px solid #d9d6c7!important;border-radius:18px!important;min-height:0!important}
.gpr-u4-12 .sig-compare-head{display:flex!important;justify-content:space-between;align-items:end;gap:44px}
.gpr-u4-12 .sig-compare-board{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px}
.gpr-u4-12 .sig-compare-bridge{grid-column:1/-1!important;display:grid!important;grid-template-columns:.35fr 1fr!important;align-items:center;background:var(--primary)!important;color:#111!important}
@media(max-width:900px){.gpr-u3-12 .sig-stage,.gpr-u3-12 .sig-stage-copy,.gpr-u3-12 .sig-stage-stack,.gpr-u4-12 .sig-wrap,.gpr-u4-12 .sig-compare-head,.gpr-u4-12 .sig-compare-board{grid-template-columns:1fr!important;display:grid!important}.gpr-u3-12 .sig-stage-card,.gpr-u4-12 .sig-compare-side,.gpr-u4-12 .sig-compare-bridge{grid-column:auto!important;grid-row:auto!important;margin:0!important;transform:none!important;min-height:0!important}.gpr-u4-12 .sig-compare-head{position:static!important}}

/* lawn-equipment.html: unique Service Signals layout */
.gpr-u3-13{background:#fff!important;color:#111;padding:72px 0!important}
.gpr-u3-13 .sig-stage-copy h2{max-width:15ch!important}
.gpr-u3-13 .sig-stage-copy p{color:#5b5d54!important;max-width:55ch}
.gpr-u3-13 .sig-stage-card{border:1px solid #d9d6c7!important;border-radius:25px!important;background:#fff!important;color:#111!important;padding:28px!important}
.gpr-u3-13 .sig-stage-card p{color:#5b5d54!important}
.gpr-u3-13 .sig-stage{display:grid!important;grid-template-columns:42% 58%;gap:34px;align-items:stretch}
.gpr-u3-13 .sig-stage-stack{display:grid!important;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:16px;transform:none!important}
.gpr-u3-13 .card-1{grid-row:1/-1;min-height:390px;background:var(--primary)!important;color:#111!important}
.gpr-u3-13 .card-1 p{color:#3d3d35!important}

/* lawn-equipment.html: unique Decision Boundary layout */
.gpr-u4-13{background:#fff!important;padding:72px 0!important;color:#111}
.gpr-u4-13 .sig-compare-head>p{color:#5b5d54!important}
.gpr-u4-13 .sig-compare-board{border:0!important;overflow:visible!important;background:transparent!important}
.gpr-u4-13 .sig-compare-side,.gpr-u4-13 .sig-compare-bridge{border:1px solid #d9d6c7!important;border-radius:25px!important;min-height:0!important}
.gpr-u4-13 .sig-compare-head{display:grid!important;grid-template-columns:1fr 1fr;gap:32px}
.gpr-u4-13 .sig-compare-board{display:grid!important;grid-template-columns:.8fr 1.2fr!important;grid-template-rows:1fr 1fr;gap:16px}
.gpr-u4-13 .side-1{grid-row:1/-1;background:var(--primary)!important;color:#111!important;padding:44px!important}
.gpr-u4-13 .sig-compare-bridge{grid-column:auto!important;grid-template-columns:1fr!important;background:#f3f2ea!important;color:#111!important}
@media(max-width:900px){.gpr-u3-13 .sig-stage,.gpr-u3-13 .sig-stage-copy,.gpr-u3-13 .sig-stage-stack,.gpr-u4-13 .sig-wrap,.gpr-u4-13 .sig-compare-head,.gpr-u4-13 .sig-compare-board{grid-template-columns:1fr!important;display:grid!important}.gpr-u3-13 .sig-stage-card,.gpr-u4-13 .sig-compare-side,.gpr-u4-13 .sig-compare-bridge{grid-column:auto!important;grid-row:auto!important;margin:0!important;transform:none!important;min-height:0!important}.gpr-u4-13 .sig-compare-head{position:static!important}}

/* pricing-delivery.html: unique Service Signals layout */
.gpr-u3-14{background:#f2f1e9!important;color:#111;padding:72px 0!important}
.gpr-u3-14 .sig-stage-copy h2{max-width:15ch!important}
.gpr-u3-14 .sig-stage-copy p{color:#5b5d54!important;max-width:55ch}
.gpr-u3-14 .sig-stage-card{border:1px solid #d9d6c7!important;border-radius:32px!important;background:#fff!important;color:#111!important;padding:28px!important}
.gpr-u3-14 .sig-stage-card p{color:#5b5d54!important}
.gpr-u3-14 .sig-stage{display:block!important}
.gpr-u3-14 .sig-stage-copy{max-width:760px;margin-bottom:32px}
.gpr-u3-14 .sig-stage-stack{display:grid!important;grid-template-columns:1fr 1fr;gap:18px;transform:none!important}
.gpr-u3-14 .card-3{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;column-gap:24px;align-items:center;background:#111!important;color:#fff!important}
.gpr-u3-14 .card-3 p{color:#deddd3!important;margin:0}

/* pricing-delivery.html: unique Decision Boundary layout */
.gpr-u4-14{background:#fff!important;padding:72px 0!important;color:#111}
.gpr-u4-14 .sig-compare-head>p{color:#5b5d54!important}
.gpr-u4-14 .sig-compare-board{border:0!important;overflow:visible!important;background:transparent!important}
.gpr-u4-14 .sig-compare-side,.gpr-u4-14 .sig-compare-bridge{border:1px solid #d9d6c7!important;border-radius:32px!important;min-height:0!important}
.gpr-u4-14 .sig-compare-head{display:block!important;max-width:760px}
.gpr-u4-14 .sig-compare-board{display:grid!important;grid-template-columns:1fr!important;gap:0;border-left:2px solid var(--primary)!important;padding-left:34px}
.gpr-u4-14 .sig-compare-side,.gpr-u4-14 .sig-compare-bridge{grid-column:auto!important;display:grid!important;grid-template-columns:.35fr 1fr!important;gap:24px;border:0!important;border-bottom:1px solid #d9d6c7!important;border-radius:0!important;background:transparent!important;color:inherit!important;padding:26px 0!important}
@media(max-width:900px){.gpr-u3-14 .sig-stage,.gpr-u3-14 .sig-stage-copy,.gpr-u3-14 .sig-stage-stack,.gpr-u4-14 .sig-wrap,.gpr-u4-14 .sig-compare-head,.gpr-u4-14 .sig-compare-board{grid-template-columns:1fr!important;display:grid!important}.gpr-u3-14 .sig-stage-card,.gpr-u4-14 .sig-compare-side,.gpr-u4-14 .sig-compare-bridge{grid-column:auto!important;grid-row:auto!important;margin:0!important;transform:none!important;min-height:0!important}.gpr-u4-14 .sig-compare-head{position:static!important}}

/* propane-cooking.html: unique Service Signals layout */
.gpr-u3-15{background:#11130f!important;color:#fff;padding:72px 0!important}
.gpr-u3-15 .sig-stage-copy h2{max-width:15ch!important}
.gpr-u3-15 .sig-stage-copy p{color:#d9d8ce!important;max-width:55ch}
.gpr-u3-15 .sig-stage-card{border:1px solid #3a3b35!important;border-radius:39px!important;background:#1b1c18!important;color:#fff!important;padding:28px!important}
.gpr-u3-15 .sig-stage-card p{color:#d9d8ce!important}
.gpr-u3-15 .sig-stage{display:grid!important;grid-template-columns:62% 38%;gap:50px;align-items:center}
.gpr-u3-15 .sig-stage-stack{display:grid!important;grid-template-columns:1fr;gap:12px;transform:none!important}
.gpr-u3-15 .sig-stage-card{display:grid;grid-template-columns:72px 1fr;column-gap:22px;align-items:center;min-height:150px}
.gpr-u3-15 .sig-stage-card:nth-child(odd){margin-right:34px;background:var(--primary)!important;color:#111!important}
.gpr-u3-15 .sig-stage-card:nth-child(odd) p{color:#3d3d35!important}

/* propane-cooking.html: unique Decision Boundary layout */
.gpr-u4-15{background:#11130f!important;padding:72px 0!important;color:#fff}
.gpr-u4-15 .sig-compare-head>p{color:#d9d8ce!important}
.gpr-u4-15 .sig-compare-board{border:0!important;overflow:visible!important;background:transparent!important}
.gpr-u4-15 .sig-compare-side,.gpr-u4-15 .sig-compare-bridge{border:1px solid #3a3b35!important;border-radius:39px!important;min-height:0!important}
.gpr-u4-15 .sig-compare-head{display:grid!important;grid-template-columns:.9fr 1.1fr;gap:28px}
.gpr-u4-15 .sig-compare-board{display:grid!important;grid-template-columns:1fr 1.2fr 1fr!important;gap:16px;align-items:stretch}
.gpr-u4-15 .side-2{background:var(--primary)!important;color:#111!important;transform:translateY(-12px)}
.gpr-u4-15 .side-2 p{color:#3d3d35!important}
.gpr-u4-15 .sig-compare-bridge{grid-column:auto!important;grid-template-columns:1fr!important;background:#111!important;color:#fff!important}
.gpr-u4-15 .sig-compare-bridge p{color:#deddd3!important}
@media(max-width:900px){.gpr-u3-15 .sig-stage,.gpr-u3-15 .sig-stage-copy,.gpr-u3-15 .sig-stage-stack,.gpr-u4-15 .sig-wrap,.gpr-u4-15 .sig-compare-head,.gpr-u4-15 .sig-compare-board{grid-template-columns:1fr!important;display:grid!important}.gpr-u3-15 .sig-stage-card,.gpr-u4-15 .sig-compare-side,.gpr-u4-15 .sig-compare-bridge{grid-column:auto!important;grid-row:auto!important;margin:0!important;transform:none!important;min-height:0!important}.gpr-u4-15 .sig-compare-head{position:static!important}}

/* propane-refueling-stations.html: unique Service Signals layout */
.gpr-u3-16{background:#eef6fb!important;color:#111;padding:72px 0!important}
.gpr-u3-16 .sig-stage-copy h2{max-width:15ch!important}
.gpr-u3-16 .sig-stage-copy p{color:#5b5d54!important;max-width:55ch}
.gpr-u3-16 .sig-stage-card{border:1px solid #d9d6c7!important;border-radius:18px!important;background:#fff!important;color:#111!important;padding:28px!important}
.gpr-u3-16 .sig-stage-card p{color:#5b5d54!important}
.gpr-u3-16{background:#111!important;color:#fff!important}
.gpr-u3-16 .sig-stage{display:grid!important;grid-template-columns:32% 68%;gap:36px;align-items:start}
.gpr-u3-16 .sig-stage-copy p{color:#d8d7cd!important}
.gpr-u3-16 .sig-stage-stack{display:grid!important;grid-template-columns:repeat(3,1fr);gap:1px;background:#363730;border:1px solid #363730;border-radius:18px;overflow:hidden;transform:none!important}
.gpr-u3-16 .sig-stage-card{border:0!important;border-radius:0!important;background:#171814!important;color:#fff!important;min-height:280px}
.gpr-u3-16 .sig-stage-card:nth-child(3){background:var(--primary)!important;color:#111!important}
.gpr-u3-16 .sig-stage-card:nth-child(3) p{color:#3d3d35!important}

/* propane-refueling-stations.html: unique Decision Boundary layout */
.gpr-u4-16{background:#fff!important;padding:72px 0!important;color:#111}
.gpr-u4-16 .sig-compare-head>p{color:#5b5d54!important}
.gpr-u4-16 .sig-compare-board{border:0!important;overflow:visible!important;background:transparent!important}
.gpr-u4-16 .sig-compare-side,.gpr-u4-16 .sig-compare-bridge{border:1px solid #d9d6c7!important;border-radius:18px!important;min-height:0!important}
.gpr-u4-16{background:#111!important;color:#fff!important}
.gpr-u4-16 .sig-compare-head{display:grid!important;grid-template-columns:.8fr 1.2fr;gap:40px}
.gpr-u4-16 .sig-compare-head>p{color:#d9d8ce!important}
.gpr-u4-16 .sig-compare-board{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:1px;background:#3b3c35!important;border:1px solid #3b3c35!important;border-radius:24px!important;overflow:hidden!important}
.gpr-u4-16 .sig-compare-side,.gpr-u4-16 .sig-compare-bridge{grid-column:auto!important;border:0!important;border-radius:0!important;background:#171814!important;color:#fff!important;grid-template-columns:1fr!important}
.gpr-u4-16 .side-2{background:var(--primary)!important;color:#111!important}
@media(max-width:900px){.gpr-u3-16 .sig-stage,.gpr-u3-16 .sig-stage-copy,.gpr-u3-16 .sig-stage-stack,.gpr-u4-16 .sig-wrap,.gpr-u4-16 .sig-compare-head,.gpr-u4-16 .sig-compare-board{grid-template-columns:1fr!important;display:grid!important}.gpr-u3-16 .sig-stage-card,.gpr-u4-16 .sig-compare-side,.gpr-u4-16 .sig-compare-bridge{grid-column:auto!important;grid-row:auto!important;margin:0!important;transform:none!important;min-height:0!important}.gpr-u4-16 .sig-compare-head{position:static!important}}

/* restaurants-hospitality.html: unique Service Signals layout */
.gpr-u3-17{background:#fff!important;color:#111;padding:72px 0!important}
.gpr-u3-17 .sig-stage-copy h2{max-width:15ch!important}
.gpr-u3-17 .sig-stage-copy p{color:#5b5d54!important;max-width:55ch}
.gpr-u3-17 .sig-stage-card{border:1px solid #d9d6c7!important;border-radius:25px!important;background:#fff!important;color:#111!important;padding:28px!important}
.gpr-u3-17 .sig-stage-card p{color:#5b5d54!important}
.gpr-u3-17 .sig-stage{display:grid!important;grid-template-columns:45% 55%;gap:40px;align-items:center}
.gpr-u3-17 .sig-stage-stack{display:grid!important;grid-template-columns:1fr 1fr;gap:18px;transform:none!important;padding-bottom:50px}
.gpr-u3-17 .card-3{grid-column:1/-1;margin-right:72px;margin-bottom:-50px;background:var(--primary)!important;color:#111!important}
.gpr-u3-17 .card-3 p{color:#3d3d35!important}

/* restaurants-hospitality.html: unique Decision Boundary layout */
.gpr-u4-17{background:#fff!important;padding:72px 0!important;color:#111}
.gpr-u4-17 .sig-compare-head>p{color:#5b5d54!important}
.gpr-u4-17 .sig-compare-board{border:0!important;overflow:visible!important;background:transparent!important}
.gpr-u4-17 .sig-compare-side,.gpr-u4-17 .sig-compare-bridge{border:1px solid #d9d6c7!important;border-radius:25px!important;min-height:0!important}
.gpr-u4-17 .sig-compare-head{display:block!important;max-width:850px}
.gpr-u4-17 .sig-compare-board{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:18px;padding-top:24px}
.gpr-u4-17 .side-1{transform:translateY(-8px)}
.gpr-u4-17 .side-2{transform:translateY(-12px);background:#111!important;color:#fff!important}
.gpr-u4-17 .sig-compare-bridge{grid-column:auto!important;grid-template-columns:1fr!important;transform:translateY(20px);background:var(--primary)!important;color:#111!important}
@media(max-width:900px){.gpr-u3-17 .sig-stage,.gpr-u3-17 .sig-stage-copy,.gpr-u3-17 .sig-stage-stack,.gpr-u4-17 .sig-wrap,.gpr-u4-17 .sig-compare-head,.gpr-u4-17 .sig-compare-board{grid-template-columns:1fr!important;display:grid!important}.gpr-u3-17 .sig-stage-card,.gpr-u4-17 .sig-compare-side,.gpr-u4-17 .sig-compare-bridge{grid-column:auto!important;grid-row:auto!important;margin:0!important;transform:none!important;min-height:0!important}.gpr-u4-17 .sig-compare-head{position:static!important}}

/* temporary-heat.html: unique Service Signals layout */
.gpr-u3-18{background:#f2f1e9!important;color:#111;padding:72px 0!important}
.gpr-u3-18 .sig-stage-copy h2{max-width:15ch!important}
.gpr-u3-18 .sig-stage-copy p{color:#5b5d54!important;max-width:55ch}
.gpr-u3-18 .sig-stage-card{border:1px solid #d9d6c7!important;border-radius:32px!important;background:#fff!important;color:#111!important;padding:28px!important}
.gpr-u3-18 .sig-stage-card p{color:#5b5d54!important}
.gpr-u3-18 .sig-stage{display:block!important}
.gpr-u3-18 .sig-stage-copy{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:32px}
.gpr-u3-18 .sig-stage-stack{display:grid!important;grid-template-columns:repeat(3,1fr);gap:20px;transform:none!important}
.gpr-u3-18 .sig-stage-card{border-bottom:6px solid var(--primary)!important;border-radius:32px!important}
.gpr-u3-18 .sig-stage-card:nth-child(2){background:#111!important;color:#fff!important}
.gpr-u3-18 .sig-stage-card:nth-child(2) p{color:#dddcd2!important}

/* temporary-heat.html: unique Decision Boundary layout */
.gpr-u4-18{background:#fff!important;padding:72px 0!important;color:#111}
.gpr-u4-18 .sig-compare-head>p{color:#5b5d54!important}
.gpr-u4-18 .sig-compare-board{border:0!important;overflow:visible!important;background:transparent!important}
.gpr-u4-18 .sig-compare-side,.gpr-u4-18 .sig-compare-bridge{border:1px solid #d9d6c7!important;border-radius:32px!important;min-height:0!important}
.gpr-u4-18 .sig-wrap{display:grid!important;grid-template-columns:34% 66%;gap:42px;align-items:start}
.gpr-u4-18 .sig-compare-head{display:block!important;margin:0!important;position:sticky;top:120px}
.gpr-u4-18 .sig-compare-board{display:grid!important;grid-template-columns:1fr!important;gap:14px}
.gpr-u4-18 .sig-compare-side,.gpr-u4-18 .sig-compare-bridge{grid-column:auto!important;display:grid!important;grid-template-columns:.4fr 1fr!important;align-items:center;background:#fff!important;color:#111!important}
.gpr-u4-18 .side-2{background:#111!important;color:#fff!important}
@media(max-width:900px){.gpr-u3-18 .sig-stage,.gpr-u3-18 .sig-stage-copy,.gpr-u3-18 .sig-stage-stack,.gpr-u4-18 .sig-wrap,.gpr-u4-18 .sig-compare-head,.gpr-u4-18 .sig-compare-board{grid-template-columns:1fr!important;display:grid!important}.gpr-u3-18 .sig-stage-card,.gpr-u4-18 .sig-compare-side,.gpr-u4-18 .sig-compare-bridge{grid-column:auto!important;grid-row:auto!important;margin:0!important;transform:none!important;min-height:0!important}.gpr-u4-18 .sig-compare-head{position:static!important}}

/* thank-you.html: unique Service Signals layout */
.gpr-u3-19{background:#11130f!important;color:#fff;padding:72px 0!important}
.gpr-u3-19 .sig-stage-copy h2{max-width:15ch!important}
.gpr-u3-19 .sig-stage-copy p{color:#d9d8ce!important;max-width:55ch}
.gpr-u3-19 .sig-stage-card{border:1px solid #3a3b35!important;border-radius:39px!important;background:#1b1c18!important;color:#fff!important;padding:28px!important}
.gpr-u3-19 .sig-stage-card p{color:#d9d8ce!important}
.gpr-u3-19 .sig-stage{display:grid!important;grid-template-columns:55% 45%;gap:46px;align-items:center}
.gpr-u3-19 .sig-stage-copy{order:1}
.gpr-u3-19 .sig-stage-stack{order:2;display:grid!important;grid-template-columns:1fr 1fr;gap:16px;transform:none!important}
.gpr-u3-19 .card-1{grid-column:1/-1;background:#111!important;color:#fff!important}
.gpr-u3-19 .card-1 p{color:#dddcd2!important}
.gpr-u3-19 .card-2{background:var(--primary)!important;color:#111!important}
.gpr-u3-19 .card-2 p{color:#3d3d35!important}

/* thank-you.html: unique Decision Boundary layout */
.gpr-u4-19{background:#fff!important;padding:72px 0!important;color:#111}
.gpr-u4-19 .sig-compare-head>p{color:#5b5d54!important}
.gpr-u4-19 .sig-compare-board{border:0!important;overflow:visible!important;background:transparent!important}
.gpr-u4-19 .sig-compare-side,.gpr-u4-19 .sig-compare-bridge{border:1px solid #d9d6c7!important;border-radius:39px!important;min-height:0!important}
.gpr-u4-19 .sig-compare-head{display:grid!important;grid-template-columns:1fr 1fr;gap:36px}
.gpr-u4-19 .sig-compare-board{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px;padding-bottom:66px}
.gpr-u4-19 .side-1{background:var(--primary)!important;color:#111!important}
.gpr-u4-19 .sig-compare-bridge{grid-column:1/-1!important;max-width:70%;margin:0 auto -66px!important;grid-template-columns:.4fr 1fr!important;background:#111!important;color:#fff!important;box-shadow:0 18px 40px rgba(0,0,0,.14)}
@media(max-width:900px){.gpr-u3-19 .sig-stage,.gpr-u3-19 .sig-stage-copy,.gpr-u3-19 .sig-stage-stack,.gpr-u4-19 .sig-wrap,.gpr-u4-19 .sig-compare-head,.gpr-u4-19 .sig-compare-board{grid-template-columns:1fr!important;display:grid!important}.gpr-u3-19 .sig-stage-card,.gpr-u4-19 .sig-compare-side,.gpr-u4-19 .sig-compare-bridge{grid-column:auto!important;grid-row:auto!important;margin:0!important;transform:none!important;min-height:0!important}.gpr-u4-19 .sig-compare-head{position:static!important}}

/* warehouse-manufacturing.html: unique Service Signals layout */
.gpr-u3-20{background:#eef6fb!important;color:#111;padding:72px 0!important}
.gpr-u3-20 .sig-stage-copy h2{max-width:15ch!important}
.gpr-u3-20 .sig-stage-copy p{color:#5b5d54!important;max-width:55ch}
.gpr-u3-20 .sig-stage-card{border:1px solid #d9d6c7!important;border-radius:18px!important;background:#fff!important;color:#111!important;padding:28px!important}
.gpr-u3-20 .sig-stage-card p{color:#5b5d54!important}
.gpr-u3-20 .sig-stage{display:grid!important;grid-template-columns:36% 64%;gap:0;align-items:stretch;border:1px solid #d9d6c7;border-radius:26px;overflow:hidden;background:#fff}
.gpr-u3-20 .sig-stage-copy{padding:42px;background:#111;color:#fff}
.gpr-u3-20 .sig-stage-copy p{color:#dddcd2!important}
.gpr-u3-20 .sig-stage-stack{display:grid!important;grid-template-columns:1fr;gap:0;transform:none!important}
.gpr-u3-20 .sig-stage-card{border:0!important;border-bottom:1px solid #d6e3eb!important;border-radius:0!important;min-height:150px}

/* warehouse-manufacturing.html: unique Decision Boundary layout */
.gpr-u4-20{background:#11130f!important;padding:72px 0!important;color:#fff}
.gpr-u4-20 .sig-compare-head>p{color:#d9d8ce!important}
.gpr-u4-20 .sig-compare-board{border:0!important;overflow:visible!important;background:transparent!important}
.gpr-u4-20 .sig-compare-side,.gpr-u4-20 .sig-compare-bridge{border:1px solid #3a3b35!important;border-radius:18px!important;min-height:0!important}
.gpr-u4-20 .sig-compare-head{display:grid!important;grid-template-columns:.7fr 1.3fr;gap:40px}
.gpr-u4-20 .sig-compare-board{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0;border:1px solid #d9d6c7!important;border-radius:28px!important;overflow:hidden!important}
.gpr-u4-20 .sig-compare-side{border:0!important;border-radius:0!important;padding:42px!important}
.gpr-u4-20 .side-1{background:var(--primary)!important;color:#111!important}
.gpr-u4-20 .side-2{background:#111!important;color:#fff!important}
.gpr-u4-20 .sig-compare-bridge{grid-column:1/-1!important;border:0!important;border-top:1px solid #d9d6c7!important;border-radius:0!important;grid-template-columns:.35fr 1fr!important;background:#fff!important;color:#111!important}
@media(max-width:900px){.gpr-u3-20 .sig-stage,.gpr-u3-20 .sig-stage-copy,.gpr-u3-20 .sig-stage-stack,.gpr-u4-20 .sig-wrap,.gpr-u4-20 .sig-compare-head,.gpr-u4-20 .sig-compare-board{grid-template-columns:1fr!important;display:grid!important}.gpr-u3-20 .sig-stage-card,.gpr-u4-20 .sig-compare-side,.gpr-u4-20 .sig-compare-bridge{grid-column:auto!important;grid-row:auto!important;margin:0!important;transform:none!important;min-height:0!important}.gpr-u4-20 .sig-compare-head{position:static!important}}
/* V25 — targeted Pricing & Delivery refinements only */
.sig-page-pricing-delivery .topic-section .topic-grid{align-items:stretch}
.sig-page-pricing-delivery .topic-section .topic-card{display:flex;flex-direction:column;min-height:100%}
.sig-page-pricing-delivery .topic-section .topic-card>p{min-height:5.1em}
.sig-page-pricing-delivery .topic-section .topic-card .card-call-btn{margin-top:auto}

.sig-page-pricing-delivery .sig-pricing-delivery-1 .sig-wrap{align-items:stretch!important}
.sig-page-pricing-delivery .sig-pricing-delivery-1 .sig-intro{display:flex;flex-direction:column;justify-content:flex-start;height:100%}
.sig-page-pricing-delivery .pricing-ready-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
.sig-page-pricing-delivery .pricing-ready-item{padding:15px 16px;border:1px solid #d6e3eb;border-radius:16px;background:#eef6fb;display:flex;flex-direction:column;gap:4px;transition:transform .28s ease,background .28s ease,border-color .28s ease}
.sig-page-pricing-delivery .pricing-ready-item strong{font-size:15px;line-height:1.25}
.sig-page-pricing-delivery .pricing-ready-item span{font-size:13px;line-height:1.45;color:#62645b}
.sig-page-pricing-delivery .pricing-ready-item:hover{transform:translateY(-4px);background:#eef7fc;border-color:#d22630}
.sig-page-pricing-delivery .pricing-ready-call{align-self:flex-start;margin-top:18px;min-width:250px}

/* Section 7: centered editorial intro, no side line, large readable cards */
.sig-page-pricing-delivery .sig-pricing-delivery-3{background:#eef6fb!important;padding:82px 0!important}
.sig-page-pricing-delivery .sig-pricing-delivery-3 .sig-stage{display:block!important}
.sig-page-pricing-delivery .sig-pricing-delivery-3 .sig-stage-copy{max-width:800px!important;margin:0 auto 38px!important;text-align:center!important;padding:0!important;border:0!important}
.sig-page-pricing-delivery .sig-pricing-delivery-3 .sig-stage-copy::before,.sig-page-pricing-delivery .sig-pricing-delivery-3 .sig-stage-copy::after{display:none!important;content:none!important}
.sig-page-pricing-delivery .sig-pricing-delivery-3 .sig-stage-copy h2{max-width:19ch!important;margin-left:auto!important;margin-right:auto!important}
.sig-page-pricing-delivery .sig-pricing-delivery-3 .sig-stage-copy p{max-width:66ch!important;margin-left:auto!important;margin-right:auto!important;color:#5b5d54!important}
.sig-page-pricing-delivery .sig-pricing-delivery-3 .sig-stage-stack{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;transform:none!important}
.sig-page-pricing-delivery .sig-pricing-delivery-3 .pricing-quote-card{grid-column:auto!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;min-height:360px!important;padding:32px!important;border:1px solid #d8d5c6!important;border-radius:28px!important;background:#fff!important;color:#111!important;box-shadow:0 18px 45px rgba(17,17,17,.06)!important;transition:transform .35s ease,box-shadow .35s ease,background .35s ease!important}
.sig-page-pricing-delivery .sig-pricing-delivery-3 .pricing-quote-card:nth-child(2){background:#111!important;color:#fff!important}
.sig-page-pricing-delivery .sig-pricing-delivery-3 .pricing-quote-card:nth-child(2) p{color:#deddd5!important}
.sig-page-pricing-delivery .sig-pricing-delivery-3 .pricing-quote-card:nth-child(3){background:#d9edf9!important}
.sig-page-pricing-delivery .sig-pricing-delivery-3 .pricing-quote-card:nth-child(3) p{color:#45443d!important}
.sig-page-pricing-delivery .sig-pricing-delivery-3 .pricing-quote-card:hover{transform:translateY(-9px)!important;box-shadow:0 24px 60px rgba(17,17,17,.12)!important}
.sig-page-pricing-delivery .sig-pricing-delivery-3 .sig-orb{width:72px!important;height:72px!important;border-radius:22px!important;background:#0067b1!important;display:grid!important;place-items:center!important;margin-bottom:32px!important;color:#111!important}
.sig-page-pricing-delivery .sig-pricing-delivery-3 .pricing-quote-card:nth-child(3) .sig-orb{background:#111!important;color:#0067b1!important}
.sig-page-pricing-delivery .pricing-signal-icon{width:34px;height:34px;fill:currentColor;display:block}
.sig-page-pricing-delivery .sig-pricing-delivery-3 .pricing-quote-card h3{font-size:30px!important;line-height:1.05!important;margin:0 0 18px!important}
.sig-page-pricing-delivery .sig-pricing-delivery-3 .pricing-quote-card p{font-size:17px!important;line-height:1.7!important;color:#595b53!important;margin:0!important}

/* Section 8: fresh 3-step model comparison */
.sig-page-pricing-delivery .sig-pricing-delivery-4{background:#11130f!important;color:#fff!important;padding:86px 0!important}
.sig-page-pricing-delivery .sig-pricing-delivery-4 .sig-compare-head{display:grid!important;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;gap:42px!important;max-width:none!important;align-items:end!important;margin-bottom:42px!important}
.sig-page-pricing-delivery .sig-pricing-delivery-4 .sig-compare-head .eyebrow{grid-column:1/-1!important;justify-self:start!important;background:#0067b1!important;color:#111!important}
.sig-page-pricing-delivery .sig-pricing-delivery-4 .sig-compare-head h2{color:#fff!important;max-width:13ch!important;margin:0!important}
.sig-page-pricing-delivery .sig-pricing-delivery-4 .sig-compare-head>p{color:#d8d7ce!important;max-width:58ch!important;margin:0!important;padding-bottom:6px!important}
.sig-page-pricing-delivery .sig-pricing-delivery-4 .sig-compare-board{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;padding:0!important;border:0!important;background:transparent!important;overflow:visible!important}
.sig-page-pricing-delivery .pricing-model-card{position:relative;padding:34px 30px 30px;border-radius:26px;border:1px solid #35362f;min-height:460px;display:flex;flex-direction:column;transition:transform .34s ease,border-color .34s ease,box-shadow .34s ease;overflow:hidden}
.sig-page-pricing-delivery .pricing-model-card::after{content:"";position:absolute;width:150px;height:150px;border:1px solid rgba(0,103,177,.2);border-radius:50%;right:-65px;top:-65px;transition:transform .45s ease}
.sig-page-pricing-delivery .pricing-model-card:hover{transform:translateY(-10px);border-color:#0067b1;box-shadow:0 26px 55px rgba(0,0,0,.22)}
.sig-page-pricing-delivery .pricing-model-card:hover::after{transform:scale(1.18)}
.sig-page-pricing-delivery .model-scope{background:#f4f8fb;color:#111}
.sig-page-pricing-delivery .model-duty{background:#0067b1;color:#111}
.sig-page-pricing-delivery .model-terms{background:#171915;color:#fff}
.sig-page-pricing-delivery .pricing-step{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#111;color:#0067b1;font-weight:800;margin-bottom:24px}
.sig-page-pricing-delivery .model-terms .pricing-step{background:#0067b1;color:#111}
.sig-page-pricing-delivery .pricing-model-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:rgba(17,17,17,.07);margin-bottom:26px;color:currentColor}
.sig-page-pricing-delivery .model-terms .pricing-model-icon{background:rgba(255,255,255,.08);color:#0067b1}
.sig-page-pricing-delivery .pricing-model-icon svg{width:29px;height:29px;fill:currentColor}
.sig-page-pricing-delivery .pricing-model-card h3{font-size:29px;line-height:1.08;margin:0 0 16px}
.sig-page-pricing-delivery .pricing-model-card p{font-size:16px;line-height:1.65;margin:0 0 22px;color:#55574f}
.sig-page-pricing-delivery .model-duty p{color:#393930}
.sig-page-pricing-delivery .model-terms p{color:#d5d5cc}
.sig-page-pricing-delivery .pricing-model-card ul{list-style:none;margin:auto 0 0;padding:0;display:grid;gap:10px}
.sig-page-pricing-delivery .pricing-model-card li{position:relative;padding-left:22px;font-weight:700;font-size:14px;line-height:1.45}
.sig-page-pricing-delivery .pricing-model-card li::before{content:"✓";position:absolute;left:0;color:#a29400}
.sig-page-pricing-delivery .model-terms li::before{color:#0067b1}
.sig-page-pricing-delivery .pricing-model-foot{grid-column:1/-1;border:1px solid #35362f;border-radius:18px;padding:18px 22px;display:flex;gap:10px;align-items:center;justify-content:center;background:#0b0c0a;color:#d9d8ce;font-size:14px}
.sig-page-pricing-delivery .pricing-model-foot strong{color:#0067b1}

/* Pricing page motion pass — limited to this page */
@keyframes pricingIconFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(3deg)}}
@keyframes pricingCardIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
.sig-page-pricing-delivery main .reveal-section.is-visible :is(.topic-card,.sig-tile,.sig-ribbon-item,.pricing-quote-card,.pricing-model-card,.pricing-ready-item){animation:pricingCardIn .55s cubic-bezier(.2,.8,.2,1) both}
.sig-page-pricing-delivery main .reveal-section.is-visible :is(.motion-icon,.pricing-signal-icon,.pricing-model-icon svg){animation:pricingIconFloat 3.2s ease-in-out infinite}
.sig-page-pricing-delivery main :is(.btn,.card-call-btn){transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}
.sig-page-pricing-delivery main :is(.btn,.card-call-btn):hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(0,0,0,.12);filter:brightness(.98)}
.sig-page-pricing-delivery main .enhanced-section-image{transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .5s ease}
.sig-page-pricing-delivery main .enhanced-section-image:hover{transform:scale(1.025);filter:contrast(1.03)}

@media(max-width:980px){
 .sig-page-pricing-delivery .sig-pricing-delivery-3 .sig-stage-stack{grid-template-columns:1fr!important}
 .sig-page-pricing-delivery .sig-pricing-delivery-3 .pricing-quote-card{min-height:0!important}
 .sig-page-pricing-delivery .sig-pricing-delivery-4 .sig-compare-head{grid-template-columns:1fr!important}
 .sig-page-pricing-delivery .sig-pricing-delivery-4 .sig-compare-board{grid-template-columns:1fr!important}
 .sig-page-pricing-delivery .pricing-model-foot{grid-column:auto;flex-direction:column;text-align:center}
}
@media(max-width:640px){
 .sig-page-pricing-delivery .pricing-ready-grid{grid-template-columns:1fr}
 .sig-page-pricing-delivery .pricing-ready-call{width:100%;min-width:0}
 .sig-page-pricing-delivery .sig-pricing-delivery-3 .pricing-quote-card{padding:26px!important}
 .sig-page-pricing-delivery .sig-pricing-delivery-3 .pricing-quote-card h3{font-size:25px!important}
 .sig-page-pricing-delivery .pricing-model-card{min-height:0;padding:28px 24px}
}
@media(prefers-reduced-motion:reduce){
 .sig-page-pricing-delivery main *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}


/* V26 — Building with Propane targeted layout + motion refinements only. */
.sig-page-building-with-propane .hero-bg-banner .inner-copy > .btn{
  display:inline-flex!important;width:auto!important;min-width:0!important;max-width:max-content!important;padding-inline:24px!important;
}

/* Section 2: content-balanced split with practical planning boxes. */
.sig-page-building-with-propane .building-plan-intro .split-grid{
  display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)!important;gap:42px!important;align-items:stretch!important;
}
.sig-page-building-with-propane .building-plan-copy,
.sig-page-building-with-propane .building-plan-panel{height:100%!important;min-height:0!important}
.sig-page-building-with-propane .building-plan-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important}
.sig-page-building-with-propane .building-plan-copy p{max-width:68ch}
.sig-page-building-with-propane .building-plan-call{display:inline-flex!important;width:auto!important;margin-top:22px!important;padding-inline:24px!important}
.sig-page-building-with-propane .building-plan-panel{
  display:grid!important;grid-template-rows:auto 1fr!important;gap:20px!important;padding:28px!important;border:1px solid #d8d4bd!important;border-radius:28px!important;background:#fff!important;box-shadow:0 20px 48px rgba(20,20,15,.07)!important;
}
.sig-page-building-with-propane .building-plan-quote{display:grid!important;grid-template-columns:44px 1fr!important;gap:12px!important;align-items:start!important;padding-bottom:18px!important;border-bottom:1px solid #e1decf!important}
.sig-page-building-with-propane .building-plan-quote>span{font-size:48px!important;line-height:.8!important;color:#a19600!important}
.sig-page-building-with-propane .building-plan-quote p{margin:0!important;font-weight:700!important;color:#222!important}
.sig-page-building-with-propane .building-plan-mini-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.sig-page-building-with-propane .building-plan-mini-grid article{padding:18px!important;border-radius:18px!important;background:#f6f5ed!important;border:1px solid #e1decf!important;display:flex!important;flex-direction:column!important;gap:6px!important}
.sig-page-building-with-propane .building-plan-mini-grid strong{font-size:15px!important;color:#111!important}
.sig-page-building-with-propane .building-plan-mini-grid span{font-size:14px!important;line-height:1.45!important;color:#62645c!important}

/* Section 5: borderless editorial check-list, no outer section/card background. */
.sig-page-building-with-propane .building-service-check{background:#fff!important;padding-block:84px!important}
.sig-page-building-with-propane .building-service-check .service-question{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;display:grid!important;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr)!important;gap:52px!important;align-items:start!important}
.sig-page-building-with-propane .building-service-check .service-question>.eyebrow,
.sig-page-building-with-propane .building-service-check .service-question>h2{grid-column:1!important}
.sig-page-building-with-propane .building-service-check .service-question>h2{max-width:12ch!important;margin-bottom:14px!important}
.sig-page-building-with-propane .building-service-check .question-columns{grid-column:2!important;grid-row:1 / span 3!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
.sig-page-building-with-propane .building-service-check .question-columns p{margin:0!important;padding:22px!important;min-height:138px!important;border:1px solid #d6e3eb!important;border-radius:20px!important;background:#f4f8fb!important;color:#44463f!important;display:flex!important;align-items:flex-start!important}
.sig-page-building-with-propane .building-service-check .question-columns p:nth-child(2){background:#11130f!important;color:#fff!important}
.sig-page-building-with-propane .building-service-check .question-columns p:nth-child(3){background:var(--primary)!important;color:#111!important}
.sig-page-building-with-propane .building-service-check>.container .service-question>.btn{grid-column:1!important;width:auto!important;max-width:max-content!important;align-self:end!important;margin-top:8px!important;padding-inline:24px!important}

/* Section 8: white "design change radar" layout, visually distinct from all repeated stage layouts. */
.sig-page-building-with-propane .building-design-watch{background:#fff!important;color:#111!important;padding:86px 0!important}
.sig-page-building-with-propane .building-design-watch .sig-stage{display:grid!important;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr)!important;gap:56px!important;align-items:center!important}
.sig-page-building-with-propane .building-design-watch .sig-stage-copy{padding:0!important;border:0!important;max-width:520px!important}
.sig-page-building-with-propane .building-design-watch .sig-stage-copy:before{content:"DESIGN CHECK";display:inline-flex;margin-bottom:18px;padding:8px 13px;border-radius:999px;background:#eaf4fb;border:1px solid #9fc2dc;font-size:12px;font-weight:900;letter-spacing:.08em;color:#0b416a}
.sig-page-building-with-propane .building-design-watch .sig-stage-copy .eyebrow{display:none!important}
.sig-page-building-with-propane .building-design-watch .sig-stage-copy h2{color:#111!important;max-width:12ch!important;margin-bottom:18px!important}
.sig-page-building-with-propane .building-design-watch .sig-stage-copy p{color:#55574f!important;max-width:46ch!important}
.sig-page-building-with-propane .building-design-watch .sig-stage-stack{display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:auto auto!important;gap:16px!important;background:transparent!important;border:0!important;border-radius:0!important;overflow:visible!important;transform:none!important}
.sig-page-building-with-propane .building-design-watch .sig-stage-card{background:#fff!important;color:#111!important;border:1px solid #d6e3eb!important;border-radius:24px!important;min-height:210px!important;padding:26px!important;box-shadow:0 14px 36px rgba(22,22,16,.06)!important}
.sig-page-building-with-propane .building-design-watch .sig-stage-card.card-1{grid-column:1 / -1!important;min-height:190px!important;background:#11130f!important;color:#fff!important;display:grid!important;grid-template-columns:76px 1fr!important;column-gap:22px!important;align-content:center!important}
.sig-page-building-with-propane .building-design-watch .sig-stage-card.card-1 p{color:#deddd4!important}
.sig-page-building-with-propane .building-design-watch .sig-stage-card.card-2{background:var(--primary)!important}
.sig-page-building-with-propane .building-design-watch .sig-stage-card.card-2 p{color:#454239!important}
.sig-page-building-with-propane .building-design-watch .sig-stage-card .sig-orb{width:58px!important;height:58px!important;display:grid!important;place-items:center!important;border-radius:16px!important;background:#111!important;color:var(--primary)!important;font-size:18px!important;margin-bottom:20px!important}
.sig-page-building-with-propane .building-design-watch .sig-stage-card.card-1 .sig-orb{grid-row:1 / span 2!important;margin:0!important;background:var(--primary)!important;color:#111!important}

/* Section 9: clean project handoff cards on white, no dark section background. */
.sig-page-building-with-propane .building-project-check{background:#fff!important;color:#111!important;padding:88px 0!important}
.sig-page-building-with-propane .building-project-check .sig-wrap{display:grid!important;grid-template-columns:minmax(280px,.76fr) minmax(0,1.24fr)!important;gap:54px!important;align-items:start!important}
.sig-page-building-with-propane .building-project-check .sig-compare-head{display:block!important;color:#111!important;padding-top:10px!important}
.sig-page-building-with-propane .building-project-check .sig-compare-head .eyebrow{color:#0b416a!important;background:#eaf4fb!important;border:1px solid #9fc2dc!important}
.sig-page-building-with-propane .building-project-check .sig-compare-head h2{color:#111!important;max-width:12ch!important;margin:18px 0!important}
.sig-page-building-with-propane .building-project-check .sig-compare-head>p{color:#575950!important;max-width:48ch!important}
.sig-page-building-with-propane .building-project-check .sig-compare-board{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important;background:transparent!important;border:0!important;border-radius:0!important;overflow:visible!important}
.sig-page-building-with-propane .building-project-check .sig-compare-side,
.sig-page-building-with-propane .building-project-check .sig-compare-bridge{background:#eef6fb!important;color:#111!important;border:1px solid #d6e3eb!important;border-radius:24px!important;padding:28px!important;min-height:230px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;box-shadow:0 14px 36px rgba(22,22,16,.05)!important}
.sig-page-building-with-propane .building-project-check .sig-compare-side.side-2{background:#11130f!important;color:#fff!important}
.sig-page-building-with-propane .building-project-check .sig-compare-side.side-2 p{color:#deddd4!important}
.sig-page-building-with-propane .building-project-check .sig-compare-bridge{grid-column:1 / -1!important;min-height:150px!important;background:var(--primary)!important;display:grid!important;grid-template-columns:180px 1fr!important;align-items:center!important;gap:24px!important}
.sig-page-building-with-propane .building-project-check .sig-compare-bridge p{color:#3d3b34!important;margin:0!important}

/* Page-scoped animation pass: no other page is affected. */
.sig-page-building-with-propane main section{transition:background-color .35s ease,box-shadow .35s ease!important}
.sig-page-building-with-propane main article,
.sig-page-building-with-propane main .pull-quote,
.sig-page-building-with-propane main .question-columns p,
.sig-page-building-with-propane main .sig-ribbon-item,
.sig-page-building-with-propane main .quick-call-card{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease,background-color .35s ease!important}
.sig-page-building-with-propane main article:hover,
.sig-page-building-with-propane main .question-columns p:hover,
.sig-page-building-with-propane main .sig-ribbon-item:hover{transform:translateY(-6px)!important;box-shadow:0 18px 42px rgba(20,20,15,.11)!important}
.sig-page-building-with-propane main .btn{transition:transform .25s ease,box-shadow .25s ease,filter .25s ease!important}
.sig-page-building-with-propane main .btn:hover{transform:translateY(-3px) scale(1.015)!important;box-shadow:0 10px 22px rgba(0,0,0,.12)!important}
.sig-page-building-with-propane main .icon,
.sig-page-building-with-propane main .sig-icon-mark,
.sig-page-building-with-propane main .sig-orb{transition:transform .35s ease!important;transform-origin:center!important}
.sig-page-building-with-propane main article:hover .icon,
.sig-page-building-with-propane main article:hover .sig-icon-mark,
.sig-page-building-with-propane main article:hover .sig-orb{transform:rotate(-7deg) scale(1.08)!important}
.sig-page-building-with-propane main img{transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .45s ease!important}
.sig-page-building-with-propane main .page-image-frame:hover img,
.sig-page-building-with-propane main .service-art:hover img{transform:scale(1.035)!important}
.sig-page-building-with-propane .reveal-section.is-visible .building-plan-mini-grid article:nth-child(2),
.sig-page-building-with-propane .reveal-section.is-visible .question-columns p:nth-child(2){transition-delay:.06s!important}
.sig-page-building-with-propane .reveal-section.is-visible .building-plan-mini-grid article:nth-child(3),
.sig-page-building-with-propane .reveal-section.is-visible .question-columns p:nth-child(3){transition-delay:.12s!important}
.sig-page-building-with-propane .reveal-section.is-visible .building-plan-mini-grid article:nth-child(4),
.sig-page-building-with-propane .reveal-section.is-visible .question-columns p:nth-child(4){transition-delay:.18s!important}

@media(max-width:900px){
 .sig-page-building-with-propane .building-plan-intro .split-grid,
 .sig-page-building-with-propane .building-service-check .service-question,
 .sig-page-building-with-propane .building-design-watch .sig-stage,
 .sig-page-building-with-propane .building-project-check .sig-wrap{grid-template-columns:1fr!important;gap:28px!important}
 .sig-page-building-with-propane .building-service-check .question-columns{grid-column:1!important;grid-row:auto!important}
 .sig-page-building-with-propane .building-service-check .service-question>.eyebrow,
 .sig-page-building-with-propane .building-service-check .service-question>h2,
 .sig-page-building-with-propane .building-service-check>.container .service-question>.btn{grid-column:1!important}
 .sig-page-building-with-propane .building-design-watch .sig-stage-stack,
 .sig-page-building-with-propane .building-project-check .sig-compare-board{grid-template-columns:1fr!important}
 .sig-page-building-with-propane .building-design-watch .sig-stage-card.card-1,
 .sig-page-building-with-propane .building-project-check .sig-compare-bridge{grid-column:1!important}
 .sig-page-building-with-propane .building-project-check .sig-compare-bridge{grid-template-columns:1fr!important}
}
@media(max-width:620px){
 .sig-page-building-with-propane .building-plan-mini-grid,
 .sig-page-building-with-propane .building-service-check .question-columns{grid-template-columns:1fr!important}
 .sig-page-building-with-propane .building-design-watch .sig-stage-card.card-1{grid-template-columns:1fr!important}
 .sig-page-building-with-propane .building-design-watch .sig-stage-card.card-1 .sig-orb{grid-row:auto!important;margin-bottom:16px!important}
}
@media(prefers-reduced-motion:reduce){
 .sig-page-building-with-propane main *,
 .sig-page-building-with-propane main *::before,
 .sig-page-building-with-propane main *::after{transition:none!important;animation:none!important;transform:none!important}
}


/* V27 targeted Building with Propane refinements only */
.sig-page-building-with-propane .building-service-check .service-question{
  grid-template-rows:auto auto auto 1fr auto!important;
  align-items:stretch!important;
}
.sig-page-building-with-propane .building-service-check .service-question>.eyebrow{grid-column:1!important;grid-row:1!important;align-self:start!important}
.sig-page-building-with-propane .building-service-check .service-question>h2{grid-column:1!important;grid-row:2!important}
.sig-page-building-with-propane .building-service-check .service-question-intro{grid-column:1!important;grid-row:3!important;margin:0 0 14px!important;color:#54564e!important;max-width:48ch!important;line-height:1.75!important}
.sig-page-building-with-propane .building-service-check .service-question-intro-secondary{grid-row:4!important;margin-bottom:22px!important}
.sig-page-building-with-propane .building-service-check .question-columns{grid-column:2!important;grid-row:1 / 6!important;height:100%!important;align-content:stretch!important;grid-template-rows:repeat(2,minmax(0,1fr))!important}
.sig-page-building-with-propane .building-service-check .question-columns p{height:100%!important;min-height:0!important;align-items:center!important;padding:26px!important}
.sig-page-building-with-propane .building-service-check>.container .service-question>.btn{grid-column:1!important;grid-row:5!important;align-self:end!important;margin-top:0!important}

.sig-page-building-with-propane .building-design-watch .sig-stage-card .sig-orb{
  width:84px!important;height:84px!important;border-radius:24px!important;font-size:0!important;box-shadow:0 10px 22px rgba(0,0,0,.08)!important;
}
.sig-page-building-with-propane .building-design-watch .sig-stage-card .sig-orb svg{width:44px!important;height:44px!important;display:block!important}
.sig-page-building-with-propane .building-design-watch .sig-stage-card.card-1{grid-template-columns:104px 1fr!important;column-gap:26px!important}
.sig-page-building-with-propane .building-design-watch .sig-stage-card.card-1 .sig-orb{width:88px!important;height:88px!important;border-radius:26px!important}
.sig-page-building-with-propane .building-design-watch .sig-stage-card.card-1 .sig-orb svg{width:48px!important;height:48px!important}
.sig-page-building-with-propane .building-design-watch .sig-stage-card.card-2 .sig-orb{background:#111!important;color:var(--primary)!important}
.sig-page-building-with-propane .building-design-watch .sig-stage-card.card-3 .sig-orb{background:#111!important;color:var(--primary)!important}

@media(max-width:900px){
 .sig-page-building-with-propane .building-service-check .service-question{grid-template-rows:auto!important}
 .sig-page-building-with-propane .building-service-check .service-question>.eyebrow,
 .sig-page-building-with-propane .building-service-check .service-question>h2,
 .sig-page-building-with-propane .building-service-check .service-question-intro,
 .sig-page-building-with-propane .building-service-check .service-question-intro-secondary,
 .sig-page-building-with-propane .building-service-check .question-columns,
 .sig-page-building-with-propane .building-service-check>.container .service-question>.btn{grid-column:1!important;grid-row:auto!important}
 .sig-page-building-with-propane .building-design-watch .sig-stage-card.card-1{grid-template-columns:92px 1fr!important}
}
@media(max-width:620px){
 .sig-page-building-with-propane .building-design-watch .sig-stage-card .sig-orb{width:72px!important;height:72px!important;border-radius:20px!important}
 .sig-page-building-with-propane .building-design-watch .sig-stage-card .sig-orb svg{width:38px!important;height:38px!important}
 .sig-page-building-with-propane .building-design-watch .sig-stage-card.card-1{grid-template-columns:1fr!important}
}

/* === V31 SERVICE DROPDOWN PAGE QA / TARGETED REPAIR ===
   Scope: service dropdown detail pages only. AutoGas is intentionally excluded
   because it is the approved visual reference. */
body.service-inner-modern:not(.page-autogas) main .hero-bg-banner .inner-copy > .btn,
body.service-inner-modern:not(.page-autogas) main .hero-bg-banner .service-title > .btn {
  width:auto !important;
  min-width:0 !important;
  max-width:100% !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  align-self:flex-start !important;
  gap:12px !important;
  padding:15px 24px !important;
  min-height:54px !important;
  border-radius:16px !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
}
body.service-inner-modern:not(.page-autogas) main .hero-bg-banner .inner-copy > .btn .icon,
body.service-inner-modern:not(.page-autogas) main .hero-bg-banner .service-title > .btn .icon {
  width:24px !important;
  height:24px !important;
  flex:0 0 24px !important;
  margin:0 !important;
}

/* Dark-surface chips must always be readable. */
body.service-inner-modern:not(.page-autogas) main :is(.sig-family-2,.modern-prep,[class*="dark-"],[class*="-dark"]) .eyebrow,
body.service-inner-modern:not(.page-autogas) main .signature-section[style*="background:#1"] .eyebrow {
  background:var(--primary) !important;
  color:#111 !important;
  border-color:var(--primary) !important;
}
body.service-inner-modern:not(.page-autogas) main :is(.sig-family-2,.modern-prep,[class*="dark-"],[class*="-dark"]) .eyebrow * {
  color:#111 !important;
}
body.service-inner-modern:not(.page-autogas) main .sig-family-2 h2,
body.service-inner-modern:not(.page-autogas) main .sig-family-2 h3 { color:#fff !important; }
body.service-inner-modern:not(.page-autogas) main .sig-family-2 p { color:#deddd4 !important; }

/* Standard planning cards: preserve readable contrast regardless of page-specific inheritance. */
body.service-inner-modern:not(.page-autogas) .modern-usecases .usecase-grid > article:nth-child(1) h3,
body.service-inner-modern:not(.page-autogas) .modern-usecases .usecase-grid > article:nth-child(1) p,
body.service-inner-modern:not(.page-autogas) .modern-usecases .usecase-grid > article:nth-child(2) h3,
body.service-inner-modern:not(.page-autogas) .modern-usecases .usecase-grid > article:nth-child(2) p { color:#111 !important; }
body.service-inner-modern:not(.page-autogas) .modern-usecases .usecase-grid > article:nth-child(3) h3,
body.service-inner-modern:not(.page-autogas) .modern-usecases .usecase-grid > article:nth-child(3) p { color:#fff !important; }

/* Provider-question actions are section actions, not full-width form controls. */
body.service-inner-modern:not(.page-autogas) .modern-service-visual .card-call-btn {
  width:auto !important;
  min-width:220px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:15px 24px !important;
  min-height:52px !important;
  border-radius:16px !important;
}

/* Signature family safety: fix white-on-white and dark-on-dark inherited text. */
body.service-inner-modern:not(.page-autogas) .sig-family-3 .sig-stage-card:not(.card-2) h3 { color:#111 !important; }
body.service-inner-modern:not(.page-autogas) .sig-family-3 .sig-stage-card:not(.card-2) p { color:#56584f !important; }
body.service-inner-modern:not(.page-autogas) .sig-family-3 .sig-stage-card.card-2 h3 { color:#fff !important; }
body.service-inner-modern:not(.page-autogas) .sig-family-3 .sig-stage-card.card-2 p { color:#e7e5dc !important; }
body.service-inner-modern:not(.page-autogas) .sig-family-4 .sig-compare-side.side-1 h3,
body.service-inner-modern:not(.page-autogas) .sig-family-4 .sig-compare-side.side-1 p,
body.service-inner-modern:not(.page-autogas) .sig-family-4 .sig-compare-bridge h3,
body.service-inner-modern:not(.page-autogas) .sig-family-4 .sig-compare-bridge p { color:#111 !important; }
body.service-inner-modern:not(.page-autogas) .sig-family-4 .sig-compare-side.side-2 h3 { color:#fff !important; }
body.service-inner-modern:not(.page-autogas) .sig-family-4 .sig-compare-side.side-2 p { color:#e7e5dc !important; }

/* Commercial Heat targeted contrast + CTA repair. */
.design-commercial-heat .heat-job-card:not(.primary) h3 { color:#111 !important; }
.design-commercial-heat .heat-job-card:not(.primary) p { color:#5a5d55 !important; }
.design-commercial-heat .heat-job-card.mini.alt h3,
.design-commercial-heat .heat-job-card.mini.alt p { color:#111 !important; }
.design-commercial-heat .heat-job-card.primary h3 { color:#fff !important; }
.design-commercial-heat .heat-job-card.primary p { color:rgba(255,255,255,.88) !important; }

/* Construction Equipment targeted contrast + button geometry repair. */
.design-construction-equipment .jobsite-facts-grid li:nth-child(1) article h3,
.design-construction-equipment .jobsite-facts-grid li:nth-child(1) article p,
.design-construction-equipment .jobsite-facts-grid li:nth-child(2) article h3,
.design-construction-equipment .jobsite-facts-grid li:nth-child(2) article p,
.design-construction-equipment .jobsite-facts-grid li:nth-child(4) article h3,
.design-construction-equipment .jobsite-facts-grid li:nth-child(4) article p { color:#111 !important; }
.design-construction-equipment .jobsite-facts-grid li:nth-child(3) article h3,
.design-construction-equipment .jobsite-facts-grid li:nth-child(3) article p { color:#fff !important; }
.design-construction-equipment .phase-service-head .card-call-btn {
  width:auto !important;
  min-width:220px !important;
  min-height:52px !important;
  height:auto !important;
  padding:15px 24px !important;
  align-self:flex-end !important;
  flex:0 0 auto !important;
}
.design-construction-equipment .phase-service-row article:nth-child(1) h3,
.design-construction-equipment .phase-service-row article:nth-child(1) p,
.design-construction-equipment .phase-service-row article:nth-child(3) h3,
.design-construction-equipment .phase-service-row article:nth-child(3) p,
.design-construction-equipment .phase-service-row article:nth-child(4) h3,
.design-construction-equipment .phase-service-row article:nth-child(4) p { color:#111 !important; }
.design-construction-equipment .phase-service-row article:nth-child(2) h3,
.design-construction-equipment .phase-service-row article:nth-child(2) p { color:#fff !important; }

/* Cooking page: the light decision-trail section must not inherit white text. */
.sig-page-propane-cooking .sig-propane-cooking-2:not(.sig-family-2),
.sig-page-propane-cooking .sig-propane-cooking-2:not(.sig-family-2) h2,
.sig-page-propane-cooking .sig-propane-cooking-2:not(.sig-family-2) h3 { color:#111 !important; }
.sig-page-propane-cooking .sig-propane-cooking-2:not(.sig-family-2) p { color:#5a5c54 !important; }
.sig-page-propane-cooking .topic-section .topic-grid {
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  align-items:stretch !important;
}
.sig-page-propane-cooking .topic-section .topic-card { height:100% !important; }

/* Crop drying: keep the two late-stage sections readable and proportionate. */
.sig-page-crop-drying .gpr-u3-10 .sig-stage-copy h2,
.sig-page-crop-drying .gpr-u3-10 .sig-stage-copy p { color:#111 !important; }
.sig-page-crop-drying .gpr-u3-10 .sig-stage-card h3 { color:#111 !important; }
.sig-page-crop-drying .gpr-u3-10 .sig-stage-card p { color:#56584f !important; }
.sig-page-crop-drying .gpr-u4-10 .sig-compare-head h2 { color:#fff !important; }
.sig-page-crop-drying .gpr-u4-10 .sig-compare-head > p { color:#deddd4 !important; }
.sig-page-crop-drying .gpr-u4-10 .side-1 h3 { color:#fff !important; }
.sig-page-crop-drying .gpr-u4-10 .side-1 p { color:#deddd4 !important; }
.sig-page-crop-drying .gpr-u4-10 .side-2 h3,
.sig-page-crop-drying .gpr-u4-10 .side-2 p,
.sig-page-crop-drying .gpr-u4-10 .sig-compare-bridge h3,
.sig-page-crop-drying .gpr-u4-10 .sig-compare-bridge p { color:#111 !important; }

/* Desktop balance: no orphan cards or 2+1 layout for the standard 3-card section. */
@media (min-width:901px){
  body.service-inner-modern:not(.page-autogas) .modern-usecases .usecase-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
}

/* Tablet/mobile containment. */
@media (max-width:1000px){
  body.service-inner-modern:not(.page-autogas) .modern-service-intro .split-grid,
  body.service-inner-modern:not(.page-autogas) .modern-prep .prep-grid { grid-template-columns:1fr !important; gap:30px !important; }
  body.service-inner-modern:not(.page-autogas) .modern-usecases .usecase-grid { grid-template-columns:1fr 1fr !important; }
  body.service-inner-modern:not(.page-autogas) .modern-service-visual .question-columns { grid-template-columns:1fr !important; }
  .sig-page-propane-cooking .topic-section .topic-grid { grid-template-columns:1fr 1fr !important; }
}
@media (max-width:680px){
  body.service-inner-modern:not(.page-autogas) main .hero-bg-banner .inner-copy > .btn,
  body.service-inner-modern:not(.page-autogas) main .hero-bg-banner .service-title > .btn,
  body.service-inner-modern:not(.page-autogas) .modern-service-visual .card-call-btn {
    width:auto !important;
    min-width:0 !important;
    max-width:100% !important;
  }
  body.service-inner-modern:not(.page-autogas) .modern-usecases .usecase-grid,
  body.service-inner-modern:not(.page-autogas) .modern-prep ul,
  .sig-page-propane-cooking .topic-section .topic-grid { grid-template-columns:1fr !important; }
  body.service-inner-modern:not(.page-autogas) .modern-service-visual .service-question { padding:28px 22px !important; }
}

/* V31.1 service-detail dark signature contrast map */
body.service-inner-modern:not(.page-autogas) main :is(.gpr-u3-03,.gpr-u3-11,.gpr-u3-15,.gpr-u4-05,.gpr-u4-10,.gpr-u4-15,.gpr-u4-20) .eyebrow{
  background:var(--primary)!important;color:#111!important;border-color:var(--primary)!important;
}
body.service-inner-modern:not(.page-autogas) main :is(.gpr-u3-03,.gpr-u3-11,.gpr-u3-15,.gpr-u4-05,.gpr-u4-10,.gpr-u4-15,.gpr-u4-20) .eyebrow *{color:#111!important}
body.service-inner-modern:not(.page-autogas) main :is(.gpr-u3-03,.gpr-u3-11,.gpr-u3-15,.gpr-u4-05,.gpr-u4-10,.gpr-u4-15,.gpr-u4-20) .sig-stage-copy h2,
body.service-inner-modern:not(.page-autogas) main :is(.gpr-u4-05,.gpr-u4-10,.gpr-u4-15,.gpr-u4-20) .sig-compare-head h2{color:#fff!important}
body.service-inner-modern:not(.page-autogas) main :is(.gpr-u3-03,.gpr-u3-11,.gpr-u3-15) .sig-stage-copy p,
body.service-inner-modern:not(.page-autogas) main :is(.gpr-u4-05,.gpr-u4-10,.gpr-u4-15,.gpr-u4-20) .sig-compare-head>p{color:#deddd4!important}

/* All service detail heroes follow the approved AutoGas cover behavior. */
body.service-inner-modern:not(.page-autogas) main .hero-bg-banner{position:relative!important;isolation:isolate!important;overflow:hidden!important}
body.service-inner-modern:not(.page-autogas) main .hero-bg-banner .inner-hero-bg-media,
body.service-inner-modern:not(.page-autogas) main .hero-bg-banner .service-art.inner-hero-bg-media{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:-2!important;margin:0!important;border-radius:0!important;overflow:hidden!important}
body.service-inner-modern:not(.page-autogas) main .hero-bg-banner .inner-hero-bg-media img,
body.service-inner-modern:not(.page-autogas) main .hero-bg-banner .service-art.inner-hero-bg-media img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;display:block!important}
body.service-inner-modern:not(.page-autogas) main .hero-bg-banner .hero-actions{display:flex!important;align-items:center!important;gap:12px!important;margin-top:20px!important}
body.service-inner-modern:not(.page-autogas) main .hero-bg-banner .hero-actions .btn{width:auto!important;display:inline-flex!important}

/* Commercial Heat: provider questions now read as four proper decision cards. */
.design-commercial-heat .modern-service-visual .service-question{display:grid!important;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr)!important;column-gap:34px!important;row-gap:16px!important;align-items:start!important}
.design-commercial-heat .modern-service-visual .service-question>.eyebrow,
.design-commercial-heat .modern-service-visual .service-question>h2,
.design-commercial-heat .modern-service-visual .service-question>.btn{grid-column:1!important}
.design-commercial-heat .modern-service-visual .question-columns{grid-column:2!important;grid-row:1 / span 4!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;margin:0!important}
.design-commercial-heat .modern-service-visual .question-columns p{min-height:150px!important;padding:24px!important;border:1px solid #d6e3eb!important;border-radius:22px!important;background:#fff!important;color:#4f514b!important;display:flex!important;align-items:center!important}
.design-commercial-heat .modern-service-visual .question-columns p:nth-child(2){background:#11130f!important;color:#fff!important;border-color:#11130f!important}
.design-commercial-heat .modern-service-visual .question-columns p:nth-child(3){background:var(--primary)!important;color:#111!important;border-color:var(--primary)!important}
.design-commercial-heat .sig-commercial-heat-4 .sig-compare-head{align-items:end!important}
.design-commercial-heat .sig-commercial-heat-4 .sig-compare-head>p{align-self:end!important;justify-self:start!important;margin:0!important}
.design-commercial-heat .sig-commercial-heat-4 .sig-compare-board{align-items:stretch!important}
.design-commercial-heat .sig-commercial-heat-4 .sig-compare-side,
.design-commercial-heat .sig-commercial-heat-4 .sig-compare-bridge{text-align:left!important;align-items:flex-start!important;justify-content:flex-start!important}

/* Crop Drying: remove the oversized empty feel from the late sections. */
.sig-page-crop-drying .gpr-u3-10 .sig-stage{grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr)!important;align-items:stretch!important}
.sig-page-crop-drying .gpr-u3-10 .sig-stage-copy{display:flex!important;flex-direction:column!important;justify-content:center!important}
.sig-page-crop-drying .gpr-u3-10 .sig-stage-card{min-height:0!important;padding:28px 30px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.sig-page-crop-drying .gpr-u4-10 .sig-compare-head{align-items:end!important;margin-bottom:30px!important}
.sig-page-crop-drying .gpr-u4-10 .sig-compare-board{align-items:stretch!important}
.sig-page-crop-drying .gpr-u4-10 .sig-compare-side,
.sig-page-crop-drying .gpr-u4-10 .sig-compare-bridge{min-height:180px!important;text-align:left!important;align-items:flex-start!important;justify-content:center!important}

/* Cooking: fix the pale decision-trail section and keep three application cards in a row. */
.sig-page-propane-cooking .sig-propane-cooking-2{background:#f5f4ed!important;color:#111!important}
.sig-page-propane-cooking .sig-propane-cooking-2 .eyebrow{background:var(--primary)!important;color:#111!important}
.sig-page-propane-cooking .sig-propane-cooking-2 h2,
.sig-page-propane-cooking .sig-propane-cooking-2 h3{color:#111!important}
.sig-page-propane-cooking .sig-propane-cooking-2 p{color:#5b5d54!important}
.sig-page-propane-cooking .sig-propane-cooking-2 .sig-ribbon{border-color:#d9d6c7!important}
.sig-page-propane-cooking .sig-propane-cooking-2 .sig-ribbon-item{border-color:#d9d6c7!important}
.sig-page-propane-cooking .sig-propane-cooking-2 .sig-ribbon-item>span{background:var(--primary)!important;color:#111!important}

@media(max-width:900px){
 .design-commercial-heat .modern-service-visual .service-question{grid-template-columns:1fr!important}
 .design-commercial-heat .modern-service-visual .service-question>.eyebrow,
 .design-commercial-heat .modern-service-visual .service-question>h2,
 .design-commercial-heat .modern-service-visual .service-question>.btn,
 .design-commercial-heat .modern-service-visual .question-columns{grid-column:1!important;grid-row:auto!important}
 .sig-page-crop-drying .gpr-u3-10 .sig-stage{grid-template-columns:1fr!important}
}
@media(max-width:620px){
 .design-commercial-heat .modern-service-visual .question-columns{grid-template-columns:1fr!important}
}

/* === Get Propane Refill V33 service detail rebuild === */
.v33-service-page .service-redesign-v33{overflow:hidden;background:#fff}
.v33-service-page .service-redesign-v33 .section{padding:88px 0}
.v33-service-page .v33-hero{position:relative;background:#0c0f0c;color:#fff;min-height:650px;display:flex;align-items:center;overflow:hidden}
.v33-service-page .v33-hero-media{position:absolute;inset:0}
.v33-service-page .v33-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,9,7,.88) 0%,rgba(6,9,7,.66) 54%,rgba(6,9,7,.26) 100%)}
.v33-service-page .v33-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.v33-service-page .v33-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.75fr);gap:48px;align-items:center;padding-top:70px;padding-bottom:70px}
.v33-service-page .v33-hero-copy{max-width:760px}.v33-service-page .v33-hero-copy h1{font-size:clamp(48px,5.5vw,78px);line-height:.98;letter-spacing:-.045em;margin:20px 0 24px;color:#fff;max-width:12ch}.v33-service-page .v33-hero-copy p{font-size:20px;line-height:1.7;color:rgba(255,255,255,.9);max-width:64ch}
.v33-service-page .v33-inline-call,.v33-commercial-heat-fix .v33-inline-call{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:0!important;gap:12px!important;padding:16px 24px!important;border-radius:16px!important;line-height:1!important;margin-top:20px!important;white-space:nowrap!important}.v33-service-page .v33-inline-call .icon,.v33-commercial-heat-fix .v33-inline-call .icon{width:22px!important;height:22px!important;flex:0 0 22px!important;margin:0!important;position:static!important;transform:none!important}.v33-service-page .v33-inline-call span,.v33-commercial-heat-fix .v33-inline-call span{line-height:1!important}
.v33-service-page .v33-hero .quick-call-card{background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-radius:28px;padding:30px;box-shadow:0 26px 70px rgba(0,0,0,.24)}
.v33-service-page .v33-intro{background:#fff}.v33-service-page .v33-intro-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:64px;align-items:stretch}.v33-service-page .v33-intro-copy{display:flex;flex-direction:column;justify-content:center}.v33-service-page .v33-intro h2,.v33-service-page .v33-section-heading h2,.v33-service-page .v33-prep h2,.v33-service-page .v33-confirm h2,.v33-service-page .v33-map h2,.v33-service-page .v33-signals h2,.v33-service-page .v33-boundary h2{font-size:clamp(38px,4vw,60px);line-height:1.02;letter-spacing:-.04em;margin:16px 0 20px;max-width:14ch}.v33-service-page .v33-intro-copy p,.v33-service-page .v33-section-heading p,.v33-service-page .v33-prep p,.v33-service-page .v33-confirm-copy p,.v33-service-page .v33-map p,.v33-service-page .v33-signals p,.v33-service-page .v33-boundary-head p{font-size:18px;line-height:1.75;color:#66695f;max-width:64ch}
.v33-service-page .v33-intro-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.v33-service-page .v33-feature-card{border:1px solid #d6e2eb;border-radius:28px;padding:30px;background:#f4f8fb;min-height:240px;transition:transform .35s ease,box-shadow .35s ease}.v33-service-page .v33-feature-card:first-child{grid-column:1/-1}.v33-service-page .v33-feature-card:hover{transform:translateY(-7px);box-shadow:0 24px 50px rgba(15,18,12,.1)}.v33-service-page .v33-feature-card h3{font-size:28px;line-height:1.1;margin:14px 0 12px}.v33-service-page .v33-feature-card p{font-size:16px;line-height:1.65;margin:0}.v33-service-page .v33-dark{background:#10130f;color:#fff;border-color:#10130f}.v33-service-page .v33-dark p{color:rgba(255,255,255,.82)}.v33-service-page .v33-yellow{background:#0067b1;border-color:#0067b1;color:#111}.v33-service-page .v33-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:#111;color:#0067b1;font-weight:900}.v33-service-page .v33-dark .v33-icon{background:#0067b1;color:#111}
.v33-service-page .v33-three{background:#eef6fb}.v33-service-page .v33-section-heading{max-width:860px;margin-bottom:34px}.v33-service-page .v33-three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.v33-service-page .v33-tile{background:#fff;border:1px solid #d6e2eb;border-radius:26px;padding:30px;display:flex;flex-direction:column;min-height:420px;transition:transform .35s ease,box-shadow .35s ease}.v33-service-page .v33-tile:hover{transform:translateY(-7px);box-shadow:0 20px 46px rgba(15,18,12,.1)}.v33-service-page .v33-tile-dark{background:#10130f;color:#fff;border-color:#10130f}.v33-service-page .v33-tile-dark p{color:rgba(255,255,255,.82)}.v33-service-page .v33-round-icon{width:62px;height:62px;border-radius:50%;background:#0067b1;color:#111;display:grid;place-items:center;font-weight:900;margin-bottom:24px}.v33-service-page .v33-tile h3{font-size:26px;line-height:1.1;margin:0 0 14px}.v33-service-page .v33-tile p{font-size:17px;line-height:1.7;color:#66695f;flex:1}.v33-service-page .v33-tile .v33-inline-call{width:100%!important;margin-top:24px!important}
.v33-service-page .v33-prep{background:#10130f;color:#fff}.v33-service-page .v33-prep .eyebrow{background:#0067b1;color:#111}.v33-service-page .v33-prep h2{color:#fff}.v33-service-page .v33-prep p{color:rgba(255,255,255,.82)}.v33-service-page .v33-prep-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.v33-service-page .v33-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.v33-service-page .v33-check-grid div{padding:20px 22px;border:1px solid rgba(0,103,177,.24);border-radius:16px;background:rgba(255,255,255,.04);transition:transform .3s ease,background .3s ease}.v33-service-page .v33-check-grid div:hover{transform:translateY(-4px);background:rgba(0,103,177,.1)}
.v33-service-page .v33-confirm-shell{border:1px solid #d6e2eb;border-radius:34px;padding:42px;background:#fff;box-shadow:0 18px 50px rgba(15,18,12,.06)}.v33-service-page .v33-confirm-copy{display:grid;grid-template-columns:1.15fr 1fr auto;gap:28px;align-items:end;margin-bottom:32px}.v33-service-page .v33-confirm-copy h2{margin-bottom:0}.v33-service-page .v33-confirm-copy .v33-inline-call{margin:0!important}.v33-service-page .v33-confirm-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.v33-service-page .v33-confirm-cards article{border-radius:22px;padding:26px;background:#f4f8fb;border:1px solid #d6e2eb}.v33-service-page .v33-confirm-cards b{font-size:24px}.v33-service-page .v33-confirm-cards p{line-height:1.65;margin:10px 0 0}.v33-service-page .v33-confirm-cards .dark{background:#10130f;color:#fff;border-color:#10130f}.v33-service-page .v33-confirm-cards .yellow{background:#0067b1;color:#111;border-color:#0067b1}
.v33-service-page .v33-map{background:#eef6fb}.v33-service-page .v33-map-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:58px;align-items:stretch}.v33-service-page .v33-mini-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}.v33-service-page .v33-mini-points span{background:#fff;border:1px solid #d6e2eb;border-radius:14px;padding:14px 16px;font-weight:700}.v33-service-page .v33-map-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.v33-service-page .v33-map-cards article{background:#fff;border:1px solid #d6e2eb;border-radius:24px;padding:28px;min-height:210px}.v33-service-page .v33-map-cards .wide{grid-column:1/-1}.v33-service-page .v33-map-cards .yellow{background:#0067b1;border-color:#0067b1}.v33-service-page .v33-map-cards span{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#111;color:#0067b1;font-weight:900}.v33-service-page .v33-map-cards h3{font-size:26px;margin:16px 0 8px}.v33-service-page .v33-map-cards p{font-size:16px;line-height:1.65}
.v33-service-page .v33-signals{background:#0d100c;color:#fff}.v33-service-page .v33-signals .eyebrow{background:#0067b1;color:#111}.v33-service-page .v33-signals h2{color:#fff}.v33-service-page .v33-signals-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:54px;align-items:center}.v33-service-page .v33-signal-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.v33-service-page .v33-signal-cards article{background:#171a15;border:1px solid #34372f;border-radius:24px;padding:28px;transition:transform .35s ease}.v33-service-page .v33-signal-cards article:hover{transform:translateY(-6px)}.v33-service-page .v33-signal-cards .large{grid-column:1/-1}.v33-service-page .v33-signal-cards .yellow{background:#0067b1;color:#111;border-color:#0067b1}.v33-service-page .v33-symbol{width:56px;height:56px;border-radius:18px;background:#111;color:#0067b1;display:grid;place-items:center;font-size:22px}.v33-service-page .v33-signal-cards h3{font-size:26px;margin:16px 0 8px}.v33-service-page .v33-signal-cards p{font-size:16px;line-height:1.65;color:rgba(255,255,255,.8)}.v33-service-page .v33-signal-cards .yellow p{color:#222}
.v33-service-page .v33-boundary{background:#fff}.v33-service-page .v33-boundary-head{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:end;margin-bottom:28px}.v33-service-page .v33-boundary-head .eyebrow{grid-column:1/-1;width:max-content}.v33-service-page .v33-boundary-head h2{margin:0}.v33-service-page .v33-boundary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.v33-service-page .v33-boundary-grid article{border:1px solid #d6e2eb;border-radius:24px;padding:28px;background:#f4f8fb}.v33-service-page .v33-boundary-grid .dark{background:#10130f;color:#fff;border-color:#10130f}.v33-service-page .v33-boundary-grid .yellow{background:#0067b1;color:#111;border-color:#0067b1}.v33-service-page .v33-boundary-grid span{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#111;color:#0067b1;font-weight:900}.v33-service-page .v33-boundary-grid h3{font-size:26px;margin:18px 0 10px}.v33-service-page .v33-boundary-grid p{font-size:16px;line-height:1.65}
.v33-force-dark{background:#0d100c!important;color:#fff!important}.v33-force-dark h2,.v33-force-dark h3,.v33-force-dark p{color:#fff!important}.v33-force-dark .eyebrow{background:#0067b1!important;color:#111!important}
/* Commercial Heat targeted corrections */
.v33-commercial-heat-fix .heat-job-fixed .heat-job-badge,.v33-commercial-heat-fix .heat-job-fixed .motion-icon{display:none!important}.v33-commercial-heat-fix .heat-job-fixed .heat-job-card h3,.v33-commercial-heat-fix .v33-small-card-title{font-size:19px!important;line-height:1.15!important;letter-spacing:-.015em!important}.v33-commercial-heat-fix .heat-job-fixed .heat-job-copy .v33-inline-call{margin-top:20px!important}.v33-commercial-heat-fix .hero-actions .v33-inline-call{display:inline-flex!important;width:auto!important}.v33-commercial-heat-fix .hero-actions .v33-inline-call .icon{align-self:center!important}
@media(max-width:980px){.v33-service-page .service-redesign-v33 .section{padding:68px 0}.v33-service-page .v33-hero-grid,.v33-service-page .v33-intro-grid,.v33-service-page .v33-prep-grid,.v33-service-page .v33-map-grid,.v33-service-page .v33-signals-grid{grid-template-columns:1fr}.v33-service-page .v33-hero{min-height:auto}.v33-service-page .v33-hero-grid{padding-top:54px;padding-bottom:54px}.v33-service-page .v33-three-grid,.v33-service-page .v33-confirm-cards,.v33-service-page .v33-boundary-grid{grid-template-columns:1fr}.v33-service-page .v33-confirm-copy{grid-template-columns:1fr;align-items:start}.v33-service-page .v33-boundary-head{grid-template-columns:1fr}.v33-service-page .v33-feature-card:first-child,.v33-service-page .v33-map-cards .wide,.v33-service-page .v33-signal-cards .large{grid-column:auto}}
@media(max-width:640px){.v33-service-page .service-redesign-v33 .section{padding:52px 0}.v33-service-page .v33-hero-grid{gap:28px}.v33-service-page .v33-hero-copy h1{font-size:44px;max-width:none}.v33-service-page .v33-hero-copy p{font-size:17px}.v33-service-page .v33-intro h2,.v33-service-page .v33-section-heading h2,.v33-service-page .v33-prep h2,.v33-service-page .v33-confirm h2,.v33-service-page .v33-map h2,.v33-service-page .v33-signals h2,.v33-service-page .v33-boundary h2{font-size:38px;max-width:none}.v33-service-page .v33-intro-cards,.v33-service-page .v33-check-grid,.v33-service-page .v33-map-cards,.v33-service-page .v33-signal-cards{grid-template-columns:1fr}.v33-service-page .v33-confirm-shell{padding:24px}.v33-service-page .v33-inline-call{width:100%!important}.v33-service-page .v33-hero-action .v33-inline-call{width:auto!important}.v33-service-page .v33-mini-points{grid-template-columns:1fr}.v33-service-page .v33-tile{min-height:0}}
@media(prefers-reduced-motion:reduce){.v33-service-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* === Get Propane Refill V34 service-detail polish: targeted only to rebuilt dropdown service pages === */
.v33-service-page .service-redesign-v33 .container{width:min(1240px,calc(100% - 48px));margin-inline:auto}
.v33-service-page .service-redesign-v33 .section{padding:76px 0}

/* Hero: stable 60/40 composition and legible call card */
.v33-service-page .v33-hero{min-height:640px}
.v33-service-page .v33-hero-grid{grid-template-columns:minmax(0,3fr) minmax(360px,2fr);gap:44px;padding-top:64px;padding-bottom:64px}
.v33-service-page .v33-hero-copy{max-width:720px}
.v33-service-page .v33-hero-copy h1{font-size:clamp(48px,4.7vw,70px);line-height:1.01;max-width:13ch;margin:18px 0 20px}
.v33-service-page .v33-hero-copy p{font-size:18px;line-height:1.68;max-width:62ch}
.v33-service-page .v33-hero .quick-call-card{width:100%;max-width:470px;justify-self:end;padding:28px;border-radius:26px}
.v33-service-page .v33-hero .quick-call-card h2{font-size:clamp(28px,2.5vw,38px);line-height:1.06;margin:10px 0 16px}
.v33-service-page .v33-hero .quick-call-card p{line-height:1.55}
.v33-service-page .v33-hero .quick-call-card .btn{min-height:56px}

/* Intro: equal visual weight without manufactured whitespace */
.v33-service-page .v33-intro-grid{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:48px;align-items:stretch}
.v33-service-page .v33-intro-copy{justify-content:flex-start;padding:8px 0}
.v33-service-page .v33-intro-copy p{font-size:17px;line-height:1.72}
.v33-service-page .v33-intro-cards{align-content:stretch;grid-auto-rows:minmax(0,1fr)}
.v33-service-page .v33-feature-card{min-height:0;padding:26px;border-radius:24px;display:flex;flex-direction:column;justify-content:flex-start}
.v33-service-page .v33-feature-card:first-child{min-height:210px}
.v33-service-page .v33-feature-card h3{font-size:24px;margin:16px 0 10px}
.v33-service-page .v33-feature-card p{font-size:16px;line-height:1.6}
.v33-service-page .v33-icon{width:60px;height:60px;border-radius:17px;font-size:17px}

/* Three cards: consistent height, clear icon/title/button rhythm */
.v33-service-page .v33-section-heading{margin-bottom:30px}
.v33-service-page .v33-three-grid{align-items:stretch}
.v33-service-page .v33-tile{min-height:360px;padding:28px;border-radius:24px}
.v33-service-page .v33-tile h3{font-size:24px}
.v33-service-page .v33-tile p{font-size:16px;line-height:1.62}
.v33-service-page .v33-round-icon{width:58px;height:58px;margin-bottom:20px}
.v33-service-page .v33-tile .v33-inline-call{margin-top:18px!important;min-height:54px}

/* Preparation strip */
.v33-service-page .v33-prep-grid{gap:48px;align-items:center}
.v33-service-page .v33-check-grid div{min-height:72px;display:flex;align-items:center;line-height:1.45}

/* Confirmation section: stop the heading being squeezed into a skinny column */
.v33-service-page .v33-confirm-shell{padding:38px;border-radius:30px}
.v33-service-page .v33-confirm-copy{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:18px 40px;align-items:end;margin-bottom:28px}
.v33-service-page .v33-confirm-copy h2{grid-column:1;grid-row:1;margin:0;max-width:13ch}
.v33-service-page .v33-confirm-copy>p{grid-column:2;grid-row:1;margin:0;align-self:end;max-width:58ch}
.v33-service-page .v33-confirm-copy>.v33-inline-call{grid-column:1;grid-row:2;justify-self:start;margin-top:0!important}
.v33-service-page .v33-confirm-cards{align-items:stretch}
.v33-service-page .v33-confirm-cards article{min-height:185px;display:flex;flex-direction:column;justify-content:flex-start}

/* Planning map and signals: remove lopsided card heights */
.v33-service-page .v33-map-grid,.v33-service-page .v33-signals-grid{gap:46px;align-items:stretch}
.v33-service-page .v33-map-grid>div:first-child,.v33-service-page .v33-signals-grid>div:first-child{align-self:center}
.v33-service-page .v33-map-cards,.v33-service-page .v33-signal-cards{grid-auto-rows:minmax(0,1fr)}
.v33-service-page .v33-map-cards article,.v33-service-page .v33-signal-cards article{min-height:190px;height:100%}
.v33-service-page .v33-map-cards .wide,.v33-service-page .v33-signal-cards .large{min-height:180px}
.v33-service-page .v33-map-cards h3,.v33-service-page .v33-signal-cards h3{font-size:24px}

/* Decision boundary: balanced heading and three equal cards */
.v33-service-page .v33-boundary-head{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:42px;align-items:end}
.v33-service-page .v33-boundary-head h2{max-width:14ch}
.v33-service-page .v33-boundary-head p{justify-self:end;margin-bottom:4px}
.v33-service-page .v33-boundary-grid{align-items:stretch}
.v33-service-page .v33-boundary-grid article{min-height:215px}

/* Motion polish: visible but lightweight */
.v33-service-page .v33-feature-card,.v33-service-page .v33-tile,.v33-service-page .v33-confirm-cards article,.v33-service-page .v33-map-cards article,.v33-service-page .v33-signal-cards article,.v33-service-page .v33-boundary-grid article{will-change:transform;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.v33-service-page .v33-feature-card:hover,.v33-service-page .v33-tile:hover,.v33-service-page .v33-confirm-cards article:hover,.v33-service-page .v33-map-cards article:hover,.v33-service-page .v33-signal-cards article:hover,.v33-service-page .v33-boundary-grid article:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(12,15,12,.10)}
.v33-service-page .v33-icon,.v33-service-page .v33-round-icon,.v33-service-page .v33-symbol,.v33-service-page .v33-map-cards span,.v33-service-page .v33-boundary-grid span{transition:transform .28s ease}
.v33-service-page article:hover .v33-icon,.v33-service-page article:hover .v33-round-icon,.v33-service-page article:hover .v33-symbol,.v33-service-page article:hover>span:first-child{transform:rotate(-5deg) scale(1.07)}
.v33-service-page .v33-inline-call{transition:transform .22s ease,box-shadow .22s ease}
.v33-service-page .v33-inline-call:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.14)}

/* Tablet */
@media(max-width:1080px){
 .v33-service-page .v33-hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:30px}
 .v33-service-page .v33-hero-copy h1{font-size:clamp(44px,5.6vw,62px)}
 .v33-service-page .v33-intro-grid,.v33-service-page .v33-prep-grid,.v33-service-page .v33-map-grid,.v33-service-page .v33-signals-grid{gap:34px}
}

/* Mobile/tablet collapse: natural reading order, no clipped/skinny columns */
@media(max-width:860px){
 .v33-service-page .service-redesign-v33 .container{width:min(100% - 32px,760px)}
 .v33-service-page .service-redesign-v33 .section{padding:60px 0}
 .v33-service-page .v33-hero{min-height:auto}
 .v33-service-page .v33-hero-grid,.v33-service-page .v33-intro-grid,.v33-service-page .v33-prep-grid,.v33-service-page .v33-map-grid,.v33-service-page .v33-signals-grid,.v33-service-page .v33-boundary-head{grid-template-columns:1fr}
 .v33-service-page .v33-hero-grid{gap:30px;padding-top:52px;padding-bottom:52px}
 .v33-service-page .v33-hero-copy{max-width:none}
 .v33-service-page .v33-hero-copy h1{font-size:clamp(42px,9vw,60px);max-width:15ch}
 .v33-service-page .v33-hero .quick-call-card{max-width:none;justify-self:stretch}
 .v33-service-page .v33-intro-cards{grid-template-columns:1fr 1fr}
 .v33-service-page .v33-feature-card:first-child{grid-column:1/-1}
 .v33-service-page .v33-three-grid,.v33-service-page .v33-confirm-cards,.v33-service-page .v33-boundary-grid{grid-template-columns:1fr}
 .v33-service-page .v33-tile{min-height:0}
 .v33-service-page .v33-confirm-copy{grid-template-columns:1fr;gap:16px;align-items:start}
 .v33-service-page .v33-confirm-copy h2,.v33-service-page .v33-confirm-copy>p,.v33-service-page .v33-confirm-copy>.v33-inline-call{grid-column:1;grid-row:auto}
 .v33-service-page .v33-confirm-copy>.v33-inline-call{justify-self:start}
 .v33-service-page .v33-boundary-head p{justify-self:start}
}

@media(max-width:560px){
 .v33-service-page .service-redesign-v33 .container{width:calc(100% - 28px)}
 .v33-service-page .service-redesign-v33 .section{padding:48px 0}
 .v33-service-page .v33-hero-grid{padding-top:42px;padding-bottom:42px}
 .v33-service-page .v33-hero-copy h1{font-size:40px;line-height:1.03;letter-spacing:-.035em;max-width:none}
 .v33-service-page .v33-hero-copy p{font-size:16px;line-height:1.6}
 .v33-service-page .v33-hero .quick-call-card{padding:22px;border-radius:22px}
 .v33-service-page .v33-hero .quick-call-card h2{font-size:28px}
 .v33-service-page .v33-intro h2,.v33-service-page .v33-section-heading h2,.v33-service-page .v33-prep h2,.v33-service-page .v33-confirm h2,.v33-service-page .v33-map h2,.v33-service-page .v33-signals h2,.v33-service-page .v33-boundary h2{font-size:36px;line-height:1.04;max-width:none}
 .v33-service-page .v33-intro-cards,.v33-service-page .v33-check-grid,.v33-service-page .v33-map-cards,.v33-service-page .v33-signal-cards,.v33-service-page .v33-mini-points{grid-template-columns:1fr}
 .v33-service-page .v33-feature-card:first-child,.v33-service-page .v33-map-cards .wide,.v33-service-page .v33-signal-cards .large{grid-column:auto}
 .v33-service-page .v33-feature-card,.v33-service-page .v33-tile,.v33-service-page .v33-confirm-cards article,.v33-service-page .v33-map-cards article,.v33-service-page .v33-signal-cards article,.v33-service-page .v33-boundary-grid article{min-height:0;padding:22px}
 .v33-service-page .v33-confirm-shell{padding:22px;border-radius:24px}
 .v33-service-page .v33-inline-call{width:auto!important;max-width:100%!important;padding:15px 20px!important}
 .v33-service-page .v33-tile .v33-inline-call{width:100%!important}
}

@media(prefers-reduced-motion:reduce){
 .v33-service-page .v33-feature-card,.v33-service-page .v33-tile,.v33-service-page .v33-confirm-cards article,.v33-service-page .v33-map-cards article,.v33-service-page .v33-signal-cards article,.v33-service-page .v33-boundary-grid article,.v33-service-page .v33-icon,.v33-service-page .v33-round-icon,.v33-service-page .v33-symbol,.v33-service-page .v33-inline-call{transition:none!important;transform:none!important}
}


/* === Get Propane Refill V35 targeted service-banner readability fix === */
/* Scope is intentionally limited to the rebuilt service pages only. */
.v33-service-page .v33-hero-copy .v35-three-line-title{
  max-width:none!important;
  font-size:clamp(44px,3.8vw,56px)!important;
  line-height:1.04!important;
  letter-spacing:-.035em!important;
}
.v33-service-page .v33-hero-copy .v35-three-line-title .hero-line{
  display:block;
}
@media(min-width:861px){
  .v33-service-page .v33-hero-copy .v35-three-line-title .hero-line{white-space:nowrap}
}

/* Quick Call Assistance card: restore readable title, checklist and phone icon. */
.v33-service-page .v33-hero .quick-call-card{
  color:#171914!important;
}
.v33-service-page .v33-hero .quick-call-card .quick-kicker{
  color:#716900!important;
}
.v33-service-page .v33-hero .quick-call-card h2,
.v33-service-page .v33-hero .quick-call-card .balanced-title{
  color:#171914!important;
  opacity:1!important;
}
.v33-service-page .v33-hero .quick-call-card>p{
  color:#62645e!important;
  opacity:1!important;
}
.v33-service-page .v33-hero .quick-call-card .check-list,
.v33-service-page .v33-hero .quick-call-card .check-list li{
  color:#252720!important;
  opacity:1!important;
}
.v33-service-page .v33-hero .quick-call-card .check-list li{
  font-weight:700!important;
}
.v33-service-page .v33-hero .quick-call-card .btn,
.v33-service-page .v33-hero .quick-call-card .btn span,
.v33-service-page .v33-hero .quick-call-card .btn .icon{
  color:#111!important;
  opacity:1!important;
}
.v33-service-page .v33-hero .quick-call-card .btn .icon{
  width:22px!important;
  height:22px!important;
  display:block!important;
  flex:0 0 22px!important;
}
.v33-service-page .v33-hero .quick-call-card small{
  color:#6b6e67!important;
  opacity:1!important;
}
.v33-service-page .v33-hero .quick-call-card .no-form{
  color:#514c05!important;
  opacity:1!important;
}

@media(max-width:1080px) and (min-width:861px){
  .v33-service-page .v33-hero-copy .v35-three-line-title{
    font-size:clamp(40px,4.25vw,48px)!important;
  }
}
@media(max-width:860px){
  .v33-service-page .v33-hero-copy .v35-three-line-title{
    font-size:clamp(40px,8vw,56px)!important;
    max-width:15ch!important;
  }
}
@media(max-width:560px){
  .v33-service-page .v33-hero-copy .v35-three-line-title{
    font-size:40px!important;
    max-width:none!important;
  }
}


/* === Get Propane Refill V36 targeted inner-service corrections === */
/* Keep rebuilt dark cards readable without changing light/yellow cards. */
.v33-service-page .v33-dark h3,
.v33-service-page .v33-dark p,
.v33-service-page .v33-tile-dark h3,
.v33-service-page .v33-tile-dark p,
.v33-service-page .v33-confirm-cards .dark b,
.v33-service-page .v33-confirm-cards .dark h3,
.v33-service-page .v33-confirm-cards .dark p,
.v33-service-page .v33-boundary-grid .dark h3,
.v33-service-page .v33-boundary-grid .dark p,
.v33-service-page .v33-signal-cards article:not(.yellow) h3,
.v33-service-page .v33-signal-cards article:not(.yellow) p{
  color:#fff!important;
}
.v33-service-page .v33-confirm-cards .dark p,
.v33-service-page .v33-boundary-grid .dark p,
.v33-service-page .v33-signal-cards article:not(.yellow) p{color:rgba(255,255,255,.88)!important}

/* Commercial Heat section 2: explicit balanced layout and visible content. */
.design-commercial-heat .v36-heat-intro{background:#fff!important;padding:82px 0!important}
.design-commercial-heat .v36-heat-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.95fr);gap:54px;align-items:center}
.design-commercial-heat .v36-heat-copy h2{display:block!important;visibility:visible!important;opacity:1!important;color:#111!important;font-size:clamp(38px,3.5vw,54px)!important;line-height:1.04!important;max-width:15ch!important;margin:16px 0 22px!important}
.design-commercial-heat .v36-heat-copy p{display:block!important;color:#555950!important;font-size:17px!important;line-height:1.75!important;max-width:65ch!important}
.design-commercial-heat .v36-heat-copy .v33-inline-call{display:inline-flex!important;width:auto!important;margin-top:18px!important}
.design-commercial-heat .v36-heat-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.design-commercial-heat .v36-heat-card{border:1px solid #d6e3eb;background:#f4f8fb;border-radius:22px;padding:26px;min-height:190px}
.design-commercial-heat .v36-heat-card:first-child{grid-column:1/-1;min-height:210px}
.design-commercial-heat .v36-heat-card.dark{background:#0f120e;border-color:#0f120e;color:#fff}
.design-commercial-heat .v36-heat-card.yellow{background:#0067b1;border-color:#0067b1;color:#111}
.design-commercial-heat .v36-heat-card h3{font-size:21px!important;line-height:1.15!important;margin:0 0 10px!important;color:inherit!important}
.design-commercial-heat .v36-heat-card p{font-size:16px!important;line-height:1.65!important;margin:0!important;color:#5d6058!important}
.design-commercial-heat .v36-heat-card.dark p{color:rgba(255,255,255,.88)!important}
.design-commercial-heat .v36-heat-card.yellow p{color:#27291f!important}
/* Commercial Heat provider section: shorter heading + truly inline CTA. */
.design-commercial-heat .modern-service-visual .service-question .card-call-btn{display:inline-flex!important;width:auto!important;min-width:0!important;margin-top:22px!important;padding:15px 24px!important}

/* New lightweight line-icon treatment for requested construction/cooking cards. */
.v33-service-page .v36-card-icon{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:#111;color:#0067b1;margin-bottom:16px;flex:0 0 auto}
.v33-service-page .v36-card-icon svg{width:28px;height:28px;display:block}
.v33-service-page .v36-card-icon.quote{font-size:34px;line-height:1;font-weight:900}
.v33-service-page .v33-dark .v36-card-icon{background:#0067b1;color:#111}
.v33-service-page .v33-yellow .v36-card-icon,
.v33-service-page .v33-signal-cards .yellow .v36-card-icon{background:#111;color:#0067b1}

/* Construction section 2 CTA stays inline and icons are balanced. */
.design-construction-equipment .v33-intro-copy .v33-inline-call{display:inline-flex!important;width:auto!important;align-self:flex-start!important}
/* Construction provider section: eyebrow above heading, no rounded shell panel. */
.design-construction-equipment .v36-construction-confirm .v33-confirm-shell{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}
.design-construction-equipment .v36-construction-confirm .v33-confirm-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:0!important;margin-bottom:30px!important}
.design-construction-equipment .v36-construction-confirm .v33-confirm-copy .eyebrow{order:0!important;margin-bottom:14px!important}
.design-construction-equipment .v36-construction-confirm .v33-confirm-copy h2{order:1!important;margin:0 0 16px!important}
.design-construction-equipment .v36-construction-confirm .v33-confirm-copy p{order:2!important;margin:0!important;max-width:760px!important}
/* Construction dark practical section: visible copy + inline CTA. */
.design-construction-equipment .v36-construction-signals .v33-signals-grid>div>p{color:rgba(255,255,255,.88)!important}
.design-construction-equipment .v36-construction-signals .v36-signal-call{display:inline-flex!important;width:auto!important;margin-top:20px!important}

/* Cooking section 2 inline CTA and requested dark-card readability. */
.design-propane-cooking .v33-intro-copy .v33-inline-call{display:inline-flex!important;width:auto!important;align-self:flex-start!important}
.design-propane-cooking .v33-three-grid .v33-tile-dark h3,
.design-propane-cooking .v33-three-grid .v33-tile-dark p{color:#fff!important}
/* Cooking provider section: remove rounded outer shell and keep labels/actions in natural order. */
.design-propane-cooking .v36-cooking-confirm .v33-confirm-shell{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}
.design-propane-cooking .v36-cooking-confirm .v33-confirm-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:0!important;margin-bottom:30px!important}
.design-propane-cooking .v36-cooking-confirm .v33-confirm-copy .eyebrow{order:0!important;margin-bottom:14px!important}
.design-propane-cooking .v36-cooking-confirm .v33-confirm-copy h2{order:1!important;margin:0 0 16px!important}
.design-propane-cooking .v36-cooking-confirm .v33-confirm-copy p{order:2!important;margin:0 0 4px!important;max-width:760px!important}
.design-propane-cooking .v36-cooking-confirm .v33-confirm-copy .v33-inline-call{order:3!important;display:inline-flex!important;width:auto!important;margin-top:18px!important}

@media(max-width:980px){
  .design-commercial-heat .v36-heat-grid{grid-template-columns:1fr!important}
  .design-commercial-heat .v36-heat-cards{grid-template-columns:1fr!important}
  .design-commercial-heat .v36-heat-card:first-child{grid-column:auto!important}
}
@media(max-width:640px){
  .design-commercial-heat .v36-heat-copy .v33-inline-call,
  .design-construction-equipment .v33-intro-copy .v33-inline-call,
  .design-construction-equipment .v36-construction-signals .v36-signal-call,
  .design-propane-cooking .v33-intro-copy .v33-inline-call,
  .design-propane-cooking .v36-cooking-confirm .v33-confirm-copy .v33-inline-call{width:auto!important;max-width:100%!important}
}


/* V37 targeted service-inner consistency fixes. Scoped to the 13 rebuilt service pages only. */
.v37-service-fix .v33-intro-copy > .v33-inline-call,
.v37-service-fix .v33-confirm-copy > .v33-inline-call,
.v37-service-fix .v33-signals-grid > div:first-child > .v33-inline-call{
  display:inline-flex!important;
  width:auto!important;
  max-width:max-content!important;
  align-self:flex-start!important;
  justify-self:start!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  white-space:nowrap!important;
}
.v37-service-fix .v33-inline-call .icon{
  position:static!important;
  align-self:center!important;
  width:21px!important;
  height:21px!important;
  flex:0 0 21px!important;
  margin:0!important;
  transform:none!important;
}
.v37-service-fix .v37-card-icon{
  width:60px!important;
  height:60px!important;
  flex:0 0 60px!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  margin:0 0 16px!important;
  background:#111!important;
  color:#0067b1!important;
  box-shadow:none!important;
}
.v37-service-fix .v37-card-icon svg{width:30px!important;height:30px!important;display:block!important}
.v37-service-fix .v33-feature-card.v33-dark .v37-card-icon{
  background:#0067b1!important;
  color:#111!important;
}
.v37-service-fix .v33-signal-cards .yellow .v37-card-icon{
  background:#111!important;
  color:#0067b1!important;
}
/* Dark cards must remain readable regardless of older inherited text colors. */
.v37-service-fix .v33-dark h3,
.v37-service-fix .v33-dark p,
.v37-service-fix .v33-tile-dark h3,
.v37-service-fix .v33-tile-dark p,
.v37-service-fix .v33-confirm-cards .dark b,
.v37-service-fix .v33-confirm-cards .dark p,
.v37-service-fix .v33-boundary-grid .dark h3,
.v37-service-fix .v33-boundary-grid .dark p,
.v37-service-fix .v33-signal-cards article:not(.yellow) h3,
.v37-service-fix .v33-signal-cards article:not(.yellow) p{
  color:#fff!important;
}
.v37-service-fix .v33-dark p,
.v37-service-fix .v33-tile-dark p,
.v37-service-fix .v33-confirm-cards .dark p,
.v37-service-fix .v33-boundary-grid .dark p,
.v37-service-fix .v33-signal-cards article:not(.yellow) p{
  color:rgba(255,255,255,.86)!important;
}
/* Provider-question sections: no oversized rounded wrapper; title left, copy + CTA right. */
.v37-service-fix .v33-confirm .v33-confirm-shell{
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
  padding:0!important;
}
.v37-service-fix .v33-confirm .v33-confirm-copy{
  display:grid!important;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;
  column-gap:54px!important;
  row-gap:14px!important;
  align-items:start!important;
  margin-bottom:30px!important;
}
.v37-service-fix .v33-confirm .v33-confirm-copy .eyebrow{
  grid-column:1!important;
  grid-row:1!important;
  justify-self:start!important;
  margin:0 0 4px!important;
}
.v37-service-fix .v33-confirm .v33-confirm-copy h2{
  grid-column:1!important;
  grid-row:2 / span 2!important;
  margin:0!important;
  align-self:start!important;
  max-width:12ch!important;
}
.v37-service-fix .v33-confirm .v33-confirm-copy > p{
  grid-column:2!important;
  grid-row:2!important;
  margin:0!important;
  align-self:start!important;
  max-width:64ch!important;
  color:#62655d!important;
}
.v37-service-fix .v33-confirm .v33-confirm-copy > .v33-inline-call{
  grid-column:2!important;
  grid-row:3!important;
  margin:4px 0 0!important;
}
/* Keep signals left-column text readable on dark section. */
.v37-service-fix .v33-signals-grid > div:first-child > p{color:rgba(255,255,255,.86)!important}
@media(max-width:980px){
  .v37-service-fix .v33-confirm .v33-confirm-copy{grid-template-columns:1fr!important;gap:14px!important}
  .v37-service-fix .v33-confirm .v33-confirm-copy .eyebrow,
  .v37-service-fix .v33-confirm .v33-confirm-copy h2,
  .v37-service-fix .v33-confirm .v33-confirm-copy > p,
  .v37-service-fix .v33-confirm .v33-confirm-copy > .v33-inline-call{grid-column:1!important;grid-row:auto!important}
  .v37-service-fix .v33-confirm .v33-confirm-copy h2{max-width:none!important}
}


/* ========================================================================
   V38 STRICT SERVICE-PAGE READABILITY / BALANCE PASS
   Scope: only the rebuilt service inner pages marked .v38-strict-service-rules.
   Purpose: preserve manual copy/layout while enforcing short readable titles,
   visible dark-card content, semantic icons, natural equal-height card rows,
   inline standalone CTAs, and stable all-device responsiveness.
   ======================================================================== */
.v38-strict-service-rules .service-redesign-v33 h1,
.v38-strict-service-rules .service-redesign-v33 h2,
.v38-strict-service-rules .service-redesign-v33 h3 {
  text-wrap: balance;
  overflow-wrap: normal;
  word-break: normal;
}

/* Keep section titles visually within the requested 2–3-line range by using
   a wider measure and a controlled type scale instead of clipping text. */
.v38-strict-service-rules .v33-intro h2,
.v38-strict-service-rules .v33-section-heading h2,
.v38-strict-service-rules .v33-prep h2,
.v38-strict-service-rules .v33-confirm h2,
.v38-strict-service-rules .v33-map h2,
.v38-strict-service-rules .v33-signals h2,
.v38-strict-service-rules .v33-boundary h2 {
  font-size: clamp(34px, 2.9vw, 46px) !important;
  line-height: 1.04 !important;
  max-width: 26ch !important;
}
.v38-strict-service-rules .v33-section-heading {
  max-width: 980px !important;
}
.v38-strict-service-rules .v33-section-heading h2 {
  max-width: 28ch !important;
}
.v38-strict-service-rules .v33-feature-card h3,
.v38-strict-service-rules .v33-tile h3,
.v38-strict-service-rules .v33-map-cards h3,
.v38-strict-service-rules .v33-signal-cards h3,
.v38-strict-service-rules .v33-boundary-grid h3 {
  font-size: clamp(21px, 1.85vw, 25px) !important;
  line-height: 1.12 !important;
}

/* Section 2: content-led balance. The first card spans the row; the two
   supporting cards naturally stretch to the same row height with no spacer
   margins or fake empty blocks. */
.v38-strict-service-rules .v33-intro-grid {
  grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr) !important;
  gap: 44px !important;
  align-items: stretch !important;
}
.v38-strict-service-rules .v33-intro-copy {
  justify-content: flex-start !important;
}
.v38-strict-service-rules .v33-intro-copy > p {
  max-width: 66ch !important;
}
.v38-strict-service-rules .v33-intro-cards {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-template-rows: auto 1fr !important;
  align-items: stretch !important;
}
.v38-strict-service-rules .v33-feature-card {
  min-height: 0 !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}
.v38-strict-service-rules .v33-feature-card:first-child {
  grid-column: 1 / -1 !important;
  min-height: 0 !important;
}

/* Replaces numbered placeholders with a consistent, designed SVG icon. */
.v38-strict-service-rules .v38-topic-icon {
  width: 62px !important;
  height: 62px !important;
  border-radius: 18px !important;
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 62px !important;
  margin: 0 0 18px !important;
  background: #111 !important;
  color: #0067b1 !important;
  border: 1px solid rgba(255, 235, 0, .22) !important;
  box-shadow: 0 10px 24px rgba(15, 18, 12, .08) !important;
  transition: transform .28s ease, box-shadow .28s ease !important;
}
.v38-strict-service-rules .v38-topic-icon svg {
  width: 30px !important;
  height: 30px !important;
  display: block !important;
}
.v38-strict-service-rules .v33-feature-card.v33-dark .v38-topic-icon,
.v38-strict-service-rules .v33-tile-dark .v38-topic-icon,
.v38-strict-service-rules .v33-signal-cards article:not(.yellow) .v38-topic-icon,
.v38-strict-service-rules .v33-boundary-grid .dark .v38-topic-icon {
  background: #0067b1 !important;
  color: #111 !important;
  border-color: #0067b1 !important;
}
.v38-strict-service-rules .v33-feature-card.v33-yellow .v38-topic-icon,
.v38-strict-service-rules .v33-signal-cards .yellow .v38-topic-icon,
.v38-strict-service-rules .v33-boundary-grid .yellow .v38-topic-icon {
  background: #111 !important;
  color: #0067b1 !important;
}
.v38-strict-service-rules article:hover > .v38-topic-icon {
  transform: translateY(-2px) rotate(-4deg) scale(1.05) !important;
  box-shadow: 0 14px 30px rgba(15, 18, 12, .12) !important;
}

/* Supporting factor cards stay equal as a row because the grid stretches the
   card surfaces themselves; no justify-content:space-between spacer hack. */
.v38-strict-service-rules .v33-three-grid,
.v38-strict-service-rules .v33-confirm-cards,
.v38-strict-service-rules .v33-map-cards,
.v38-strict-service-rules .v33-signal-cards,
.v38-strict-service-rules .v33-boundary-grid {
  align-items: stretch !important;
}
.v38-strict-service-rules .v33-three-grid > article,
.v38-strict-service-rules .v33-confirm-cards > article,
.v38-strict-service-rules .v33-map-cards > article,
.v38-strict-service-rules .v33-signal-cards > article,
.v38-strict-service-rules .v33-boundary-grid > article {
  height: 100% !important;
}

/* Standalone section CTAs stay content-width; CTAs inside three-factor cards
   keep the existing card-width treatment. */
.v38-strict-service-rules .v33-intro-copy > .v33-inline-call,
.v38-strict-service-rules .v33-confirm-copy > .v33-inline-call,
.v38-strict-service-rules .v33-signals-grid > div:first-child > .v33-inline-call,
.v38-strict-service-rules .v33-boundary-head > .v33-inline-call {
  display: inline-flex !important;
  width: auto !important;
  max-width: 100% !important;
  align-self: flex-start !important;
  justify-self: start !important;
}

/* Provider section: remove the large rounded outer shell and keep title left,
   explanation + CTA right. This fixes the repeated alignment issue without
   altering the three informational cards below. */
.v38-strict-service-rules .v33-confirm-shell {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
}
.v38-strict-service-rules .v33-confirm-copy {
  display: grid !important;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr) !important;
  grid-template-rows: auto auto auto !important;
  gap: 10px 48px !important;
  align-items: start !important;
  margin-bottom: 30px !important;
}
.v38-strict-service-rules .v33-confirm-copy > .eyebrow {
  grid-column: 1 !important;
  grid-row: 1 !important;
  justify-self: start !important;
}
.v38-strict-service-rules .v33-confirm-copy > h2 {
  grid-column: 1 !important;
  grid-row: 2 / span 2 !important;
  margin: 8px 0 0 !important;
  max-width: 18ch !important;
}
.v38-strict-service-rules .v33-confirm-copy > p {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  margin: 0 !important;
  align-self: end !important;
  color: #5f625b !important;
  max-width: 62ch !important;
}
.v38-strict-service-rules .v33-confirm-copy > .v33-inline-call {
  grid-column: 2 !important;
  grid-row: 3 !important;
  margin: 10px 0 0 !important;
}

/* Visibility guardrails for all dark blocks on rebuilt service pages. */
.v38-strict-service-rules .v33-dark h2,
.v38-strict-service-rules .v33-dark h3,
.v38-strict-service-rules .v33-dark p,
.v38-strict-service-rules .v33-tile-dark h2,
.v38-strict-service-rules .v33-tile-dark h3,
.v38-strict-service-rules .v33-tile-dark p,
.v38-strict-service-rules .v33-confirm-cards .dark b,
.v38-strict-service-rules .v33-confirm-cards .dark h3,
.v38-strict-service-rules .v33-confirm-cards .dark p,
.v38-strict-service-rules .v33-signal-cards article:not(.yellow) h3,
.v38-strict-service-rules .v33-signal-cards article:not(.yellow) p,
.v38-strict-service-rules .v33-boundary-grid .dark h3,
.v38-strict-service-rules .v33-boundary-grid .dark p,
.v38-strict-service-rules .v33-signals-grid > div:first-child > p {
  color: #fff !important;
  opacity: 1 !important;
}
.v38-strict-service-rules .v33-dark p,
.v38-strict-service-rules .v33-tile-dark p,
.v38-strict-service-rules .v33-confirm-cards .dark p,
.v38-strict-service-rules .v33-signal-cards article:not(.yellow) p,
.v38-strict-service-rules .v33-boundary-grid .dark p,
.v38-strict-service-rules .v33-signals-grid > div:first-child > p {
  color: rgba(255,255,255,.88) !important;
}

/* All-device guardrails. */
@media (max-width: 1100px) {
  .v38-strict-service-rules .v33-intro-grid {
    gap: 32px !important;
  }
  .v38-strict-service-rules .v33-intro h2,
  .v38-strict-service-rules .v33-section-heading h2,
  .v38-strict-service-rules .v33-prep h2,
  .v38-strict-service-rules .v33-confirm h2,
  .v38-strict-service-rules .v33-map h2,
  .v38-strict-service-rules .v33-signals h2,
  .v38-strict-service-rules .v33-boundary h2 {
    font-size: clamp(34px, 4vw, 44px) !important;
  }
}
@media (max-width: 900px) {
  .v38-strict-service-rules .v33-intro-grid,
  .v38-strict-service-rules .v33-confirm-copy {
    grid-template-columns: 1fr !important;
  }
  .v38-strict-service-rules .v33-confirm-copy > .eyebrow,
  .v38-strict-service-rules .v33-confirm-copy > h2,
  .v38-strict-service-rules .v33-confirm-copy > p,
  .v38-strict-service-rules .v33-confirm-copy > .v33-inline-call {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
  .v38-strict-service-rules .v33-confirm-copy > p {
    margin-top: 4px !important;
  }
  .v38-strict-service-rules .v33-intro h2,
  .v38-strict-service-rules .v33-section-heading h2,
  .v38-strict-service-rules .v33-prep h2,
  .v38-strict-service-rules .v33-confirm h2,
  .v38-strict-service-rules .v33-map h2,
  .v38-strict-service-rules .v33-signals h2,
  .v38-strict-service-rules .v33-boundary h2 {
    max-width: none !important;
  }
}
@media (max-width: 640px) {
  .v38-strict-service-rules .v33-intro-cards,
  .v38-strict-service-rules .v33-three-grid,
  .v38-strict-service-rules .v33-confirm-cards,
  .v38-strict-service-rules .v33-map-cards,
  .v38-strict-service-rules .v33-signal-cards,
  .v38-strict-service-rules .v33-boundary-grid {
    grid-template-columns: 1fr !important;
  }
  .v38-strict-service-rules .v33-feature-card:first-child,
  .v38-strict-service-rules .v33-map-cards .wide,
  .v38-strict-service-rules .v33-signal-cards .large {
    grid-column: auto !important;
  }
  .v38-strict-service-rules .v33-intro h2,
  .v38-strict-service-rules .v33-section-heading h2,
  .v38-strict-service-rules .v33-prep h2,
  .v38-strict-service-rules .v33-confirm h2,
  .v38-strict-service-rules .v33-map h2,
  .v38-strict-service-rules .v33-signals h2,
  .v38-strict-service-rules .v33-boundary h2 {
    font-size: clamp(30px, 9vw, 36px) !important;
    line-height: 1.06 !important;
  }
  .v38-strict-service-rules .v38-topic-icon {
    width: 56px !important;
    height: 56px !important;
    flex-basis: 56px !important;
  }
  .v38-strict-service-rules .v38-topic-icon svg {
    width: 27px !important;
    height: 27px !important;
  }
}
@media (max-width: 420px) {
  .v38-strict-service-rules .v33-hero-copy h1 {
    font-size: 38px !important;
    line-height: 1.02 !important;
  }
  .v38-strict-service-rules .v33-hero-copy p,
  .v38-strict-service-rules .v33-intro-copy p,
  .v38-strict-service-rules .v33-section-heading p,
  .v38-strict-service-rules .v33-confirm-copy p {
    font-size: 16px !important;
    line-height: 1.62 !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .v38-strict-service-rules .v38-topic-icon,
  .v38-strict-service-rules article:hover > .v38-topic-icon {
    transition: none !important;
    transform: none !important;
  }
}


/* V39 content-fit and column-safety pass */
body:not(.page-home) .hero-bg-banner .inner-hero-grid,
body:not(.page-home) .hero-bg-banner .service-hero-grid,
.service-redesign-v33 .service-hero-grid {
  grid-template-columns: minmax(0, 3fr) minmax(320px, 2fr);
  align-items: stretch;
}
body:not(.page-home) .hero-bg-banner .inner-copy,
body:not(.page-home) .hero-bg-banner .service-title,
body:not(.page-home) .hero-bg-banner .hero-call-card,
.service-redesign-v33 .service-hero-grid > * {
  min-width: 0;
}
body:not(.page-home) .hero-bg-banner h1,
.service-redesign-v33 .service-hero-grid h1 {
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
  text-wrap: balance;
}
.service-inner-modern main section .container > *,
.service-redesign-v33 main section .container > * {
  min-width: 0;
}
.service-inner-modern main h2,
.service-redesign-v33 main h2 {
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
  text-wrap: balance;
}
@media (max-width: 980px) {
  body:not(.page-home) .hero-bg-banner .inner-hero-grid,
  body:not(.page-home) .hero-bg-banner .service-hero-grid,
  .service-redesign-v33 .service-hero-grid {
    grid-template-columns: 1fr;
  }
}


/* =========================================================
   V40 AMERIGAS-INSPIRED COLOR SYSTEM
   Get Propane Refill remains the site brand. Blue + white dominate; red is accent only.
   ========================================================= */
:root{
  --primary:#0067b1;
  --primary-soft:#eaf4fb;
  --secondary:#d22630;
  --brand-blue:#0067b1;
  --brand-blue-dark:#0b365d;
  --brand-blue-deep:#072845;
  --brand-red:#d22630;
  --dark:#0b2341;
  --ink:#12263a;
  --muted:#5f7080;
  --surface:#f5f9fc;
  --border:#c8d9e6;
  --border-strong:#78a9c9;
}
body{color:var(--ink);background:#fff}
.site-header,.primary-nav-wrap,.main-nav-bar{background:#fff}
.top-path-bar{background:var(--brand-blue-dark)!important}
.top-path-bar .primary-paths a:hover,.top-path-bar .primary-paths a.active{background:var(--brand-blue)!important;color:#fff!important}
.top-call .icon{fill:var(--brand-red)!important}
.secondary-links>a:hover,.secondary-links>a.active,.mega-trigger.active>button{background:var(--primary-soft)!important;color:var(--brand-blue-dark)!important}
.btn-primary,.nav-call,.mobile-sticky-cta a{background:var(--brand-blue)!important;color:#fff!important;border-color:var(--brand-blue)!important}
.btn-primary:hover,.nav-call:hover,.mobile-sticky-cta a:hover{background:var(--brand-blue-dark)!important;color:#fff!important;border-color:var(--brand-blue-dark)!important}
.btn-outline{border-color:#a8bfd0;color:var(--brand-blue-dark)}
.eyebrow{color:var(--brand-blue)!important}
.mega-intro,.dark-card,.process-band,.final-cta,.final-cta-box,.sitewide-final-cta,.directory-break,.prep-section,.business-verify-board,.about-propane-boundary,.services-route-map,.sig-family-2,.sell-readiness-weave,.sell-signal-dark,.sell-decision-dark,.v33-force-dark,.v33-service-page .v33-prep,.v33-service-page .v33-signals{background:var(--brand-blue-deep)!important;color:#fff!important}
:is(.mega-intro,.dark-card,.process-band,.final-cta,.final-cta-box,.sitewide-final-cta,.directory-break,.prep-section,.business-verify-board,.about-propane-boundary,.services-route-map,.sig-family-2,.sell-readiness-weave,.sell-signal-dark,.sell-decision-dark,.v33-force-dark,.v33-service-page .v33-prep,.v33-service-page .v33-signals) .eyebrow{background:var(--brand-blue)!important;color:#fff!important;border-color:rgba(255,255,255,.15)!important}
.v33-service-page .v33-yellow,.v33-service-page .v33-confirm-cards .yellow,.v33-service-page .v33-map-cards .yellow,.v33-service-page .v33-signal-cards .yellow,.v33-service-page .v33-boundary-grid .yellow,.design-commercial-heat .v36-heat-card.yellow{background:var(--primary-soft)!important;color:var(--brand-blue-dark)!important;border-color:#b9d5e8!important}
.v33-service-page .v33-icon,.v33-service-page .v33-round-icon,.v33-service-page .v33-symbol,.v33-service-page .v36-card-icon{background:var(--brand-blue-dark)!important;color:#fff!important}
.v33-service-page .v33-dark .v33-icon,.v33-service-page .v33-dark .v36-card-icon{background:var(--brand-blue)!important;color:#fff!important}
.site-footer{background:var(--brand-blue-deep)!important;border-top:4px solid var(--brand-red)!important}
.site-footer,.site-footer h2,.site-footer a,.site-footer p{color:#fff}
.site-footer a:hover{color:#b9ddf5!important}
.footer-call{color:#fff!important}
/* sparse red accent */
.hero-actions .btn-outline:hover,.section-call-btn:hover{border-color:var(--brand-red)!important}
.brand-accent-red{color:var(--brand-red)!important}

/* AmeriGas information page */
.amerigas-page .amerigas-hero{position:relative;overflow:hidden;background:linear-gradient(120deg,var(--brand-blue-deep) 0%,var(--brand-blue) 68%,#1484cc 100%);color:#fff;padding:96px 0}
.amerigas-page .amerigas-hero:after{content:"";position:absolute;right:-120px;bottom:-170px;width:480px;height:480px;border-radius:50%;border:70px solid rgba(210,38,48,.18)}
.amerigas-page .amerigas-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:54px;align-items:center;position:relative;z-index:2}
.amerigas-page .amerigas-hero .eyebrow{background:#fff!important;color:var(--brand-blue-dark)!important;padding:8px 12px;border-radius:999px}
.amerigas-page .amerigas-hero h1{margin:14px 0 20px;color:#fff;font-size:clamp(44px,6vw,78px);line-height:.98;letter-spacing:-2.8px;max-width:820px}
.amerigas-page .amerigas-hero p{max-width:700px;color:rgba(255,255,255,.88);font-size:18px;line-height:1.7}
.amerigas-page .amerigas-brand-card{position:relative;background:#fff;color:var(--ink);border-radius:28px;padding:34px;box-shadow:0 30px 70px rgba(0,0,0,.18)}
.amerigas-page .amerigas-brand-word{font-size:42px;font-weight:850;letter-spacing:-1.8px;color:var(--brand-blue-dark);margin-bottom:14px}
.amerigas-page .amerigas-brand-word span{color:var(--brand-red)}
.amerigas-page .independent-note{border-left:4px solid var(--brand-red);padding:14px 16px;background:#f7fafc;color:#4e6272;font-size:13px;line-height:1.55;margin-top:20px}
.amerigas-page .amerigas-section{padding:86px 0}
.amerigas-page .amerigas-section.soft{background:var(--primary-soft)}
.amerigas-page .amerigas-section h2{font-size:clamp(34px,4.2vw,56px);line-height:1.04;letter-spacing:-1.8px;margin:0 0 18px;color:var(--brand-blue-dark)}
.amerigas-page .amerigas-section-head{max-width:800px;margin-bottom:38px}
.amerigas-page .amerigas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.amerigas-page .amerigas-card{background:#fff;border:1px solid #c9dce9;border-radius:22px;padding:28px;box-shadow:0 12px 34px rgba(10,58,92,.06)}
.amerigas-page .amerigas-card b{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--brand-blue);color:#fff;margin-bottom:18px}
.amerigas-page .amerigas-card h3{margin:0 0 10px;color:var(--brand-blue-dark);font-size:22px}
.amerigas-page .amerigas-card p{margin:0;color:#5b6e7e}
.amerigas-page .amerigas-split{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}
.amerigas-page .amerigas-image{border-radius:26px;overflow:hidden;min-height:420px;background:#dbeaf4}
.amerigas-page .amerigas-image img{width:100%;height:100%;min-height:420px;object-fit:cover}
.amerigas-page .amerigas-checks{display:grid;gap:12px;margin-top:22px}
.amerigas-page .amerigas-checks span{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-bottom:1px solid #c9dce9;color:#35536a}
.amerigas-page .amerigas-checks span:before{content:"✓";color:var(--brand-red);font-weight:900}
.amerigas-page .amerigas-cta{background:linear-gradient(120deg,var(--brand-blue-deep),var(--brand-blue));color:#fff;border-radius:30px;padding:44px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.amerigas-page .amerigas-cta h2{color:#fff!important;margin:0;max-width:700px}
.amerigas-page .amerigas-cta p{color:rgba(255,255,255,.82);max-width:680px}
.amerigas-page .amerigas-cta .btn{background:#fff!important;color:var(--brand-blue-dark)!important;border-color:#fff!important}
.amerigas-page .amerigas-cta .official-link{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.65)!important}
@media(max-width:900px){.amerigas-page .amerigas-hero-grid,.amerigas-page .amerigas-split{grid-template-columns:1fr}.amerigas-page .amerigas-grid{grid-template-columns:1fr 1fr}.amerigas-page .amerigas-brand-card{max-width:620px}}
@media(max-width:620px){.amerigas-page .amerigas-hero{padding:70px 0}.amerigas-page .amerigas-grid{grid-template-columns:1fr}.amerigas-page .amerigas-cta{align-items:flex-start;flex-direction:column;padding:30px}.amerigas-page .amerigas-hero h1{font-size:clamp(40px,12vw,58px);letter-spacing:-1.6px}}

/* =========================================================
   V41 PROVIDERS NAV + STRONGER AMERIGAS-INSPIRED RED ACCENTS
   Preserve Get Propane Refill layout; strengthen blue/white/red contrast.
   ========================================================= */
.top-path-bar{
  border-bottom:4px solid var(--brand-red)!important;
}
.top-call{
  color:#fff!important;
}
.top-call::after{
  content:"";
  display:inline-block;
  width:7px;
  height:7px;
  margin-left:8px;
  border-radius:50%;
  background:var(--brand-red);
}
.nav-call{
  box-shadow:inset 4px 0 0 var(--brand-red)!important;
}
.secondary-links>a.active,
.mega-trigger.active>.provider-trigger-button,
.mega-trigger.active>.services-trigger-link{
  box-shadow:inset 0 -3px 0 var(--brand-red)!important;
}
.provider-trigger-button{
  display:flex;
  align-items:center;
  gap:6px;
  border:0;
  background:transparent;
  font:inherit;
  cursor:pointer;
  color:var(--ink);
  padding:14px 12px;
}
.provider-trigger-button:hover,
.provider-mega-trigger:focus-within>.provider-trigger-button,
.provider-mega-trigger.open>.provider-trigger-button{
  background:var(--primary-soft)!important;
  color:var(--brand-blue-dark)!important;
}
.providers-mega{
  width:min(720px,calc(100vw - 40px))!important;
  grid-template-columns:minmax(250px,.9fr) minmax(280px,1.1fr)!important;
}
.provider-mega-intro{
  border-top:5px solid var(--brand-red);
}
.provider-mega-links{
  display:flex!important;
  align-items:stretch;
  padding:24px!important;
}
.provider-feature-link{
  display:flex!important;
  align-items:flex-start;
  gap:14px;
  width:100%;
  min-height:140px;
  padding:24px!important;
  border:1px solid #c8d9e6!important;
  border-left:5px solid var(--brand-red)!important;
  border-radius:18px;
  background:#fff!important;
  color:#111!important;
}
.provider-feature-link:hover{
  transform:translateY(-2px);
  background:#f5f9fc!important;
}
.provider-feature-link b{
  display:block;
  color:var(--brand-blue-dark)!important;
  font-size:20px;
  margin-bottom:7px;
}
.provider-feature-link small{
  display:block;
  color:#465d70!important;
  line-height:1.55;
}
.provider-dot{
  flex:0 0 14px;
  width:14px;
  height:14px;
  border-radius:50%;
  margin-top:5px;
  background:var(--brand-red);
  box-shadow:0 0 0 6px rgba(210,38,48,.10);
}
.mobile-submenu-toggle{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:14px 0;
  border:0;
  border-bottom:1px solid rgba(0,103,177,.15);
  background:transparent;
  color:#111;
  font:inherit;
  font-weight:700;
  text-align:left;
}
.mobile-submenu-toggle span{
  color:var(--brand-red);
  font-size:20px;
}
.mobile-submenu.open .mobile-submenu-toggle span{
  transform:rotate(45deg);
}
.mobile-submenu-list{
  padding:8px 0 10px 14px;
}
.mobile-submenu-list a{
  display:flex!important;
  flex-direction:column;
  gap:2px;
  padding:10px 0!important;
  color:#111!important;
}
.mobile-submenu-list a b{
  color:var(--brand-blue-dark)!important;
}
.mobile-submenu-list a small{
  color:#5f7080!important;
}

/* Strong, predictable contrast: blue/navy surfaces = white text. */
:is(.top-path-bar,.amerigas-hero,.amerigas-cta,.site-footer,.dark-card,.process-band,.final-cta,.final-cta-box,.sitewide-final-cta,.directory-break,.prep-section,.business-verify-board,.about-propane-boundary,.services-route-map,.sig-family-2,.sell-readiness-weave,.sell-signal-dark,.sell-decision-dark,.v33-force-dark,.v33-service-page .v33-prep,.v33-service-page .v33-signals) h1,
:is(.top-path-bar,.amerigas-hero,.amerigas-cta,.site-footer,.dark-card,.process-band,.final-cta,.final-cta-box,.sitewide-final-cta,.directory-break,.prep-section,.business-verify-board,.about-propane-boundary,.services-route-map,.sig-family-2,.sell-readiness-weave,.sell-signal-dark,.sell-decision-dark,.v33-force-dark,.v33-service-page .v33-prep,.v33-service-page .v33-signals) h2,
:is(.top-path-bar,.amerigas-hero,.amerigas-cta,.site-footer,.dark-card,.process-band,.final-cta,.final-cta-box,.sitewide-final-cta,.directory-break,.prep-section,.business-verify-board,.about-propane-boundary,.services-route-map,.sig-family-2,.sell-readiness-weave,.sell-signal-dark,.sell-decision-dark,.v33-force-dark,.v33-service-page .v33-prep,.v33-service-page .v33-signals) h3,
:is(.top-path-bar,.amerigas-hero,.amerigas-cta,.site-footer,.dark-card,.process-band,.final-cta,.final-cta-box,.sitewide-final-cta,.directory-break,.prep-section,.business-verify-board,.about-propane-boundary,.services-route-map,.sig-family-2,.sell-readiness-weave,.sell-signal-dark,.sell-decision-dark,.v33-force-dark,.v33-service-page .v33-prep,.v33-service-page .v33-signals) p,
:is(.top-path-bar,.amerigas-hero,.amerigas-cta,.site-footer,.dark-card,.process-band,.final-cta,.final-cta-box,.sitewide-final-cta,.directory-break,.prep-section,.business-verify-board,.about-propane-boundary,.services-route-map,.sig-family-2,.sell-readiness-weave,.sell-signal-dark,.sell-decision-dark,.v33-force-dark,.v33-service-page .v33-prep,.v33-service-page .v33-signals) li,
:is(.top-path-bar,.amerigas-hero,.amerigas-cta,.site-footer,.dark-card,.process-band,.final-cta,.final-cta-box,.sitewide-final-cta,.directory-break,.prep-section,.business-verify-board,.about-propane-boundary,.services-route-map,.sig-family-2,.sell-readiness-weave,.sell-signal-dark,.sell-decision-dark,.v33-force-dark,.v33-service-page .v33-prep,.v33-service-page .v33-signals) a{
  color:#fff!important;
}

/* White/light surfaces = black/dark text. */
:is(.amerigas-card,.amerigas-brand-card,.topic-card,.info-card,.content-card,.feature-card,.service-card,.plain-card,.white-card) h2,
:is(.amerigas-card,.amerigas-brand-card,.topic-card,.info-card,.content-card,.feature-card,.service-card,.plain-card,.white-card) h3{
  color:#111!important;
}
:is(.amerigas-card,.amerigas-brand-card,.topic-card,.info-card,.content-card,.feature-card,.service-card,.plain-card,.white-card) p{
  color:#45596b!important;
}

/* Make red visibly part of the identity without overtaking the blue. */
.eyebrow:not(.amerigas-hero .eyebrow){
  border-left:3px solid var(--brand-red)!important;
  padding-left:9px;
}
.site-footer h2{
  position:relative;
  padding-bottom:10px;
}
.site-footer h2::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:34px;
  height:3px;
  border-radius:3px;
  background:var(--brand-red);
}
.footer-provider-item a{
  font-weight:800;
}
.footer-red-dot{
  display:inline-block;
  width:8px;
  height:8px;
  margin-right:8px;
  border-radius:50%;
  background:var(--brand-red);
}
.amerigas-page .amerigas-card{
  border-top:4px solid var(--brand-red)!important;
}
.amerigas-page .amerigas-card:nth-child(even){
  border-top-color:var(--brand-blue)!important;
}
.amerigas-page .amerigas-brand-card{
  border-bottom:6px solid var(--brand-red);
}
.amerigas-page .amerigas-cta{
  border-top:6px solid var(--brand-red);
}
.amerigas-page .amerigas-cta .official-link{
  border-color:#fff!important;
  color:#fff!important;
}

@media(max-width:980px){
  .providers-mega{width:min(620px,calc(100vw - 28px))!important;grid-template-columns:1fr!important}
}


/* ===== FINAL CONTRAST FIX: all blue CTA surfaces use white text ===== */
.btn-primary,
.btn-primary span,
.btn-primary strong,
.btn-primary b,
.nav-call,
.nav-call span,
.nav-call strong,
.top-call,
.top-call span,
.mobile-header-call,
.mobile-header-call span,
.mobile-header-call strong,
.mobile-menu-call,
.mobile-menu-call span,
.mobile-sticky-cta a,
.mobile-sticky-cta a span,
.mobile-sticky-cta a strong,
.v33-inline-call,
.v33-inline-call span,
.card-call-btn,
.card-call-btn span,
.section-call-btn,
.section-call-btn span {
  color:#fff !important;
}
.btn-primary svg,
.nav-call svg,
.top-call svg,
.mobile-header-call svg,
.mobile-menu-call svg,
.mobile-sticky-cta a svg,
.v33-inline-call svg,
.card-call-btn svg,
.section-call-btn svg {
  color:#fff !important;
  fill:currentColor !important;
}


/* =========================================================
   V42 PROVIDER CLICK STABILITY + AMERIGAS HERO/CONTRAST FIX
   ========================================================= */
@media (min-width:821px){
  .provider-mega-trigger{position:static!important}
  .provider-mega-trigger::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:100%;
    height:34px;
    pointer-events:auto;
  }
  .provider-mega-trigger>.providers-mega{
    display:grid!important;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translate(-50%,8px)!important;
    transition:opacity .14s ease,transform .14s ease,visibility 0s linear .22s!important;
  }
  .provider-mega-trigger:hover>.providers-mega,
  .provider-mega-trigger:focus-within>.providers-mega,
  .provider-mega-trigger.open>.providers-mega,
  .provider-mega-trigger.hover-hold>.providers-mega,
  .provider-mega-trigger.provider-open>.providers-mega{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translate(-50%,0)!important;
    transition-delay:0s!important;
  }
  .provider-feature-link{position:relative;z-index:5;cursor:pointer!important}
}

/* AmeriGas hero now uses a real propane image like the other service pages. */
.amerigas-page .amerigas-hero{
  background:
    linear-gradient(90deg,rgba(4,40,69,.94) 0%,rgba(0,103,177,.82) 55%,rgba(0,103,177,.66) 100%),
    url('../images/hero-home-propane-storage.webp') center/cover no-repeat!important;
}
.amerigas-page .amerigas-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.16));
  pointer-events:none;
}
.amerigas-page .amerigas-call-card{
  width:100%;
  max-width:500px;
  justify-self:end;
  background:rgba(255,255,255,.97)!important;
  color:#111!important;
  border-top:5px solid var(--brand-red)!important;
}
.amerigas-page .amerigas-call-card h2,
.amerigas-page .amerigas-call-card p,
.amerigas-page .amerigas-call-card li,
.amerigas-page .amerigas-call-card small{
  color:#111!important;
}
.amerigas-page .amerigas-call-card .quick-kicker{color:var(--brand-red)!important}
.amerigas-page .amerigas-call-card .independent-note{color:#33485a!important;background:#f4f7f9!important}

/* White/light surfaces must always use dark readable text. */
.amerigas-page .amerigas-section:not(.amerigas-hero),
.amerigas-page .amerigas-section.soft,
.amerigas-page .amerigas-card,
.amerigas-page .amerigas-brand-card,
.providers-mega,
.provider-mega-links,
.provider-feature-link{
  color:#111!important;
}
.amerigas-page .amerigas-section:not(.amerigas-hero) h1,
.amerigas-page .amerigas-section:not(.amerigas-hero) h2,
.amerigas-page .amerigas-section:not(.amerigas-hero) h3,
.amerigas-page .amerigas-section:not(.amerigas-hero) strong,
.amerigas-page .amerigas-section:not(.amerigas-hero) b,
.amerigas-page .amerigas-card h3,
.provider-feature-link b{
  color:#111!important;
}
.amerigas-page .amerigas-section:not(.amerigas-hero) p,
.amerigas-page .amerigas-section:not(.amerigas-hero) li,
.amerigas-page .amerigas-section:not(.amerigas-hero) .amerigas-checks span,
.provider-feature-link small{
  color:#34495b!important;
}
.amerigas-page .amerigas-cta,
.amerigas-page .amerigas-cta h2,
.amerigas-page .amerigas-cta p,
.amerigas-page .amerigas-cta .eyebrow{
  color:#fff!important;
}

.amerigas-card-call{
  width:100%;
  margin-top:22px;
  min-height:46px;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  color:#fff!important;
  font-size:13px;
  font-weight:800;
}
.amerigas-card-call:hover{color:#fff!important}

@media(max-width:900px){
  .amerigas-page .amerigas-call-card{max-width:none;justify-self:stretch}
}

/* =========================================================
   V43 FINAL CONTRAST + PROVIDER STAY-OPEN + COMPACT HEADLINES
   ========================================================= */

/* Slightly smaller, cleaner AmeriGas page headings. */
.amerigas-page .amerigas-hero h1 {
  font-size:clamp(40px,4.8vw,64px)!important;
  line-height:1.02!important;
  letter-spacing:-1.8px!important;
  max-width:760px!important;
}
.amerigas-page .amerigas-section h2,
.amerigas-page .amerigas-cta h2,
.amerigas-page .amerigas-call-card h2 {
  font-size:clamp(30px,3.2vw,44px)!important;
  line-height:1.08!important;
  letter-spacing:-1px!important;
}
.amerigas-page .amerigas-card h3 {
  font-size:22px!important;
  line-height:1.2!important;
}

/* Blue / navy surfaces always use white readable copy. */
:is(.amerigas-hero,.amerigas-cta,.top-path-bar,.site-footer,.final-cta,.final-cta-box,.sitewide-final-cta,.process-band,.dark-card,.hero-dark,.v33-force-dark,.v33-dark,.v33-tile-dark,.sell-signal-dark,.sell-decision-dark) :is(h1,h2,h3,h4,p,li,strong,b,span:not(.btn *)) {
  color:#fff!important;
}

/* Dark rectangle/card surfaces always use white copy. */
.page-variant-4 main .topic-card,
.page-variant-4 main .topic-card h2,
.page-variant-4 main .topic-card h3,
.page-variant-4 main .topic-card h4,
.page-variant-4 main .topic-card p,
.page-power-your-home .topic-card,
.page-power-your-home .topic-card h3,
.page-power-your-home .topic-card p,
.page-power-your-business .topic-card,
.page-power-your-business .topic-card h3,
.page-power-your-business .topic-card p,
.dark-card,
.dark-card :is(h2,h3,h4,p,li,strong,b),
.v33-dark,
.v33-dark :is(h2,h3,h4,p,li,strong,b),
.v33-tile-dark,
.v33-tile-dark :is(h2,h3,h4,p,li,strong,b) {
  color:#fff!important;
}
.page-variant-4 main .topic-card p,
.page-power-your-home .topic-card p,
.page-power-your-business .topic-card p {
  color:rgba(255,255,255,.82)!important;
}

/* White/light surfaces keep dark text. */
:is(.amerigas-card,.amerigas-brand-card,.amerigas-call-card,.provider-feature-link,.quick-call-card):not(.dark-card) :is(h1,h2,h3,h4,strong,b) {
  color:#111!important;
}
:is(.amerigas-card,.amerigas-brand-card,.amerigas-call-card,.provider-feature-link,.quick-call-card):not(.dark-card) p {
  color:#405466!important;
}

/* Button contrast rules: blue = white, white = black. */
.btn-primary,
.btn-primary *,
.card-call-btn,
.card-call-btn *,
.section-call-btn,
.section-call-btn *,
.nav-call,
.nav-call *,
.top-call,
.top-call *,
.mobile-header-call,
.mobile-header-call *,
.mobile-menu-call,
.mobile-menu-call *,
.amerigas-card-call,
.amerigas-card-call * {
  color:#fff!important;
}
.btn-outline,
.btn-outline *,
.amerigas-page .hero-actions .btn:not(.btn-primary),
.amerigas-page .hero-actions .btn:not(.btn-primary) * {
  color:#111!important;
}
.amerigas-page .amerigas-cta .official-link,
.amerigas-page .amerigas-cta .official-link * {
  color:#111!important;
  background:#fff!important;
  border-color:#fff!important;
}

/* Desktop Providers dropdown: no hover gap + click-lock state. */
@media (min-width:821px) {
  .secondary-links .provider-mega-trigger {
    position:relative!important;
  }
  .secondary-links .provider-mega-trigger::after {
    content:"";
    position:absolute;
    left:-10px;
    right:-10px;
    top:100%;
    height:16px;
    pointer-events:auto;
  }
  .secondary-links .provider-mega-trigger > .providers-mega {
    left:50%!important;
    right:auto!important;
    top:calc(100% + 8px)!important;
    transform:translate(-50%,0)!important;
    z-index:9999!important;
  }
  .provider-mega-trigger.provider-open > .providers-mega,
  .provider-mega-trigger.provider-click-open > .providers-mega,
  .provider-mega-trigger:hover > .providers-mega,
  .provider-mega-trigger:focus-within > .providers-mega {
    display:grid!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translate(-50%,0)!important;
    transition-delay:0s!important;
  }
}

@media(max-width:620px) {
  .amerigas-page .amerigas-hero h1 {
    font-size:clamp(36px,10vw,48px)!important;
  }
  .amerigas-page .amerigas-section h2,
  .amerigas-page .amerigas-cta h2,
  .amerigas-page .amerigas-call-card h2 {
    font-size:clamp(28px,8vw,36px)!important;
  }
}


/* =========================================================
   V44 STRICT BACKGROUND-AWARE CONTRAST + RED/BLUE ONLY
   ========================================================= */

/* Blue / navy / black surfaces: all readable content is white. */
:is(
  .readiness-lane.verify,
  .callout-yellow,
  .amerigas-page .amerigas-hero,
  .amerigas-page .amerigas-cta,
  .final-cta-box,
  .sitewide-final-cta .final-cta-box,
  .dark-card,
  .process-band,
  .business-verify-board,
  .about-propane-boundary,
  .services-route-map,
  .v33-service-page .v33-yellow,
  .v33-service-page .v33-confirm-cards .yellow,
  .v33-service-page .v33-map-cards .yellow,
  .v33-service-page .v33-signal-cards .yellow,
  .v33-service-page .v33-boundary-grid .yellow,
  .v33-service-page .v33-dark,
  .v33-service-page .v33-signals,
  .v33-service-page .v33-prep,
  .page-power-your-home .readiness-lane.verify
) :is(h1,h2,h3,h4,h5,p,li,strong,b,span) {
  color:#fff!important;
}

/* Blue-background eyebrow pills use white labels unless the pill itself is white. */
:is(.readiness-lane.verify,.callout-yellow,.amerigas-cta,.final-cta-box,.v33-yellow,.yellow) .eyebrow,
.readiness-lane.verify .lane-mark {
  color:#fff!important;
}

/* Dark/black rectangular cards: white text, muted copy still bright enough. */
:is(.dark-card,.v33-dark,.v33-tile-dark,.page-variant-4 main .topic-card) :is(h2,h3,h4,p,li,strong,b,span) {
  color:#fff!important;
}
:is(.dark-card,.v33-dark,.v33-tile-dark,.page-variant-4 main .topic-card) p {
  color:rgba(255,255,255,.84)!important;
}

/* White/light surfaces: black/dark text. This explicitly beats inherited hero/blue rules. */
:is(
  .amerigas-call-card,
  .quick-call-card,
  .amerigas-brand-card,
  .amerigas-card,
  .provider-feature-link,
  .readiness-lane.outcome,
  .outline-card,
  .related-info-card,
  .v33-service-page .v33-feature-card:not(.v33-dark):not(.v33-yellow),
  .v33-service-page .v33-confirm-cards article:not(.dark):not(.yellow),
  .v33-service-page .v33-map-cards article:not(.yellow),
  .v33-service-page .v33-boundary-grid article:not(.dark):not(.yellow)
) :is(h1,h2,h3,h4,h5,p,li,strong,b,span,label,small) {
  color:#111!important;
}

/* AmeriGas white form/card inside the blue hero must never inherit white body copy. */
.amerigas-page .amerigas-hero .amerigas-call-card :is(h1,h2,h3,h4,p,li,strong,b,span,label,small) {
  color:#111!important;
}
.amerigas-page .amerigas-hero .amerigas-call-card .quick-kicker {
  color:#d22630!important;
}
.amerigas-page .amerigas-hero .amerigas-call-card .btn-primary,
.amerigas-page .amerigas-hero .amerigas-call-card .btn-primary * {
  color:#fff!important;
}

/* Buttons: blue/red = white text, white = black text. */
:is(.btn-primary,.cta-call,.card-call-btn,.section-call-btn,.nav-call,.top-call,.mobile-header-call,.mobile-menu-call,.amerigas-card-call) {
  color:#fff!important;
}
:is(.btn-primary,.cta-call,.card-call-btn,.section-call-btn,.nav-call,.top-call,.mobile-header-call,.mobile-menu-call,.amerigas-card-call) * {
  color:#fff!important;
}
:is(.btn-outline,.official-link,.btn-white,.amerigas-page .amerigas-cta .btn) {
  color:#111!important;
}
:is(.btn-outline,.official-link,.btn-white,.amerigas-page .amerigas-cta .btn) * {
  color:#111!important;
}

/* Compact CTA typography site-wide. */
:is(.final-cta-box,.sitewide-final-cta .final-cta-box,.amerigas-page .amerigas-cta,.callout-yellow) h2 {
  font-size:clamp(28px,3vw,42px)!important;
  line-height:1.08!important;
  letter-spacing:-.8px!important;
  color:#fff!important;
}
:is(.final-cta-box,.sitewide-final-cta .final-cta-box,.amerigas-page .amerigas-cta,.callout-yellow) p {
  color:rgba(255,255,255,.86)!important;
}

/* No yellow/cream visual accent: legacy 'yellow' classes now use brand blue/red. */
.v33-service-page .v33-yellow,
.v33-service-page .v33-confirm-cards .yellow,
.v33-service-page .v33-map-cards .yellow,
.v33-service-page .v33-signal-cards .yellow,
.v33-service-page .v33-boundary-grid .yellow,
.callout-yellow {
  background:#0067b1!important;
  border-color:#0067b1!important;
}
:is(.v33-yellow,.yellow,.callout-yellow) > :is(.v33-icon,.v33-symbol,.v37-card-icon,.v38-topic-icon) {
  color:#fff!important;
}

/* Provider desktop hover bridge: short grace period only; click still locks open. */
@media (min-width:821px) {
  .secondary-links .provider-mega-trigger::after {
    height:10px!important;
  }
  .secondary-links .provider-mega-trigger > .providers-mega {
    top:calc(100% + 4px)!important;
  }
}


/* =========================================================
   V45 Provider menu timing + eyebrow visibility + AmeriGas wordmark
   ========================================================= */
/* Hero/pre-headline labels must never crop or hide their text. */
.hero .eyebrow,
.page-hero .eyebrow,
.amerigas-hero .eyebrow,
.v33-service-page .eyebrow,
[class*="hero"] .eyebrow,
[class*="hero"] .kicker,
.amerigas-page .eyebrow {
  display:inline-flex!important;
  align-items:center!important;
  width:auto!important;
  min-width:0!important;
  max-width:max-content!important;
  height:auto!important;
  min-height:30px!important;
  padding:7px 14px!important;
  overflow:visible!important;
  white-space:nowrap!important;
  text-overflow:clip!important;
  line-height:1.15!important;
  letter-spacing:.08em!important;
  color:#fff!important;
  background:#0878c4!important;
  border:0!important;
  border-left:3px solid #d22630!important;
  border-radius:999px!important;
}

.amerigas-brand-lockup {
  margin:0 0 18px;
}
.amerigas-brand-lockup img {
  display:block;
  width:min(240px,70vw);
  height:auto;
  border-radius:12px;
}
.provider-feature-link .provider-brand-logo {
  width:150px!important;
  height:auto!important;
  max-width:42%!important;
  flex:0 0 auto;
  border-radius:8px;
  background:#fff;
  padding:5px 7px;
}
.provider-feature-link {
  align-items:center!important;
  gap:16px!important;
}

/* Provider menu should not linger after leaving it. The menu remains clickable because it is inside the same trigger wrapper. */
@media (min-width:821px) {
  .provider-mega-trigger.provider-click-open:not(:hover):not(:focus-within) > .providers-mega {
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
}


/* =========================================================
   V46 FINAL: NO YELLOW / EXACT AMERIGAS LOGO
   ========================================================= */
:root{
  --legacy-cream:#f4f8fb;
}
/* Any legacy yellow-labelled component now renders only blue/red/white. */
:is(.yellow,.v33-yellow,.is-yellow,.callout-yellow){
  background:#0067b1!important;
  border-color:#d22630!important;
}
:is(.yellow,.v33-yellow,.is-yellow,.callout-yellow) :is(h1,h2,h3,h4,p,li,b,strong,span){
  color:#fff!important;
}
/* Common pale/related sections use a cool neutral, never cream/yellow. */
:is(.related-section,.related-paths,.related-links-section,.soft-section,.section-soft,.section-muted){
  background:#f4f8fb!important;
}
.amerigas-brand-lockup img,
.provider-feature-link .provider-brand-logo{
  background:#fff!important;
  object-fit:contain!important;
}
.amerigas-brand-lockup img{
  width:min(230px,72vw)!important;
  border-radius:0!important;
  padding:8px 10px!important;
}
.provider-feature-link .provider-brand-logo{
  width:170px!important;
  max-width:46%!important;
  border-radius:0!important;
  padding:6px 8px!important;
}

/* =========================================================
   V47 FINAL: BLUE/RED ONLY + WHITE-CARD BLACK TEXT
   ========================================================= */

/* Subtitle / eyebrow / chip rectangles: always blue with white text and a red accent, never yellow. */
.eyebrow,
.lane-mark,
.spotlight-badge,
.quick-kicker,
[class*="badge"],
[class*="label"].eyebrow,
.related-section .eyebrow,
.final-cta .eyebrow,
.sitewide-final-cta .eyebrow,
.amerigas-page .eyebrow {
  background:#0878c4!important;
  color:#fff!important;
  border-color:#d22630!important;
  border-left:3px solid #d22630!important;
}
.eyebrow *,
.lane-mark *,
.spotlight-badge *,
.quick-kicker * {
  color:#fff!important;
}

/* Light / neutral website sections: keep them white or cool blue, never cream/yellow. */
:is(
  .related-section,
  .related-paths,
  .related-links-section,
  .soft-section,
  .section-soft,
  .section-muted,
  .modern-service-related,
  .service-inner-modern .modern-service-related,
  .home-readiness-section,
  .resource-section,
  .comparison-section,
  .prep-section .container,
  .soft-slab,
  .light-band
) {
  background:#eef6fb!important;
}

/* White / light cards: black text only. */
:is(
  .quick-call-card,
  .amerigas-call-card,
  .amerigas-brand-card,
  .amerigas-card,
  .provider-feature-link,
  .readiness-lane.outcome,
  .outline-card,
  .related-info-card,
  .service-inner-modern .modern-service-related article,
  .service-inner-modern .modern-service-related .related-card,
  .service-inner-modern .motion-card:not(.dark-card),
  a.related-call-card:nth-child(1),
  a.related-call-card:nth-child(2),
  .topic-card:not(.dark-card),
  .journey-card:not(.dark-card),
  .usecase-grid > *:not(.dark-card),
  .question-columns > *:not(.dark-card),
  .prep-grid > *:not(.dark-card),
  .form-card,
  .form-panel,
  .card-white,
  .panel-white
) {
  color:#111!important;
}
:is(
  .quick-call-card,
  .amerigas-call-card,
  .amerigas-brand-card,
  .amerigas-card,
  .provider-feature-link,
  .readiness-lane.outcome,
  .outline-card,
  .related-info-card,
  .service-inner-modern .modern-service-related article,
  .service-inner-modern .modern-service-related .related-card,
  .service-inner-modern .motion-card:not(.dark-card),
  a.related-call-card:nth-child(1),
  a.related-call-card:nth-child(2),
  .topic-card:not(.dark-card),
  .journey-card:not(.dark-card),
  .usecase-grid > *:not(.dark-card),
  .question-columns > *:not(.dark-card),
  .prep-grid > *:not(.dark-card),
  .form-card,
  .form-panel,
  .card-white,
  .panel-white
) :is(h1,h2,h3,h4,h5,p,li,strong,b,span,label,small) {
  color:#111!important;
}

/* Related rectangles/cards: use white + light blue + dark, with correct contrast. */
a.related-call-card {
  border-color:#d6e2eb!important;
}
a.related-call-card:nth-child(1) {
  background:#fff!important;
}
a.related-call-card:nth-child(2) {
  background:#eaf4fb!important;
}
a.related-call-card:nth-child(1) :is(h1,h2,h3,h4,h5,p,li,strong,b,span),
a.related-call-card:nth-child(2) :is(h1,h2,h3,h4,h5,p,li,strong,b,span) {
  color:#111!important;
}
a.related-call-card:nth-child(3) {
  background:#11120f!important;
  color:#fff!important;
}
a.related-call-card:nth-child(3) :is(h1,h2,h3,h4,h5,p,li,strong,b,span) {
  color:#fff!important;
}
a.related-call-card:nth-child(3) p {
  color:rgba(255,255,255,.86)!important;
}

/* Buttons: blue background = white text. White buttons = black text. */
:is(
  .btn-primary,
  .cta-call,
  .card-call-btn,
  .section-call-btn,
  .nav-call,
  .top-call,
  .mobile-header-call,
  .mobile-menu-call,
  .amerigas-card-call,
  .related-card-cta,
  .hero-call-card .btn,
  .journey-call,
  .service-card-call,
  .quick-call-card .btn-primary
) {
  background:#0067b1!important;
  border-color:#0067b1!important;
  color:#fff!important;
}
:is(
  .btn-primary,
  .cta-call,
  .card-call-btn,
  .section-call-btn,
  .nav-call,
  .top-call,
  .mobile-header-call,
  .mobile-menu-call,
  .amerigas-card-call,
  .related-card-cta,
  .hero-call-card .btn,
  .journey-call,
  .service-card-call,
  .quick-call-card .btn-primary
) * {
  color:#fff!important;
}
:is(
  .btn-outline,
  .official-link,
  .btn-white,
  .btn-light,
  .amerigas-page .amerigas-cta .btn,
  .hero-cta-secondary,
  .official-site-btn
) {
  background:#fff!important;
  border-color:#d22630!important;
  color:#111!important;
}
:is(
  .btn-outline,
  .official-link,
  .btn-white,
  .btn-light,
  .amerigas-page .amerigas-cta .btn,
  .hero-cta-secondary,
  .official-site-btn
) * {
  color:#111!important;
}

/* Any legacy cream/yellow utility cards become cool blue-tinted instead. */
:is(.yellow,.v33-yellow,.is-yellow,.callout-yellow,.soft-cream,.cream-card,.beige-card) {
  background:#eaf4fb!important;
  border-color:#d22630!important;
}
:is(.yellow,.v33-yellow,.is-yellow,.callout-yellow,.soft-cream,.cream-card,.beige-card) :is(h1,h2,h3,h4,h5,p,li,strong,b,span,label,small) {
  color:#111!important;
}

/* Dark rectangle cards keep white text. */
:is(.dark-card,.readiness-lane.verify,.readiness-lane.known,.business-verify-board,.final-cta-box,.sitewide-final-cta .final-cta-box,[class*="dark-"]) :is(h1,h2,h3,h4,h5,p,li,strong,b,span,label,small) {
  color:#fff!important;
}

/* =========================================================
   V48 FINAL: ICON / NUMBER CONTRAST FIX
   Rule requested:
   - black rectangle icon area => white icon/text/number
   - blue rectangle icon area  => white icon/text/number
   - white rectangle icon area => black icon/text/number
   ========================================================= */

/* Dark or blue icon badges / number badges must always read white. */
:is(
  .topic-card>.icon,
  .outline-card>.icon,
  .directory-card>.icon,
  .usecase-grid>article>.icon,
  .service-rail>a>.icon,
  .energy-icon,
  .related-info-card>.icon,
  .fresh-mark,
  .topic-icon-circle,
  .v33-service-page .v33-icon,
  .v33-service-page .v33-round-icon,
  .v33-service-page .v33-symbol,
  .v33-service-page .v36-card-icon,
  .v37-service-fix .v37-card-icon,
  .v38-strict-service-rules .v38-topic-icon,
  .v33-service-page .v33-map-cards span,
  .v33-service-page .v33-boundary-grid span,
  .amerigas-page .amerigas-card b,
  .page-home .section-intro .outline-card>.icon,
  .page-home .service-rail>a>.icon,
  .page-home .energy-board-grid article>.energy-icon,
  .page-home .journey-card>span:first-child,
  .page-home .process-step>span:first-child,
  .sig-icon-mark,
  .rhythm-icon,
  .autogas-fit-icon,
  .pricing-model-icon,
  .pricing-signal-icon,
  .hero .eyebrow,
  .page-hero .eyebrow,
  .amerigas-hero .eyebrow,
  .v33-service-page .eyebrow,
  [class*="hero"] .eyebrow,
  [class*="hero"] .kicker,
  .amerigas-page .eyebrow
) {
  color:#fff!important;
}

:is(
  .topic-card>.icon,
  .outline-card>.icon,
  .directory-card>.icon,
  .usecase-grid>article>.icon,
  .service-rail>a>.icon,
  .energy-icon,
  .related-info-card>.icon,
  .fresh-mark,
  .topic-icon-circle,
  .v33-service-page .v33-icon,
  .v33-service-page .v33-round-icon,
  .v33-service-page .v33-symbol,
  .v33-service-page .v36-card-icon,
  .v37-service-fix .v37-card-icon,
  .v38-strict-service-rules .v38-topic-icon,
  .page-home .section-intro .outline-card>.icon,
  .page-home .service-rail>a>.icon,
  .page-home .energy-board-grid article>.energy-icon,
  .sig-icon-mark,
  .rhythm-icon,
  .autogas-fit-icon,
  .pricing-model-icon,
  .pricing-signal-icon
) svg,
:is(
  .topic-card>.icon,
  .outline-card>.icon,
  .directory-card>.icon,
  .usecase-grid>article>.icon,
  .service-rail>a>.icon,
  .energy-icon,
  .related-info-card>.icon,
  .fresh-mark,
  .topic-icon-circle,
  .v33-service-page .v33-icon,
  .v33-service-page .v33-round-icon,
  .v33-service-page .v33-symbol,
  .v33-service-page .v36-card-icon,
  .v37-service-fix .v37-card-icon,
  .v38-strict-service-rules .v38-topic-icon,
  .page-home .section-intro .outline-card>.icon,
  .page-home .service-rail>a>.icon,
  .page-home .energy-board-grid article>.energy-icon,
  .sig-icon-mark,
  .rhythm-icon,
  .autogas-fit-icon,
  .pricing-model-icon,
  .pricing-signal-icon
) svg * {
  color:currentColor!important;
  fill:currentColor!important;
  stroke:currentColor!important;
}
/* keep intentionally open paths open */
:is(
  .topic-card>.icon,
  .outline-card>.icon,
  .directory-card>.icon,
  .usecase-grid>article>.icon,
  .service-rail>a>.icon,
  .energy-icon,
  .related-info-card>.icon,
  .fresh-mark,
  .topic-icon-circle,
  .v33-service-page .v33-icon,
  .v33-service-page .v33-round-icon,
  .v33-service-page .v33-symbol,
  .v33-service-page .v36-card-icon,
  .v37-service-fix .v37-card-icon,
  .v38-strict-service-rules .v38-topic-icon,
  .page-home .section-intro .outline-card>.icon,
  .page-home .service-rail>a>.icon,
  .page-home .energy-board-grid article>.energy-icon,
  .sig-icon-mark,
  .rhythm-icon,
  .autogas-fit-icon,
  .pricing-model-icon,
  .pricing-signal-icon
) svg [fill="none"] {
  fill:none!important;
  stroke:currentColor!important;
}

/* Number chips inside map / boundary / AmeriGas cards: always clear. */
.v33-service-page .v33-map-cards span,
.v33-service-page .v33-boundary-grid span,
.amerigas-page .amerigas-card b {
  color:#fff!important;
}

/* White buttons / white icon rectangles must use black icon + text. */
:is(
  .btn-outline,
  .official-link,
  .btn-white,
  .btn-light,
  .hero-cta-secondary,
  .official-site-btn
),
:is(
  .btn-outline,
  .official-link,
  .btn-white,
  .btn-light,
  .hero-cta-secondary,
  .official-site-btn
) * {
  color:#111!important;
}
:is(
  .btn-outline,
  .official-link,
  .btn-white,
  .btn-light,
  .hero-cta-secondary,
  .official-site-btn
) svg,
:is(
  .btn-outline,
  .official-link,
  .btn-white,
  .btn-light,
  .hero-cta-secondary,
  .official-site-btn
) svg * {
  color:#111!important;
  fill:currentColor!important;
  stroke:currentColor!important;
}

/* If any white/light icon chip appears inside light cards, keep it black for readability. */
:is(
  .card-white .icon-chip,
  .panel-white .icon-chip,
  .white-card .icon-chip,
  .form-card .icon-chip,
  .form-panel .icon-chip,
  .quick-call-card .icon-chip,
  .amerigas-card .icon-chip,
  .provider-feature-link .icon-chip
) {
  background:#fff!important;
  color:#111!important;
  border-color:#d6e2eb!important;
}
:is(
  .card-white .icon-chip,
  .panel-white .icon-chip,
  .white-card .icon-chip,
  .form-card .icon-chip,
  .form-panel .icon-chip,
  .quick-call-card .icon-chip,
  .amerigas-card .icon-chip,
  .provider-feature-link .icon-chip
) svg,
:is(
  .card-white .icon-chip,
  .panel-white .icon-chip,
  .white-card .icon-chip,
  .form-card .icon-chip,
  .form-panel .icon-chip,
  .quick-call-card .icon-chip,
  .amerigas-card .icon-chip,
  .provider-feature-link .icon-chip
) svg * {
  color:#111!important;
  fill:currentColor!important;
  stroke:currentColor!important;
}

/* =========================================================
   V49 FINAL DARK SURFACE TEXT/ICON/NUMBER ENFORCEMENT
   Requested rule:
   - any black/dark rectangle or section => white text, white icons, white numbers
   - any white/light rectangle or section => black text/icons
   ========================================================= */

/* 1) All dark/black/navy surfaces force readable white content. */
:is(
  .dark-card,
  .hero-dark,
  .hero-poster,
  .mega-intro,
  .process-band,
  .final-cta,
  .final-cta-box,
  .sitewide-final-cta,
  .sitewide-final-cta .final-cta-box,
  .directory-break,
  .prep-section,
  .business-verify-board,
  .about-propane-boundary,
  .services-route-map,
  .sig-family-2,
  .sell-readiness-weave,
  .sell-signal-dark,
  .sell-decision-dark,
  .page-variant-4 main .topic-card,
  .page-power-your-home .topic-card,
  .page-power-your-business .topic-card,
  .v33-force-dark,
  .v33-dark,
  .v33-tile-dark,
  .v33-service-page .v33-prep,
  .v33-service-page .v33-signals,
  .v33-service-page .v33-confirm-cards .dark,
  .v33-service-page .v33-boundary-grid .dark,
  .v33-service-page .v33-map-cards article[style*="#111"],
  .v33-service-page .v33-signal-cards article[style*="#111"],
  .top-path-bar,
  .site-footer,
  .mobile-sticky-cta,
  .amerigas-page .amerigas-hero,
  .amerigas-page .amerigas-cta,
  .amerigas-page .amerigas-question-grid article[style*="#111"],
  .amerigas-page .amerigas-question-grid .dark-card
) {
  color:#fff!important;
}

:is(
  .dark-card,
  .hero-dark,
  .hero-poster,
  .mega-intro,
  .process-band,
  .final-cta,
  .final-cta-box,
  .sitewide-final-cta,
  .sitewide-final-cta .final-cta-box,
  .directory-break,
  .prep-section,
  .business-verify-board,
  .about-propane-boundary,
  .services-route-map,
  .sig-family-2,
  .sell-readiness-weave,
  .sell-signal-dark,
  .sell-decision-dark,
  .page-variant-4 main .topic-card,
  .page-power-your-home .topic-card,
  .page-power-your-business .topic-card,
  .v33-force-dark,
  .v33-dark,
  .v33-tile-dark,
  .v33-service-page .v33-prep,
  .v33-service-page .v33-signals,
  .v33-service-page .v33-confirm-cards .dark,
  .v33-service-page .v33-boundary-grid .dark,
  .top-path-bar,
  .site-footer,
  .mobile-sticky-cta,
  .amerigas-page .amerigas-hero,
  .amerigas-page .amerigas-cta
) :is(h1,h2,h3,h4,h5,h6,p,li,a,strong,b,span,small,label,dt,dd) {
  color:#fff!important;
}

/* Slightly softer paragraphs on dark surfaces, still clearly readable. */
:is(
  .dark-card,
  .final-cta-box,
  .sitewide-final-cta .final-cta-box,
  .page-variant-4 main .topic-card,
  .page-power-your-home .topic-card,
  .page-power-your-business .topic-card,
  .v33-service-page .v33-confirm-cards .dark,
  .v33-service-page .v33-boundary-grid .dark,
  .amerigas-page .amerigas-cta
) :is(p,li,small) {
  color:rgba(255,255,255,.88)!important;
}

/* 2) Icon boxes / counters / pills sitting on dark surfaces must read white. */
:is(
  .dark-card,
  .page-variant-4 main .topic-card,
  .page-power-your-home .topic-card,
  .page-power-your-business .topic-card,
  .v33-service-page .v33-confirm-cards .dark,
  .v33-service-page .v33-boundary-grid .dark,
  .v33-service-page .v33-prep,
  .v33-service-page .v33-signals,
  .amerigas-page .amerigas-hero,
  .amerigas-page .amerigas-cta,
  .final-cta-box,
  .sitewide-final-cta .final-cta-box
) :is(
  .icon,
  .energy-icon,
  .topic-icon-circle,
  .v33-icon,
  .v33-round-icon,
  .v33-symbol,
  .v36-card-icon,
  .v37-card-icon,
  .v38-topic-icon,
  .related-info-card>.icon,
  .outline-card>.icon,
  .directory-card>.icon,
  .service-rail>a>.icon,
  .usecase-grid>article>.icon,
  .journey-card>span:first-child,
  .process-step>span:first-child,
  .v33-map-cards span,
  .v33-boundary-grid span,
  .amerigas-card b,
  .compact-fact-list span,
  .compact-fact-list strong,
  .eyebrow,
  .lane-mark
) {
  color:#fff!important;
}

:is(
  .dark-card,
  .page-variant-4 main .topic-card,
  .page-power-your-home .topic-card,
  .page-power-your-business .topic-card,
  .v33-service-page .v33-confirm-cards .dark,
  .v33-service-page .v33-boundary-grid .dark,
  .v33-service-page .v33-prep,
  .v33-service-page .v33-signals,
  .amerigas-page .amerigas-hero,
  .amerigas-page .amerigas-cta,
  .final-cta-box,
  .sitewide-final-cta .final-cta-box
) :is(
  .icon,
  .energy-icon,
  .topic-icon-circle,
  .v33-icon,
  .v33-round-icon,
  .v33-symbol,
  .v36-card-icon,
  .v37-card-icon,
  .v38-topic-icon,
  .related-info-card>.icon,
  .outline-card>.icon,
  .directory-card>.icon,
  .service-rail>a>.icon,
  .usecase-grid>article>.icon,
  .compact-fact-list span,
  .compact-fact-list strong
) svg,
:is(
  .dark-card,
  .page-variant-4 main .topic-card,
  .page-power-your-home .topic-card,
  .page-power-your-business .topic-card,
  .v33-service-page .v33-confirm-cards .dark,
  .v33-service-page .v33-boundary-grid .dark,
  .v33-service-page .v33-prep,
  .v33-service-page .v33-signals,
  .amerigas-page .amerigas-hero,
  .amerigas-page .amerigas-cta,
  .final-cta-box,
  .sitewide-final-cta .final-cta-box
) :is(
  .icon,
  .energy-icon,
  .topic-icon-circle,
  .v33-icon,
  .v33-round-icon,
  .v33-symbol,
  .v36-card-icon,
  .v37-card-icon,
  .v38-topic-icon,
  .related-info-card>.icon,
  .outline-card>.icon,
  .directory-card>.icon,
  .service-rail>a>.icon,
  .usecase-grid>article>.icon,
  .compact-fact-list span,
  .compact-fact-list strong
) svg * {
  color:currentColor!important;
  fill:currentColor!important;
  stroke:currentColor!important;
}
:is(
  .dark-card,
  .page-variant-4 main .topic-card,
  .page-power-your-home .topic-card,
  .page-power-your-business .topic-card,
  .v33-service-page .v33-confirm-cards .dark,
  .v33-service-page .v33-boundary-grid .dark,
  .v33-service-page .v33-prep,
  .v33-service-page .v33-signals,
  .amerigas-page .amerigas-hero,
  .amerigas-page .amerigas-cta,
  .final-cta-box,
  .sitewide-final-cta .final-cta-box
) :is(
  .icon,
  .energy-icon,
  .topic-icon-circle,
  .v33-icon,
  .v33-round-icon,
  .v33-symbol,
  .v36-card-icon,
  .v37-card-icon,
  .v38-topic-icon,
  .related-info-card>.icon,
  .outline-card>.icon,
  .directory-card>.icon,
  .service-rail>a>.icon,
  .usecase-grid>article>.icon,
  .compact-fact-list span,
  .compact-fact-list strong
) svg [fill="none"] {
  fill:none!important;
  stroke:currentColor!important;
}

/* 3) Light/white cards and form panels must stay black. */
:is(
  .amerigas-call-card,
  .quick-call-card,
  .amerigas-brand-card,
  .amerigas-card,
  .provider-feature-link,
  .outline-card,
  .related-info-card,
  .directory-card,
  .white-card,
  .card-white,
  .panel-white,
  .form-card,
  .form-panel,
  .page-variant-4 main .topic-card[style*="#fff"],
  .v33-service-page .v33-feature-card:not(.v33-dark):not(.v33-yellow),
  .v33-service-page .v33-confirm-cards article:not(.dark):not(.yellow),
  .v33-service-page .v33-map-cards article:not(.yellow),
  .v33-service-page .v33-boundary-grid article:not(.dark):not(.yellow)
) :is(h1,h2,h3,h4,h5,h6,p,li,a,strong,b,span,small,label) {
  color:#111!important;
}

/* Light icon chips must use dark marks. */
:is(
  .amerigas-call-card,
  .quick-call-card,
  .amerigas-brand-card,
  .amerigas-card,
  .provider-feature-link,
  .outline-card,
  .related-info-card,
  .directory-card,
  .white-card,
  .card-white,
  .panel-white,
  .form-card,
  .form-panel
) :is(.icon-chip,.icon,.topic-icon-circle,.v33-icon,.v33-round-icon,.v33-symbol,.v36-card-icon,.v37-card-icon,.v38-topic-icon) {
  color:#111!important;
}
:is(
  .amerigas-call-card,
  .quick-call-card,
  .amerigas-brand-card,
  .amerigas-card,
  .provider-feature-link,
  .outline-card,
  .related-info-card,
  .directory-card,
  .white-card,
  .card-white,
  .panel-white,
  .form-card,
  .form-panel
) :is(.icon-chip,.icon,.topic-icon-circle,.v33-icon,.v33-round-icon,.v33-symbol,.v36-card-icon,.v37-card-icon,.v38-topic-icon) svg,
:is(
  .amerigas-call-card,
  .quick-call-card,
  .amerigas-brand-card,
  .amerigas-card,
  .provider-feature-link,
  .outline-card,
  .related-info-card,
  .directory-card,
  .white-card,
  .card-white,
  .panel-white,
  .form-card,
  .form-panel
) :is(.icon-chip,.icon,.topic-icon-circle,.v33-icon,.v33-round-icon,.v33-symbol,.v36-card-icon,.v37-card-icon,.v38-topic-icon) svg * {
  color:currentColor!important;
  fill:currentColor!important;
  stroke:currentColor!important;
}

/* 4) Re-assert buttons after all surface rules. */
:is(.btn-primary,.cta-call,.card-call-btn,.section-call-btn,.nav-call,.top-call,.mobile-header-call,.mobile-menu-call,.amerigas-card-call,.journey-call,.related-card-cta) ,
:is(.btn-primary,.cta-call,.card-call-btn,.section-call-btn,.nav-call,.top-call,.mobile-header-call,.mobile-menu-call,.amerigas-card-call,.journey-call,.related-card-cta) * {
  color:#fff!important;
}
:is(.btn-outline,.official-link,.btn-white,.btn-light,.hero-cta-secondary,.official-site-btn),
:is(.btn-outline,.official-link,.btn-white,.btn-light,.hero-cta-secondary,.official-site-btn) * {
  color:#111!important;
}

/* =====================================================================
   FINAL V8 UNIFIED CONTRAST SYSTEM
   White/light surface -> dark text
   Blue surface        -> white text/icons
   Black/dark surface  -> white text/icons
   Blue/black buttons  -> white text/icons
   White buttons       -> black text/icons
   Light card inside dark section stays light with dark text
   ===================================================================== */
:root{
  --final-blue:#0067b1;
  --final-blue-hover:#005a9c;
  --final-dark:#11120f;
  --final-ink:#1a1a17;
  --final-muted:#68685f;
  --final-white:#fff;
  --final-light:#f4f8fb;
  --final-light-blue:#eaf4fb;
}

/* BLUE BUTTONS */
:is(.btn-primary,.btn-blue,.cta-call,.card-call-btn,.section-call-btn,.nav-call,.header-call,.top-call,.mobile-header-call,.mobile-menu-call,.amerigas-card-call,.journey-call,.related-card-cta,.mobile-sticky-cta a){
  background:var(--final-blue)!important;
  border-color:var(--final-blue)!important;
  color:var(--final-white)!important;
}
:is(.btn-primary,.btn-blue,.cta-call,.card-call-btn,.section-call-btn,.nav-call,.header-call,.top-call,.mobile-header-call,.mobile-menu-call,.amerigas-card-call,.journey-call,.related-card-cta,.mobile-sticky-cta a) *{
  color:var(--final-white)!important;
}
:is(.btn-primary,.btn-blue,.cta-call,.card-call-btn,.section-call-btn,.nav-call,.header-call,.mobile-header-call,.mobile-menu-call,.amerigas-card-call,.journey-call,.related-card-cta,.mobile-sticky-cta a):hover{
  background:var(--final-blue-hover)!important;
  border-color:var(--final-blue-hover)!important;
  color:var(--final-white)!important;
}

/* BLACK BUTTONS */
:is(.btn-dark,.btn-black,.button-black){background:var(--final-dark)!important;border-color:var(--final-dark)!important;color:#fff!important}
:is(.btn-dark,.btn-black,.button-black) *{color:#fff!important}

/* WHITE BUTTONS */
:is(.btn-white,.btn-light,.button-white,.btn-outline,.official-link,.hero-cta-secondary,.official-site-btn){background:#fff!important;color:var(--final-dark)!important}
:is(.btn-white,.btn-light,.button-white,.btn-outline,.official-link,.hero-cta-secondary,.official-site-btn) *{color:var(--final-dark)!important}

/* DARK / BLACK SURFACES */
:is(.dark-card,.card-dark,.bg-dark,.is-dark,.dark,.hero-dark,.hero-poster,.mega-intro,.process-band,.prep-section,.directory-break,.service-industrial,.final-cta,.final-cta-box,.sitewide-final-cta,.business-verify-board,.about-propane-boundary,.services-route-map,.sig-family-2,.sell-readiness-weave,.sell-signal-dark,.sell-decision-dark,.v33-dark,.v33-force-dark,.v33-tile-dark,.v33-service-page .v33-prep,.v33-service-page .v33-signals,.v33-service-page .v33-confirm-cards .dark,.v33-service-page .v33-boundary-grid .dark,.amerigas-page .amerigas-hero,.amerigas-page .amerigas-cta){
  color:#fff!important;
}
:is(.dark-card,.card-dark,.bg-dark,.is-dark,.dark,.hero-dark,.hero-poster,.mega-intro,.process-band,.prep-section,.directory-break,.service-industrial,.final-cta,.final-cta-box,.sitewide-final-cta,.business-verify-board,.about-propane-boundary,.services-route-map,.sig-family-2,.sell-readiness-weave,.sell-signal-dark,.sell-decision-dark,.v33-dark,.v33-force-dark,.v33-tile-dark,.v33-service-page .v33-prep,.v33-service-page .v33-signals,.v33-service-page .v33-confirm-cards .dark,.v33-service-page .v33-boundary-grid .dark,.amerigas-page .amerigas-hero,.amerigas-page .amerigas-cta) :is(h1,h2,h3,h4,h5,h6,p,li,a,strong,b,span,small,label,dt,dd){
  color:#fff!important;
}
:is(.dark-card,.card-dark,.bg-dark,.is-dark,.dark,.hero-dark,.hero-poster,.process-band,.prep-section,.directory-break,.service-industrial,.final-cta-box,.sitewide-final-cta,.v33-dark,.v33-tile-dark) :is(p,li,small){color:rgba(255,255,255,.88)!important}

/* BLUE SURFACES */
:is(.blue-card,.card-blue,.bg-blue,.is-blue,.primary-card,.v33-blue,.v33-tile-blue,.mission-strip,.callout-yellow,.faq-side-note,.layout-3 .topic-card:nth-child(2),.layout-7 .related-links a:nth-child(2),.directory-card:nth-child(5n+1)){
  background:var(--final-blue)!important;
  color:#fff!important;
}
:is(.blue-card,.card-blue,.bg-blue,.is-blue,.primary-card,.v33-blue,.v33-tile-blue,.mission-strip,.callout-yellow,.faq-side-note,.layout-3 .topic-card:nth-child(2),.layout-7 .related-links a:nth-child(2),.directory-card:nth-child(5n+1)) :is(h1,h2,h3,h4,h5,h6,p,li,a,strong,b,span,small,label,dt,dd){color:#fff!important}

/* LIGHT / WHITE CARDS */
:is(.white-card,.card-white,.panel-white,.form-card,.form-panel,.quick-call-card,.amerigas-call-card,.amerigas-brand-card,.amerigas-card,.provider-feature-link,.outline-card,.related-info-card,.directory-card,.journey-card,.topic-card,.service-card,.resource-card,.related-call-card,.application-card,.provider-card,.propane-card,.feature-card,.choice-card,.usecase-grid>article,.principle-grid>article,.about-boundary-board article.learn){
  color:var(--final-ink)!important;
}
:is(.white-card,.card-white,.panel-white,.form-card,.form-panel,.quick-call-card,.amerigas-call-card,.amerigas-brand-card,.amerigas-card,.provider-feature-link,.outline-card,.related-info-card,.directory-card,.journey-card,.topic-card,.service-card,.resource-card,.related-call-card,.application-card,.provider-card,.propane-card,.feature-card,.choice-card,.usecase-grid>article,.principle-grid>article,.about-boundary-board article.learn) :is(h1,h2,h3,h4,h5,h6,strong,b,label,dt,dd,span,a){color:var(--final-ink)!important}
:is(.white-card,.card-white,.panel-white,.form-card,.form-panel,.quick-call-card,.amerigas-call-card,.amerigas-brand-card,.amerigas-card,.provider-feature-link,.outline-card,.related-info-card,.directory-card,.journey-card,.topic-card,.service-card,.resource-card,.related-call-card,.application-card,.provider-card,.propane-card,.feature-card,.choice-card,.usecase-grid>article,.principle-grid>article,.about-boundary-board article.learn) :is(p,li,small){color:var(--final-muted)!important}

/* CRITICAL: white child cards inside dark sections must stay readable */
.about-propane-boundary .about-boundary-board article.learn,
:is(.hero-dark,.hero-poster,.process-band,.prep-section,.directory-break,.service-industrial,.business-verify-board,.about-propane-boundary,.services-route-map,.sell-readiness-weave,.sell-signal-dark,.sell-decision-dark,.final-cta-box,.sitewide-final-cta,.v33-dark,.v33-force-dark,.v33-prep,.v33-signals) :is(.white-card,.card-white,.panel-white,.form-card,.form-panel,.outline-card,.related-info-card,.provider-feature-link,.quick-call-card,.amerigas-card){
  background:#fff!important;
  color:var(--final-ink)!important;
}
.about-propane-boundary .about-boundary-board article.learn :is(h1,h2,h3,h4,h5,h6,strong,b,label,p,li,small,span,a),
:is(.hero-dark,.hero-poster,.process-band,.prep-section,.directory-break,.service-industrial,.business-verify-board,.about-propane-boundary,.services-route-map,.sell-readiness-weave,.sell-signal-dark,.sell-decision-dark,.final-cta-box,.sitewide-final-cta,.v33-dark,.v33-force-dark,.v33-prep,.v33-signals) :is(.white-card,.card-white,.panel-white,.form-card,.form-panel,.outline-card,.related-info-card,.provider-feature-link,.quick-call-card,.amerigas-card) :is(h1,h2,h3,h4,h5,h6,strong,b,label,p,li,small,span,a){
  color:var(--final-ink)!important;
}

/* The blue 'confirm' card in About Propane */
.about-propane-boundary .about-boundary-board article.confirm{
  background:var(--final-blue)!important;
  color:#fff!important;
}
.about-propane-boundary .about-boundary-board article.confirm *{color:#fff!important}

/* COUNT / NUMBER BADGES */
:is(.directory-index,.card-number,.card-index,.step-no,.step-number,.number-badge,.count-badge,.count-number,.service-number,.pricing-model-number,.pricing-step>span:first-child,.process-step>span:first-child,.journey-card>span:first-child,.fresh-mark,.lane-mark,.heat-job-badge,.spotlight-badge,.thank-mark,.sig-icon-mark){
  background:var(--final-blue)!important;
  border-color:var(--final-blue)!important;
  color:#fff!important;
}
:is(.directory-index,.card-number,.card-index,.step-no,.step-number,.number-badge,.count-badge,.count-number,.service-number,.pricing-model-number,.pricing-step>span:first-child,.process-step>span:first-child,.journey-card>span:first-child,.fresh-mark,.lane-mark,.heat-job-badge,.spotlight-badge,.thank-mark,.sig-icon-mark) *{color:#fff!important}

/* ICON HOLDERS */
:is(.icon-box,.icon-wrap,.icon-circle,.icon-chip,.card-icon,.topic-icon-circle,.service-icon,.motion-icon,.energy-icon,.v33-icon,.v33-round-icon,.v33-symbol,.v36-card-icon,.v37-card-icon,.v38-topic-icon){background:var(--final-blue)!important;color:#fff!important}
:is(.icon-box,.icon-wrap,.icon-circle,.icon-chip,.card-icon,.topic-icon,.topic-icon-circle,.service-icon,.motion-icon,.energy-icon,.v33-icon,.v33-round-icon,.v33-symbol,.v36-card-icon,.v37-card-icon,.v38-topic-icon) svg{color:currentColor!important;stroke:currentColor!important}

/* STANDARD CARD HOVER -> black surface / white content */
:is(.outline-card,.journey-card,.topic-card,.directory-card,.service-card,.resource-card,.related-call-card,.application-card,.provider-card,.propane-card,.feature-card,.choice-card,.provider-feature-link,.related-info-card,.usecase-grid>article,.principle-grid>article,.v33-tile,.v33-feature-card,.v36-card,.v37-card,.v38-card):hover{
  background:var(--final-dark)!important;
  color:#fff!important;
}
:is(.outline-card,.journey-card,.topic-card,.directory-card,.service-card,.resource-card,.related-call-card,.application-card,.provider-card,.propane-card,.feature-card,.choice-card,.provider-feature-link,.related-info-card,.usecase-grid>article,.principle-grid>article,.v33-tile,.v33-feature-card,.v36-card,.v37-card,.v38-card):hover :is(h1,h2,h3,h4,h5,h6,p,li,a,strong,b,span,small,label,dt,dd){color:#fff!important}

/* Button inside hovered dark card -> white button / black text */
:is(.outline-card,.journey-card,.topic-card,.directory-card,.service-card,.resource-card,.related-call-card,.application-card,.provider-card,.propane-card,.feature-card,.choice-card,.provider-feature-link,.related-info-card,.usecase-grid>article,.principle-grid>article,.v33-tile,.v33-feature-card,.v36-card,.v37-card,.v38-card):hover :is(.btn,.btn-primary,.btn-blue,.card-call-btn,.section-call-btn,.related-card-cta){
  background:#fff!important;border-color:#fff!important;color:var(--final-dark)!important;
}
:is(.outline-card,.journey-card,.topic-card,.directory-card,.service-card,.resource-card,.related-call-card,.application-card,.provider-card,.propane-card,.feature-card,.choice-card,.provider-feature-link,.related-info-card,.usecase-grid>article,.principle-grid>article,.v33-tile,.v33-feature-card,.v36-card,.v37-card,.v38-card):hover :is(.btn,.btn-primary,.btn-blue,.card-call-btn,.section-call-btn,.related-card-cta) *{color:var(--final-dark)!important}

/* White/light card buttons -> blue button / white text */
:is(.white-card,.card-white,.panel-white,.form-card,.form-panel,.quick-call-card,.amerigas-call-card,.amerigas-brand-card,.amerigas-card,.provider-feature-link,.outline-card,.related-info-card,.directory-card,.journey-card,.topic-card,.service-card,.resource-card,.related-call-card,.application-card,.provider-card,.propane-card,.feature-card,.choice-card,.usecase-grid>article,.principle-grid>article) :is(.btn-primary,.btn-blue,.card-call-btn,.section-call-btn,.related-card-cta){
  background:var(--final-blue)!important;border-color:var(--final-blue)!important;color:#fff!important;
}
:is(.white-card,.card-white,.panel-white,.form-card,.form-panel,.quick-call-card,.amerigas-call-card,.amerigas-brand-card,.amerigas-card,.provider-feature-link,.outline-card,.related-info-card,.directory-card,.journey-card,.topic-card,.service-card,.resource-card,.related-call-card,.application-card,.provider-card,.propane-card,.feature-card,.choice-card,.usecase-grid>article,.principle-grid>article) :is(.btn-primary,.btn-blue,.card-call-btn,.section-call-btn,.related-card-cta) *{color:#fff!important}

/* Blue/dark card buttons -> white button / black text */
:is(.blue-card,.card-blue,.bg-blue,.is-blue,.primary-card,.v33-blue,.v33-tile-blue,.dark-card,.card-dark,.bg-dark,.is-dark,.dark,.v33-dark,.v33-tile-dark,.hero-dark,.hero-poster,.process-band,.prep-section,.service-industrial,.final-cta-box) :is(.btn,.btn-primary,.btn-blue,.card-call-btn,.section-call-btn,.related-card-cta){
  background:#fff!important;border-color:#fff!important;color:var(--final-dark)!important;
}
:is(.blue-card,.card-blue,.bg-blue,.is-blue,.primary-card,.v33-blue,.v33-tile-blue,.dark-card,.card-dark,.bg-dark,.is-dark,.dark,.v33-dark,.v33-tile-dark,.hero-dark,.hero-poster,.process-band,.prep-section,.service-industrial,.final-cta-box) :is(.btn,.btn-primary,.btn-blue,.card-call-btn,.section-call-btn,.related-card-cta) *{color:var(--final-dark)!important}

/* Chips/highlights */
mark,.eyebrow,.spotlight-badge{background:var(--final-blue)!important;border-color:var(--final-blue)!important;color:#fff!important}
mark *,.eyebrow *,.spotlight-badge *{color:#fff!important}

/* Final blue button guarantee */
.btn-primary,a.btn-primary,.btn-blue,a.btn-blue,.card-call-btn,.section-call-btn,.nav-call,.header-call,.mobile-header-call,.mobile-menu-call,.amerigas-card-call,.journey-call,.related-card-cta,.mobile-sticky-cta a{color:#fff!important}
.btn-primary *,a.btn-primary *,.btn-blue *,a.btn-blue *,.card-call-btn *,.section-call-btn *,.nav-call *,.header-call *,.mobile-header-call *,.mobile-menu-call *,.amerigas-card-call *,.journey-call *,.related-card-cta *,.mobile-sticky-cta a *{color:#fff!important}