.trial-banner{margin:20px 40px 0;padding:17px 22px;border:2px solid #d5ff35;border-radius:16px;background:linear-gradient(105deg,#b9ee28 0%,#d5ff35 35%,#edff9d 58%,#c9f52b 100%);background-size:220% 100%;animation:trial-gradient 7s ease-in-out infinite alternate;display:flex;justify-content:center;align-items:center;gap:30px;text-align:center;color:#172000;box-shadow:0 0 22px #d5ff3514}
@keyframes trial-gradient{from{background-position:0% 50%}to{background-position:100% 50%}}
@media(prefers-reduced-motion:reduce){.trial-banner{animation:none}}
.trial-banner>div:first-child{display:flex;flex-direction:column;gap:5px}.trial-banner>div:first-child>strong{font-size:16px;color:#172000}.trial-banner span{font-size:12px;color:#344212}
.trial-countdown{font-size:12px;color:#344212;white-space:nowrap}.trial-countdown strong{display:block;min-width:100px;margin-top:4px;font-size:24px;line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:.04em;color:#172000}
.trial-banner>.btn{font-size:12px;white-space:nowrap;background:#152000;border-color:#152000;color:#f4ffd5}.trial-banner>.btn:hover{background:#293a04;border-color:#293a04}.commercial-checkout{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:start}.commercial-checkout .commercial-intro>p>.btn{margin-top:15px}
@media(max-width:1000px){.trial-banner{margin:16px 24px 0;gap:20px}.commercial-checkout{gap:30px}}
@media(max-width:780px){.commercial-checkout{grid-template-columns:minmax(0,1fr);gap:24px}}
@media(max-width:600px){.trial-banner{margin:12px 16px 0;padding:14px 12px;gap:12px;flex-wrap:wrap}.trial-banner>div:first-child{width:100%}.trial-countdown{font-size:11px}.trial-countdown strong{font-size:23px}.trial-banner>.btn{padding:9px 12px}}
.settings-grid #subscription-settings{grid-column:1/-1}.subscription-settings-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1000px;margin-top:20px}.subscription-settings-form .field{min-width:0;margin:0}.subscription-settings-form .input{width:100%}.subscription-settings-form>p{grid-column:1/-1;margin:0}.subscription-settings-form>.btn{justify-self:start}.subscription-settings-preview{color:var(--ink)}
@media(max-width:780px){.subscription-settings-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.subscription-settings-form{grid-template-columns:minmax(0,1fr)}}
