/* Finoro Material foundations: shared visual tokens, state layers and component geometry. */
:root{--md-primary:#087844;--md-on-primary:#fff;--md-primary-container:#e4f1d7;--md-on-primary-container:#123e32;--md-surface:#fff;--md-surface-container:#f4f7ee;--md-outline:#c2cfbc;--md-outline-variant:#e0e7d9;--md-ink:#102039;--md-radius-small:10px;--md-radius-medium:16px;--md-radius-large:24px;--md-elevation-1:0 1px 3px #123e3212,0 2px 6px #123e3208;--md-elevation-2:0 3px 8px #123e3212,0 8px 22px #123e3208;--md-elevation-3:0 8px 18px #123e3218,0 18px 45px #123e3210;--md-motion:160ms cubic-bezier(.2,0,0,1)}
body :is(.pd-calculator,.st-calculator,.calc-primary,.calc-panel,.lp-card,.gh-card,.gh-start,.sp-toc,.ga-toc,.lp-summary,.budget-inputs,.budget-result,.term-cost,.term-budget,.amount-cost-section,.amount-afford,.pd-responsible,.fs-before){border-radius:var(--md-radius-large);border:1px solid var(--md-outline-variant);box-shadow:var(--md-elevation-1)}
body :is(.pd-calculator,.st-calculator){box-shadow:var(--md-elevation-2)}
body :is(.gh-card,.lp-card,.type-card,.sp-related a){transition:box-shadow var(--md-motion),border-color var(--md-motion)}
@media(hover:hover){body :is(.gh-card,.lp-card,.type-card):hover{box-shadow:var(--md-elevation-2);border-color:#b8cdb0}}
body :is(.nav-panel){background:#fff;border:1px solid var(--md-outline-variant);border-radius:var(--md-radius-large);box-shadow:var(--md-elevation-3)}
body :is(.primary,.pd-button,.pill,.gh-primary,.lp-primary,.ga-button,.sp-next>a,.photo-form button){border-radius:12px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center;transition:filter var(--md-motion),box-shadow var(--md-motion);font-weight:800;line-height:1.4}
body :is(.pd-button,.lp-primary){display:flex;width:100%}
body :is(.primary,.pd-button,.gh-primary,.lp-primary,.ga-button,.sp-next>a,.photo-form button){box-shadow:0 1px 2px #123e3210}
@media(hover:hover){body :is(.primary,.pd-button,.pill,.gh-primary,.lp-primary,.ga-button,.sp-next>a,.photo-form button):hover{filter:brightness(.95);box-shadow:var(--md-elevation-1)}}
body :is(.primary,.pd-button,.pill,.gh-primary,.lp-primary,.ga-button,.sp-next>a,.photo-form button):active{filter:brightness(.9)}
body button:disabled{cursor:not-allowed;box-shadow:none;opacity:.48}
body :is(.nav-toggle,.mobile-menu){min-height:44px;border-radius:10px;transition:background-color var(--md-motion)}
body :is(.nav-toggle,.mobile-menu):hover{background:#0878440c}
body :is(.nav-toggle,.mobile-menu)[aria-expanded=true]{background:#e6f0dd;color:#123e32}
body input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=hidden]),body select,body textarea{border-radius:10px;min-height:44px;border-color:var(--md-outline);transition:border-color var(--md-motion),box-shadow var(--md-motion)}
body input[type=checkbox],body input[type=radio]{accent-color:var(--md-primary)}
body :is(input:not([type=range]),select,textarea):focus-visible{border-color:var(--md-primary);box-shadow:0 0 0 3px #08784414}
body :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #087844;outline-offset:3px}
body :is(.customer-options label,.day-options button,.segments button,.gh-filters button,.amount-siblings a){min-height:44px;border-radius:12px;transition:background-color var(--md-motion),border-color var(--md-motion)}
body :is(.day-options button,.segments button).active{box-shadow:0 1px 3px #123e3215}
body :is(.pd-faq details,.fs-faq details,.ga-section details,.sp-content details,.cz-faq details,.calc-faq details){border-radius:12px;border-color:var(--md-outline-variant);background:#fff;transition:background-color var(--md-motion)}
body :is(.pd-faq details,.fs-faq details,.sp-content details,.cz-faq details,.calc-faq details)[open]{background:#f8fbf4;border-color:#b8cdae}
body :is(.pd-faq summary,.fs-faq summary,.sp-content summary,.cz-faq summary,.calc-faq summary){min-height:24px;line-height:1.5}
body :is(.pd-table-scroll,.st-table-scroll,.ga-table-scroll,.sp-table){border-radius:var(--md-radius-medium)}
body dialog{border:1px solid var(--md-outline-variant);border-radius:28px;box-shadow:var(--md-elevation-3)}
body dialog::backdrop{background:#10203966}
/* Every item in a row has identical logo, metric, note, checklist and action tracks. */
body .real-offers{align-items:stretch;gap:14px}
body .real-offers .branded-offer{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:14px 76px 65px 44px 70px 44px 30px;padding:16px!important;min-height:0!important;gap:0;border-radius:18px;border:1px solid var(--md-outline-variant);box-shadow:var(--md-elevation-1);transition:box-shadow var(--md-motion),border-color var(--md-motion)}
@media(hover:hover){body .real-offers .branded-offer:hover{box-shadow:var(--md-elevation-2);border-color:#b8cdb0}}
body .branded-offer .real-product-type{margin:0;align-self:start}
body .branded-offer .offer-brand{height:76px!important;margin:0!important;min-width:0;align-self:center}
body .branded-offer .offer-brand a{height:60px;max-width:100%}
body .branded-offer .offer-facts{min-height:0;align-self:stretch;grid-template-columns:1.15fr 1fr!important;padding:6px 0!important;gap:8px}
body .branded-offer .offer-facts small{margin-top:0;margin-bottom:5px;font-size:9px;line-height:1.5}
body .branded-offer .offer-facts b{font-size:14px;line-height:1.4;font-variant-numeric:tabular-nums}
body .branded-offer .real-customer-note{align-self:stretch;min-height:0;margin:0 0 7px;padding:6px 8px;border-radius:7px;font-size:9px;line-height:1.45}
body .branded-offer .checks{align-self:start;margin:0!important;padding:3px 0 0}
body .branded-offer .checks li{font-size:9px!important;line-height:1.45;margin:5px 0;overflow-wrap:anywhere}
body .branded-offer .pd-button{align-self:stretch;margin:0!important;border-radius:10px;min-height:44px;width:100%;padding:10px 6px;font-size:10px!important;gap:4px;white-space:nowrap}
body .branded-offer .detail-link{align-self:center;margin:0;font-size:9px!important;min-height:26px;display:flex;align-items:center;justify-content:center}
body .branded-offer .pd-button span{margin:0;padding:0}
body .lp-grid{align-items:stretch}
body .lp-card{display:grid;grid-template-rows:auto 76px auto 1fr 44px 30px;gap:12px;padding:24px;border-radius:20px}
body .lp-card>h3{height:76px;margin:0!important;display:flex;align-items:center;line-height:1.25}
body .lp-card .directory-brand{justify-content:center}
body .lp-card>.lp-type{justify-self:start;align-self:start}
body .lp-card>p{margin:0;min-height:62px}
body .lp-card>.lp-primary{margin:0;align-self:stretch}
body .lp-card>.lp-external{margin:0;align-self:center;text-align:center}
@media(max-width:1000px){body .real-offers{gap:14px}body .real-offers .branded-offer{grid-template-rows:14px 76px 65px 44px 76px 44px 30px}}
@media(max-width:768px){body .real-offers{gap:12px}body .real-offers .branded-offer{padding:15px!important;grid-template-rows:14px 76px 67px 46px 84px 44px 30px}body .branded-offer .checks li{font-size:10px!important}body .branded-offer .real-customer-note{font-size:9px}body .lp-card{padding:22px}}
@media(max-width:420px){body .real-offers{gap:10px}body .real-offers .branded-offer{padding:12px!important;grid-template-rows:14px 70px 91px 50px 87px 44px 30px}body .branded-offer .offer-brand{height:70px!important}body .branded-offer .offer-facts{grid-template-columns:1fr!important;gap:6px}body .branded-offer .offer-facts>div+div{margin:0}body .branded-offer .real-customer-note{font-size:8px}body .branded-offer .checks li{font-size:9px!important}body .branded-offer .pd-button{font-size:9px!important}}
@media(max-width:350px){body .real-offers .branded-offer{grid-template-rows:14px 76px 64px 43px 75px 44px 30px}body .branded-offer .offer-facts{grid-template-columns:1fr 1fr!important}body .branded-offer .checks li{font-size:11px!important}body .branded-offer .pd-button{font-size:12px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Readable supporting text without shifting any card's action row. */
body .real-offers .branded-offer{grid-template-rows:16px 76px 69px 50px 92px 44px 32px}
body .branded-offer .real-product-type{font-size:10px}
body .branded-offer .real-customer-note{font-size:10px;line-height:1.5}
body .branded-offer .checks li{font-size:10px!important;line-height:1.55}
body .branded-offer .pd-button{font-size:11px!important}
body .branded-offer .detail-link{font-size:10px!important}
@media(max-width:768px){body .real-offers .branded-offer{grid-template-rows:16px 76px 70px 52px 98px 44px 32px}body .branded-offer .checks li{font-size:11px!important}}
@media(max-width:420px){body .real-offers .branded-offer{grid-template-rows:16px 70px 91px 60px 108px 44px 32px}body .branded-offer .real-customer-note{font-size:10px}body .branded-offer .pd-button{font-size:10px!important}}
@media(max-width:350px){body .real-offers .branded-offer{grid-template-rows:16px 76px 64px 44px 81px 44px 32px}body .branded-offer .pd-button{font-size:12px!important}}
/* A subtle full-width canvas connects the content on wide displays. */
:root{--finoro-page-canvas:#f4f6f0;--md-surface-container:#f4f6f0}
body,body[class]{background-color:var(--finoro-page-canvas)}
body :is(.photo-main,.pd-main,.st-reference,.calc-main,.guides-hub,.guide-article,.service-main,.lp-directory,.lp-detail){background-color:transparent}
body .photo-top,body .pd-top,body .st-photo-top,body .calc-top{background-color:#eef3e8}
body :is(.photo-trust,.online-trust,.pd-trust,.st-trust){background-color:#edf3e4;box-shadow:0 0 0 100vmax #edf3e4;clip-path:inset(0 -100vmax)}
body :is(.branded-offer,.lp-card,.gh-card,.calc-primary,.calc-panel,.budget-inputs,.pd-calculator,.st-calculator,.ga-table-scroll,.sp-table){background-color:#fff}
body .bottom-breadcrumb{border-top-color:#dce4d3}
body .footer-grid,body footer{background-color:transparent}
body.providers-page:not(.creditza-profile){background-color:var(--finoro-page-canvas)}
/* Cards end at their primary action; no secondary outbound link track. */
body .real-offers .branded-offer{grid-template-rows:16px 76px 69px 50px 92px 44px}
body .branded-offer .pd-button span[aria-hidden=true]:empty{display:none}
body .branded-offer .creditza-brand-name>small{display:none}
body .fs-process article::after,body .pd-steps article::after{display:none}
@media(max-width:768px){body .real-offers .branded-offer{grid-template-rows:16px 76px 70px 52px 98px 44px}}
@media(max-width:420px){body .real-offers .branded-offer{grid-template-rows:16px 70px 91px 60px 108px 44px}}
@media(max-width:350px){body .real-offers .branded-offer{grid-template-rows:16px 76px 64px 44px 81px 44px}}
/* Final banners use a standalone photograph, never a multi-panel asset sheet. */
body .fs-content .fs-final{background-image:linear-gradient(90deg,#f7faf2ee,transparent 65%),url('short-banner.webp')!important;background-size:100% 100%,cover!important;background-position:center,65% center!important;background-repeat:no-repeat!important;--fs-photo:url('short-banner.webp')!important;--fs-photo-size:cover!important;--fs-photo-x:65%!important}
@media(max-width:600px){
 body .fs-content .fs-final{background-image:none!important;background-color:#f0f6ed!important}
 body .fs-content .fs-final:before{background-image:linear-gradient(to bottom,#f0f6ed,transparent 25%),url('short-banner.webp')!important;background-size:100% 100%,cover!important;background-position:center,65% center!important;background-repeat:no-repeat!important}
}
/* Do not nest the FAQ's two-column layout inside another two-column row. */
body .st-reference .st-faq-row{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
body .st-reference .st-faq-row>.fs-faq-layout{width:100%;min-width:0}
body .st-reference .faq-title-row{display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left}
body .st-reference .faq-title-row h2{margin:0;text-align:left}
body .fs-faq-layout>.fs-before{margin-top:0;min-width:0}
body .fs-faq-layout>.fs-faq{min-width:0}
@media(max-width:600px){body .st-reference .faq-title-row{align-items:flex-start;flex-wrap:wrap}}
.skip-link{position:fixed;top:8px;left:12px;z-index:99999;transform:translateY(-180%);padding:12px 18px;border-radius:8px;background:#123e32;color:white;font-size:14px;font-weight:700;text-decoration:none}.skip-link:focus{transform:none;outline:3px solid #b9e26b;outline-offset:2px}

/* Finoro wordmark */
body a.logo{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;letter-spacing:-1.6px;color:#123e32}body a.logo .finoro-mark{display:block;width:32px;height:32px;flex:none}body a.logo span{line-height:1.2}@media(max-width:360px){body a.logo{gap:7px}body a.logo .finoro-mark{width:27px;height:27px}}
@media(max-width:360px){body header{gap:8px!important;padding-left:16px!important;padding-right:16px!important}body header a.logo{font-size:24px;gap:6px}body header a.logo .finoro-mark{width:24px;height:24px}body header>.pill{font-size:10px;padding:8px}body header .mobile-menu{font-size:11px;padding:8px}}

.affiliate-note{max-width:1120px;margin:24px auto 0;padding:16px 28px;font-size:12px;line-height:1.7;color:#52665c}.affiliate-note a{text-decoration:underline;text-underline-offset:3px}

body a.pd-button[href^="https://go.leadgid.com/"],body a.lp-primary[href^="https://go.leadgid.com/"],body a.ic-details[href^="https://go.leadgid.com/"]{color:#fff!important;font-weight:700}body a.ic-details[href^="https://go.leadgid.com/"]{background:#008052;border-radius:8px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center}