.free-trial-plans { width: min(760px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); box-sizing: border-box; margin: auto; padding: 32px; border: 1px solid var(--border-card, #ddd); border-radius: 18px; color: var(--text-main, #202020); background: var(--bg-card, #fff); box-shadow: 0 24px 80px #0004; }
.free-trial-plans::backdrop { background: #17171799; }
.free-trial-plans h2 { font-size: clamp(24px, 4vw, 32px); margin: 8px 28px 12px 0; line-height: 1.15; }
.free-trial-plans p { line-height: 1.5; }
.free-trial-eyebrow { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
.free-trial-close { position: absolute; top: 12px; right: 12px; width: 40px; height: 40px; border: 0; background: transparent; color: inherit; font-size: 28px; cursor: pointer; }
.free-trial-plan-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 24px 0; }
.free-trial-plan-list article { display: flex; flex-direction: column; padding: 20px; border: 1px solid var(--border-card, #ddd); border-radius: 12px; }
.free-trial-plan-list h3 { margin: 0; }
.free-trial-price { font-weight: 800; font-size: 24px; margin-bottom: 0; }
.free-trial-plan-list button { margin-top: auto; min-height: 44px; white-space: normal; }
#free-trial-error { color: #c2410c; }
@media (max-width: 580px) { .free-trial-plans { padding: 22px; } .free-trial-plan-list { grid-template-columns: 1fr; } }