.billing-banner{border-radius:var(--r-lg,24px);background:var(--surface-fill);box-shadow:var(--card-edge);text-align:left;align-items:center;gap:12px;padding:14px 16px;display:flex}.billing-banner>div{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.billing-banner small{color:var(--muted);font-size:14px;line-height:1.35}.billing-banner.bad b{color:var(--red,var(--bad))}.billing-go{background:var(--accent);height:40px;color:var(--on-accent);white-space:nowrap;border-radius:999px;flex:none;padding:0 16px;font-weight:600}.plan-status{font-size:17px;line-height:1.4}.plan-lines{border-radius:var(--r-lg,24px);background:var(--surface-fill);box-shadow:var(--card-edge);flex-direction:column;padding:4px 16px;display:flex}.plan-lines>div{border-bottom:.5px solid var(--line);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:12px;min-height:48px;display:flex}.plan-lines>div:last-child{border-bottom:0}.plan-lines .total{font-weight:600}.till-locked .btn{gap:10px}.hero-page,.sw-chip{--hero-top:#141619;--hero:#393e45;--hero-glow:radial-gradient(90% 48% at 78% 0%, #e4e9f057, transparent 66%), radial-gradient(60% 30% at 10% 30%, #e4e9f01a, transparent 70%)}[data-hero=graphite]{--hero-top:#0b0b0c;--hero:#161617;--hero-glow:linear-gradient(transparent, transparent)}[data-hero=copper]{--hero-top:#140a05;--hero:#3a1d0f;--hero-glow:radial-gradient(110% 55% at 85% 0%, #cd7f3280, transparent 62%)}[data-hero=midnight]{--hero-top:#070b18;--hero:#141c38;--hero-glow:radial-gradient(120% 60% at 85% 0%, #5d5fef73, transparent 60%)}[data-hero=emerald]{--hero-top:#04110c;--hero:#0e2a20;--hero-glow:radial-gradient(100% 55% at 80% 0%, #14a37f66, transparent 62%)}[data-hero=espresso]{--hero-top:#120c09;--hero:#2a1f19;--hero-glow:radial-gradient(90% 50% at 15% 5%, #c26a0047, transparent 60%)}[data-hero=aurora]{--hero-top:#0a0a12;--hero:#17151f;--hero-glow:radial-gradient(70% 45% at 20% 8%, #8a4fd68c, transparent 60%), radial-gradient(70% 45% at 90% 20%, #0b84c973, transparent 60%)}[data-hero=burgundy]{--hero-top:#14060a;--hero:#34101b;--hero-glow:radial-gradient(100% 55% at 85% 0%, #d63a7c59, transparent 62%)}[data-hero=platinum]{--hero-top:#a3a8af;--hero:#dcdfe3;--hero-glow:radial-gradient(70% 38% at 22% 0%, #ffffffbf, transparent 70%), radial-gradient(60% 30% at 95% 12%, #ffffff73, transparent 70%)}.hero-page{isolation:isolate;--hero-h:420px;--hero-lift:calc(var(--safe-t) + 20px);--hero-flat:calc(var(--safe-t) + 20px);--hero-fade:300px;position:relative}.hero-page:before{content:"";z-index:-1;top:calc(-1 * var(--hero-lift));width:100vw;height:calc(var(--hero-lift) + var(--hero-h) + var(--hero-fade));background:linear-gradient(180deg, var(--hero-top) var(--hero-flat), transparent calc(var(--hero-flat) + 160px)), var(--hero-glow), linear-gradient(180deg, var(--hero-top) 0%, var(--hero) calc(100% - var(--hero-fade)), color-mix(in srgb, var(--hero) 88%, var(--bg)) calc(100% - var(--hero-fade) * .83), color-mix(in srgb, var(--hero) 68%, var(--bg)) calc(100% - var(--hero-fade) * .63), color-mix(in srgb, var(--hero) 42%, var(--bg)) calc(100% - var(--hero-fade) * .42), color-mix(in srgb, var(--hero) 18%, var(--bg)) calc(100% - var(--hero-fade) * .2), var(--bg) 100%);pointer-events:none;position:absolute;left:calc(50% - 50vw)}.hero-bar{display:none}@supports (-webkit-touch-callout:none){.hero-bar{display:block}}.hero-bar{z-index:20;height:max(var(--safe-t), 8px);background:var(--hero-top);pointer-events:none;position:fixed;top:0;left:0;right:0}.on-hero{--text:#fff;--muted:#ffffffa8;--line:#ffffff24;--fill-3:#ffffff1f;--surface:#ffffff24;--card:#ffffff1f;--thumb:#ffffff3d;--thumb-shadow:none;--accent:#fff;--on-accent:#111112;--glass:#ffffff24;--glass-edge:inset 0 0 0 .5px #ffffff1a;--avatar:#ffffff29;--on-avatar:#fff;--warn:#ffb35c;--warn-bg:#ff9f2e29;color:var(--text)}[data-hero=platinum] .on-hero{--text:#121214;--muted:#1212149e;--line:#00000024;--fill-3:#0000000f;--surface:#ffffff80;--card:#ffffff80;--thumb:#fffc;--accent:#121214;--on-accent:#fff;--glass:#ffffff80;--glass-edge:inset 0 0 0 .5px #ffffffb3;--avatar:#0000001a;--on-avatar:#121214;--warn:#7f4500;--warn-bg:#7f45001f}