.pack-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-4);text-align:center;background-color:var(--color-surface-container-lowest);border:var(--border-ghost);border-radius:var(--radius-md);.pack-badge{position:absolute;top:calc(-1 * var(--space-2));padding:var(--space-1) var(--space-3);font-size:var(--text-label-sm);font-weight:var(--weight-semibold);letter-spacing:var(--ls-label-sm);color:var(--color-on-primary);background-color:var(--color-primary);border-radius:var(--radius-full);white-space:nowrap}.pack-coming{position:absolute;top:calc(-1 * var(--space-3));.coming-soon-badge{background:var(--color-surface-container-lowest)}}.pack-tokens{display:flex;align-items:center;gap:var(--space-1);color:var(--color-primary);.material-symbols-outlined{font-size:1.5rem;align-self:center}.count{font-family:var(--font-display);font-size:var(--text-headline-md);font-weight:800}.unit{font-size:var(--text-body-md);color:var(--color-on-surface-variant)}}.pack-price{font-family:var(--font-display);font-size:var(--text-headline-sm);font-weight:var(--weight-bold);color:var(--color-on-surface)}.pack-per-action{font-size:var(--text-body-sm);color:var(--color-on-surface-variant)}&.featured{border:2px solid var(--color-primary);box-shadow:var(--shadow-ambient)}&.is-coming-soon.featured{border:var(--border-ghost);box-shadow:none}}.plan-card{position:relative;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6) var(--space-5);background-color:var(--color-surface-container-lowest);border:var(--border-ghost);border-radius:var(--radius-lg);.plan-badge{position:absolute;top:var(--space-4);left:var(--space-4);padding:var(--space-1) var(--space-3);font-family:var(--font-body);font-size:var(--text-label-md);font-weight:var(--weight-semibold);letter-spacing:var(--ls-label-md);color:var(--color-on-primary);background-color:var(--color-primary);border-radius:var(--radius-full)}.plan-name{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2) var(--space-3);font-family:var(--font-display);font-size:var(--text-headline-sm);font-weight:var(--weight-bold);color:var(--color-on-surface)}.plan-price{display:flex;align-items:baseline;gap:var(--space-2);.amount{font-family:var(--font-display);font-size:var(--text-display-sm);font-weight:800;line-height:1;color:var(--color-primary)}.period{font-size:var(--text-body-md);color:var(--color-on-surface-variant)}}.plan-features{display:flex;flex-direction:column;gap:var(--space-3);list-style:none;margin:0;padding:0;flex:1;& li{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-body-md);line-height:var(--lh-body-md);color:var(--color-on-surface);.material-symbols-outlined{flex-shrink:0;font-size:1.25rem;color:var(--color-primary);margin-top:.1em}}}.plan-cta{width:100%;margin-top:var(--space-2)}&.featured{border:2px solid var(--color-primary);@media(min-width:1024px){transform:scale(1.04)}}&.secondary{.plan-price .amount,.plan-features li .material-symbols-outlined{color:var(--color-secondary)}}&.tertiary{.plan-price .amount,.plan-features li .material-symbols-outlined{color:var(--color-tertiary)}}&.dazzle{border:2px solid transparent;background:linear-gradient(var(--color-surface-container-lowest),var(--color-surface-container-lowest)) padding-box,linear-gradient(135deg,var(--color-primary),var(--color-secondary),var(--color-tertiary)) border-box;.plan-name,.plan-price .amount,.plan-features li .material-symbols-outlined{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;background-clip:text;color:transparent}}}.usage-screen{position:absolute;inset:0;background:#f2f2f7;display:flex;flex-direction:column;font-family:-apple-system,SF Pro Text,system-ui,sans-serif;-webkit-font-smoothing:antialiased;.usage-scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:60px 20px 120px}.money,.count,.count-faint{direction:ltr;unicode-bidi:isolate;display:inline-block}.profile-header{display:flex;align-items:center;gap:14px;margin-bottom:4px;.avatar{position:relative;flex-shrink:0;width:60px;height:60px;& img{width:60px;height:60px;border-radius:50%;object-fit:cover;background:#fff;box-shadow:0 8px 20px color-mix(in srgb,#6a5be2 26%,transparent)}.crown{position:absolute;top:-3px;inset-inline-end:-3px;width:24px;height:24px;border-radius:50%;background:#f0a72c;border:2.5px solid #fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #0000002e;& svg{width:13px;height:13px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linejoin:round}}}.who{display:flex;flex-direction:column}.name{font-size:23px;font-weight:800;color:#1c1c1e;letter-spacing:-.5px}.since{font-size:13px;font-weight:500;color:#8a8a8e;margin-top:5px}}.token-card{display:flex;align-items:center;gap:14px;margin-top:18px;padding:16px 18px;border-radius:22px;background:linear-gradient(135deg,#6a5be2,#5346b5);box-shadow:0 12px 26px color-mix(in srgb,#6a5be2 32%,transparent);.wallet-tile{width:44px;height:44px;border-radius:13px;flex-shrink:0;background:#ffffff29;display:flex;align-items:center;justify-content:center;& svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}}.bal{flex:1;display:flex;flex-direction:column;align-items:flex-start}.num{font-size:30px;font-weight:800;color:#fff;line-height:1;letter-spacing:-.5px}.bal-label{font-size:13px;font-weight:600;color:#fffc;margin-top:4px}.topup{border:none;cursor:pointer;background:#fff;color:#5346b5;font-family:inherit;font-size:14px;font-weight:800;padding:10px 18px;border-radius:9999px;box-shadow:0 4px 10px #0000001f}}.token-note{margin:10px 4px 0;font-size:12.5px;font-weight:500;line-height:1.45;color:#8a8a8e}.section-label{margin:26px 4px 13px;.title{display:block;font-size:21px;font-weight:800;color:#1c1c1e;letter-spacing:-.4px}.sub{display:block;font-size:13.5px;font-weight:500;color:#8a8a8e;margin-top:3px}}.usage-card{background:#fff;border-radius:24px;padding:6px 20px 18px;box-shadow:0 1px 2px #1c1c1e0d,0 8px 22px #1c1c1e0f}.scan-entry{padding:15px 0;border-top:1px solid rgba(60,60,67,.1);&.first{border-top:none}.row-a{display:flex;align-items:center;gap:11px;margin-bottom:11px;.icon-tile{width:34px;height:34px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;& svg{width:18px;height:18px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}}.label{flex:1;font-size:15px;font-weight:800;color:#1c1c1e;letter-spacing:-.3px}.over-pill{font-size:11.5px;font-weight:800;color:#c1722e;background:#fae9da;padding:4px 10px;border-radius:9999px;white-space:nowrap}.count{font-size:15.5px;font-weight:800}}.row-b{display:flex;align-items:center;gap:8px;margin-bottom:11px;.rollover{flex:1;font-size:12.5px;font-weight:700;color:#c08a2e}.count-faint{font-size:12.5px;font-weight:700;color:#8a8a8e}}.bar{position:relative;height:9px;border-radius:9999px;background:#eeeef1;overflow:hidden;.fill{position:absolute;inset-inline-start:0;top:0;bottom:0;border-radius:9999px}.tick{position:absolute;top:-1px;bottom:-1px;width:2px;background:#fff;opacity:.95}}}.beti-debt{margin-top:16px;display:flex;gap:10px;align-items:flex-start;.beti-avatar{position:relative;flex-shrink:0;width:40px;height:40px;& img{width:40px;height:40px;border-radius:50%;background:#fff;object-fit:contain;box-shadow:0 1px 4px #0000001a}.online{position:absolute;bottom:1px;inset-inline-start:1px;width:11px;height:11px;border-radius:50%;background:#2f9e6f;border:2px solid #fff}}.debt-body{flex:1;min-width:0}.bubble{background:#fff;border-radius:18px 5px 18px 18px;padding:13px 15px;border:1px solid rgba(60,60,67,.1);box-shadow:0 1px 2px #1c1c1e0d,0 6px 16px #1c1c1e0d;.from{display:flex;align-items:center;gap:6px;margin-bottom:7px;font-size:11px;font-weight:600;color:#aeaeb2}.from strong{font-size:12.5px;font-weight:800;color:#2f9e6f}& p{font-size:13.5px;font-weight:500;line-height:1.55;color:#2c2c2e;margin:0}.amount{font-weight:800;color:#c1722e;unicode-bidi:isolate}.talk{width:100%;height:44px;margin-top:13px;border-radius:13px;border:none;cursor:pointer;background:#2f9e6f;color:#fff;font-family:inherit;font-size:14.5px;font-weight:800;letter-spacing:-.2px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 6px 14px color-mix(in srgb,#2f9e6f 28%,transparent);& svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}}}.reply-time{display:block;font-size:10.5px;font-weight:600;color:#aeaeb2;margin:6px 4px 0}}}.pricing-hero{padding:var(--space-16) var(--space-5) var(--space-10);text-align:center;.inner{max-width:48rem;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4);align-items:center}.eyebrow{font-family:var(--font-body);font-size:var(--text-label-lg);font-weight:var(--weight-semibold);letter-spacing:var(--ls-label-lg);color:var(--color-primary)}& h1{font-family:var(--font-display);font-size:clamp(2.5rem,2rem + 3vw,4rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--color-on-surface);.accent{color:var(--color-primary)}}.subtitle{font-size:var(--text-title-lg);line-height:1.6;color:var(--color-on-surface-variant);max-width:36rem}}.pricing-tokens,.pricing-business{padding:var(--space-16) var(--space-5);.inner{max-width:72rem;margin:0 auto}& h2{font-family:var(--font-display);font-size:clamp(1.875rem,1.5rem + 2vw,2.75rem);font-weight:800;line-height:1.15;letter-spacing:-.015em;color:var(--color-on-surface);text-align:center}.section-subtitle{margin:var(--space-3) auto 0;font-size:var(--text-title-md);line-height:1.6;color:var(--color-on-surface-variant);text-align:center;max-width:40rem}}.pricing-plans{padding:var(--space-5) var(--space-5) var(--space-12);.inner{max-width:80rem;margin:0 auto}.grid{display:grid;gap:var(--space-4);align-items:stretch;@media(min-width:640px){grid-template-columns:repeat(2,1fr)}@media(min-width:1100px){grid-template-columns:repeat(4,1fr)}}.trial-note{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-8);font-size:var(--text-title-md);font-weight:var(--weight-semibold);color:var(--color-primary);.material-symbols-outlined{font-size:1.4rem}}}.pricing-tokens{.token-panel{display:flex;flex-direction:column;gap:var(--space-6);margin-top:var(--space-10)}.cost-table{max-width:44rem;margin-inline:auto;width:100%;background-color:var(--color-surface-container-lowest);border-radius:var(--radius-md);border:var(--border-ghost);padding:var(--space-5);.cost-title{font-size:var(--text-title-lg);font-weight:var(--weight-bold);color:var(--color-on-surface);text-align:center;margin-bottom:var(--space-4)}.cost-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-top:var(--border-ghost);&:first-of-type{border-top:none}.material-symbols-outlined{color:var(--color-primary);font-size:1.5rem}.label{flex:1;font-size:var(--text-body-md);color:var(--color-on-surface)}.cost{font-weight:var(--weight-bold);color:var(--color-primary);white-space:nowrap}}}.token-notes{display:grid;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:var(--border-ghost);@media(min-width:760px){grid-template-columns:repeat(3,1fr)}.note{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:var(--space-2);row-gap:var(--space-1);font-size:var(--text-body-sm);line-height:var(--lh-body-sm);color:var(--color-on-surface-variant);.material-symbols-outlined{flex-shrink:0;font-size:1.25rem;color:var(--color-primary)}.note-title{font-size:var(--text-body-md);color:var(--color-on-surface)}.note-text{grid-column:1 / -1}}}.packs{display:grid;gap:var(--space-4);@media(min-width:640px){grid-template-columns:repeat(3,1fr)}}.token-why{max-width:44rem;margin:var(--space-6) auto 0;text-align:center;font-size:var(--text-title-md);line-height:1.6;color:var(--color-on-surface-variant)}}.pricing-tokens .token-layout{display:grid;gap:var(--space-10);align-items:center;@media(min-width:980px){grid-template-columns:1fr 22rem}}.pricing-tokens .token-info{.token-panel{margin-top:var(--space-6)}@media(min-width:980px){& h2{text-align:start}.section-subtitle{text-align:start;margin-inline:0;max-width:38rem}.cost-table{margin-inline:0;max-width:none}.token-why{margin-inline:0;max-width:38rem;text-align:start}}}.pricing-tokens .token-phone{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);.phone-caption{font-family:var(--font-body);font-size:var(--text-label-lg);font-weight:var(--weight-semibold);letter-spacing:var(--ls-label-lg);color:var(--color-primary)}}.pricing-business{.tracks{display:grid;gap:var(--space-5);margin-top:var(--space-10);@media(min-width:768px){grid-template-columns:repeat(3,1fr)}}.track{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-6) var(--space-5);background-color:var(--color-surface-container-lowest);border-radius:var(--radius-lg);border:var(--border-ghost);.track-icon{font-size:2rem;color:var(--color-primary)}& h3{font-family:var(--font-display);font-size:var(--text-title-lg);font-weight:var(--weight-bold);color:var(--color-on-surface)}& ul{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:0;padding:0;flex:1;& li{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-body-md);line-height:var(--lh-body-md);color:var(--color-on-surface-variant);.material-symbols-outlined{flex-shrink:0;font-size:1.125rem;color:var(--color-primary);margin-top:.15em}}}.button{margin-top:var(--space-2);padding-inline:0}}@media(max-width:767px){.track{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:var(--space-3);row-gap:var(--space-3)}.track ul,.track .button{grid-column:1 / -1}}.business-link{display:block;margin-top:var(--space-8);text-align:center;font-size:var(--text-title-md);font-weight:var(--weight-semibold);color:var(--color-primary);text-decoration:none;&:hover{text-decoration:underline}}}
