/* Pricing extends the established Komul tokens, typography and motion system. */
.pricing .section-heading h2{max-width:750px}.pricing .section-heading>p{max-width:310px}
.pricing-grid{gap:0 20px;align-items:stretch}
.price-card{padding:30px 26px;display:flex;flex-direction:column;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;min-width:0}
.price-card:hover{transform:translateY(-4px);border-color:#42708b;box-shadow:0 16px 45px #0003}
.price-card.featured{border-color:#35b9ef88;box-shadow:0 0 50px #168ec412;background:radial-gradient(ellipse at 50% 0%,#12476766,transparent 65%),#0d1823}
.price-card.featured:hover{border-color:#35b9ef;box-shadow:0 16px 55px #1288bb24}
.plan-header{padding-bottom:28px;min-height:355px}
.plan-header .plan-tag{font-size:11px;margin:0 0 16px;color:#6acaf3;letter-spacing:.02em}
.plan-header h3{font-size:25px;min-height:59px;margin:0 0 15px;line-height:1.18}
.plan-header .plan-description{font-size:13px;line-height:1.8;min-height:70px;color:#aab9ca;margin:0 0 22px}
.plan-price-line{display:flex;gap:8px;align-items:baseline;min-height:56px;white-space:nowrap}
.plan-amount{font-size:45px;line-height:1.15;letter-spacing:-.055em;font-weight:800;color:var(--ink);font-variant-numeric:lining-nums tabular-nums}
.price-card.featured .plan-amount{color:#67d0ff}.plan-from{font-size:13px;font-weight:600;color:#aab9ca}
.plan-header .plan-tax{font-size:12px;color:#c4d3e2;margin:3px 0 17px}
.plan-header .plan-payment{font-size:10px;color:#b0bfd1;margin:0 0 22px;line-height:1.8;white-space:nowrap;letter-spacing:-.015em}
.plan-header .button{font-size:12px;min-height:50px;padding:14px 18px;justify-content:space-between}
.plan-group{border-top:1px solid #a3c0df21;padding:24px 0;min-width:0}
.plan-group h4{color:#79c9ec;font-size:10px;font-weight:800;line-height:1.65;letter-spacing:.055em;margin:0;min-height:34px}
.price-card .plan-group .check-list{border:0;padding:0;margin:15px 0 0;gap:12px}
.price-card .plan-group .check-list li{font-size:12px;line-height:1.85;gap:10px;color:#c5d1df;overflow-wrap:anywhere}
.plan-group .check-list svg{height:20px;width:15px;margin-top:1px;color:#5dc7f4}
.price-card .plan-note{border-top:1px solid #a3c0df21;padding:20px 0 0;margin-top:auto;color:#99acc0;font-size:10px;line-height:1.85;background:none}
.selected-plan-summary{display:flex;align-items:center;gap:20px;justify-content:space-between;background:linear-gradient(120deg,#11344b,#101d2b);border:1px solid #2d779c;border-radius:10px;padding:16px;margin-bottom:23px}
.selected-plan-summary[hidden]{display:none}.selected-plan-summary>div>span{display:block;font-size:9px;letter-spacing:.13em;color:#82d4f7;margin-bottom:6px}.selected-plan-summary strong{display:block;font-size:14px;line-height:1.4;letter-spacing:-.02em}.selected-plan-summary p{font-size:12px;color:#a8ddf5;margin-top:5px}.selected-plan-summary button{background:#193c52;color:#b5e7ff;border:1px solid #3a647d;width:32px;height:32px;border-radius:8px;font-size:20px;flex-shrink:0;line-height:1}
@supports(grid-template-rows:subgrid){.price-card{display:grid;grid-template-rows:subgrid;grid-row:span 6}.plan-header{min-height:0}.price-card .plan-note{margin-top:0}}
@media(min-width:1500px){.price-card{padding:34px 30px}.plan-group .check-list li{font-size:13px!important}.plan-group h4{font-size:11px}.plan-header .plan-payment{font-size:11px}.plan-header .plan-description{font-size:14px}}
@media(max-width:1050px){.pricing-grid{grid-template-columns:1fr;gap:24px;max-width:620px;margin:auto}.price-card{display:flex;grid-row:auto;padding:32px}.plan-header{min-height:0}.plan-header h3{min-height:0;font-size:28px}.plan-header .plan-description{min-height:0;margin-bottom:23px}.plan-header .plan-payment{font-size:12px;white-space:normal}.plan-header .button{font-size:13px}.plan-amount{font-size:48px}.plan-group h4{min-height:0;font-size:11px}.price-card .plan-group .check-list li{font-size:13px}.plan-group{padding:23px 0}.price-card .plan-note{font-size:11px}.pricing .section-heading{display:block}.pricing .section-heading>p{max-width:620px;margin-top:23px}.plan-header .plan-tax{font-size:13px}}
@media(max-width:440px){.price-card{padding:26px 22px}.plan-header h3{font-size:26px}.plan-amount{font-size:44px}.plan-header .plan-payment{font-size:11px}.price-card .plan-group .check-list li{font-size:12px}.plan-group h4{font-size:10px}.selected-plan-summary{padding:14px;gap:12px}.selected-plan-summary strong{font-size:13px}.selected-plan-summary p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.price-card{transition:none}.price-card:hover{transform:none;box-shadow:none}}
