:root{
 --bg:#161515;--surface:#211914;--surface-raised:#232120;--accent:#fead6e;--accent-soft:#fecda8;
 --accent-ink:#954100;--text:#fffffd;--muted:#bfbfbf;--line:#6e6e6e;
 --cta-border:#efd2bb;
 --cta-highlight:radial-gradient(ellipse 251% 5182% at -94.56% 15.38%,#ffffff53 0%,#ffffff00 62.2477%,#ffffff57 100%);
 --cta-gradient:var(--cta-highlight),#faad77;
 --cta-hover:var(--cta-highlight),#ffbb8c
}
.primary,.hero-copy .primary,.how-intro .primary,.footer-cta .primary,#modal .login-form .modal-action{
 border:2px solid var(--cta-border);background:var(--cta-gradient);color:var(--accent-ink);box-shadow:0 0 55.8px #faad775f;
 transition:filter .18s ease,box-shadow .18s ease
}
.primary:hover,.hero-copy .primary:hover,.how-intro .primary:hover,.footer-cta .primary:hover,#modal .login-form .modal-action:hover{
 background:var(--cta-hover);filter:none;box-shadow:0 0 55.8px #faad775f;transform:none
}
.hero-copy .primary,.how-intro .primary,.footer-cta .primary{border:0;background:transparent url('assets/reference-hero-button-surface.svg') center/100% 100% no-repeat}
.hero-copy .primary:hover,.how-intro .primary:hover,.footer-cta .primary:hover{background:transparent url('assets/reference-hero-button-surface.svg') center/100% 100% no-repeat;filter:brightness(1.12);box-shadow:0 0 65px #faad7780}
.primary:focus-visible{outline:2px solid #fffffd;outline-offset:3px}
.primary:disabled{border-color:#595551;background:#3c3936;color:#918c88;box-shadow:none;filter:none}
.header>.login{border:1px solid #fffffd;background:#fffffd;color:#954100}
.header>.login:hover{border-color:#fead6e;background:#fead6e;color:#713600}
@media(prefers-reduced-motion:reduce){.primary,.header>.login{transition:none}}

#modal .tariff-review-slides{min-height:96px}
#modal .tariff-review{height:96px;min-height:96px;padding:8px 12px;gap:5px}
#modal .tariff-review-stars{font-size:11px;line-height:14px}
#modal .tariff-review blockquote{
 display:-webkit-box;margin:2px 0;overflow:hidden;font-size:11px;line-height:15px;
 -webkit-box-orient:vertical;-webkit-line-clamp:2
}
#modal .tariff-review figcaption{font-size:10px;line-height:14px}
#modal .tariff-review-navigation>button{top:34px}

@media(max-width:760px){
 #modal .tariff-review-slides{min-height:112px}
 #modal .tariff-review{height:112px;min-height:112px;padding:10px 12px;gap:5px}
 #modal .tariff-review blockquote{font-size:11px;line-height:15px;-webkit-line-clamp:3}
}