/* QQ rental tariffs: brand-green background and light overlapping cards. */
/* Keep the brand-green stage in light mode; use neutral graphite and green accents in dark mode. */
html[data-theme="dark"] .pricing-section{--rental-ink:#f5f5f5;--rental-subtitle:#d0d0d0;--rental-muted:#adadad;--rental-highlight:#6ae6b0;--rental-border:#3a3a3a;--rental-card:#202020;--rental-card-alt:#292929;--rental-band-top:#292929;--rental-band-mid:#202020;--rental-band-bottom:#151515;--rental-telegram-bg:#2e2e2e;--rental-telegram-ink:#6ae6b0;--rental-telegram-hover:#3a3a3a;--rental-card-shadow:0 15px 35px #00000052,0 2px 8px #0000003d;--rental-card-shadow-hover:0 20px 39px #00000066,0 3px 9px #00000040;--rental-action-bg:#3dd598;--rental-action-text:#102b20;--rental-action-hover:#6ae6b0}

.pricing-section .rental-showcase{position:relative;isolation:isolate;padding:65px 28px 56px;color:var(--rental-ink);max-width:1380px;margin:0 auto;background:transparent;border-radius:0;box-shadow:none;overflow:visible}
.pricing-section .rental-intro{position:relative;text-align:center;max-width:750px;margin:0 auto 35px;z-index:5}
.pricing-section .rental-intro h2{font-size:clamp(38px,4.5vw,56px);font-weight:800;line-height:1.16;letter-spacing:-.05em;color:var(--rental-ink)}
.pricing-section .rental-intro p{margin-top:16px;font-size:18px;line-height:1.55;font-weight:600;color:var(--rental-subtitle)}
.pricing-section .rental-deck{position:relative;max-width:1200px;height:565px;margin:auto;perspective:1300px}
.pricing-section .rental-card{--tilt:0deg;position:absolute;display:flex;width:28%;padding:1px;border-radius:19px;background:var(--rental-border);box-shadow:var(--rental-card-shadow,0 15px 35px #12644028,0 2px 8px #125e3814);transform:rotate(var(--tilt));transform-origin:50% 65%;animation:qqRentalFloat 10s ease-in-out infinite;transition:transform .35s ease,box-shadow .35s ease}
.pricing-section .rental-card:hover,.pricing-section .rental-card:focus-within{animation-play-state:paused;transform:rotate(0deg) translateY(-4px);z-index:6;box-shadow:var(--rental-card-shadow-hover,0 20px 39px #12644038,0 3px 9px #125e3821)}
.pricing-section .rental-card__inside{display:flex;flex-direction:column;width:100%;height:100%;padding:29px 23px;border-radius:18px;background:linear-gradient(157deg,var(--rental-card) 0%,var(--rental-card-alt) 100%);box-shadow:inset 0 1px 0 var(--rental-border);overflow:hidden}
.pricing-section .rental-card--trial{left:1%;top:100px;width:26%;height:410px;--tilt:-2deg;z-index:1;animation-delay:-1s;--stack-index:1}
.pricing-section .rental-card--basic{left:18%;top:37px;width:33%;height:492px;--tilt:-.65deg;z-index:3;animation-delay:-2s;--stack-index:2}
.pricing-section .rental-card--pro{right:18%;top:31px;width:33%;height:500px;--tilt:.65deg;z-index:4;animation-delay:-3.5s;--stack-index:3}
.pricing-section .rental-card--custom{right:1%;top:100px;width:26%;height:410px;--tilt:2deg;z-index:1;animation-delay:-.5s;--stack-index:0}
.pricing-section .rental-card--pro .rental-card__inside{background:linear-gradient(150deg,var(--rental-card),var(--rental-card-alt))}
.pricing-section .rental-card__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-height:148px}
.pricing-section .rental-card h3{flex:1;min-width:0;max-width:46%;font-size:clamp(21px,2.25vw,29px);line-height:1.2;letter-spacing:-.045em;font-weight:800;color:var(--rental-ink);overflow-wrap:anywhere}
.pricing-section .rental-card__rate{flex:none;display:flex;flex-direction:column;align-items:flex-end;text-align:right}
.pricing-section .rental-card__price{display:flex;align-items:baseline;justify-content:flex-end;gap:5px;line-height:1;color:var(--rental-ink);white-space:nowrap}
.pricing-section .rental-card__price strong{font-size:clamp(68px,8.4vw,108px);font-weight:800;letter-spacing:-.09em}
.pricing-section .rental-card__price span{font-size:23px;font-weight:800;letter-spacing:-.03em;color:var(--rental-highlight)}
.pricing-section .rental-card__unit{margin-top:9px;font-size:13px;font-weight:700;line-height:1.3;color:var(--rental-muted);white-space:nowrap}
.pricing-section .rental-card__limit{font-size:13px;line-height:1.45;font-weight:700;color:var(--rental-muted);min-height:18px}
.pricing-section .rental-card__divider{height:1px;margin:23px 0 22px;background:var(--rental-border);flex:none;margin-bottom:0}




.pricing-section .rental-card__features li::before{content:"✓";color:var(--rental-highlight);font-weight:900;flex:none}
.pricing-section .rental-card__features--exclusions li::before{content:"–";color:var(--rental-muted)}


.pricing-section .rental-card__custom-icon{margin:0 0 15px;font-size:44px;line-height:1;color:#3aa872}
.pricing-section .rental-card__custom-lead{color:var(--rental-ink);font-size:14px;line-height:1.55;font-weight:750;margin-top:7px}

.pricing-section .rental-action{display:flex;align-items:center;justify-content:center;margin-top:6px;position:relative;z-index:7}
.pricing-section .rental-action__button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:18px;font-weight:800;line-height:1.3;text-align:center;transition:background-color .2s ease;min-width:270px;min-height:auto;padding:17px 30px;background:var(--rental-action-bg,#202020);color:var(--rental-action-text,#fff);box-shadow:none}

.pricing-section .rental-action__button:focus-visible{outline:3px solid #173b29;outline-offset:4px}
@keyframes qqRentalFloat{0%,100%{translate:0 0}50%{translate:0 -3px}}
@media(max-width:1100px){.pricing-section .rental-showcase{padding-inline:18px}.pricing-section .rental-card--trial{left:0;width:27%}.pricing-section .rental-card--basic{left:16%;width:35%}.pricing-section .rental-card--pro{right:16%;width:35%}.pricing-section .rental-card--custom{right:0;width:27%}.pricing-section .rental-card__inside{padding:24px 17px}.pricing-section .rental-card__price strong{font-size:clamp(62px,7.2vw,84px)}.pricing-section .rental-card h3{font-size:clamp(19px,2vw,25px)}}
@media(max-width:860px){.pricing-section .rental-showcase{padding:54px 25px}.pricing-section .rental-deck{height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;perspective:none}.pricing-section .rental-card,.pricing-section .rental-card--trial,.pricing-section .rental-card--basic,.pricing-section .rental-card--pro,.pricing-section .rental-card--custom{position:relative;left:auto;right:auto;top:auto;width:auto;height:auto;min-height:400px;transform:none;animation:none}.pricing-section .rental-card--basic,.pricing-section .rental-card--pro{min-height:460px}.pricing-section .rental-card--trial{order:1}.pricing-section .rental-card--basic{order:2}.pricing-section .rental-card--pro{order:3}.pricing-section .rental-card--custom{order:4}.pricing-section .rental-card:hover,.pricing-section .rental-card:focus-within{transform:translateY(-3px)}.pricing-section .rental-card__inside{padding:25px}.pricing-section .rental-card__price strong{font-size:clamp(75px,11vw,100px)}.pricing-section .rental-card h3{font-size:clamp(22px,3vw,28px)}.pricing-section .rental-action{margin-top:38px}}
@media(max-width:600px){.pricing-section .rental-showcase{border-radius:0;padding:45px 17px;padding-inline:17px}.pricing-section .rental-intro{margin-bottom:30px}.pricing-section .rental-intro h2{font-size:36px}.pricing-section .rental-intro p{font-size:15px}.pricing-section .rental-deck{display:block;height:740px;isolation:isolate}.pricing-section .rental-card,.pricing-section .rental-card--trial,.pricing-section .rental-card--basic,.pricing-section .rental-card--pro,.pricing-section .rental-card--custom{position:absolute;left:0;right:0;top:calc(var(--stack-index,0)*130px);width:100%;height:350px;min-height:0;z-index:calc(var(--stack-index,0) + 1);cursor:pointer;touch-action:manipulation;box-shadow:0 10px 22px #115b3433,0 2px 7px #0c4f2c26;transition:top .38s ease,box-shadow .3s ease}.pricing-section .rental-card__inside{padding:23px;min-height:300px}.pricing-section .rental-card--basic .rental-card__inside,.pricing-section .rental-card--pro .rental-card__inside{min-height:345px}.pricing-section .rental-card__heading{min-height:131px}.pricing-section .rental-card h3{font-size:24px}.pricing-section .rental-card__price strong{font-size:clamp(72px,19vw,98px)}.pricing-section .rental-card__divider{margin:17px 0}.pricing-section .rental-action{margin-top:28px}.pricing-section .rental-action__button{width:100%;max-width:330px;min-height:auto}.pricing-section .rental-card:hover,.pricing-section .rental-card:focus-within{transform:none;z-index:calc(var(--stack-index,0) + 1)}.pricing-section .rental-card:focus-visible{outline:3px solid #1a6144;outline-offset:3px}}
@media(prefers-reduced-motion:reduce){.pricing-section .rental-card{animation:none;transition:none}.pricing-section .rental-card:hover,.pricing-section .rental-card:focus-within{transform:none}.pricing-section .rental-action__button{transition:none}}

/* Full-width QQ green band with centered cards and centered feature content. */
.pricing-section{--rental-ink:#152820;--rental-subtitle:#1f4932;--rental-muted:#50675a;--rental-highlight:#1a7b51;--rental-border:#cbe7d5;--rental-card:#fff;--rental-card-alt:#f6fdf8;--rental-band-top:#60e6b0;--rental-band-mid:#3dd598;--rental-band-bottom:#25bc82;--rental-telegram-bg:#d6f6e3;--rental-telegram-ink:#144b30;--rental-telegram-hover:#c3efd5;width:100%;max-width:none;margin-inline:0;background:linear-gradient(180deg,var(--rental-band-top) 0%,var(--rental-band-mid) 50%,var(--rental-band-bottom) 100%);color:var(--rental-ink)}

.pricing-section .rental-card__details{display:flex;flex:1;min-height:0;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:14px 0 4px}

.pricing-section .rental-card__description{color:var(--rental-muted);max-width:260px;font-size:17px;line-height:1.55}
.pricing-section .rental-card__feature-title{color:var(--rental-ink);font-weight:800;font-size:16px;line-height:1.4}
.pricing-section .rental-card__features{display:grid;padding:0;list-style:none;color:var(--rental-muted);font-size:15px;line-height:1.35;gap:5px;margin:13px 0 0;justify-items:center}
.pricing-section .rental-card__features li{display:flex;align-items:flex-start;gap:8px;justify-content:center;text-align:center}


.pricing-section .rental-card__price--custom strong{font-size:clamp(90px,9vw,120px);line-height:1;letter-spacing:0}

.pricing-section .rental-card__telegram{max-width:100%;padding:14px 18px;font-size:15px;line-height:1.4;white-space:normal;text-align:center;gap:0;background:var(--rental-telegram-bg);color:var(--rental-telegram-ink);box-shadow:inset 0 0 0 1px var(--rental-border);transition:background .2s}
.pricing-section .rental-card__telegram:hover{background:var(--rental-telegram-hover);transform:none}

.pricing-section .rental-action__button:hover{background:var(--rental-action-hover,#333);color:var(--rental-action-text,#fff);transform:none}
@media(max-width:1100px){.pricing-section .rental-card__feature-title{font-size:15px}.pricing-section .rental-card__features{font-size:14px}}
@media(max-width:860px){.pricing-section .rental-card--custom h3{max-width:46%;font-size:clamp(22px,3vw,28px)}}
@media(max-width:600px){.pricing-section .rental-card__features{font-size:15px}.pricing-section .rental-card__feature-title{font-size:16px}}


/* Pricing refinement: visually connect Advanced and Pricing, compact the deck, place crown. */
main > .advanced-section + .pricing-section{margin-top:0}
.pricing-section .rental-card__feature-title span{display:block}
.pricing-section .rental-card--custom h3 span{display:block}
.pricing-section .rental-card--custom h3{max-width:54%;font-size:clamp(20px,2.1vw,27px)}
.pricing-section .rental-card--custom .rental-card__heading{min-height:120px}
.pricing-section .rental-card--custom .rental-card__inside{padding-inline:17px}
.pricing-section .rental-card--custom .rental-card__divider{margin:20px 0 16px;margin-top:16px;margin-bottom:0}
.pricing-section .rental-card--custom .rental-card__details{gap:9px;padding:10px 0 3px}
.pricing-section .rental-card--custom .rental-card__description{font-size:15px;line-height:1.42}
.pricing-section .rental-card--custom .rental-card__feature-title{font-size:16px}
.pricing-section .rental-card--custom .rental-card__telegram{align-self:center;min-height:39px;padding:10px 12px;font-size:14px;line-height:1.2}
.pricing-section .rental-crown{position:absolute;top:-65px;right:-50px;z-index:8;width:173px;height:auto;max-width:none;pointer-events:none;transform:none;filter:drop-shadow(0 6px 6px #815f1d26)}
@media(min-width:861px){
 main > .pricing-section{padding-block:26px 37px}
 .pricing-section .rental-showcase{padding-top:54px;padding-bottom:25px}
 .pricing-section .rental-deck{height:506px}
 .pricing-section .rental-card__inside{padding:23px 19px}
 .pricing-section .rental-card__heading{min-height:120px}
 .pricing-section .rental-card__divider{margin-top:17px}
 .pricing-section .rental-card__details{padding:10px 0 3px}
 .pricing-section .rental-card__features{gap:4px;margin-top:10px}
 .pricing-section .rental-card--trial{width:22.5%;left:4%;top:90px;height:375px}
 .pricing-section .rental-card--basic{width:30.5%;left:20%;top:35px;height:446px}
 .pricing-section .rental-card--pro{width:30.5%;right:20%;top:31px;height:450px}
 .pricing-section .rental-card--custom{width:22.5%;right:4%;top:90px;height:375px}
 .pricing-section .rental-action{margin-top:0}
}
@media(max-width:1100px) and (min-width:861px){
 .pricing-section .rental-card--trial{left:1.5%;width:23%}
 .pricing-section .rental-card--basic{left:19.5%;width:31%}
 .pricing-section .rental-card--pro{right:19.5%;width:31%}
 .pricing-section .rental-card--custom{right:1.5%;width:23%}
 .pricing-section .rental-crown{width:150px;top:-61px;right:-46px}
}
@media(max-width:860px){
 .pricing-section .rental-card--custom .rental-card__inside{min-height:385px}
 .pricing-section .rental-card--custom .rental-card__heading{min-height:128px}
 .pricing-section .rental-crown{width:110px;top:-55px;right:-43px}
}
@media(max-width:600px){
 .pricing-section .rental-card--custom .rental-card__heading{min-height:125px}
 .pricing-section .rental-card--custom .rental-card__inside{min-height:345px}
 .pricing-section .rental-crown{display:none}
}


/* Long, editable "price on request" captions must not use the giant asterisk font. */
.pricing-section .rental-card__price--text{max-width:100%;white-space:normal;text-align:right;overflow-wrap:anywhere}
.pricing-section .rental-card__price--text strong{font-size:clamp(18px,2vw,26px);line-height:1.18;letter-spacing:-.03em}
.pricing-section .rental-card__limit + .rental-card__limit{margin-top:5px}
