.capability-pricing-tabs{margin:16px 0}.capability-pricing{margin:0 -22px}@media (max-width: 600px){.capability-pricing-tabs .segmented button{height:auto;min-height:32px;padding:6px 4px;font-size:12px;white-space:nowrap}.capability-pricing .table th:nth-child(2){width:92px!important}.capability-pricing .table th:nth-child(3){width:82px!important}.capability-pricing .table td,.capability-pricing .table th{padding:12px 8px}.capability-pricing .table .cell-sub{display:none}}:root{--ink: #4d4b47;--text: #57544f;--soft: #6f6a62;--mute: #9b958b;--bg: #fbfaf7;--bg-soft: #f4f1ec;--bg-deep: #ece8e0;--surface: #ffffff;--line: #e6e1d8;--line-soft: #efebe4;--accent: #566f7f;--accent-deep: #4d6575;--accent-soft: #e7ecef;--accent-ink: #3f5361;--ring: rgba(86, 111, 127, .22);--ok: #5c7156;--ok-soft: #e9ede6;--warn: #875c45;--warn-soft: #f1e7e0;--danger: #8c544e;--danger-soft: #f2e5e3;--r-sm: 7px;--r: 10px;--r-lg: 14px;--r-xl: 18px;--shadow-xs: 0 1px 2px rgba(77, 75, 71, .04);--shadow-sm: 0 1px 2px rgba(77, 75, 71, .04), 0 4px 12px rgba(77, 75, 71, .04);--shadow-md: 0 2px 6px rgba(77, 75, 71, .05), 0 12px 32px rgba(77, 75, 71, .08);--shadow-lg: 0 8px 24px rgba(77, 75, 71, .08), 0 24px 64px rgba(77, 75, 71, .12);--shadow-accent: 0 4px 12px rgba(106, 128, 144, .3);--font: system-ui, -apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--dur: .18s;--ease: cubic-bezier(.25, .8, .35, 1);--sidebar-w: 236px;--content-max: 1080px}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);font-size:14px;line-height:1.55;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"tnum","cv11"}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4,p{margin:0}::selection{background:var(--accent-soft);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.num{font-variant-numeric:tabular-nums}.mono{font-family:var(--mono);font-size:.92em}@keyframes rise-in{0%{opacity:0;transform:translateY(6px)}}@keyframes fade-in{0%{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}.screen-center{min-height:100vh;display:grid;place-items:center;padding:40px 24px;text-align:center}.screen-center .stack{display:grid;gap:10px;justify-items:center}.screen-center h2{font-size:18px;font-weight:600;color:var(--ink)}.screen-center p{color:var(--soft);max-width:420px}.shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;z-index:40;width:var(--sidebar-w);display:flex;flex-direction:column;padding:18px 14px 14px;background:var(--bg-soft);border-right:1px solid var(--line-soft)}.brand{display:flex;align-items:center;gap:10px;height:36px;padding:0 8px;margin-bottom:22px;border-radius:var(--r-sm);color:var(--ink);font-weight:600;font-size:14px;letter-spacing:-.005em;-webkit-user-select:none;user-select:none}.brand-mark{width:26px;height:26px;flex:none;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#fff;font-size:11px;font-weight:700;letter-spacing:.02em;box-shadow:0 2px 6px #6a809059}.nav{display:flex;flex-direction:column;gap:2px}.nav-group{margin-top:18px}.nav-group-title{padding:0 10px 6px;font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--mute);text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:10px;height:34px;padding:0 10px;border-radius:var(--r-sm);color:var(--soft);font-size:13.5px;font-weight:500;transition:background var(--dur),color var(--dur)}.nav-item svg{width:16px;height:16px;flex:none;color:var(--mute);transition:color var(--dur)}.nav-item:hover{background:var(--bg-deep);color:var(--ink)}.nav-item:hover svg{color:var(--soft)}.nav-item.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-xs),0 0 0 1px var(--line-soft)}.nav-item.active svg{color:var(--accent)}.sidebar-foot{margin-top:auto;display:grid;gap:8px}.credit-chip{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line-soft);transition:border-color var(--dur),box-shadow var(--dur)}.credit-chip:hover{border-color:var(--line);box-shadow:var(--shadow-xs)}.credit-chip-label{font-size:11.5px;color:var(--mute)}.credit-chip-value{font-size:17px;font-weight:600;color:var(--ink);letter-spacing:-.01em;line-height:1.2}.credit-chip svg{width:14px;height:14px;color:var(--mute)}.user-button{display:flex;align-items:center;gap:10px;width:100%;height:44px;padding:0 8px;border:0;border-radius:var(--r);background:transparent;text-align:left;cursor:pointer;transition:background var(--dur)}.user-button:hover,.user-button[data-state=open]{background:var(--bg-deep)}.avatar{width:28px;height:28px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);font-size:12px;font-weight:600;text-transform:uppercase}.user-meta{min-width:0;flex:1;display:grid;line-height:1.25}.user-email{font-size:12.5px;font-weight:500;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{font-size:11px;color:var(--mute)}.user-button>svg{width:14px;height:14px;color:var(--mute);flex:none}.main{flex:1;min-width:0;margin-left:var(--sidebar-w);display:flex;flex-direction:column}.content{width:100%;max-width:var(--content-max);margin:0 auto;padding:40px 44px 48px;flex:1}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:28px;animation:rise-in var(--dur) var(--ease) both}.page-title{font-size:22px;font-weight:600;color:var(--ink);letter-spacing:-.015em;line-height:1.25}.page-desc{margin-top:5px;font-size:13.5px;color:var(--soft)}.page-body{animation:rise-in .3s var(--ease) both;animation-delay:.04s}.topbar,.scrim{display:none}@media (max-width: 900px){.shell{display:block}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 12px 0 16px;background:#fbfaf7eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line-soft)}.topbar .brand{margin:0;height:auto;padding:0}.sidebar{transform:translate(-100%);transition:transform .22s var(--ease);box-shadow:none}.sidebar.open{transform:none;box-shadow:var(--shadow-lg)}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;background:#4d4b4747;opacity:0;pointer-events:none;transition:opacity .22s}.scrim.open{opacity:1;pointer-events:auto}.main{margin-left:0}.content{padding:24px 18px}.page-head{margin-bottom:20px}.page-title{font-size:20px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;height:34px;padding:0 14px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--text);font-size:13.5px;font-weight:500;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--dur),border-color var(--dur),color var(--dur),box-shadow var(--dur),transform var(--dur)}.btn svg{width:15px;height:15px}.btn:hover{background:var(--bg);border-color:#d9d2c6}.btn:active{transform:translateY(.5px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-deep));border-color:transparent;color:#fff;box-shadow:var(--shadow-accent)}.btn.primary:hover{filter:brightness(1.06)}.btn.ghost{background:transparent;border-color:transparent;color:var(--soft)}.btn.ghost:hover{background:var(--bg-deep);color:var(--ink)}.btn.danger{color:var(--danger)}.btn.danger:hover{background:var(--danger-soft);border-color:#dccdc9}.btn.danger.solid{background:var(--danger);border-color:transparent;color:#fff}.btn.sm{height:28px;padding:0 10px;font-size:12.5px;border-radius:6px}.btn.sm svg{width:13px;height:13px}.btn.lg{height:42px;padding:0 18px;font-size:14px;border-radius:var(--r)}.btn.block{width:100%}.btn.loading{color:transparent!important;pointer-events:none}.btn.loading .spinner{position:absolute;color:var(--text)}.btn.primary.loading .spinner,.btn.danger.solid.loading .spinner{color:#fff}.btn.icon{width:34px;padding:0}.btn.icon.sm{width:28px}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite;flex:none}.spinner.lg{width:24px;height:24px;border-width:2.5px;color:var(--accent)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-xs)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px 0}.card-title{font-size:14px;font-weight:600;color:var(--ink)}.card-extra{font-size:12.5px;color:var(--mute)}.card-body{padding:16px 20px 20px}.card.flush .card-body{padding:0}.card.flush .card-head{padding:14px 20px;border-bottom:1px solid var(--line-soft)}.card-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:14px 20px;border-top:1px solid var(--line-soft);background:var(--bg);border-radius:0 0 var(--r-lg) var(--r-lg)}.card-note{padding:12px 20px 14px;font-size:12.5px;color:var(--mute);border-top:1px solid var(--line-soft)}.input{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);transition:border-color var(--dur),box-shadow var(--dur)}.input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}.input input,.input select{flex:1;min-width:0;height:100%;border:0;outline:0;padding:0;background:transparent;font-size:13.5px;color:var(--ink)}.input input::placeholder{color:var(--mute)}.input input:disabled{color:var(--mute)}.input-prefix,.input-suffix{font-size:12.5px;color:var(--mute);white-space:nowrap;flex:none}.input-suffix .btn.ghost{height:26px;padding:0 8px;margin-right:-6px;font-size:12.5px;color:var(--accent)}.input-suffix .btn.ghost:hover{background:var(--accent-soft)}.input.sm{height:30px;padding:0 9px}.input.sm input{font-size:12.5px}.input.lg{height:42px;padding:0 14px;border-radius:var(--r)}.input.lg input{font-size:14px}.input.mono input{font-family:var(--mono);font-size:12.5px}.input input[type=number]{-moz-appearance:textfield}.input input[type=number]::-webkit-outer-spin-button,.input input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.select{position:relative;cursor:pointer}.select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:18px;cursor:pointer}.select>svg{position:absolute;right:10px;width:14px;height:14px;color:var(--mute);pointer-events:none}.field{display:grid;gap:6px}.field-label{font-size:13px;font-weight:500;color:var(--ink)}.field-hint{font-size:12.5px;color:var(--mute)}.switch{position:relative;width:34px;height:20px;flex:none;border:0;border-radius:20px;padding:0;background:var(--bg-deep);cursor:pointer;transition:background var(--dur)}.switch[data-state=checked]{background:var(--accent)}.switch-thumb{display:block;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transform:translate(2px);transition:transform var(--dur) var(--ease)}.switch[data-state=checked] .switch-thumb{transform:translate(16px)}.segmented{display:inline-flex;padding:3px;gap:2px;border-radius:var(--r);background:var(--bg-soft)}.segmented button{height:30px;padding:0 14px;border:0;border-radius:7px;background:transparent;color:var(--soft);font-size:13px;font-weight:500;cursor:pointer;transition:background var(--dur),color var(--dur),box-shadow var(--dur)}.segmented button:hover{color:var(--ink)}.segmented button.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-xs),0 0 0 1px var(--line-soft)}.segmented.block{display:flex}.segmented.block button{flex:1}.tag{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;background:var(--bg-soft);color:var(--soft)}.tag.accent{background:var(--accent-soft);color:var(--accent-ink)}.tag.ok{background:var(--ok-soft);color:var(--ok)}.tag.warn{background:var(--warn-soft);color:var(--warn)}.tag.danger{background:var(--danger-soft);color:var(--danger)}.tag.dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.8}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:13.5px}.table th{padding:10px 14px;text-align:left;white-space:nowrap;font-size:12px;font-weight:600;color:var(--mute);background:var(--bg);border-bottom:1px solid var(--line-soft)}.table td{padding:10px 14px;border-bottom:1px solid var(--line-soft);color:var(--text);vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tbody tr{transition:background var(--dur)}.table tbody tr:hover td{background:var(--bg)}.table th:first-child,.table td:first-child{padding-left:20px}.table th:last-child,.table td:last-child{padding-right:20px}.table .actions{display:flex;gap:6px;justify-content:flex-end;white-space:nowrap}.table td.right,.table th.right{text-align:right}.table .cell-title{font-weight:500;color:var(--ink)}.table .cell-sub{font-size:12px;color:var(--mute);margin-top:1px}.table-empty{padding:44px 20px;text-align:center;color:var(--mute);font-size:13px}.table-loading{display:flex;justify-content:center;padding:44px}.load-more{display:flex;justify-content:center;padding:12px;border-top:1px solid var(--line-soft)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 20px;border-top:1px solid var(--line-soft)}.pagination-info{font-size:12.5px;color:var(--mute)}.pagination-pages{display:flex;align-items:center;gap:2px}.page-btn{min-width:28px;height:28px;padding:0 6px;border:0;border-radius:6px;background:transparent;color:var(--soft);font-size:12.5px;cursor:pointer;transition:background var(--dur),color var(--dur)}.page-btn:hover{background:var(--bg-deep);color:var(--ink)}.page-btn.on{background:var(--accent-soft);color:var(--accent-ink);font-weight:600}.page-btn:disabled{cursor:default}.page-gap{padding:0 4px;color:var(--mute);font-size:12px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#4d4b4752;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade-in .18s ease}.dialog{position:fixed;z-index:61;top:50%;left:50%;transform:translate(-50%,-50%);width:min(calc(100vw - 32px),var(--dialog-w, 560px));max-height:calc(100vh - 48px);display:flex;flex-direction:column;background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);animation:rise-in .22s var(--ease)}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 0}.dialog-title{font-size:16px;font-weight:600;color:var(--ink)}.dialog-body{padding:16px 22px 22px;overflow:auto}.dialog-body>.table-wrap{margin:0 -22px}.dialog-body>.table-wrap .table th:first-child,.dialog-body>.table-wrap .table td:first-child{padding-left:22px}.dialog-body>.table-wrap .table th:last-child,.dialog-body>.table-wrap .table td:last-child{padding-right:22px}.popover{z-index:62;width:260px;padding:14px 14px 12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-md);animation:rise-in .18s var(--ease)}.popover-title{font-size:13px;color:var(--ink);line-height:1.5}.popover-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:12px}.menu{z-index:62;min-width:200px;padding:5px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-md);animation:rise-in .18s var(--ease)}.menu-item{display:flex;align-items:center;gap:9px;height:32px;padding:0 9px;border-radius:6px;font-size:13px;color:var(--text);cursor:pointer;outline:0}.menu-item svg{width:14px;height:14px;color:var(--mute)}.menu-item[data-highlighted]{background:var(--bg-soft);color:var(--ink)}.menu-item.danger,.menu-item.danger svg{color:var(--danger)}.menu-item.danger[data-highlighted]{background:var(--danger-soft)}.menu-sep{height:1px;margin:5px 4px;background:var(--line-soft)}.menu-label{padding:6px 9px 4px;font-size:11.5px;color:var(--mute)}.notice{display:flex;gap:10px;align-items:flex-start;padding:11px 14px;border-radius:var(--r);font-size:13px;line-height:1.5}.notice svg{width:15px;height:15px;flex:none;margin-top:2px}.notice.warn{background:var(--warn-soft);color:var(--warn)}.notice.info{background:var(--accent-soft);color:var(--accent-ink)}.progress{height:5px;border-radius:5px;background:var(--bg-deep);overflow:hidden}.progress>i{display:block;height:100%;border-radius:5px;background:var(--accent);transition:width .4s var(--ease)}.progress.low>i{background:var(--warn)}.empty{display:grid;justify-items:center;gap:6px;padding:40px 20px;text-align:center;color:var(--mute);font-size:13px}.empty svg{width:22px;height:22px;color:var(--line)}[data-sonner-toaster]{--width: 340px;font-family:var(--font)}[data-sonner-toast]{--normal-bg: var(--surface);--normal-border: var(--line);--normal-text: var(--ink);border-radius:var(--r)!important;box-shadow:var(--shadow-md)!important;font-size:13px!important}[data-sonner-toast] [data-icon]{color:var(--accent)}[data-sonner-toast][data-type=success] [data-icon]{color:var(--ok)}[data-sonner-toast][data-type=error] [data-icon]{color:var(--danger)}[data-sonner-toast][data-type=warning] [data-icon]{color:var(--warn)}.muted{color:var(--soft);font-size:13px}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stack-8{display:grid;gap:8px}.stack-16{display:grid;gap:16px}.row-8{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.span-2{grid-column:span 2}@media (max-width: 1100px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 700px){.grid{grid-template-columns:minmax(0,1fr)}.span-2{grid-column:auto}}.login{position:relative;min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;justify-items:center;padding:24px 24px 28px;background:radial-gradient(700px 420px at 18% 0%,rgba(86,111,127,.1),transparent 70%),radial-gradient(600px 400px at 90% 100%,rgba(135,92,69,.06),transparent 70%),var(--bg)}.login-top{justify-self:start}.login-top .brand{margin:0}.login-card{align-self:center;width:min(100%,400px);padding:32px 32px 28px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-md);animation:rise-in .35s var(--ease) both}.login-heading{margin-bottom:22px}.login-heading h1{font-size:22px;font-weight:600;color:var(--ink);letter-spacing:-.015em}.login-heading p{margin-top:6px;font-size:13.5px;color:var(--soft)}.login-form{display:grid;gap:16px;margin-top:22px}.login-form .btn.lg{margin-top:4px}.login-hint{text-align:center;font-size:12.5px;color:var(--mute);margin-top:-4px}.login-foot{font-size:12px;color:var(--mute)}@media (max-width: 640px){.login{padding:18px 16px 22px}.login-card{align-self:start;margin-top:40px;padding:26px 22px 22px}}.hero{background:linear-gradient(135deg,var(--surface) 55%,#f7f8f8)}.hero .card-body{padding:24px 26px}.hero-label{font-size:13px;font-weight:500;color:var(--soft)}.hero-value{margin-top:6px;font-size:44px;font-weight:600;line-height:1.1;color:var(--ink);letter-spacing:-.03em}.hero-sub{margin-top:10px;font-size:13px;color:var(--soft)}.hero-actions{display:flex;gap:8px;margin-top:22px}.kv{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 16px;margin:0;align-items:center}.kv dt{font-size:13px;color:var(--mute);white-space:nowrap}.kv dd{margin:0;font-size:13.5px;color:var(--ink);min-width:0}.bucket-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}.bucket{display:grid;gap:8px;padding:14px 16px;border:1px solid var(--line-soft);border-radius:var(--r);background:var(--bg)}.bucket-head{display:flex;align-items:center;justify-content:space-between}.bucket-remain{font-size:13px;color:var(--soft)}.bucket-remain b{font-size:15px;color:var(--ink);font-weight:600}.bucket-foot{display:flex;justify-content:space-between;font-size:12px;color:var(--mute)}.topup{display:grid;gap:36px}.topup-section{display:grid;gap:16px}.section-head h2{font-size:16px;font-weight:600;color:var(--ink);letter-spacing:-.01em}.section-head p{margin-top:4px;font-size:13px;color:var(--soft)}.sub-card{display:grid;grid-template-columns:minmax(240px,5fr) minmax(0,7fr);gap:32px;padding:30px 32px;border-radius:var(--r-xl);background:radial-gradient(600px 300px at 100% 0%,rgba(255,255,255,.07),transparent 60%),linear-gradient(135deg,#4d6575,#3d505d);color:#fff;box-shadow:0 1px 2px #3d505d33,0 16px 40px #3d505d38}.sub-main{display:flex;flex-direction:column}.sub-kicker{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;letter-spacing:.01em}.sub-kicker .tag.ok{background:#ffffff24;color:#fff}.sub-price{margin-top:14px;display:flex;align-items:baseline;gap:2px;font-size:46px;font-weight:600;line-height:1;letter-spacing:-.03em}.sub-price small{font-size:20px;font-weight:500;opacity:.8;margin-right:3px;letter-spacing:0}.sub-unit{margin-left:8px;font-size:14px;font-weight:500;opacity:.72;letter-spacing:0}.sub-desc{margin-top:12px;font-size:13px;line-height:1.6;opacity:.78}.sub-cta.btn{margin-top:24px;align-self:flex-start;min-width:180px;background:#fff;border-color:transparent;color:var(--accent-ink);box-shadow:0 6px 18px #0000002e}.sub-cta.btn:hover{background:#fff;filter:brightness(.97)}.sub-cta.btn.loading .spinner{color:var(--accent-ink)}.sub-note{margin-top:12px;font-size:12px;opacity:.6}.sub-benefits{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 22px;align-content:start}.sub-benefits li{display:flex;gap:10px;align-items:flex-start}.sub-benefits svg{width:16px;height:16px;flex:none;margin-top:2px;padding:2px;border-radius:50%;background:#ffffff29}.sub-benefits b{display:block;font-size:13.5px;font-weight:600;line-height:1.4}.sub-benefits span{display:block;margin-top:3px;font-size:12.5px;line-height:1.55;opacity:.7}.spend-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);overflow:hidden}.spend-rules>div{display:grid;gap:5px;padding:16px 20px;border-left:1px solid var(--line-soft)}.spend-rules>div:first-child{border-left:0}.spend-rules b{font-size:14px;font-weight:600;color:var(--ink)}.spend-rules span{font-size:12.5px;line-height:1.55;color:var(--soft)}.packs{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.pack{display:flex;flex-direction:column;gap:6px;padding:22px 22px 20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-xs);transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s}.pack:not(.locked):hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#d9d2c6}.pack.locked{background:var(--bg)}.pack.locked .pack-credits,.pack.locked .pack-price{color:var(--soft)}.pack-top{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;color:var(--ink)}.pack-top svg{width:14px;height:14px;color:var(--mute)}.pack-credits{margin-top:8px;font-size:30px;font-weight:600;line-height:1;letter-spacing:-.03em;color:var(--ink)}.pack-credits small{margin-left:5px;font-size:13px;font-weight:500;color:var(--soft);letter-spacing:0}.pack-price{margin-top:4px;font-size:19px;font-weight:600;color:var(--ink);letter-spacing:-.01em}.pack-price small{font-size:13px;font-weight:500;color:var(--soft);margin-right:1px;letter-spacing:0}.pack-meta{font-size:12px;color:var(--mute);margin-bottom:12px}.pack .btn{margin-top:auto}@media (max-width: 900px){.sub-card{grid-template-columns:1fr;gap:24px;padding:24px 22px}.sub-benefits{grid-template-columns:1fr;gap:14px}.spend-rules{grid-template-columns:1fr}.spend-rules>div{border-left:0;border-top:1px solid var(--line-soft)}.spend-rules>div:first-child{border-top:0}}.delta{font-weight:600}.delta.pos{color:var(--ok)}.delta.neg{color:var(--ink)}.grant-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:16px -22px -22px;padding:14px 22px;border-top:1px solid var(--line-soft);background:var(--bg);border-radius:0 0 var(--r-xl) var(--r-xl)}