.plan-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;padding-top:14px;display:grid}.plan-card{background:var(--card);border:var(--line);border-radius:var(--radius);flex-direction:column;gap:10px;min-width:0;padding:18px;display:flex;position:relative}@property --plan-spin{syntax:"<angle>";inherits:false;initial-value:0deg}.plan-card{transition:transform .25s,box-shadow .25s}.plan-card:hover{box-shadow:0 14px 30px -18px color-mix(in srgb, var(--sm-action-neutral) 35%, transparent);transform:translateY(-3px)}.plan-card.highlight{z-index:1;background:linear-gradient(var(--card), var(--card)) padding-box, conic-gradient(from var(--plan-spin), var(--sm-accent-jade), var(--sm-surface-sidebar-active), var(--sm-accent-iris), var(--sm-surface-sidebar-active), var(--sm-accent-jade)) border-box;box-shadow:0 22px 44px -22px color-mix(in srgb, var(--sm-accent-jade) 60%, transparent);border:2px solid #0000;animation:6s linear infinite plan-card-spin;translate:0 -6px}.plan-card.highlight .ribbon{background:linear-gradient(90deg, var(--sm-accent-jade), var(--sm-surface-sidebar-active), var(--sm-accent-jade));color:var(--sm-text-inverse);background-size:200% 100%;border:0;animation:3s linear infinite plan-card-shine}@keyframes plan-card-spin{to{--plan-spin:360deg}}@keyframes plan-card-shine{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.plan-card.highlight,.plan-card.highlight .ribbon{animation:none}}.plan-card.selected{outline:3px solid var(--green);outline-offset:2px}.plan-card.unavailable{opacity:.6}.plan-card .price{font:800 34px/1 var(--sans);font-variant-numeric:tabular-nums;font-stretch:62%}.plan-card .price small{font:500 var(--fs-sm) var(--sans);color:var(--ink-3);margin-left:4px}.plan-card ul{font-size:var(--fs-sm);color:var(--ink-2);gap:5px;margin:0;padding:0;list-style:none;display:grid}.plan-card li:before{content:"check";vertical-align:-3px;width:1em;font:500 var(--fs-md)/1 "Material Symbols Outlined";font-feature-settings:"liga";letter-spacing:normal;text-transform:none;white-space:nowrap;color:var(--green-2);margin-right:7px;display:inline-block;overflow:hidden}.plan-card .ribbon{position:absolute;top:-11px;right:12px}.plan-card .actions{margin-top:auto;padding-top:6px}.period-switch{border:var(--line);border-radius:var(--radius);display:inline-flex;overflow:hidden}.period-switch button{background:var(--card);cursor:pointer;border:0;padding:6px 14px;font-weight:600}.period-switch button[aria-pressed=true]{background:var(--ink);color:var(--sm-text-inverse)}.signup-wrap{background:radial-gradient(circle at 20% 10%, color-mix(in srgb, var(--sm-surface-sidebar-active) 12%, transparent), transparent 40%), var(--paper);min-height:100vh;padding:28px 16px 48px}.signup-wrap .inner{gap:22px;width:min(1080px,100%);margin:0 auto;display:grid}.signup-wrap .logo-row{font:800 22px/1 var(--sans);letter-spacing:-.02em;color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:flex}.signup-wrap .logo-row .logo-word{display:block}.signup-form{background:var(--card);border:var(--line);box-shadow:6px 6px 0 var(--ink);border-radius:8px;max-width:560px;padding:24px}.usage-row{border-bottom:1px solid var(--rule-2);grid-template-columns:minmax(150px,1.2fr) minmax(0,1fr) minmax(90px,auto);align-items:center;gap:12px;padding:8px 0;display:grid}.usage-row:last-child{border-bottom:0}@media (width<=640px){.usage-row{grid-template-columns:1fr;gap:4px}}.wallet-figures{margin:0}.wallet-figures small{font-size:var(--fs-sm)}.wallet-figures .wallet-total b{color:var(--green-2);font-size:34px}.wallet-went{grid-template-columns:minmax(0,260px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.wallet-went .wallet-cat th{text-align:left;font-weight:700}.wallet-went .wallet-cat i,.wallet-dot{vertical-align:baseline;border-radius:3px;width:10px;height:10px;margin-right:4px;display:inline-block}.wallet-filters{flex-wrap:wrap;align-items:flex-end;gap:10px}.wallet-filters .field{flex:140px;min-width:0}.wallet-prices td.num{white-space:nowrap}@media (width<=720px){.wallet-went{grid-template-columns:minmax(0,1fr)}.wallet-prices td.num{white-space:normal}}.price-list .price-cat th{background:var(--paper);text-align:left}.price-list .price-cat i{border-radius:3px;width:10px;height:10px;margin-right:6px;display:inline-block}.price-list .estimate{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;padding:6px 0;display:grid}