.bbb-band{background:var(--abyss);padding:56px 32px}.bbb-card{border:1px solid var(--outline-variant);background:linear-gradient(180deg, var(--surface-bright), var(--surface));max-width:1180px;color:var(--on-surface);text-align:left;border-radius:16px;grid-template-columns:minmax(0,1fr) 400px;align-items:center;gap:52px;margin:0 auto;padding:30px 40px;font-family:Inter,sans-serif;display:grid;position:relative}.bbb-tick{border:1px solid color-mix(in oklab, var(--accent-a) 55%, transparent);opacity:.55;pointer-events:none;width:11px;height:11px;position:absolute}.bbb-tick.tl{border-bottom:0;border-right:0;border-top-left-radius:16px;top:-1px;left:-1px}.bbb-tick.tr{border-bottom:0;border-left:0;border-top-right-radius:16px;top:-1px;right:-1px}.bbb-tick.bl{border-top:0;border-right:0;border-bottom-left-radius:16px;bottom:-1px;left:-1px}.bbb-tick.br{border-top:0;border-left:0;border-bottom-right-radius:16px;bottom:-1px;right:-1px}.bbb-eyebrow{align-items:center;gap:12px;margin-bottom:12px;display:flex}.bbb-eyebrow span{letter-spacing:.22em;text-transform:uppercase;color:var(--accent-a);white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:10.5px}.bbb-rule{background:linear-gradient(90deg, color-mix(in oklab, var(--accent-a) 70%, transparent), transparent);width:52px;height:1px}.bbb-headline{letter-spacing:-.018em;margin:0;font-family:Space Grotesk,sans-serif;font-size:34px;font-weight:500;line-height:1.05}.bbb-accent-dot{color:var(--accent-a)}.bbb-lede{max-width:420px;color:var(--on-surface-variant);text-wrap:pretty;margin:9px 0 18px;font-size:14.5px;line-height:1.5}.bbb-cta{cursor:pointer;background:var(--accent-a);color:#031318;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;border:0;border-radius:99px;align-items:center;gap:10px;min-height:44px;padding:12px 24px;font-family:JetBrains Mono,monospace;font-size:11px;text-decoration:none;transition:box-shadow .3s,transform .3s;display:inline-flex}.bbb-cta:hover{box-shadow:0 0 24px color-mix(in oklab, var(--accent-a) 40%, transparent);color:#031318;transform:translateY(-1px)}.bbb-arw{transition:transform .3s}.bbb-cta:hover .bbb-arw{transform:translate(4px)}.bbb-terms{max-width:460px;color:var(--on-surface-variant);text-wrap:pretty;margin:14px 0 0;font-size:12px;line-height:1.55}.bbb-ledger{gap:0;min-width:0;display:grid}.bbb-row{border:0;border-top:1px solid var(--outline-variant);min-height:44px;color:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 0;transition:background .25s;display:grid}.bbb-row:last-child{border-bottom:1px solid var(--outline-variant)}.bbb-row:focus-visible,.bbb-cta:focus-visible{outline:1px solid color-mix(in oklab, var(--accent-a) 60%, transparent);outline-offset:3px}.bbb-row.is-on{background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--accent-a) 8%, transparent) 22%, transparent)}.bbb-lead{opacity:.55;align-items:baseline;gap:7px;transition:opacity .3s;display:flex}.bbb-row.is-on .bbb-lead{opacity:1}.bbb-num{letter-spacing:-.03em;background-image:linear-gradient(135deg, var(--accent-a), var(--accent-c));color:#0000;-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:600;line-height:1}.bbb-unit{letter-spacing:.2em;text-transform:uppercase;color:var(--on-surface-variant);font-family:JetBrains Mono,monospace;font-size:10px}.bbb-leader{background-image:linear-gradient(90deg, var(--outline-variant) 50%, transparent 0);background-size:5px 1px;height:1px;position:relative}.bbb-leader:after{content:"";background-image:linear-gradient(90deg, var(--accent-a) 50%, transparent 0);width:0;box-shadow:0 0 6px color-mix(in oklab, var(--accent-a) 45%, transparent);background-size:5px 1px;transition:width .45s cubic-bezier(.32,.72,0,1);position:absolute;top:0;bottom:0;left:0}.bbb-row.is-max .bbb-leader:after{background-image:linear-gradient(90deg, var(--accent-c) 50%, transparent 0);box-shadow:0 0 6px color-mix(in oklab, var(--accent-c) 45%, transparent)}.bbb-row.is-on .bbb-leader:after{width:100%}.bbb-figure{white-space:nowrap;align-items:center;gap:8px;display:flex}.bbb-save{letter-spacing:.04em;color:var(--on-surface-variant);opacity:.55;font-family:JetBrains Mono,monospace;font-size:13.5px;transition:color .3s,opacity .3s}.bbb-row.is-on .bbb-save{color:var(--status-done);opacity:1}.bbb-maxpill{letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;color:var(--accent-c);border:1px solid color-mix(in oklab, var(--accent-c) 40%, transparent);background:color-mix(in oklab, var(--accent-c) 12%, transparent);border-radius:3px;padding:2px 7px;font-family:JetBrains Mono,monospace;font-size:9px}.bbb-ledger.is-pending .bbb-row>*{opacity:0;transform:translateY(10px)}.bbb-ledger.is-in .bbb-row>*{animation:.7s cubic-bezier(.32,.72,0,1) backwards bbb-reveal}.bbb-ledger.is-in .bbb-row:first-child>*{animation-delay:50ms}.bbb-ledger.is-in .bbb-row:first-child .bbb-figure{animation-delay:.18s}.bbb-ledger.is-in .bbb-row:nth-child(2)>*{animation-delay:.14s}.bbb-ledger.is-in .bbb-row:nth-child(2) .bbb-figure{animation-delay:.27s}.bbb-ledger.is-in .bbb-row:nth-child(3)>*{animation-delay:.23s}.bbb-ledger.is-in .bbb-row:nth-child(3) .bbb-figure{animation-delay:.36s}@keyframes bbb-reveal{0%{opacity:0;transform:translateY(10px)}to{transform:none}}@media (max-width:900px){.bbb-card{grid-template-columns:minmax(0,1fr);gap:28px;padding:26px 24px}.bbb-headline{font-size:28px}.bbb-lede,.bbb-terms{max-width:none}.bbb-row{padding:14px 0}}@media (max-width:480px){.bbb-band{padding:40px 16px}.bbb-num{font-size:21px}}.bbb-band--catalog{background:0 0;padding:0}.bbb-band--catalog .bbb-card{max-width:none}@media (prefers-reduced-motion:reduce){.bbb-ledger .bbb-row>*{opacity:1;animation:none;transform:none}.bbb-ledger .bbb-row .bbb-lead{opacity:.55}.bbb-ledger .bbb-row.is-on .bbb-lead{opacity:1}.bbb-leader:after,.bbb-row,.bbb-cta,.bbb-arw,.bbb-save,.bbb-lead{transition:none}.bbb-cta:hover,.bbb-cta:hover .bbb-arw{transform:none}}@media print{.bbb-band,.bbb-card{color:#000;background:0 0;border-color:#999}.bbb-ledger .bbb-row>*{opacity:1;animation:none;transform:none}.bbb-card .bbb-num,.bbb-card .bbb-lead,.bbb-card .bbb-save,.bbb-card .bbb-unit,.bbb-card .bbb-maxpill,.bbb-card .bbb-lede,.bbb-card .bbb-terms{color:#000;opacity:1;-webkit-text-fill-color:#000}.bbb-tick{display:none}}
