*{box-sizing:border-box;padding:0;margin:0}body,html{min-height:100%}body{font-family:system-ui,sans-serif;min-height:100vh;background:#09090b;color:#fafafa}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}#__next,.site-shell{min-height:100vh}.site-shell{background:radial-gradient(circle at top,color-mix(in srgb,var(--brokr-text-primary,#fafafa) 4%,transparent),transparent 34%),var(--brokr-bg,#09090b);color:var(--brokr-text-primary,#fafafa)}.site-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:color-mix(in srgb,var(--brokr-bg,#09090b) 88%,transparent);border-bottom:1px solid color-mix(in srgb,var(--brokr-border,#27272a) 70%,transparent);position:-webkit-sticky;position:sticky;top:0;z-index:40}.site-header-inner{align-items:center;display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:auto 1fr auto;margin:0 auto;max-width:none;padding:1rem clamp(1rem,3vw,1.75rem);width:100%}.site-brand{align-items:center;display:inline-flex;gap:.9rem}.site-brand-mark{background-image:var(--brokr-brand-logo);background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:12px;display:block;height:36px;width:36px}.site-brand-copy{display:grid;grid-gap:.15rem;gap:.15rem}.site-brand-copy strong{font-size:.95rem;letter-spacing:-.03em}.site-brand-copy span{color:var(--brokr-text-secondary,#a1a1aa);font-size:.82rem}.site-nav{gap:.4rem;justify-self:center}.site-nav,.site-nav-link{align-items:center;display:inline-flex}.site-nav-link{border:1px solid transparent;border-radius:999px;color:var(--brokr-text-secondary,#a1a1aa);font-size:.9rem;font-weight:600;justify-content:center;min-height:40px;padding:.55rem .9rem;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.site-nav-link-active,.site-nav-link:hover{background:color-mix(in srgb,var(--brokr-text-primary,#fafafa) 7%,transparent);border-color:color-mix(in srgb,var(--brokr-border,#27272a) 72%,transparent);color:var(--brokr-text-primary,#fafafa)}.site-actions{gap:.75rem;justify-self:end}.site-actions,.site-theme-toggle{align-items:center;display:inline-flex}.site-theme-toggle{background:var(--brokr-surface-muted,#18181b);border:1px solid color-mix(in srgb,var(--brokr-border,#27272a) 85%,transparent);border-radius:var(--brokr-button-radius,10px);color:var(--brokr-text-secondary,#a1a1aa);cursor:pointer;flex-shrink:0;height:40px;justify-content:center;transition:background-color .15s ease,border-color .15s ease,color .15s ease;width:40px}.site-theme-toggle:hover{background:color-mix(in srgb,var(--brokr-text-primary,#fafafa) 8%,var(--brokr-surface-muted,#18181b));border-color:color-mix(in srgb,var(--brokr-border,#27272a) 100%,transparent);color:var(--brokr-text-primary,#fafafa)}.site-action-button,.site-action-link{align-items:center;border-radius:999px;font-size:.9rem;font-weight:600;display:inline-flex;justify-content:center;min-height:42px;padding:.65rem 1rem}.site-action-link{color:var(--brokr-text-secondary,#a1a1aa)}.site-action-link:hover{color:var(--brokr-text-primary,#fafafa)}.site-action-button{background:var(--brokr-primary,#fafafa);color:var(--brokr-primary-contrast,#09090b)}.site-main{margin:0;max-width:none;padding:2rem clamp(1rem,3vw,1.75rem) 4rem;width:100%}.landing-hero,.landing-page,.page-stack{display:grid;grid-gap:1.5rem;gap:1.5rem}.landing-hero{grid-template-columns:minmax(0,1.4fr) minmax(320px,.9fr);overflow:hidden;padding:1.75rem;position:relative}.landing-hero:before{background:radial-gradient(circle at top left,color-mix(in srgb,var(--brokr-text-primary,#fafafa) 6%,transparent),transparent 38%),linear-gradient(135deg,color-mix(in srgb,var(--brokr-text-primary,#fafafa) 2%,transparent),transparent 58%);content:"";inset:0;pointer-events:none;position:absolute}.landing-copy,.landing-rail{position:relative;z-index:1}.landing-copy{align-content:start;display:grid;grid-gap:1rem;gap:1rem;min-height:24rem}.landing-card-kicker,.landing-kicker{color:var(--brokr-text-secondary,#a1a1aa);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.landing-title{font-size:clamp(2.8rem,7vw,5.1rem);letter-spacing:-.08em;line-height:.94;margin:0;max-width:none}.landing-description{color:var(--brokr-text-secondary,#a1a1aa);font-size:1.02rem;line-height:1.75;max-width:min(65ch,100%)}.billing-actions-row,.chat-composer-footer,.landing-actions,.page-hero-topline{display:flex;flex-wrap:wrap;gap:.9rem}.landing-secondary-link{border:1px solid color-mix(in srgb,var(--brokr-border,#27272a) 72%,transparent);color:var(--brokr-text-primary,#fafafa)}.landing-rail{align-items:stretch;display:grid}.landing-summary-card{display:grid;grid-gap:1.2rem;gap:1.2rem;padding:1.35rem}.landing-summary-list{display:grid;grid-gap:1rem;gap:1rem}.landing-summary-list div{display:grid;grid-gap:.25rem;gap:.25rem}.landing-summary-list strong{font-size:.95rem}.landing-summary-list span{color:var(--brokr-text-secondary,#a1a1aa);font-size:.9rem}.billing-grid,.chat-layout,.landing-grid{display:grid;grid-gap:1.25rem;gap:1.25rem;grid-template-columns:repeat(12,minmax(0,1fr))}.account-shell,.billing-side-card,.chat-sidebar,.chat-workspace,.landing-feature-card,.page-hero-card,.page-placeholder-card{padding:1.4rem}.landing-feature-card{display:grid;grid-gap:.85rem;gap:.85rem;grid-column:span 4}.account-shell,.billing-side-card,.chat-sidebar,.chat-workspace,.page-hero-card,.page-placeholder-card{display:grid;grid-gap:1rem;gap:1rem}.billing-side-card,.chat-sidebar{grid-column:span 4;height:-moz-fit-content;height:fit-content}.account-shell,.billing-grid>:last-child,.chat-layout>:last-child{grid-column:span 8}.chat-sidebar-block{display:grid;grid-gap:.75rem;gap:.75rem}.chat-starter-list{display:grid;grid-gap:.65rem;gap:.65rem}.chat-starter-button{align-items:flex-start;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:color-mix(in srgb,var(--brokr-text-primary,#fafafa) 6%,transparent);border:1px solid color-mix(in srgb,var(--brokr-border,#27272a) 72%,transparent);border-radius:12px;color:var(--brokr-text-primary,#fafafa);cursor:pointer;display:inline-flex;line-height:1.55;min-height:48px;padding:.85rem .95rem;text-align:left}.chat-workspace{min-height:72vh}.chat-thread{background:color-mix(in srgb,var(--brokr-surface,#111) 88%,transparent);border:1px solid color-mix(in srgb,var(--brokr-border,#27272a) 72%,transparent);border-radius:12px;display:grid;grid-gap:.9rem;gap:.9rem;min-height:52vh;padding:1rem}.chat-thread[data-empty=true]{align-content:center}.chat-empty-state{display:grid;grid-gap:.45rem;gap:.45rem;justify-items:start;max-width:32rem}.chat-row{display:flex}.chat-row[data-role=user]{justify-content:flex-end}.chat-bubble{background:color-mix(in srgb,var(--brokr-surface,#111) 94%,transparent);border:1px solid color-mix(in srgb,var(--brokr-border,#27272a) 72%,transparent);border-radius:12px;line-height:1.65;max-width:min(44rem,88%);padding:.95rem 1rem;white-space:pre-wrap}.chat-row[data-role=user] .chat-bubble{background:var(--brokr-primary,#fafafa);border-color:transparent;color:var(--brokr-primary-contrast,#09090b)}.chat-composer{display:grid;grid-gap:.75rem;gap:.75rem}.chat-input{min-height:132px}.chat-composer-footer{align-items:center;justify-content:space-between}.account-shell{grid-column:1/-1}@media (max-width:1040px){.landing-hero{grid-template-columns:1fr}.account-shell,.billing-grid>:last-child,.billing-side-card,.chat-layout>:last-child,.chat-sidebar,.landing-feature-card{grid-column:1/-1}}@media (max-width:840px){.site-header-inner{grid-template-columns:1fr;justify-items:start}.site-nav{flex-wrap:wrap}.site-actions,.site-nav{justify-self:start}}@media (max-width:640px){.site-main{padding:1.2rem 1rem 3rem}.site-header-inner{padding:.95rem 1rem}.chat-sidebar,.chat-workspace,.landing-feature-card{grid-column:1/-1}.chat-bubble{max-width:100%}}