@charset "UTF-8";
:root{color-scheme:dark;--bg:#0b0e0c;--paper:#f2eee4;--muted:#b7bcaf;--gold:#efd28c;--line:#d9bb6c24;--font:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:radial-gradient(ellipse at 50% 7%,#15332746,transparent 50%),var(--bg);font:16px/1.6 var(--font);color:var(--paper)}
a,button{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{outline-offset:5px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #ffe6a3}img{max-width:100%;height:auto;display:block}h1,h2,p{margin:0}h1,h2{line-height:1.12;letter-spacing:-.035em}.shell{width:min(920px,calc(100% - 48px));margin-inline:auto}.skip{position:absolute;left:16px;top:-80px;background:#fff;color:#111;padding:12px;z-index:100}.skip:focus{top:16px}
.header{display:flex;justify-content:space-between;align-items:center;min-height:122px;border-bottom:1px solid var(--line)}.brand{width:340px}.brand img{width:100%}.header nav{display:flex;gap:26px;font-size:12px;color:#c2bdad}.header nav a:hover{color:#ffe5a5}
.hero{width:min(590px,calc(100% - 40px));padding-block:38px 36px}.intro{margin-bottom:29px}.hero-visual{position:relative;border:1px solid #d5b66e37;border-radius:24px;overflow:hidden;background:#080b09;box-shadow:0 18px 70px #0005}.hero-photo{width:100%;aspect-ratio:3/2;object-fit:contain;background:#080b09}.photo-caption{position:relative;margin-top:-18px;padding:0 28px 26px;background:linear-gradient(transparent,#080b09 22px)}.eyebrow{display:block;color:#c2c9b2;font-size:9px;font-weight:700;letter-spacing:.2em;margin-bottom:11px}.photo-caption h1{font-size:47px;font-weight:800;line-height:1.07}.photo-caption h1 span{color:#f1d28c}.welcome-copy{padding:23px 8px 0;text-align:center}.lead{font-size:17px;line-height:1.7;color:#e7e8de}.lead strong{color:#f0d792;font-weight:700}.intro-detail{font-size:14px;line-height:1.8;color:var(--muted);margin-top:14px}
.destination-panel{scroll-margin-top:24px}.panel-heading{text-align:center;margin-bottom:23px}.section-kicker{font-size:9px;font-weight:700;letter-spacing:.17em;color:#b8b99d}.panel-heading h2{font-size:27px;margin-top:9px}.destination-stack{display:grid;gap:17px}
.metal-button{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:88px;min-height:88px;padding:12px 44px;border:1px solid;border-radius:18px;overflow:hidden;text-align:center;transition:transform .18s,filter .18s;box-shadow:inset 0 1px 1px #fff9,inset 0 -2px 3px #0009,0 3px 0 #021c12,0 9px 24px #0006}
.metal-button.green{border-color:#6ddca4;background:linear-gradient(110deg,#ffffff04,#ffffff15 24%,#ffffff00 48%,#ffffff0b 77%,#ffffff00),linear-gradient(180deg,#8be3b6 0%,#38b882 5%,#209468 18%,#107451 40%,#0b6849 58%,#18875d 78%,#39ac78 94%,#147349 100%)}
.metal-button:before{content:"";position:absolute;z-index:-1;inset:2px;border-radius:9px;background:linear-gradient(104deg,transparent 8%,#eeffed13 28%,#eeffed04 45%,transparent 61%);pointer-events:none}.metal-button:after{content:"";position:absolute;inset:3px;border:1px solid #efffe51c;border-top-color:#ffffff56;border-bottom-color:#001d1c55;border-radius:8px;pointer-events:none}.metal-button:hover{transform:translateY(-2px);filter:brightness(1.07)}.metal-button:active{transform:translateY(1px)}
.button-copy{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:5px}.button-copy strong{font-size:26px;font-weight:900;letter-spacing:-.035em;line-height:1.2;color:#ffe18b;background:linear-gradient(180deg,#fff8d1 0%,#ffe9a1 23%,#ffcc46 45%,#b97b0e 52%,#ffd664 69%,#fff0a4 82%,#d69b23 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 0 #573507) drop-shadow(0 2px 1px #061a10) drop-shadow(0 0 5px #ebbc3836)}.button-copy small{font-size:11px;letter-spacing:.025em;font-weight:600;line-height:1.2;color:#f8e7b5;text-shadow:0 1px 2px #001e11}.button-arrow{position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:24px;line-height:1;color:#ffe49c;text-shadow:0 1px 2px #092a13}
.metal-button.gold{border-color:#ffe59c;background:linear-gradient(180deg,#ffe7a5 0%,#d9ac43 17%,#aa7015 45%,#72440b 51%,#ae7619 78%,#dcad44 100%);box-shadow:inset 0 1px 1px #fff9,inset 0 -2px 3px #54320899,0 3px 0 #4d2f08,0 9px 24px #0006}.metal-button.gold .button-copy strong{font-size:25px;filter:drop-shadow(0 1px 0 #603405) drop-shadow(0 2px 1px #442402) drop-shadow(0 0 4px #fadb6a42)}.metal-button.gold .button-copy small{color:#fff0c4;text-shadow:0 1px 2px #412600}.metal-button.gold .button-arrow{color:#ffebae;text-shadow:0 1px 2px #563300}.stack-divider{display:flex;align-items:center;gap:14px;margin:10px 0 2px}.stack-divider span{height:1px;background:var(--line);flex:1}.stack-divider small{font-size:8px;letter-spacing:.14em;color:#b6b29c;white-space:nowrap}.panel-note{font-size:11px;color:#8e9b86;text-align:center;margin-top:22px}
.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid var(--line);padding-block:32px 40px}.benefits article{display:flex;align-items:flex-start;gap:14px}.benefit-number{color:#b59b5f;font-size:11px;padding-bottom:4px;border-bottom:1px solid #84632e}.benefits h2{font-size:15px;line-height:1.5;letter-spacing:-.01em}.benefits p{font-size:12px;color:var(--muted);line-height:1.8;margin-top:8px}
.club-section{display:grid;grid-template-columns:1fr 1fr;gap:50px;border-block:1px solid var(--line);padding-block:44px;margin-top:12px}.gold-text{color:#bfa36a}.club-copy h2{font-size:45px;color:var(--gold);margin-bottom:18px}.club-copy>p{font-size:18px;line-height:1.6}.club-copy p.club-description{font-size:13px;color:var(--muted);margin-top:16px;line-height:1.8}.club-status{display:flex;gap:9px;align-items:center;font-size:9px;letter-spacing:.17em;color:#b49b61;margin-top:23px}.live-dot{height:6px;width:6px;display:inline-block;border-radius:50%;background:#cbaa5a}.club-action{display:flex;flex-direction:column;justify-content:center}.price-label{font-size:9px;letter-spacing:.15em;color:#b6a176}.club-price{display:flex;align-items:baseline;gap:9px;font-size:76px;line-height:1.15;letter-spacing:-.065em;font-weight:800;color:#f2d38a;margin-top:8px}.club-price span{font-size:27px;letter-spacing:-.04em}.club-price small{font-size:16px;letter-spacing:0;color:#c4b386;font-weight:400}.club-action>p{font-size:11px;line-height:1.8;color:#b7ac93;max-width:340px;margin:12px 0 24px}.club-action .metal-button .button-copy strong{font-size:22px}
.faq{display:grid;grid-template-columns:1fr 1.15fr;gap:50px;padding-block:52px}.faq h2{font-size:33px;max-width:300px;margin-top:12px}.faq>div>p{font-size:13px;color:var(--muted);margin-top:15px}.faq-items{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-size:13px;font-weight:600;line-height:1.5}summary::-webkit-details-marker{display:none}summary span{font-size:20px;line-height:1;color:#c3a668}details[open] summary span{transform:rotate(45deg)}details p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:14px;padding-right:16px}
.footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;padding-block:30px;border-top:1px solid var(--line)}.footer img{width:220px}.footer p{font-size:10px;color:#8f9885;line-height:1.8}.footer-links{display:flex;flex-wrap:wrap;gap:20px;font-size:10px;color:#b7b79e}.footer-links button{font:inherit;padding:0;border:0;background:none;color:inherit}.copyright{width:100%}
.preview-banner{background:#e8d9a8;color:#3b3423;font-size:10px;letter-spacing:.11em;text-align:center;padding:8px 14px;font-weight:800}.preview-banner span{letter-spacing:0;font-weight:400;margin-left:15px}.preview-banner[hidden]{display:none}
.consent{position:fixed;z-index:9;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:24px;align-items:center;width:min(940px,calc(100% - 30px));padding:20px 24px;border:1px solid #8e936e77;background:#1e231bef;border-radius:18px;box-shadow:0 15px 80px #000a;backdrop-filter:blur(15px)}.consent[hidden]{display:none}.consent strong{font-size:12px}.consent p{font-size:11px;line-height:1.7;margin-top:6px;color:#bec4b3}.consent-actions{display:flex;flex-shrink:0;gap:10px}.consent-actions button{font-size:10px;padding:12px 14px;border-radius:8px;border:1px solid #949a7e;background:transparent;color:#f0eddb}.consent-actions button:last-child{background:#ece1b9;color:#292b20;border-color:#ece1b9}
dialog{position:fixed;width:min(440px,calc(100% - 40px));background:#1d231a;color:var(--paper);border:1px solid #9a855176;border-radius:22px;padding:37px}dialog::backdrop{background:#050706b8;backdrop-filter:blur(5px)}dialog h2{font-size:30px;margin:16px 0}dialog p{font-size:14px;color:#bac0ae;line-height:1.7}.dialog-close{position:absolute;right:15px;top:10px;border:0;background:none;color:#c9c9b5;font-size:28px}.dialog-back{margin-top:25px;border:1px solid #928152;border-radius:9px;padding:11px 16px;background:#dac48c;color:#282719;font-size:12px}.dialog-back:focus-visible{outline-color:#fff}
@media(max-width:640px){.shell{width:calc(100% - 40px)}.header{min-height:99px;justify-content:center}.brand{width:min(320px,100%)}.header nav{display:none}.hero{padding-block:22px 30px}.hero-visual{border-radius:20px}.photo-caption{padding:0 20px 22px;margin-top:-14px}.photo-caption h1{font-size:clamp(30px,9vw,42px)}.eyebrow{font-size:8px;letter-spacing:.17em;margin-bottom:9px}.welcome-copy{padding:19px 2px 0}.lead{font-size:15px;line-height:1.7}.intro-detail{font-size:12px;line-height:1.8;margin-top:12px}.intro{margin-bottom:26px}.panel-heading{margin-bottom:20px}.panel-heading h2{font-size:23px}.section-kicker{font-size:8px}.destination-stack{gap:15px}.metal-button{height:82px;min-height:82px;padding:12px 35px;border-radius:16px}.metal-button:before{border-radius:13px 13px 50% 50%}.metal-button:after{border-radius:12px}.button-copy strong{font-size:26px}.button-copy small{font-size:10px}.button-arrow{right:17px;font-size:22px}.metal-button.gold .button-copy strong{font-size:22px}.stack-divider{gap:10px;margin:9px 0 2px}.stack-divider small{font-size:7px}.panel-note{font-size:10px;margin-top:20px}.benefits{grid-template-columns:1fr;gap:22px;padding-block:27px 32px}.benefits p{margin-top:4px}.benefits h2{font-size:14px}.club-section{grid-template-columns:1fr;gap:27px;padding-block:35px;margin-top:6px}.club-copy h2{font-size:41px}.club-copy>p{font-size:17px}.club-copy p.club-description{font-size:12px;margin-top:13px}.club-status{font-size:8px;margin-top:18px}.club-action{padding-top:24px;border-top:1px solid var(--line)}.club-price{font-size:70px}.club-action>p{margin:11px 0 22px}.club-action .metal-button .button-copy strong{font-size:21px}.faq{grid-template-columns:1fr;gap:26px;padding-block:38px}.faq h2{font-size:31px}.faq>div>p{font-size:12px}.faq-items summary{font-size:12px}details{padding:18px 0}.footer{gap:22px;padding-block:26px}.footer img{width:220px}.footer-links{width:100%;gap:18px}.copyright{font-size:9px!important}.preview-banner{font-size:8px;padding:6px 12px}.preview-banner span{display:block;margin:1px 0 0;font-size:8px}.consent{flex-direction:column;align-items:stretch;padding:18px;gap:14px;bottom:10px}.consent-actions{display:grid;grid-template-columns:1fr 1fr}.consent-actions button{padding:11px 7px;font-size:10px}dialog{padding:32px 26px}}
@media(max-width:360px){.shell{width:calc(100% - 30px)}.metal-button.gold .button-copy strong{font-size:19px}.club-action .metal-button .button-copy strong{font-size:19px}.lead{font-size:14px}.button-copy strong{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

@media(max-width:640px){.club-action .metal-button .button-copy strong{font-size:19px}.photo-caption h1{font-size:clamp(32px,9.5vw,42px)}}
@media(max-width:360px){.club-action .metal-button .button-copy strong{font-size:16px}.metal-button.gold .button-copy strong{font-size:18px}}

/* Fundo integral aprovado nas artes de Clientes do Canva, sem alterar as coroas. */
body::before{mask-image:linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 12px),transparent);mask-size:min(100vw,941px) 100%;mask-position:center top;mask-repeat:repeat}
body::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:url('./assets/fundo-clientes-coroas.png');background-repeat:repeat;background-size:min(100vw,941px) auto;background-position:center top;opacity:1}.header,main,.footer{position:relative;z-index:1}.hero-photo{filter:none;image-rendering:auto}.metal-button[aria-disabled="true"]{cursor:default}.metal-button[aria-disabled="true"]:hover{transform:none;filter:none}#clube-proposta{margin-top:25px;scroll-margin-top:25px}#clube-proposta summary{font-size:13px}#clube-proposta p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:12px}
@media(max-width:640px){body::before{background-size:100% auto;background-position:center top;opacity:1}}

/* Mobile-first refinement: smooth polished metal, legible type and clear trust cues. */
:root {
  --bg: #0b0f0d;
  --paper: #f7f3e9;
  --muted: #b9c1b9;
  --gold: #ead091;
  --font: "Segoe UI", Arial, Helvetica, sans-serif;
  --display: "Rei Display", "Arial Black", "Segoe UI", Arial, sans-serif;
}
body { position: relative; min-height: 100vh; -webkit-font-smoothing: antialiased; background: #000; }
.shell { width: min(1000px, calc(100% - 48px)); }
.header { min-height: 126px; }
.header nav { font-size: 14px; color: #d1d1c2; }
.header nav a { display: inline-flex; align-items: center; min-height: 42px; }
.hero { width: min(620px, calc(100% - 40px)); padding-block: 36px 42px; }
.intro { margin-bottom: 32px; }
.hero-visual { border-radius: 20px; background: #080d0a; box-shadow: 0 20px 65px #0004; }
.hero-photo { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: contain; filter: none; image-rendering: auto; }
.photo-caption { margin-top: 0; padding: 7px 30px 27px; background: #080d0a; }
.eyebrow, .section-kicker { font-size: 11px; font-weight: 700; letter-spacing: .16em; color: #c9d0b9; }
.photo-caption h1 { font-family: var(--display); font-size: 46px; font-weight: 900; line-height: 1.09; }
.photo-caption h1 span, .text-gold, .gold-text { color: var(--gold); }
.welcome-copy { padding: 25px 7px 0; text-align: center; }
.lead { font-size: 18px; color: #f1f1e8; line-height: 1.7; }
.intro-detail { font-size: 15px; line-height: 1.8; margin-top: 15px; }
.section-link { display: inline-flex; align-items: center; min-height: 40px; color: #ead49d; font-size: 14px; text-decoration: underline; text-underline-offset: 4px; }
.panel-heading h2 { font-size: 29px; font-weight: 750; }
.destination-stack { gap: 16px; }
.metal-button { height: 90px; min-height: 90px; padding: 10px 36px; border-radius: 12px; box-shadow: inset 0 1px 1px #fff9, inset 0 -2px 2px #0007, 0 3px 0 #041d12, 0 9px 22px #0005; }
.button-copy strong { font-family: var(--display); font-size: 25px; font-weight: 900; line-height: 1.17; background: linear-gradient(180deg,#fff8d2 0%,#ffe6a0 24%,#e9b94b 49%,#c18b22 64%,#ffdc78 88%,#f5d68a 100%); -webkit-background-clip: text; background-clip: text; filter: drop-shadow(0 1px 0 #54400b) drop-shadow(0 2px 1px #002f1d); }
.button-copy small { font-size: 13px; font-weight: 500; line-height: 1.3; letter-spacing: .015em; color: #f5edcf; text-shadow: 0 1px 1px #00432c; }
.button-arrow { right: 17px; color: #ffe7a3; font-size: 24px; }
.metal-button.gold { border-color: #ffe4a1; background: linear-gradient(108deg,#ffffff08,#ffffff2c 25%,#ffffff00 52%,#ffffff10 78%,#ffffff00),linear-gradient(180deg,#fff3c6 0%,#edcf86 5%,#d8b261 22%,#bd913c 43%,#af8434 60%,#cba354 81%,#e8c97c 95%,#b7872e 100%); box-shadow: inset 0 1px 1px #fffc, inset 0 -2px 2px #613a1255, 0 3px 0 #5a3c17, 0 9px 22px #0005; }
.metal-button.gold:after { border-color: #fff8d330; border-top-color: #fffbe48c; border-bottom-color: #66461e66; }
.metal-button.gold .button-copy strong { font-size: 24px; color: #2f240e; background: none; -webkit-text-fill-color: currentColor; filter: none; text-shadow: 0 1px 0 #fce7aa9c; }
.metal-button.gold .button-copy small { color: #3c3019; text-shadow: 0 1px 0 #ffe8a77d; font-weight: 600; }
.metal-button.gold .button-arrow { color: #46341b; text-shadow: 0 1px 0 #ffe7a477; }
.stack-divider small { font-size: 10px; font-weight: 600; letter-spacing: .1em; color: #b4beaf; }
.panel-note { font-size: 13px; color: #b2bdac; }
.trust-strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; padding-block: 24px; border-block: 1px solid var(--line); margin-top: 32px; }
.trust-item { text-align: center; font-size: 13px; line-height: 1.5; color: var(--muted); }
.trust-item strong { display: block; color: #ebddb6; font-size: 14px; font-weight: 650; margin-bottom: 4px; }
.store-identity { padding: 30px; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(120deg,#1c2b2077,#12191299); margin-top: 10px; }
.store-identity h2 { font-size: 30px; color: #eddbab; margin-bottom: 16px; }
.store-identity p { font-size: 15px; line-height: 1.8; color: var(--muted); }
.store-identity p + p { margin-top: 12px; }
.store-identity .section-link { margin-top: 13px; }
.benefits { padding-block: 36px 44px; }
.benefit-number { font-size: 13px; color: #d6ba7b; }
.benefits h2 { font-size: 17px; line-height: 1.45; }
.benefits p { font-size: 14px; line-height: 1.8; }
.club-section { gap: 44px; padding-block: 48px; }
.club-copy h2 { font-family: var(--display); font-size: 43px; font-weight: 900; }
.club-copy p.club-description { font-size: 15px; }
.club-status, .price-label { font-size: 11px; font-weight: 600; }
.club-price { font-family: var(--display); font-weight: 900; }
.club-action > p { font-size: 14px; line-height: 1.75; }
.club-action .metal-button .button-copy strong { font-size: 22px; }
.faq h2 { font-size: 35px; }
.faq > div > p { font-size: 15px; }
summary, #clube-proposta summary { font-size: 15px; }
details p, #clube-proposta p { font-size: 14px; }
.footer p { font-size: 13px; color: #a8b2a3; }
.footer-links { font-size: 13px; gap: 8px 24px; color: #c6c9b7; }
.footer-links a, .footer-links button { display: inline-flex; align-items: center; min-height: 40px; }
.consent { background: #172119fa; border-radius: 15px; max-height: calc(100dvh - 28px); overflow: auto; backdrop-filter: none; }
.consent strong { font-size: 16px; }
.consent p { font-size: 14px; line-height: 1.65; }
.consent-actions button { min-height: 46px; font-size: 13px; line-height: 1.3; }
dialog { max-height: calc(100dvh - 40px); overflow: auto; }
dialog p { font-size: 15px; }
.dialog-close { width: 40px; height: 40px; right: 10px; top: 7px; }
.dialog-back { min-height: 46px; font-size: 14px; }
@media (max-width: 700px) {
  .shell { width: calc(100% - 36px); }
  .header { min-height: 108px; justify-content: center; }
  .brand { width: min(330px, 100%); }
  .header nav { display: none; }
  .hero { padding-block: 23px 35px; }
  .hero-visual { border-radius: 16px; }
  .photo-caption { margin-top: 0; padding: 7px 22px 24px; }
  .photo-caption h1 { font-size: clamp(33px,9.5vw,44px); }
  .eyebrow, .section-kicker { font-size: 10px; letter-spacing: .13em; }
  .welcome-copy { padding: 22px 2px 0; }
  .lead { font-size: 17px; line-height: 1.7; }
  .intro-detail { font-size: 15px; line-height: 1.75; }
  .panel-heading h2 { font-size: 26px; }
  .metal-button { height: 90px; min-height: 90px; padding: 10px 31px; border-radius: 11px; }
  .metal-button:before { border-radius: 8px; }
  .metal-button:after { border-radius: 7px; }
  .button-copy strong { font-size: 25px; }
  .metal-button.gold .button-copy strong, .club-action .metal-button .button-copy strong { font-size: 22px; }
  .button-copy small { font-size: 13px; }
  .button-arrow { right: 12px; font-size: 23px; }
  .stack-divider small { font-size: 9px; letter-spacing: .08em; }
  .panel-note { font-size: 13px; }
  .trust-strip { gap: 12px; margin-top: 27px; padding-block: 22px; }
  .trust-item, .trust-item strong { font-size: 13px; }
  .store-identity { padding: 23px 20px; border-radius: 14px; }
  .store-identity h2 { font-size: 28px; }
  .benefits h2 { font-size: 17px; }
  .benefits p { font-size: 15px; margin-top: 6px; }
  .club-section { grid-template-columns: 1fr; gap: 28px; padding-block: 38px; }
  .club-copy h2 { font-size: 39px; }
  .club-copy > p { font-size: 18px; }
  .club-copy p.club-description { font-size: 15px; }
  .club-status { font-size: 10px; }
  .club-action { border-top: 1px solid var(--line); padding-top: 25px; }
  .club-action > p { font-size: 14px; }
  .faq { grid-template-columns: 1fr; }
  .faq > div > p, .faq-items summary, details p, #clube-proposta p { font-size: 15px; }
  .footer-links { gap: 5px 20px; }
  .copyright { font-size: 12px !important; }
  .consent { flex-direction: column; align-items: stretch; padding: 20px; gap: 16px; bottom: 12px; }
  .consent-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .consent-actions button { padding: 12px 8px; font-size: 13px; }
  body:before { background-size: 100% auto; opacity: 1; }
}
@media (max-width: 360px) {
  .shell { width: calc(100% - 28px); }
  .metal-button { padding-inline: 24px; }
  .button-copy strong { font-size: 23px; }
  .metal-button.gold .button-copy strong, .club-action .metal-button .button-copy strong { font-size: 22px; }
  .button-copy small { font-size: 13px; }
  .trust-strip { grid-template-columns: 1fr; }
}