.trial-cta{width:auto;margin-top:12px}.plans{padding:0 0 60px}.section-heading{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:28px}.section-heading h2{font-size:32px;margin-bottom:0}.section-heading>p{color:var(--muted);font-size:14px}.plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.tariff{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:24px;display:flex;flex-direction:column;min-width:0}.tariff .eyebrow{margin-bottom:14px}.tariff h3{font-size:24px;line-height:1.3;margin:0}.tariff .tariff-price{font-size:42px;line-height:1.2;font-weight:800;letter-spacing:-1px;color:var(--foreground);margin:22px 0 8px}.tariff-price span{font-size:25px}.tariff>p:not(.eyebrow):not(.tariff-price){font-size:14px;color:var(--muted);margin-bottom:24px}.tariff button{margin-top:auto;padding:12px 10px;min-height:48px}.plans>.note{max-width:650px;margin-top:18px}.key-list{margin:22px 0;display:grid;gap:12px}.key-card{border:1px solid var(--border);border-radius:10px;padding:14px}.key-card strong{font-size:14px}.key-card p{margin:5px 0}.key-card small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.trial-box{border:1px solid var(--border);border-radius:12px;padding:16px}.trial-box h3{font-size:16px;margin:0}.trial-box p{margin:8px 0}.trial-box .text-button{margin-top:14px}.invite-box label,dialog>label{font-size:14px}.invite-box select,dialog>select{display:block;width:100%;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--background);color:var(--foreground);font:inherit;font-size:14px;margin-top:8px}select:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.trial-box h3{font-size:18px}
@media(max-width:1000px){.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{align-items:start}}@media(max-width:600px){.section-heading{display:block}.section-heading h2{font-size:28px}.plan-grid{gap:12px}.tariff{padding:18px}.tariff h3{font-size:22px}.tariff .eyebrow{font-size:11px;letter-spacing:1px}.tariff button{font-size:13px}.tariff .tariff-price{font-size:36px}.plans{padding-bottom:40px}.trial-cta{width:100%}}@media(max-width:360px){.plan-grid{grid-template-columns:1fr}}

/* Equal resting states; highlight the card the visitor is exploring. */
.tariff{position:relative;transform-origin:center;transition:transform 180ms ease,border-color 180ms ease,background-color 180ms ease,box-shadow 180ms ease}
.tariff .eyebrow,.tariff button{transition:color 180ms ease,background-color 180ms ease,border-color 180ms ease}
.tariff:focus-within{z-index:1;border-color:var(--primary);background:#222c1b;box-shadow:0 12px 30px #0005;transform:scale(1.025)}
.tariff:focus-within .eyebrow{color:var(--primary)}
.tariff:focus-within button{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}
@media(hover:hover) and (pointer:fine){
 .tariff:hover{z-index:1;border-color:var(--primary);background:#222c1b;box-shadow:0 12px 30px #0005;transform:scale(1.025)}
 .tariff:hover .eyebrow{color:var(--primary)}
 .tariff:hover button{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}
}
@media(prefers-reduced-motion:reduce){.tariff,.tariff .eyebrow,.tariff button{transition:none}.tariff:hover,.tariff:focus-within{transform:none}}