/* Voglio Pay: página interna, mantendo a linguagem visual da home. */
.pay-page{overflow-x:hidden;background:#f8f6f1}
.pay-page .site-header{color:#fff}
.pay-page .main-nav{border-radius:9999px}
.pay-page .pay-brand{position:relative;display:flex;align-items:center;gap:9px;width:204px;height:64px;flex:none}
.pay-page .pay-brand img{width:154px;height:55px;object-fit:contain;object-position:left center;filter:drop-shadow(0 1px 1px rgba(0,0,0,.16))}
.pay-page .pay-brand span{position:absolute;right:2px;bottom:11px;color:#edd0a1;font-size:11px;font-weight:800;letter-spacing:.24em}
.pay-page .nav-links a{font-size:12px}
.pay-page .nav-cta{background:var(--red)}
.pay-page .nav-cta:hover{background:#a71111}
.pay-page .nav-cta svg{color:#fff}
.pay-hero{position:relative;isolation:isolate;min-height:750px;display:flex;align-items:center;overflow:hidden;background:#a71111;color:#fff;border-radius:0 0 36px 36px}
.pay-hero-photo,.pay-hero-overlay{position:absolute;inset:0}
.pay-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 43%}
.pay-hero-overlay{background:linear-gradient(90deg,rgba(95,6,7,.98) 0%,rgba(156,11,13,.92) 34%,rgba(156,11,13,.24) 64%,rgba(13,9,8,.08) 100%),linear-gradient(0deg,rgba(26,3,3,.28),transparent 45%)}
.pay-hero-content{position:relative;z-index:2;padding-top:120px;padding-bottom:60px}
.pay-hero h1{max-width:750px;margin:23px 0 25px;font-size:clamp(54px,5.9vw,84px);line-height:1.08;letter-spacing:-.07em;font-weight:800}
.pay-hero h1 em{color:#f1d7a5;font-style:normal}
.pay-hero p{max-width:500px;margin:0;color:#fff3ed;font-size:17px;line-height:1.72}
.pay-hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:38px}
.pay-hero-link{font-size:13px;font-weight:800;border-bottom:1px solid #ffe5c7;padding-bottom:4px}
.pay-hero-index{position:absolute;z-index:2;right:max(34px,calc((100vw - var(--shell))/2));bottom:27px;color:#fff;letter-spacing:.22em;font-size:11px;font-weight:700}.pay-hero-index b{color:#f5d9a6}
.pay-ticker{background:#171413;color:#eed7ad}.pay-ticker span{font-size:10px;letter-spacing:.14em;font-weight:800}.pay-ticker i{width:5px;height:5px;border-radius:50%;background:#c51c18;flex:none}
.pay-section-pad{padding:112px 0}.pay-kicker{color:#b41b17;font-size:11px;line-height:1.3;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.pay-section-head,.pay-rates-top{display:flex;justify-content:space-between;align-items:end;gap:80px;margin-bottom:42px}.pay-section-head h2,.pay-rates-top h2,.pay-split-copy h2,.pay-brands h2,.pay-faq h2{max-width:800px;margin:20px 0 0;font-size:clamp(38px,4.5vw,61px);line-height:1.12;font-weight:800;letter-spacing:-.06em}.pay-section-head h2 em,.pay-split-copy h2 em,.pay-brands h2 em,.pay-faq h2 em{color:#b91d19;font-style:normal}.pay-section-head>p,.pay-rates-top>p{max-width:330px;margin:0 0 5px;color:#66615b;font-size:14px;line-height:1.8}
.pay-machines{background:#f5f1e9}.machine-showcase{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-height:590px;overflow:hidden;border-radius:26px;background:radial-gradient(circle at 50% 30%,#e8332c 0%,#be1413 48%,#8b0d0d 100%)}.machine-showcase:before,.machine-showcase:after{content:"";position:absolute;width:560px;height:560px;border:1px solid rgba(255,255,255,.15);border-radius:50%}.machine-showcase:after{width:400px;height:400px}.machine-backdrop{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.15),transparent 40%,rgba(0,0,0,.15))}.machine-showcase img{position:relative;z-index:1;width:min(83%,780px);max-height:490px;object-fit:contain;filter:drop-shadow(0 25px 28px rgba(38,0,0,.4))}.machine-labels{position:absolute;z-index:2;inset:auto 28px 27px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.machine-labels span{padding:13px 15px;border:1px solid rgba(255,255,255,.45);border-radius:100px;backdrop-filter:blur(8px);background:rgba(16,6,6,.19);color:#fff;text-align:center;font-size:12px;font-weight:700}.machine-labels b{color:#f0c988;margin-right:9px}.pay-section-foot{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:25px}.pay-section-foot p{margin:0;color:#7a746a;font-size:11px}.pay-text-button{display:inline-flex;align-items:center;gap:13px;border-bottom:1px solid #a41410;padding-bottom:7px;color:#ad1a16;font-size:13px;font-weight:800}.pay-text-button svg{width:17px;height:17px}
.pay-receivables{background:#fff}.pay-split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(40px,6vw,105px)}.pay-image-frame{position:relative;height:540px;overflow:hidden;border-radius:24px;background:#d7cabf}.pay-image-frame img{width:100%;height:100%;object-fit:cover;object-position:center;transform:none}.pay-image-tag{position:absolute;left:23px;bottom:22px;padding:10px 14px;background:#171413;color:#f3d59d;border-radius:100px;font-size:10px;letter-spacing:.12em;font-weight:800}.pay-split-copy p{max-width:530px;color:#5c5750;font-size:15px;line-height:1.82}.pay-fact-list{margin:26px 0 30px;border-top:1px solid #ddd8d0}.pay-fact-list>div{display:flex;gap:21px;padding:17px 0;border-bottom:1px solid #ddd8d0}.pay-fact-list b{color:#b91d19;font-size:12px}.pay-fact-list span{font-size:13px;line-height:1.55;font-weight:600}
.pay-rates{background:#ae1311;color:#fff;position:relative;overflow:hidden}.pay-rates:before{content:"";position:absolute;left:-220px;top:-180px;width:680px;height:680px;border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 0 0 100px rgba(255,255,255,.02)}.pay-rates .shell{position:relative}.pay-rates .pay-kicker{color:#f5d39d}.pay-rates-top h2 em{color:#f3d3a0;font-style:normal}.pay-rates-top>p{color:#ffe3d9}.rates-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.rates-grid article{min-height:230px;padding:27px 23px;border:1px solid rgba(255,255,255,.23);border-radius:16px;background:rgba(255,255,255,.095)}.rates-grid small{font-size:11px;color:#ffd9a4;letter-spacing:.12em;font-weight:800}.rates-grid h3{margin:33px 0 9px;font-size:22px;line-height:1.15;letter-spacing:-.04em}.rates-grid p{margin:0;color:#ffe4df;font-size:12px;line-height:1.65}.rates-action{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:29px}.rates-action span{font-size:12px;color:#ffe6dd}
.pay-rental{background:#f5f1e9}.pay-split-reverse{grid-template-columns:1fr 1fr}.pay-emphasis{display:flex;flex-direction:column;gap:7px;border-left:3px solid #caa46e;padding:5px 0 5px 20px;margin:30px 0}.pay-emphasis strong{font-size:17px}.pay-emphasis span{font-size:13px;color:#69625b}
.pay-feature{padding:30px 0 110px;background:#f5f1e9}.pay-feature-card{position:relative;isolation:isolate;min-height:620px;overflow:hidden;border-radius:25px;background:#1d1714;color:#fff}.pay-feature-card>img,.pay-feature-shade{position:absolute;inset:0;width:100%;height:100%}.pay-feature-card>img{object-fit:cover;object-position:center}.pay-feature-shade{background:linear-gradient(90deg,rgba(11,11,11,.96) 0%,rgba(26,19,17,.92) 39%,rgba(26,19,17,.12) 85%)}.pay-feature-content{position:relative;z-index:1;width:min(100%,670px);padding:58px}.pay-feature .pay-kicker{color:#e7c58d}.pay-feature h2{margin:18px 0 24px;font-size:clamp(36px,3.8vw,55px);line-height:1.13;letter-spacing:-.06em}.pay-feature ul{display:grid;gap:11px;list-style:none;padding:0;margin:0 0 28px}.pay-feature li{position:relative;padding-left:20px;font-size:13px;line-height:1.55;color:#f8eee9}.pay-feature li:before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;background:#db241e;border-radius:50%}
.pay-stories{background:#fff}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.story-grid blockquote{display:flex;flex-direction:column;justify-content:space-between;min-height:290px;margin:0;padding:32px;border:1px solid #e4ddd2;border-radius:17px;background:#fbf8f2}.story-grid blockquote:before{content:"“";height:34px;font-size:60px;line-height:1;color:#bd1c18;font-family:Georgia,serif}.story-grid p{margin:17px 0 25px;font-size:14px;line-height:1.7;font-weight:600}.story-grid footer{display:flex;flex-direction:column;gap:2px}.story-grid footer strong{font-size:13px}.story-grid footer span{color:#9c7b4b;font-size:11px;font-weight:700}
.pay-brands{background:#edf0f1;text-align:center;position:relative;overflow:hidden}.pay-brands:before{content:"V";position:absolute;left:-50px;top:-140px;font-size:560px;line-height:1;font-weight:800;color:rgba(180,22,18,.035)}.pay-brands-inner{position:relative}.pay-brands h2{max-width:870px;margin:19px auto 15px}.pay-brands p{max-width:680px;margin:0 auto 32px;color:#5b5c5c;font-size:14px;line-height:1.7}.brand-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:25px}.pay-outline-button{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:0 24px;border:1px solid #b91d19;border-radius:11px;color:#b91d19;font-size:13px;font-weight:800}
.pay-faq{background:#fff}.pay-faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(50px,8vw,130px)}.pay-faq-layout>div:first-child>p{color:#625d57;font-size:14px;line-height:1.75;margin:22px 0 25px}.faq-list{border-top:1px solid #ded9d1}.faq-list details{border-bottom:1px solid #ded9d1}.faq-list summary{position:relative;list-style:none;cursor:pointer;padding:23px 35px 23px 0;color:#241e1b;font-size:14px;font-weight:700}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:4px;top:19px;font-size:21px;font-weight:500;color:#b91d19}.faq-list details[open] summary:after{content:"−"}.faq-list details p{margin:0;padding:0 35px 23px 0;color:#615c56;font-size:13px;line-height:1.75}
.pay-next{background:#262829;color:#fff}.pay-next-grid{display:grid;grid-template-columns:repeat(3,1fr)}.pay-next-grid a{position:relative;min-height:205px;display:flex;flex-direction:column;justify-content:center;padding:28px 32px;border-right:1px solid #4d4e4e;transition:background .2s}.pay-next-grid a:first-child{border-left:1px solid #4d4e4e}.pay-next-grid a:hover{background:#383838}.pay-next-grid a span{color:#dbb57b;font-size:10px;font-weight:800;letter-spacing:.14em}.pay-next-grid a strong{margin-top:19px;font-size:19px}.pay-next-grid a small{margin-top:7px;color:#c7c2bd;font-size:11px}.pay-next-grid a b{position:absolute;right:26px;top:25px;color:#e0c092;font-size:21px}
.pay-closing{background:#ac1311;color:#fff}.pay-closing-inner{min-height:285px;display:flex;align-items:center;gap:55px}.pay-closing-inner>img{width:220px;height:100px;object-fit:contain;filter:brightness(0) invert(1)}.pay-closing-inner>div{flex:1}.pay-closing-inner>div span{font-size:10px;letter-spacing:.18em;color:#f4cd95;font-weight:800}.pay-closing h2{max-width:560px;margin:11px 0 0;font-size:clamp(29px,3vw,40px);line-height:1.2;letter-spacing:-.05em}.pay-closing .button{flex:none}.pay-footer .footer-logo{width:212px;height:132px}
@media(max-width:1120px){.pay-page .pay-brand{width:165px}.pay-page .pay-brand img{width:130px}.pay-page .pay-brand span{right:0}.pay-hero h1{max-width:670px}.machine-showcase{min-height:530px}}
@media(max-width:900px){.pay-page .pay-brand{height:60px;width:185px}.pay-page .pay-brand img{width:146px}.pay-page .pay-brand span{right:4px}.pay-hero{min-height:710px}.pay-hero-overlay{background:linear-gradient(90deg,rgba(98,6,7,.98),rgba(159,9,11,.84) 51%,rgba(27,9,8,.2))}.pay-section-pad{padding:82px 0}.pay-split{gap:40px}.pay-image-frame{height:460px}.rates-grid{grid-template-columns:repeat(2,1fr)}.rates-grid article{min-height:175px}.rates-grid h3{margin-top:24px}.pay-feature-card{min-height:590px}.story-grid{grid-template-columns:1fr 1fr}.pay-faq-layout{gap:45px}}
@media(max-width:650px){.pay-page .utility-link{font-size:9px}.pay-page .utility-link::before{content:none}.pay-page .main-nav{border-radius:9999px;background:linear-gradient(90deg,#11100f 0%,#11100f 64%,#5e5750 83%,#fcfbf9 100%)}.pay-page .pay-brand{width:175px;height:55px}.pay-page .pay-brand img{width:140px;height:48px}.pay-page .pay-brand span{right:5px;bottom:7px;font-size:9px}.pay-hero{min-height:790px;border-radius:0 0 24px 24px;align-items:start}.pay-hero-photo img{object-position:64% bottom}.pay-hero-overlay{background:linear-gradient(180deg,rgba(130,10,10,.98) 0%,rgba(151,13,13,.93) 43%,rgba(151,13,13,.28) 70%,rgba(20,7,7,.25) 100%)}.pay-hero-content{padding-top:159px;padding-bottom:250px}.pay-hero h1{max-width:530px;font-size:clamp(42px,11vw,62px);margin:18px 0}.pay-hero p{font-size:14px;line-height:1.62}.pay-hero-actions{margin-top:24px;gap:17px}.pay-hero-actions .button{white-space:normal}.pay-hero-link{font-size:11px}.pay-hero-index{right:18px;bottom:17px;font-size:9px}.pay-section-pad{padding:70px 0}.pay-section-head,.pay-rates-top{display:block;margin-bottom:27px}.pay-section-head h2,.pay-rates-top h2,.pay-split-copy h2,.pay-brands h2,.pay-faq h2{font-size:clamp(35px,9.5vw,48px)}.pay-section-head>p,.pay-rates-top>p{max-width:520px;margin-top:17px}.machine-showcase{min-height:400px;border-radius:17px}.machine-showcase img{width:100%;max-height:340px;margin-bottom:25px}.machine-showcase:before{width:360px;height:360px}.machine-showcase:after{width:240px;height:240px}.machine-labels{left:10px;right:10px;bottom:12px;gap:4px}.machine-labels span{padding:8px 3px;font-size:8px;line-height:1.25}.machine-labels b{display:block;margin:0 0 2px}.pay-section-foot{align-items:flex-start;flex-direction:column;gap:15px}.pay-split,.pay-split-reverse{grid-template-columns:1fr;gap:30px}.pay-split-copy{order:1}.pay-image-frame{order:2;height:360px;border-radius:17px}.pay-receivables .pay-image-frame{order:2}.pay-rental .pay-image-frame{order:2}.pay-split-copy p{font-size:14px}.rates-grid{gap:8px}.rates-grid article{min-height:170px;padding:19px}.rates-grid h3{font-size:17px}.rates-grid p{font-size:11px}.rates-action{align-items:flex-start;flex-direction:column;gap:20px}.pay-feature{padding:0 0 70px}.pay-feature-card{min-height:750px;border-radius:17px}.pay-feature-card>img{object-position:70% bottom}.pay-feature-shade{background:linear-gradient(180deg,rgba(11,11,11,.95) 0%,rgba(18,12,12,.9) 65%,rgba(18,12,12,.2) 100%)}.pay-feature-content{padding:30px 23px}.pay-feature h2{font-size:37px}.pay-feature li{font-size:12px}.story-grid{grid-template-columns:1fr;gap:10px}.story-grid blockquote{min-height:230px;padding:25px}.pay-brands p{font-size:13px}.pay-faq-layout{grid-template-columns:1fr;gap:33px}.pay-next-grid{grid-template-columns:1fr}.pay-next-grid a{min-height:150px;border-right:0;border-bottom:1px solid #4d4e4e;padding:23px}.pay-next-grid a:first-child{border-left:0}.pay-closing-inner{align-items:flex-start;flex-direction:column;gap:15px;padding:55px 0}.pay-closing-inner>img{height:75px}.pay-closing h2{font-size:34px}.pay-closing .button{margin-top:13px}}
@media(max-width:380px){.pay-page .pay-brand{width:152px}.pay-page .pay-brand img{width:120px}.pay-page .pay-brand span{right:0}.pay-hero{min-height:830px}.pay-hero h1{font-size:40px}.machine-showcase{min-height:340px}.machine-showcase img{max-height:280px}}

/* Hero compacto: a cópia fica à esquerda e a pessoa livre à direita. */
.pay-hero{min-height:625px}
.pay-hero-photo{top:150px;left:43%;right:0;bottom:0;mask-image:linear-gradient(to bottom,transparent 0%,#000 13%,#000 100%)}
.pay-hero-photo::before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#a71111 0%,rgba(167,17,17,.68) 18%,transparent 46%);pointer-events:none}
.pay-hero-content{padding-top:100px;padding-bottom:35px}
.pay-hero h1{max-width:610px;font-size:clamp(50px,5vw,68px)}
.pay-hero p{max-width:465px}
.pay-hero-actions{margin-top:28px}

/* Faixa contínua com duplicação semântica oculta dos leitores de tela. */
.pay-ticker{overflow:hidden}
.pay-ticker-track{display:flex;width:max-content;animation:pay-ticker-scroll 42s linear infinite;will-change:transform}
.pay-ticker-group{display:flex;align-items:center;gap:28px;min-height:66px;padding-right:28px;flex:none;white-space:nowrap}
.pay-ticker span{font-size:10px;letter-spacing:.14em;font-weight:800}
.pay-ticker i{display:block;width:5px;height:5px;border-radius:50%;background:#c51c18;flex:none}
.pay-ticker:hover .pay-ticker-track{animation-play-state:paused}
@keyframes pay-ticker-scroll{to{transform:translateX(-50%)}}

/* A arte original das bandeiras funciona como sprite em cartões de grade. */
.brand-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:30px}
.brand-tile{min-width:0;height:105px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #e5e4e1;border-radius:15px;background:#fff;box-shadow:0 10px 24px rgba(30,26,23,.045)}
.payment-brand{display:block;height:89px;flex:none;background-image:url('assets/pay/bandeiras-originais.png');background-repeat:no-repeat;background-size:1024px 89px;transform:scale(.86)}
.brand-mastercard{width:68px;background-position:-7px 0}
.brand-picpay{width:122px;background-position:-100px 0}
.brand-gpay{width:109px;background-position:-239px 0}
.brand-amex{width:103px;background-position:-364px 0}
.brand-elo{width:94px;background-position:-481px 0}
.brand-visa{width:107px;background-position:-580px 0}
.brand-alelo{width:79px;background-position:-695px 0}
.brand-hipercard{width:99px;background-position:-782px 0}
.brand-hiper{width:58px;background-position:-892px 0}
.brand-ben{width:50px;background-position:-966px 0}

@media(max-width:900px){
  .pay-hero{min-height:630px}
  .pay-hero-content{padding-top:110px;padding-bottom:35px}
  .pay-hero h1{max-width:55%;font-size:clamp(42px,5.8vw,56px)}
  .pay-hero p{max-width:48%}
  .brand-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
}
@media(max-width:650px){
  .pay-hero{display:flex;flex-direction:column;align-items:stretch;min-height:0}
  .pay-hero-photo{position:relative;inset:auto;order:2;width:100%;height:215px;flex:none;mask-image:none}
  .pay-hero-photo::before{display:none}
  .pay-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:60% 34%}
  .pay-hero-overlay{display:none}
  .pay-hero-content{order:1;padding-top:140px;padding-bottom:25px}
  .pay-hero h1{max-width:100%;font-size:clamp(36px,10vw,44px);line-height:1.05}
  .pay-hero p{max-width:100%;font-size:13px;line-height:1.55}
  .pay-hero-actions{margin-top:20px;gap:12px}
  .pay-hero-actions .button{min-height:48px}
  .pay-ticker-group{min-height:55px;gap:20px;padding-right:20px}
  .pay-ticker span{font-size:9px}
  .brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .brand-tile{height:86px;border-radius:11px}
  .payment-brand{transform:scale(.75)}
}
@media(max-width:380px){
  .pay-hero{min-height:0}
  .pay-hero h1{font-size:36px}
  .pay-hero-photo{height:195px}
}
@media(prefers-reduced-motion:reduce){.pay-ticker-track{animation:none}}

/* Comparativo visual de taxas, com imagens originais e leitura em cartões no celular. */
.compare-intro{text-align:center;max-width:830px;margin:0 auto 38px}
.compare-intro>img{width:190px;height:70px;object-fit:contain;margin:0 auto 16px;filter:brightness(0) invert(1)}
.compare-intro h2{margin:16px 0 12px;font-size:clamp(36px,4vw,55px);line-height:1.12;letter-spacing:-.055em}
.compare-intro h2 em{color:#f6d8a7;font-style:normal}
.compare-intro p{max-width:620px;margin:0 auto;color:#ffe0d9;font-size:14px;line-height:1.7}
.comparison-grid{display:grid;grid-template-columns:minmax(125px,.68fr) repeat(4,minmax(0,1fr));gap:11px;padding:24px;border-radius:26px;background:#d91c16;box-shadow:inset 0 1px 0 rgba(255,255,255,.13)}
.rate-legend{min-width:0;padding:16px 0}
.legend-spacer{height:207px}
.rate-legend span{height:57px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;font-weight:700;text-align:center}
.compare-card{min-width:0;padding:16px 12px 12px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(85,8,8,.12);text-align:center}
.compare-featured{background:#f03229;border:2px solid #fff;box-shadow:0 15px 28px rgba(70,0,0,.18)}
.compare-head{height:207px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}
.compare-head img{width:100%;height:160px;object-fit:contain;filter:drop-shadow(0 12px 10px rgba(40,0,0,.22))}
.compare-head h3{height:38px;display:flex;align-items:center;justify-content:center;margin:8px 0 0;color:#fff;font-size:19px;line-height:1.1;letter-spacing:-.03em;text-transform:uppercase}
.compare-card dl{margin:0}
.compare-card dl>div{height:57px;display:flex;align-items:center;justify-content:center;border-top:1px solid rgba(255,255,255,.14)}
.compare-card dt{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.compare-card dd{margin:0;color:#fff;font-size:19px;font-weight:800;letter-spacing:-.035em}
.compare-featured dd:before{content:'✓';display:inline-block;margin-right:7px;color:#fff;font-size:15px}
.comparison-note{max-width:970px;margin:19px auto 0;color:#ffdad0;font-size:11px;line-height:1.6;text-align:center}
.comparison-action{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:28px;padding-top:25px;border-top:1px solid rgba(255,255,255,.23)}
.comparison-action strong{max-width:610px;font-size:18px;line-height:1.4;text-transform:uppercase}
.comparison-action .button{flex:none}
@media(max-width:1000px){
  .comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .rate-legend{display:none}
  .compare-card{padding:16px}
  .compare-head{height:180px}
  .compare-head img{height:135px}
  .compare-card dl>div{justify-content:space-between;gap:8px;padding:0 6px}
  .compare-card dt{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;text-align:left;font-size:13px;font-weight:600}
  .compare-card dd{font-size:17px;white-space:nowrap}
}
@media(max-width:650px){
  .compare-intro>img{width:155px;height:58px}
  .compare-intro h2{font-size:clamp(34px,9vw,46px)}
  .compare-intro p{font-size:12px}
  .comparison-grid{padding:10px;gap:9px;border-radius:16px}
  .compare-card{padding:12px 8px;border-radius:11px}
  .compare-head{height:145px}
  .compare-head img{height:112px}
  .compare-head h3{height:30px;font-size:15px}
  .compare-card dl>div{height:54px;padding:0 2px}
  .compare-card dt{font-size:10px;line-height:1.2}
  .compare-card dd{font-size:13px}
  .compare-featured dd:before{font-size:11px;margin-right:3px}
  .comparison-note{text-align:left;font-size:10px}
  .comparison-action{align-items:flex-start;flex-direction:column;gap:18px}
  .comparison-action strong{font-size:15px}
}
@media(max-width:360px){
  .comparison-grid{grid-template-columns:1fr}
  .compare-head{height:160px}
  .compare-head img{height:125px}
  .compare-card dt{font-size:12px}
  .compare-card dd{font-size:17px}
}