.tariffs-section{padding:30px 0 34px;scroll-margin-top:106px}
.tariffs-section .section-heading{margin-bottom:25px}
.tariffs-section h2{font-weight:650;font-size:34px}
.tariffs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:16px 12px 26px}
.tariff-3d{--tariff-ry:20deg;--tariff-rx:9deg;display:flex;min-width:0;perspective:1100px;perspective-origin:50% 50%;scroll-margin-top:122px}
.tariff-card{display:flex;flex-direction:column;min-width:0;width:100%;position:relative;border:0;border-radius:21px;padding:26px;background:none;box-shadow:none;transform-style:preserve-3d;transform:rotateY(0deg) rotateX(0deg);transform-origin:center;transition:transform .55s ease}
.tariff-card--mobile{--tariff-face:linear-gradient(140deg,#f2faff,#deeffd)}
.tariff-depth{position:absolute;inset:0;border-radius:inherit;transform-style:preserve-3d;pointer-events:none}
.tariff-layer{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(140deg,#f0f1f3,#c9cdd2);border:1px solid #bec6ce;transform:translateZ(var(--layer-z));pointer-events:none;box-shadow:0 1px 2px #20364825}
.tariff-layer:first-child{background:var(--tariff-face,linear-gradient(140deg,#fff,#f8fbff));border-color:#fff;box-shadow:inset 0 2px 3px #fff,inset 0 -2px 4px #a7bbc527}
.tariff-layer:last-child{box-shadow:-3px 5px 5px #26384524,0 20px 28px #2638451a}
.tariff-card>:not(.tariff-depth){position:relative;transform:translateZ(3px)}

@media(hover:hover) and (pointer:fine){.tariff-3d:hover .tariff-card{transform:rotateY(var(--hover-y,17deg)) rotateX(var(--hover-x,7deg))}}
.tariff-kicker{font-size:10px;line-height:1.6;color:#4c6c89;margin-bottom:10px;letter-spacing:.02em}
.tariff-card h3{font-size:25px;line-height:1.2;font-weight:650;letter-spacing:-.025em}
.tariff-price{display:flex;gap:11px;align-items:baseline;margin:17px 0 14px;color:#476783}
.tariff-price strong{font-size:38px;line-height:1.15;font-weight:600;letter-spacing:-.035em;color:#0f2b49}
.tariff-price>span{font-size:11px;white-space:nowrap}
.tariff-summary{font-size:12px;line-height:1.65;color:#4d6981;min-height:46px}
.tariff-features{list-style:none;display:grid;gap:10px;margin:20px 0 26px;padding:0;color:#304e6a;font-size:12px;line-height:1.5}
.tariff-features li{position:relative;padding-left:21px}
.tariff-features li:before{content:'✓';position:absolute;left:0;color:#1475c7;font-weight:600}
.tariff-card .button{align-self:flex-start;margin-top:auto}
.tariff-fine{color:#586f83;font-size:10px;line-height:1.6;margin-top:14px;max-width:270px;min-height:32px}
.lte-options{border:0;margin:0;padding:0;display:flex;gap:6px}
.lte-options legend{font-size:10px;color:#4d6981;margin-bottom:6px}
.lte-options label{position:relative;flex:1;min-width:0;cursor:pointer}
.lte-options input{position:absolute;opacity:0;width:1px;height:1px;left:50%;top:50%}
.lte-options label>span{display:flex;flex-direction:column;align-items:center;justify-content:center;height:46px;border:1px solid #adcae0;border-radius:10px;background:#eff7fcb3;color:#3f6282;font-size:12px;font-weight:600;line-height:1.4}
.lte-options small{font-size:8px;font-weight:500}
.lte-options input:checked+span{background:var(--gradient);color:white;border-color:#1686ce;box-shadow:0 5px 12px #116ab520}
.lte-options input:focus-visible+span{outline:3px solid #0089d6;outline-offset:3px}
.tariffs-note{margin-top:18px;font-size:11px;line-height:1.7;color:#4f6980}
.tariffs-note a{color:#1467b3;text-decoration:underline;text-underline-offset:3px;margin-left:8px}
@media(max-width:1100px){.tariff-card{padding:23px 22px}.tariffs-grid{gap:24px;padding-inline:10px}.tariff-3d{--tariff-ry:16deg;--tariff-rx:7deg}.tariff-price strong{font-size:34px}.tariffs-section h2{font-size:30px}}
@media(max-width:850px){.tariffs-grid{grid-template-columns:1fr 1fr;row-gap:36px}.tariff-3d:last-child{grid-column:1/-1;--tariff-ry:5deg;--tariff-rx:4deg}.tariff-3d:last-child .lte-options{max-width:360px}.tariff-3d:last-child .tariff-features{grid-template-columns:repeat(3,1fr)}.tariff-card h3{font-size:23px}.tariff-layer{transform:translateZ(calc(var(--layer-z) * .7))}}
@media(max-width:580px){.tariffs-section{padding:30px 0}.tariffs-section h2{font-size:28px;max-width:300px}.tariffs-grid{grid-template-columns:1fr;gap:31px;padding:10px 12px 24px}.tariff-3d,.tariff-3d:last-child{--tariff-ry:11deg;--tariff-rx:5deg}.tariff-card{padding:23px;border-radius:19px}.tariff-3d:last-child .tariff-features{grid-template-columns:1fr}.tariff-summary{min-height:0}.tariff-features{margin:18px 0 23px}.tariff-fine{max-width:none;min-height:0}.tariffs-note{font-size:10px}.tariffs-note a{display:inline-block;margin-left:0}.tariff-price strong{font-size:35px}.tariff-3d:focus-within .tariff-card{transform:rotateY(0deg) rotateX(0deg)}}
@media(prefers-reduced-motion:reduce){.tariff-card{transition:none}.tariff-3d:hover .tariff-card,.tariff-3d:focus-within .tariff-card{transform:rotateY(0deg) rotateX(0deg)}}

/* State the purpose before the price on each plan. */
.tariff-summary{font-size:13px;line-height:1.65;margin-top:15px;min-height:148px;color:#48647d}
.tariff-summary strong{display:block;font-size:14px;line-height:1.45;font-weight:600;color:#25496a;margin-bottom:9px}
.tariff-explainer{font-size:12px;line-height:1.7;color:#4f6980;max-width:960px;margin-top:20px}
.tariff-explainer strong{color:#25496a}
@media(max-width:850px){.tariff-3d:last-child .tariff-summary{min-height:0;max-width:590px}}
@media(max-width:580px){.tariff-summary{min-height:0;font-size:14px}.tariff-summary strong{font-size:15px}.tariff-explainer{font-size:12px}}