:root{--bg: #000000;--fg: #f4f4f4;--fg-dim: #a0a0a0;--fg-dimmer: #6a6a6a;--hairline: rgba(255, 255, 255, .12);--hairline-strong: rgba(255, 255, 255, .24);--accent: #f4f4f4;--danger: #ff5f5f;--status-green: #7d9b78;--exam-amber: #c4a574;--exam-amber-soft: rgba(196, 165, 116, .22);--safe-top: env(safe-area-inset-top);--safe-bottom: env(safe-area-inset-bottom);--safe-left: env(safe-area-inset-left);--safe-right: env(safe-area-inset-right);--font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", Segoe UI, Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased}body{overscroll-behavior:none}.page{min-height:100dvh;padding:calc(var(--safe-top) + 20px) calc(var(--safe-right) + 20px) calc(var(--safe-bottom) + 20px) calc(var(--safe-left) + 20px);display:flex;flex-direction:column;gap:20px}.hero{position:relative;margin:calc(-1 * (var(--safe-top) + 20px)) calc(-1 * (var(--safe-right) + 20px)) 8px calc(-1 * (var(--safe-left) + 20px));min-height:clamp(220px,42vw,360px);overflow:hidden;border-bottom:1px solid var(--hairline);background:#050505}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;display:block;pointer-events:none}.hero-scrim{position:absolute;inset:0;background:linear-gradient(90deg,#000000c7,#0000006b 48%,#00000047),linear-gradient(180deg,#0003,#0000008c);pointer-events:none}.hero-content{position:relative;z-index:1;min-height:inherit;width:100%;max-width:1100px;margin:0 auto;display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:calc(var(--safe-top) + 28px) 20px 28px;box-sizing:border-box}.hero-brand{max-width:22rem}.hero-title{margin:0;font-size:clamp(26px,4.2vw,42px);font-weight:650;letter-spacing:.04em;text-transform:uppercase;line-height:1.05}.hero-title-primary{color:#fff}.hero-title-secondary{color:#ffffff8c;font-weight:500}.hero-rule{width:42px;height:1px;margin:10px 0 12px;background:var(--exam-amber);opacity:.85}.hero-subtitle{font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#ffffffe0}.hero-tagline{margin:14px 0 0;font-size:11px;line-height:1.45;letter-spacing:.08em;text-transform:uppercase;color:#ffffff7a}.hero-pillars{display:none;list-style:none;margin:0;padding:0 0 4px;text-align:right;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#ffffff6b;line-height:1.7;border-bottom:1px solid rgba(255,255,255,.18);flex-shrink:0}@media (min-width: 720px){.hero-pillars{display:block}}.marketing-page.landing .hero.hero-inset{margin:0;min-height:clamp(280px,38vh,420px)}@media (min-width: 960px){.marketing-page.landing .hero.hero-inset{min-height:min(46vh,480px)}.marketing-page.landing .hero-content{align-items:center;padding-top:40px;padding-bottom:40px}}.page-header{display:flex;flex-direction:column;gap:6px;padding-bottom:12px;border-bottom:1px solid var(--hairline)}.page-header.slim{padding-bottom:8px}.page-header h1{margin:0;font-size:28px;font-weight:500;letter-spacing:-.02em}.eyebrow{font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-dim)}.eyebrow-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.header-actions{display:flex;gap:12px}.subtle{color:var(--fg-dim)}.subtle.small{font-size:13px}.section-label{font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-dim);margin-bottom:12px}.card{padding:18px;border:1px solid var(--hairline);border-radius:12px;display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim)}.field-hint{font-size:12px;color:var(--fg-dimmer);line-height:1.35}input[type=text],input[type=url],input[type=password],input[type=email]{width:100%;background:transparent;color:var(--fg);border:1px solid var(--hairline);border-radius:8px;padding:12px 14px;font-size:16px;font-family:inherit;outline:none;transition:border-color .12s ease}input:focus{border-color:var(--hairline-strong)}input::placeholder{color:var(--fg-dimmer)}.btn{appearance:none;border:1px solid var(--hairline-strong);background:transparent;color:var(--fg);padding:14px 18px;border-radius:10px;font-size:15px;font-weight:500;letter-spacing:.02em;cursor:pointer;transition:background .12s ease,opacity .12s ease;font-family:inherit;min-height:48px}.btn:hover{background:#ffffff0a}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:var(--fg);color:var(--bg);border-color:var(--fg)}.btn.primary:hover{background:#fff}.btn.ghost{border-color:var(--hairline)}.link-btn{appearance:none;background:transparent;border:none;color:var(--fg-dim);font-family:inherit;font-size:13px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;padding:6px 8px;min-height:32px}.link-btn:hover{color:var(--fg)}.link-btn.danger{color:var(--danger)}.button-row{display:flex;gap:10px}.button-row .btn{flex:1}.error,.error-banner{background:#ff5f5f14;border:1px solid rgba(255,95,95,.3);color:#ffbdbd;padding:10px 14px;border-radius:8px;font-size:14px;line-height:1.4}.error-banner{display:flex;align-items:center;justify-content:space-between;gap:12px}.footnote{font-size:12px;color:var(--fg-dimmer);line-height:1.5;text-align:center;padding:8px 4px}.start{gap:18px}.start-header{display:flex;flex-direction:column;gap:8px;padding-bottom:4px}.start-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.start-header h1{margin:0;font-size:28px;font-weight:500;letter-spacing:-.02em}.status-indicator{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);font-family:var(--font-mono)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--status-green);box-shadow:0 0 0 3px #7d9b7826;flex-shrink:0}.settings-link{display:inline-flex;align-items:center;gap:6px}.mode-section,.mode-grid{display:flex;flex-direction:column;gap:10px}.mode-card{appearance:none;width:100%;display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:12px;padding:16px 14px;text-align:left;color:var(--fg);background:#ffffff04;border:1px solid var(--hairline);border-radius:12px;cursor:pointer;font-family:inherit;transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}.mode-card:hover{border-color:var(--hairline-strong);transform:translateY(-2px)}.mode-card.selected{border-color:#ffffff61;background:#ffffff09;box-shadow:inset 0 0 0 1px #ffffff0a}.mode-card.mode-exam.selected{border-color:#c4a5748c;background:radial-gradient(120% 90% at 0% 0%,rgba(196,165,116,.12),transparent 55%),#ffffff05;box-shadow:inset 0 0 0 1px #c4a57414,0 0 24px #c4a5740f}.mode-index{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;color:var(--fg-dimmer);min-width:1.5rem}.mode-card.mode-exam.selected .mode-index,.mode-card.mode-exam.selected .mode-icon{color:var(--exam-amber)}.mode-icon{display:inline-flex;color:var(--fg-dim)}.mode-body{display:flex;flex-direction:column;gap:3px;min-width:0}.mode-label{font-size:15px;font-weight:550;letter-spacing:-.01em}.mode-blurb{font-size:12px;line-height:1.35;color:var(--fg-dim)}.mode-exam-badge{margin-top:6px;align-self:flex-start;font-size:9px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--exam-amber);border:1px solid rgba(196,165,116,.45);border-radius:4px;padding:3px 6px}.mode-tag{flex-shrink:0;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim);border:1px solid var(--hairline);border-radius:4px;padding:5px 7px}.mode-tag.exam{color:#d9a39a;border-color:#b4645a73}.session-summary{border:1px solid var(--hairline);border-radius:12px;padding:14px 14px 12px;background:#ffffff04}.session-summary-label{display:inline-flex;align-items:center;gap:6px;margin-bottom:12px;font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-dimmer)}.session-summary-grid{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 0}.session-summary-grid>div{padding:0 12px;border-left:1px solid var(--hairline);min-width:0}.session-summary-grid>div:nth-child(odd){padding-left:0;border-left:none}.session-summary-grid dt{margin:0 0 4px;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dimmer)}.session-summary-grid dd{margin:0;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-summary-status{display:inline-flex;align-items:center;gap:7px}@media (min-width: 520px){.session-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.session-summary-grid>div{padding:0 14px;border-left:1px solid var(--hairline)}.session-summary-grid>div:nth-child(odd){padding-left:14px;border-left:1px solid var(--hairline)}.session-summary-grid>div:first-child{padding-left:0;border-left:none}}.begin-cta{width:100%;min-height:54px;border-radius:12px;border:1px solid rgba(255,255,255,.28);background:linear-gradient(180deg,#ffffff14,#ffffff05);box-shadow:inset 0 1px #ffffff38,0 0 0 1px #ffffff05;font-size:14px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,transform .2s ease}.begin-cta:hover{border-color:#ffffff6b;background:linear-gradient(180deg,#ffffff1c,#ffffff08);box-shadow:inset 0 1px #ffffff4d,0 0 28px #ffffff0d;transform:translateY(-1px)}.secondary-panel{background:#ffffff03}.start-footer{margin-top:8px;padding-top:18px;border-top:1px solid var(--hairline);display:flex;flex-direction:column;gap:14px}.start-footer-motto{text-align:center;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-dimmer)}.start-footer-meta{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dimmer)}.start-footer-slogan{text-align:right;line-height:1.45}.chip-row{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 4px}.chip{appearance:none;background:transparent;color:var(--fg-dim);border:1px solid var(--hairline);border-radius:100px;padding:7px 12px;font-size:13px;font-family:inherit;cursor:pointer}.chip:hover,.chip.selected{color:var(--fg);border-color:var(--hairline-strong)}.radio-row{display:flex;flex-wrap:wrap;gap:6px}.session{height:100dvh;min-height:0;max-height:100dvh;gap:12px;padding-bottom:calc(var(--safe-bottom) + 12px);overflow:hidden}.transcript{flex:1 1 0;min-height:0;overflow-y:auto;padding:8px 4px 12px;display:flex;flex-direction:column;gap:14px;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.empty-transcript{padding:30px 8px;text-align:center}.bubble{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:12px;border:1px solid var(--hairline);max-width:100%}.bubble.assistant{border-left:2px solid var(--hairline-strong)}.bubble.user{border-right:2px solid var(--hairline-strong)}.bubble.pending{opacity:.55;font-style:italic}.bubble-role{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-dimmer)}.bubble-content{font-size:15px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.speaking-indicator{font-size:12px;color:var(--fg-dim);text-align:center;padding:4px 0}.text-input-row{display:flex;gap:8px;padding-top:12px;border-top:1px solid var(--hairline)}.text-input-row input{flex:1}.text-input-row .btn{min-height:44px;padding:10px 14px}.mic-bar{display:flex;flex-direction:column;gap:6px;align-items:stretch}.mic-btn{appearance:none;background:var(--fg);color:var(--bg);border:none;border-radius:100px;padding:18px;font-size:15px;font-weight:600;letter-spacing:.02em;cursor:pointer;font-family:inherit;transition:background .12s ease,transform 60ms ease;min-height:60px;touch-action:none;user-select:none;-webkit-user-select:none}.mic-btn:active{transform:scale(.98)}.mic-btn.recording{background:var(--danger);color:#000;animation:pulse 1s ease-in-out infinite}.mic-btn.preparing{background:var(--fg-dimmer);color:var(--bg)}@keyframes pulse{0%,to{box-shadow:0 0 #ff5f5f80}50%{box-shadow:0 0 0 12px #ff5f5f00}}.mic-btn:disabled{background:var(--fg-dimmer);color:#0006;cursor:not-allowed}.mic-error{font-size:12px;color:var(--danger);text-align:center;line-height:1.4;padding:4px 6px}.library .pending-file{display:flex;justify-content:space-between;align-items:baseline;padding:10px 12px;border:1px solid var(--hairline);border-radius:8px;font-size:14px}.library .pending-file .filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%}.library .pending-file .filesize{color:var(--fg-dim);font-family:var(--font-mono);font-size:12px}.progress-bar{height:4px;background:var(--hairline);border-radius:2px;overflow:hidden;margin-top:8px}.progress-fill{height:100%;background:var(--fg);transition:width .2s ease}.progress-fill.indeterminate{width:40%!important;animation:progress-slide 1.2s ease-in-out infinite}.progress-fill.processing{width:100%!important;opacity:.35;animation:progress-pulse 1.4s ease-in-out infinite}@keyframes progress-slide{0%{transform:translate(-120%)}to{transform:translate(320%)}}@keyframes progress-pulse{0%,to{opacity:.25}50%{opacity:.55}}.doc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.doc-item{display:flex;gap:10px;padding:12px 14px;border:1px solid var(--hairline);border-radius:8px;align-items:center}.doc-item .doc-main{flex:1;min-width:0}.doc-name{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-meta{font-size:11px;color:var(--fg-dim);display:flex;gap:4px;flex-wrap:wrap;margin-top:2px}.doc-actions{display:flex;flex-direction:column;gap:4px;align-items:flex-end;flex-shrink:0}.rename-row{display:flex;gap:8px;align-items:center}.rename-row input{flex:1;min-width:0}.link-btn.inline{padding:0;min-height:0;text-transform:none;letter-spacing:0;font-size:inherit;color:var(--fg);text-decoration:underline;text-underline-offset:3px}.text-link{color:var(--fg);text-decoration:underline;text-underline-offset:3px}.marketing-shell{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg);color:var(--fg)}.marketing-main{flex:1}.site-nav{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--hairline);background:#000000eb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.site-nav-inner{max-width:1100px;margin:0 auto;padding:calc(var(--safe-top) + 10px) calc(var(--safe-right) + 16px) 10px calc(var(--safe-left) + 16px);display:flex;align-items:center;gap:16px}.site-nav-brand{font-size:12px;font-weight:650;letter-spacing:.14em;text-transform:uppercase;color:var(--fg);text-decoration:none;white-space:nowrap}.site-nav-links{display:none;align-items:center;gap:4px;flex:1}.site-nav-link{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-dim);text-decoration:none;padding:8px 10px;border-radius:6px}.site-nav-link:hover,.site-nav-link.active{color:var(--fg)}.site-nav-actions{margin-left:auto;display:flex;align-items:center;gap:6px}.site-nav-cta{display:none;min-height:36px;padding:8px 12px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none}.site-nav-menu-btn{appearance:none;background:transparent;border:1px solid var(--hairline);color:var(--fg-dim);border-radius:8px;padding:8px 10px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-family:inherit;cursor:pointer}.site-nav-drawer{display:flex;flex-direction:column;gap:4px;padding:8px 16px 16px;border-top:1px solid var(--hairline)}.site-nav-drawer-link{padding:12px 8px;color:var(--fg-dim);text-decoration:none;font-size:13px;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--hairline)}.site-nav-drawer-link.active{color:var(--fg)}.site-nav-drawer-actions{display:flex;flex-direction:column;gap:8px;margin-top:12px}.site-nav-drawer-actions .btn{text-decoration:none;text-align:center}@media (min-width: 860px){.site-nav-links{display:flex}.site-nav-cta{display:inline-flex;align-items:center;justify-content:center}.site-nav-menu-btn,.site-nav-drawer{display:none!important}}.site-footer{margin-top:auto;border-top:1px solid var(--hairline);padding:28px calc(var(--safe-right) + 20px) calc(var(--safe-bottom) + 24px) calc(var(--safe-left) + 20px)}.site-footer-top{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.site-footer-name{font-size:12px;font-weight:650;letter-spacing:.14em;text-transform:uppercase}.site-footer-motto{margin-top:6px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-dimmer)}.site-footer-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.site-footer-heading{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-dimmer);margin-bottom:10px}.site-footer-cols a{display:block;color:var(--fg-dim);text-decoration:none;font-size:13px;padding:4px 0}.site-footer-cols a:hover{color:var(--fg)}.site-footer-bottom{max-width:1100px;margin:28px auto 0;padding-top:16px;border-top:1px solid var(--hairline);display:flex;flex-direction:column;gap:10px;font-size:11px;color:var(--fg-dimmer);line-height:1.5}.site-footer-bottom p{margin:0}.marketing-page{max-width:1100px;margin:0 auto;padding:28px calc(var(--safe-right) + 20px) 40px calc(var(--safe-left) + 20px);display:flex;flex-direction:column;gap:18px}.marketing-page.landing{padding:0;max-width:none;gap:0}.landing-body{max-width:1100px;width:100%;margin:0 auto;padding:32px calc(var(--safe-right) + 20px) 48px calc(var(--safe-left) + 20px);box-sizing:border-box;display:flex;flex-direction:column;gap:28px}.landing-intro{display:flex;flex-direction:column;gap:20px}.landing-copy{display:flex;flex-direction:column;gap:14px;max-width:36rem}.landing-signin{width:100%;max-width:26rem}@media (min-width: 900px){.landing-intro.with-signin{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:40px;align-items:start}.landing-copy{max-width:none}.landing-signin{max-width:none;position:sticky;top:84px}}.hero.hero-inset{margin-left:0;margin-right:0;margin-top:0}.marketing-header{display:flex;flex-direction:column;gap:8px}.marketing-title{margin:0;font-size:clamp(28px,4vw,40px);font-weight:500;letter-spacing:-.03em;line-height:1.15}.marketing-lede{max-width:36rem;margin:0;font-size:15px;line-height:1.5}.marketing-body{margin:0 0 14px;font-size:15px;line-height:1.55;color:var(--fg-dim)}.marketing-section{display:flex;flex-direction:column;gap:14px}.marketing-cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.marketing-cta-row .btn,.marketing-cta-row a.btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;width:auto;flex:0 0 auto}.marketing-cta-row .begin-cta{width:auto;min-width:220px;padding-left:22px;padding-right:22px}.card-title{margin:0 0 6px;font-size:17px;font-weight:550}.card-grid-3{display:grid;gap:12px}@media (min-width: 720px){.card-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.disclaimer-inline{max-width:40rem}.pricing-grid{display:grid;gap:12px}@media (min-width: 860px){.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}}.pricing-card{gap:12px}.pricing-card.popular{border-color:#ffffff52;box-shadow:inset 0 0 0 1px #ffffff0a}.pricing-card.premium{border-color:#c4a57459}.pricing-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.pricing-badge{font-size:9px;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--exam-amber);border:1px solid rgba(196,165,116,.45);border-radius:4px;padding:4px 6px;white-space:nowrap}.pricing-price{display:flex;align-items:baseline;gap:4px}.pricing-amount{font-size:32px;font-weight:600;letter-spacing:-.03em}.pricing-period{font-size:13px;color:var(--fg-dim)}.pricing-features{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.pricing-features li{font-size:13px;color:var(--fg-dim);padding-left:14px;position:relative}.pricing-features li:before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:var(--hairline-strong)}.pricing-notes{margin:0;max-width:40rem}.how-steps{display:flex;flex-direction:column;gap:10px}.how-step{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start}.faq-list{display:flex;flex-direction:column;gap:8px}.faq-item{padding:0;gap:0;overflow:hidden}.faq-trigger{appearance:none;width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;background:transparent;border:none;color:var(--fg);font:inherit;font-size:14px;font-weight:500;text-align:left;cursor:pointer}.faq-chevron{color:var(--fg-dimmer);font-size:18px;line-height:1}.faq-answer{margin:0;padding:0 18px 16px;line-height:1.5}.select-input,.textarea-input{width:100%;background:transparent;color:var(--fg);border:1px solid var(--hairline);border-radius:8px;padding:12px 14px;font-size:16px;font-family:inherit;outline:none}.select-input:focus,.textarea-input:focus{border-color:var(--hairline-strong)}.textarea-input{resize:vertical;min-height:120px;line-height:1.45}.success-banner{background:#7d9b781a;border:1px solid rgba(125,155,120,.35);color:#c5d6c2;padding:10px 14px;border-radius:8px;font-size:14px;line-height:1.4}.usage-meter{display:flex;flex-direction:column;gap:6px}.usage-meter.compact{padding:10px 12px;border:1px solid var(--hairline);border-radius:10px;background:#ffffff05}.usage-meter-label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dimmer)}.usage-meter-value{font-size:13px;font-weight:550;letter-spacing:.02em;font-family:var(--font-mono)}.usage-bar{height:3px;background:var(--hairline);border-radius:2px;overflow:hidden;margin-top:2px}.usage-bar-fill{height:100%;background:#ffffff8c;border-radius:2px;transition:width .2s ease}.start-usage{margin:2px 0 4px}.account-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.account-row strong{font-size:14px;font-weight:600;text-align:right}a.btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.product-shell{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg)}.product-main{flex:1;min-height:0}.product-shell .hero{margin-top:-20px}