/* Fivecred: warm introduction, editorial image blocks and a distinct trust section. */
.brand-page{--brand-ink:#163148;--brand-navy:#102f46;--brand-body:#4a5968;--brand-sand:#f5ebdf;--brand-orange:#ff6b00;color:var(--brand-ink)}
.brand-page .hero,.brand-page .s-hero{background:var(--brand-sand);border-bottom:1px solid #e6ddd2}
.brand-page .hero-grid,.brand-page .s-hero-grid{align-items:center;gap:64px;padding-block:48px}
.brand-page .hero-copy{position:static;padding-left:24px;border-left:4px solid var(--brand-orange)}
.brand-page .s-hero-copy{padding-left:24px;border-left:4px solid var(--brand-orange)}
.brand-page .hero-label,.brand-page .s-eyebrow{color:#91400c;font-size:16px;font-weight:550;margin-bottom:20px;line-height:1.5}
.brand-page .hero-label:before{display:none}
.brand-page .hero h1,.brand-page .s-hero h1{font-size:48px;line-height:1.12;letter-spacing:-.035em;max-width:620px;font-weight:550}
.brand-page .hero-intro,.brand-page .s-lead{font-size:19px;line-height:1.65;color:var(--brand-body);margin-top:24px;max-width:48ch}
.hero-highlights{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:16px}
.hero-highlights li{display:flex;gap:12px;align-items:flex-start;font-size:17px;line-height:1.5;color:var(--brand-ink)}
.hero-highlights .icon{width:23px;height:23px;color:#a94b13;flex:none;margin-top:1px}
.brand-page .partner-strip{padding-block:22px;background:#fff}
.brand-page .bank-name{font-size:21px;color:#506070}
.brand-page .section-label{color:#99501d;font-size:15px;font-weight:550;letter-spacing:0;margin-bottom:12px}
.brand-page .section h2{font-size:38px;line-height:1.15;letter-spacing:-.025em;font-weight:550}
.brand-page .section{padding-block:64px}
.brand-page .product-story{background:#fff}
.product-story-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px}
.story-copy{min-width:0}
.story-copy h2{max-width:18ch}
.brand-page .story-intro{font-size:18px;line-height:1.65;color:var(--brand-body);margin-top:20px;max-width:54ch}
.product-facts{list-style:none;display:grid;gap:18px;margin:24px 0 0;padding:0}
.product-facts>li{border-top:1px solid #e0e5e9;padding-top:18px}
.product-facts [data-reading-panel]>summary{padding:0;grid-template-columns:24px minmax(0,1fr);gap:12px;color:var(--brand-ink)}
.product-facts [data-reading-panel]>summary>.icon{color:#a94b13;width:24px;height:24px}
.product-facts strong{font-size:18px;line-height:1.45;font-weight:550}
.product-facts .reading-panel-body{padding:8px 0 0 36px}
.product-facts .reading-panel-body p{font-size:16px;line-height:1.6;color:var(--brand-body);margin:0}
.brand-page .product-note{font-size:15px;line-height:1.6;color:#576576;margin-top:24px;padding-left:14px;border-left:2px solid #e7c29f;max-width:64ch}
/* Reserved artwork has a visible brief and a composition tied to the Fivecred mark. */
.media-slot{position:relative;isolation:isolate;margin:0;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;text-align:left;background:#f6e5d3;border:1px solid #dfc9b3;border-radius:16px 56px 16px 16px;color:var(--brand-ink);padding:30px;min-width:0}
.media-slot::before{content:"";position:absolute;z-index:-1;width:150px;height:180px;right:-22px;top:-18px;background:url('assets/logo-f.svg') center/contain no-repeat;opacity:.16;pointer-events:none}
.context-placeholder{min-height:420px}
.media-label{display:inline-flex;align-items:center;padding:7px 12px;border:1px dashed #a8805c;border-radius:6px;font-size:14px;font-weight:500;line-height:1.4;background:#fff9f1;color:#765239;max-width:100%}
.media-direction{width:100%;max-width:400px;margin-block:24px}
.media-direction>.icon{display:block;width:38px;height:38px;color:#a94b13;margin-bottom:18px}
.media-direction strong{display:block;font-size:26px;line-height:1.2;font-weight:550;max-width:17ch}
.media-direction p{font-size:16px;line-height:1.65;margin-top:16px;color:#685c51;max-width:42ch}
.media-signature{display:block;color:#866e59;font-size:17px;line-height:1.3;letter-spacing:-.02em}
.media-slot.has-image{padding:0;display:block;min-height:0;border:0;aspect-ratio:4/3}
.media-slot.has-image::before{display:none}
.media-slot.has-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.brand-page .process{background:#f5ebdf;border-block:1px solid #eadfd2}
.brand-page .process .section-head{margin-bottom:36px;align-items:start;gap:48px}
.brand-page .process .section-head>p{max-width:25ch;font-size:18px;line-height:1.6;color:var(--brand-body)}
.brand-page .process-list{gap:36px}
.brand-page .process-list>li{border-top:1px solid #d5baa2;padding:22px 0 0}
.process-list [data-reading-panel]>summary{padding:0;display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.brand-page .process-number{position:static;display:grid;place-items:center;width:46px;height:46px;border:1px solid #c58451;border-radius:50%;font-size:20px;line-height:1;color:#9b470f;margin:0}
.process-list summary>strong{display:block;font-size:23px;line-height:1.25;font-weight:550}
.process-list .reading-panel-body{padding:16px 0 0}
.process-list .reading-panel-body p{font-size:17px;line-height:1.65;color:var(--brand-body);max-width:36ch}
/* Trust is the one strong dark section, with the existing compact reading behavior. */
.brand-page .trust,.brand-page .s-trust{background:var(--brand-navy);color:#fff;padding-block:32px}
.brand-page .trust .trust-grid,.brand-page .s-trust .s-trust-grid{gap:24px 40px;align-items:stretch}
.brand-page .trust .section-label,.brand-page .s-trust .s-kicker{color:#ffbc89!important}
.brand-page .trust h2,.brand-page .s-trust h2{color:#fff;font-size:36px;line-height:1.15}
.brand-page .trust-intro,.brand-page .s-trust .trust-heading>p:not(.s-kicker){color:#d0dce5;font-size:17px;line-height:1.55}
.brand-page .trust .trust-heading .button,.brand-page .s-trust .trust-heading .button{background:#ff6b00;border-color:#ff6b00;color:#10283c;min-height:48px;padding:10px 18px;margin-top:18px;font-size:16px;font-weight:550}
.brand-page .trust .brand-placeholder,.brand-page .s-trust .s-team-placeholder{align-items:flex-start;justify-content:space-between;text-align:left;background:#f6e5d3;border-color:#dfc9b3;border-radius:12px 36px 12px 12px;padding:20px 24px;min-height:0}
.brand-page .trust .media-direction,.brand-page .s-trust .media-direction{max-width:440px;margin:12px 0}
.brand-page .trust .media-direction>.icon,.brand-page .s-trust .media-direction>.icon{display:none}
.brand-page .trust .media-direction strong,.brand-page .s-trust .media-direction strong{font-size:22px;line-height:1.25;color:#163148;max-width:none}
.brand-page .trust .media-direction p,.brand-page .s-trust .media-direction p{font-size:15px;line-height:1.5;color:#685c51;margin-top:10px;max-width:44ch}
.brand-page .trust .media-label,.brand-page .s-trust .media-label{font-size:13px;padding:5px 9px}
.brand-page .trust .media-signature,.brand-page .s-trust .media-signature{font-size:15px}
.brand-page .trust .trust-points li,.brand-page .s-trust .s-trust-list li{background:#173b55;border-color:#426177;color:#fff}
.brand-page .trust .trust-points strong,.brand-page .s-trust .s-trust-list strong{color:#fff;font-size:17px;font-weight:500;line-height:1.4}
.brand-page .trust .trust-points p,.brand-page .s-trust .s-trust-list p{color:#d0dce5;font-size:16px;line-height:1.5}
.brand-page .trust .trust-points .icon,.brand-page .s-trust .s-trust-list .icon{color:#ffb078}
.brand-page .trust [data-reading-panel]>summary,.brand-page .s-trust [data-reading-panel]>summary{padding:18px 18px 10px}
.brand-page .trust .reading-panel-body,.brand-page .s-trust .reading-panel-body{padding:0 18px 18px 52px}
.brand-page .trust-notice{background:#f5ebdf;padding-block:22px}
.brand-page .trust-notice .antifraud p{color:#425566}
.brand-page .partners-grid{gap:32px}
.brand-page .partner-group{border-top:2px solid #ff8e3e;padding-top:20px}
.brand-page .partner-group h3{font-size:20px}
.brand-page .partner-group ul{color:#163148;font-size:21px;gap:14px 24px}
.brand-page #duvidas,.brand-page .s-faq{background:#f7f1e8}
.brand-page .faq-list details{border-color:#d9cbbb}
.brand-page .faq-list summary{font-size:18px;font-weight:500;color:#163148}
.brand-page .faq-heading>p:not(.section-label){max-width:36ch}
.brand-page .closing,.brand-page .s-closing{background:#ff6b00;border:0;padding-block:42px}
.brand-page .closing h2,.brand-page .s-closing h2{color:#10283c;font-size:34px;line-height:1.2;max-width:24ch}
.brand-page .closing p,.brand-page .s-closing p,.brand-page .s-closing span{color:#273646}
.brand-page .closing .button,.brand-page .s-closing .button{background:#fff;border-color:#fff;color:#163148;min-height:54px;font-size:17px}
.brand-page .closing .button:hover,.brand-page .s-closing .button:hover{background:#fff3e6;border-color:#fff3e6}
.brand-page .s-property{border-color:#e2d3c2;background:#fff}
.brand-page .s-modalities{background:#f5ebdf}
.brand-page .s-how{background:#fff}
.brand-page .s-value{background:#f5ebdf}
@media(max-width:1279px){
 .brand-page .hero-grid,.brand-page .s-hero-grid{gap:32px;padding-block:40px}
 .brand-page .hero h1,.brand-page .s-hero h1{font-size:44px;max-width:20ch}
 .brand-page .section{padding-block:48px}
 .product-story-grid{grid-template-columns:minmax(0,1fr);max-width:800px;gap:32px}
 .product-story-grid .story-copy{grid-row:1}
 .product-story-grid .context-placeholder{grid-row:2;min-height:340px}
 .story-copy h2{max-width:22ch}
 .product-facts{gap:12px}
 .product-facts>li{padding:0;border:1px solid #dce2e7;border-radius:10px}
 .product-facts [data-reading-panel]>summary{grid-template-columns:24px minmax(0,1fr) 20px;min-height:64px;padding:18px}
 .product-facts .reading-panel-body{padding:0 20px 20px 54px}
 .brand-page .process-list{grid-template-columns:minmax(0,1fr);gap:12px}
 .brand-page .process-list>li{padding:0;border:1px solid #dcc6b3;border-radius:10px;background:#fff9f2}
 .process-list [data-reading-panel]>summary{display:grid;grid-template-columns:44px minmax(0,1fr) 20px;align-items:center;padding:18px;gap:14px}
 .process-list summary>strong{font-size:19px}
 .brand-page .process-number{width:40px;height:40px;font-size:17px}
 .process-list .reading-panel-body{padding:0 22px 22px 76px}
 .process-list .reading-panel-body p{max-width:65ch}
 .brand-page .trust .trust-heading,.brand-page .s-trust .trust-heading{border-color:#446075;padding-bottom:20px}
 .brand-page .trust .brand-placeholder,.brand-page .s-trust .s-team-placeholder{min-height:240px;padding:24px}
 .brand-page .trust [data-reading-panel]>summary,.brand-page .s-trust [data-reading-panel]>summary{padding:20px 18px}
 .brand-page .trust .reading-panel-body,.brand-page .s-trust .reading-panel-body{padding:0 20px 20px 52px}
 .brand-page .partners-grid{grid-template-columns:minmax(0,1fr)}
 .brand-page .section h2{font-size:34px}
}
@media(max-height:760px) and (min-width:1280px){
 .brand-page .section{padding-block:36px}
 .brand-page .trust,.brand-page .s-trust{padding-block:24px}
 .brand-page .trust h2,.brand-page .s-trust h2{font-size:32px}
 .brand-page .trust .trust-grid,.brand-page .s-trust .s-trust-grid{gap:20px 40px}
 .brand-page .trust .trust-points li,.brand-page .s-trust .s-trust-list li{font-size:16px}
 .context-placeholder{min-height:340px}
 .brand-page .product-story-grid{gap:48px}
 .brand-page .story-copy h2{font-size:32px}
 .brand-page .story-intro{font-size:17px;margin-top:14px}
 .product-facts{margin-top:18px;gap:14px}
 .product-facts>li{padding-top:14px}
 .brand-page .product-note{margin-top:18px}
}
@media(max-width:699px){
 .brand-page .hero-grid,.brand-page .s-hero-grid{padding-block:32px;gap:28px}
 .brand-page .hero-copy,.brand-page .s-hero-copy{padding-left:16px;border-left-width:3px}
 .brand-page .hero h1,.brand-page .s-hero h1{font-size:34px;line-height:1.14;max-width:20ch}
 .brand-page .hero-label,.brand-page .s-eyebrow{font-size:15px;margin-bottom:16px}
 .brand-page .hero-intro,.brand-page .s-lead{font-size:18px;line-height:1.65;margin-top:18px}
 .hero-highlights{margin-top:22px;gap:12px}
 .hero-highlights li{font-size:16px;line-height:1.5}
 .brand-page .section,.brand-page .s-section{padding-block:40px}
 .brand-page .section h2,.brand-page.seller-page h2:not(.j-heading){font-size:30px}
 .product-story-grid{gap:28px}
 .brand-page .story-intro{font-size:17px}
 .media-slot{padding:24px;border-radius:12px 40px 12px 12px}
 .product-story-grid .context-placeholder{min-height:320px}
 .media-direction{margin-block:20px}
 .media-direction strong{font-size:24px}
 .media-direction p{font-size:15px;line-height:1.6}
 .product-facts strong{font-size:17px}
 .brand-page .product-note{font-size:15px;line-height:1.55}
 .brand-page .process .section-head{gap:20px;margin-bottom:24px}
 .brand-page .process .section-head>p{font-size:17px;margin-top:16px;max-width:36ch}
 .process-list [data-reading-panel]>summary{grid-template-columns:36px minmax(0,1fr) 20px;padding:18px 14px;gap:10px}
 .brand-page .process-number{width:34px;height:34px;font-size:16px}
 .process-list summary>strong{font-size:18px;line-height:1.4}
 .process-list .reading-panel-body{padding:0 18px 20px 60px}
 .process-list .reading-panel-body p{font-size:16px;line-height:1.6}
 .brand-page .trust,.brand-page .s-trust{padding-block:24px}
 .brand-page .trust h2,.brand-page .s-trust h2{font-size:29px}
 .brand-page .trust .trust-heading .button,.brand-page .s-trust .trust-heading .button{width:100%}
 .brand-page .closing h2,.brand-page .s-closing h2{font-size:30px}
 .brand-page .closing,.brand-page .s-closing{padding-block:32px}
 .brand-page .closing .button,.brand-page .s-closing .button{width:100%}
}
@media(prefers-reduced-motion:reduce){.brand-page *{scroll-behavior:auto}}

/* Square service photos keep faces visible and fit the viewport. */
.brand-page .trust .media-slot.has-image,.brand-page .s-trust .media-slot.has-image{width:100%;max-width:min(420px,100%,calc(100svh - var(--header-height) - 64px));height:auto;aspect-ratio:1/1;padding:0;min-height:0;align-self:center;justify-self:center;background:transparent}
.brand-page .trust .media-slot.has-image img,.brand-page .s-trust .media-slot.has-image img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:699px){
 .context-placeholder .media-direction>.icon{display:none}
 .context-placeholder .media-signature{display:none}
 .context-placeholder .media-direction{margin-bottom:0}
}

/* Align section anchors without exposing the tail of the previous text block. */
.brand-page .section[id],.brand-page .s-section[id]{scroll-margin-top:0}

.brand-page .product-story-grid .context-placeholder.has-image{width:100%;max-width:100%;min-height:0;aspect-ratio:4/3}
.brand-page .context-placeholder.has-image img{position:absolute;inset:0;width:100%;height:100%}
