@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300..800;1,300..700&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--font-display: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-ui: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-condensed: "Plus Jakarta Sans", -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace}:root{--bg: #ffffff;--surface: #ffffff;--surface-sunken: #f7f7f7;--surface-warm: #fff8f6;--surface-mint: #f0fbf9;--border: #ebebeb;--border-strong: #dddddd;--ink: #222222;--ink-soft:#484848;--muted: #717171;--faint: #b0b0b0;--rausch: #ff385c;--rausch-hover: #e0224b;--rausch-soft: #ffeef1;--babu: #00a699;--babu-hover: #008a80;--babu-soft: #d8f3f0;--arches: #fc642d;--arches-hover: #df4f1d;--arches-soft: #ffe6d9;--accent: var(--rausch);--accent-hover: var(--rausch-hover);--accent-soft: var(--rausch-soft);--accent-deep: #b32445;--cost-down: var(--babu);--cost-down-soft: var(--babu-soft);--cost-up: var(--rausch);--cost-up-soft: var(--rausch-soft);--warning: #8a6914;--warning-soft: #fff5d4;--modern: #6b46c1;--modern-soft: #ede8ff;--gradient-rausch: linear-gradient(135deg, #ff385c 0%, #ff7245 50%, #fc642d 100%);--gradient-rausch-soft: linear-gradient(135deg, #fff0f3 0%, #fff5e8 100%);--focus-ring: rgba(34, 34, 34, .18);--scrim: rgba(0, 0, 0, .5);--shadow: rgba(0, 0, 0, .12);--shadow-soft: rgba(0, 0, 0, .06);--elev-1: 0 1px 2px rgba(0, 0, 0, .06);--elev-2: 0 6px 16px rgba(0, 0, 0, .12);--elev-3: 0 12px 28px rgba(0, 0, 0, .16);--elev-4: 0 28px 60px rgba(0, 0, 0, .16);--accent-glow: 0 8px 22px -8px color-mix(in srgb, var(--rausch) 60%, transparent);--hairline-top: inset 0 1px 0 rgba(255, 255, 255, .6);--halo-hero: radial-gradient( 52% 60% at 14% 18%, color-mix(in srgb, var(--rausch) 8%, transparent) 0%, transparent 64% ), radial-gradient( 40% 50% at 92% 6%, color-mix(in srgb, var(--arches) 8%, transparent) 0%, transparent 70% );--hatch: repeating-linear-gradient( -45deg, color-mix(in srgb, var(--ink) 8%, transparent) 0 1px, transparent 1px 9px );--code-bg: #222222;--code-ink: #ffffff;--code-control: rgba(255, 255, 255, .1);--code-control-hover: rgba(255, 255, 255, .2);--code-border: rgba(255, 255, 255, .22);--chart-1: var(--rausch);--chart-2: var(--babu);--chart-3: #6b46c1;--chart-4: var(--arches);--chart-5: var(--ink-soft);--grain: none;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--s-9: 80px;--s-10: 112px;--t-xs: 12px;--t-sm: 14px;--t-base: 15px;--t-md: 16px;--t-lg: 18px;--t-xl: 22px;--t-2xl: 32px;--t-3xl: 44px;--t-display: 64px;--t-mega: 104px;--ease: cubic-bezier(.2, .8, .2, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-size:var(--t-md);font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;position:relative}::selection{background:var(--rausch-soft);color:var(--ink)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border:2px solid var(--bg);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}#app{position:relative;z-index:1}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;margin:0;color:var(--ink)}h1{font-size:var(--t-display);font-weight:800;line-height:1.06;letter-spacing:-.03em}h2{font-size:var(--t-2xl);font-weight:700;line-height:1.14;letter-spacing:-.022em}h3{font-size:var(--t-xl);font-weight:600;line-height:1.22;letter-spacing:-.014em}h4{font-size:var(--t-lg);font-weight:600;line-height:1.3}em{font-style:italic}p{margin:0}a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--ink);text-underline-offset:3px;text-decoration-thickness:1px;border-bottom:none;transition:color .16s var(--ease),text-decoration-color .16s var(--ease)}a:hover{color:var(--rausch);text-decoration-color:var(--rausch);border-bottom:none}button{font-family:inherit;font-size:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}.tnum{font-variant-numeric:tabular-nums lining-nums}.muted{color:var(--muted)}.faint{color:var(--faint)}.smallcaps{font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}.eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:var(--t-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--rausch)}.eyebrow+h1,.eyebrow+h2,.eyebrow+h3{margin-top:var(--s-3)}.mark{color:var(--rausch);font-style:italic}.rule{height:1px;background:var(--border);border:none}.live-dot{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:999px;background:currentColor;box-shadow:0 0 0 0 currentColor;animation:live-pulse 2.2s ease-out infinite;vertical-align:.06em}@keyframes live-pulse{0%{box-shadow:0 0 color-mix(in srgb,currentColor 55%,transparent)}70%{box-shadow:0 0 0 7px transparent}to{box-shadow:0 0 0 0 transparent}}.corner-ticks{position:relative}.corner-ticks>.corner-tick{position:absolute;width:10px;height:10px;pointer-events:none;color:var(--rausch)}.corner-ticks>.corner-tick:before,.corner-ticks>.corner-tick:after{content:"";position:absolute;background:currentColor}.corner-ticks>.corner-tick:before{left:0;right:0;height:1px}.corner-ticks>.corner-tick:after{top:0;bottom:0;width:1px}.corner-ticks>.corner-tick--tl{top:-1px;left:-1px}.corner-ticks>.corner-tick--tr{top:-1px;right:-1px}.corner-ticks>.corner-tick--bl{bottom:-1px;left:-1px}.corner-ticks>.corner-tick--br{bottom:-1px;right:-1px}.nav-link{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border-radius:var(--radius-pill);border:none;font-size:var(--t-sm);font-weight:600;color:var(--ink);text-decoration:none;transition:background .18s var(--ease)}.nav-link:hover{background:var(--surface-sunken);color:var(--ink);text-decoration:none}.nav-link.router-link-active{color:var(--rausch)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);height:48px;padding:0 var(--s-5);border:1px solid var(--ink);border-radius:var(--radius-pill);background:transparent;color:var(--ink);cursor:pointer;font-family:var(--font-ui);font-size:var(--t-sm);font-weight:600;letter-spacing:0;white-space:nowrap;text-decoration:none;transition:background .18s var(--ease),border-color .18s var(--ease),color .18s var(--ease),transform .12s var(--ease),box-shadow .2s var(--ease)}.btn:hover{background:var(--ink);color:#fff;text-decoration:none}.btn:active{transform:scale(.985)}.btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--ink),0 0 0 8px color-mix(in srgb,var(--rausch) 28%,transparent)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:disabled:active{transform:none}.btn-primary{background:var(--gradient-rausch);background-size:180% 180%;background-position:0% 50%;color:#fff;border-color:transparent;box-shadow:0 1px 2px #00000014;transition:background-position .6s var(--ease-out),color .18s var(--ease),transform .12s var(--ease),box-shadow .22s var(--ease)}.btn-primary:hover{background-position:100% 50%;border-color:transparent;color:#fff;box-shadow:var(--accent-glow)}.btn .icon:last-child,.with-arrow .icon:last-child{transition:transform .24s var(--ease-out)}.btn:hover .icon:last-child,.with-arrow:hover .icon:last-child{transform:translate(3px)}.btn-ghost{background:transparent;border-color:transparent;color:var(--ink)}.btn-ghost:hover{background:var(--surface-sunken);border-color:transparent;color:var(--ink)}.btn .icon{width:16px;height:16px;flex-shrink:0}.btn-primary .icon{opacity:.95}.btn-icon{width:40px;height:40px;padding:0;border-radius:999px;border-color:transparent;color:var(--muted)}.btn-icon:hover{color:var(--ink);background:var(--surface-sunken);border-color:transparent}.btn-icon .icon{width:16px;height:16px}.icon.spinning{animation:icon-spin 1.6s linear infinite;transform-origin:50% 50%}@keyframes icon-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.icon.spinning{animation:none}}.input{width:100%;height:56px;padding:0 var(--s-4);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);outline:none;color:var(--ink);font-family:var(--font-ui);font-size:var(--t-md);transition:border-color .16s var(--ease),box-shadow .16s var(--ease)}.input::placeholder{color:var(--faint)}.input:hover{border-color:var(--ink)}.input:focus{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.card{display:grid;gap:var(--s-3);background:transparent;border:none;cursor:pointer;text-decoration:none;color:var(--ink);transition:transform .2s var(--ease-out)}.card:hover{color:var(--ink);text-decoration:none}.card:hover .card-cover{transform:translateY(-2px);box-shadow:var(--elev-2)}.card:hover .card-title{text-decoration:underline;text-underline-offset:4px}.card-cover{position:relative;aspect-ratio:1 / 1;border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-sunken);transition:transform .24s var(--ease-out),box-shadow .24s var(--ease-out)}.card:hover .card-cover .cover-art,.card-cover:hover .cover-art{transform:scale(1.04)}.cover-art{transition:transform .6s var(--ease-out);will-change:transform}.card-cover-badge{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:4px;padding:6px 10px;background:#fffffff0;border-radius:999px;font-size:var(--t-xs);font-weight:700;color:var(--ink);box-shadow:0 1px 2px #00000014;z-index:2;animation:badge-breath 2.6s var(--ease-in-out) infinite}@keyframes badge-breath{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}.card-cover-heart{position:absolute;top:12px;right:12px;width:32px;height:32px;display:inline-grid;place-items:center;background:transparent;border:none;cursor:pointer;color:#ffffffeb;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4));transition:transform .16s var(--ease);z-index:2}.card-cover-heart:hover{transform:scale(1.1)}.card-cover-heart.is-saved{color:var(--rausch);filter:none}.card-cover-heart.is-bursting{animation:heart-pop .48s var(--ease-out)}@keyframes heart-pop{0%{transform:scale(1)}35%{transform:scale(1.35)}60%{transform:scale(.9)}to{transform:scale(1.06)}}.heart-spark{position:absolute;top:50%;left:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:999px;background:var(--rausch);pointer-events:none;opacity:0;animation:spark-fly .62s var(--ease-out) forwards}@keyframes spark-fly{0%{opacity:0;transform:translate(0) scale(.6)}20%{opacity:1}to{opacity:0;transform:translate(calc(cos(var(--spark-angle, 0deg))*24px),calc(sin(var(--spark-angle, 0deg))*24px)) scale(.4)}}.card-title{font-size:var(--t-md);font-weight:600;letter-spacing:-.005em;color:var(--ink);margin:0;display:flex;align-items:center;justify-content:space-between;gap:var(--s-2)}.card-meta{font-size:var(--t-sm);color:var(--muted)}.card-price{font-size:var(--t-sm);color:var(--ink);margin-top:2px}.card-price strong{font-weight:700;text-decoration:underline;text-underline-offset:2px}.cat-pill{display:inline-flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px 12px;min-width:76px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--muted);cursor:pointer;font-family:var(--font-ui);font-size:var(--t-xs);font-weight:600;letter-spacing:-.005em;text-decoration:none;transition:color .16s var(--ease),border-color .16s var(--ease),opacity .16s var(--ease);opacity:.78}.cat-pill:hover{color:var(--ink);opacity:1;border-bottom-color:var(--border)}.cat-pill.is-active{color:var(--ink);opacity:1;border-bottom-color:var(--ink)}.cat-pill .cat-icon{width:26px;height:26px;display:inline-grid;place-items:center;color:currentColor}.promo-card{position:relative;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:var(--s-7);padding:var(--s-9) var(--s-7);border-radius:var(--radius-xl);background:var(--gradient-rausch);color:#fff;overflow:hidden;box-shadow:var(--elev-4)}.promo-card h2{color:#fff;font-size:clamp(32px,4.4vw,56px);font-weight:700;line-height:1.05;letter-spacing:-.028em;max-width:18ch}.promo-card p{margin-top:var(--s-3);max-width:44ch;color:#ffffffeb;font-size:var(--t-md)}.promo-card .btn{background:#fff;color:var(--ink);border-color:#fff;margin-top:var(--s-5)}.promo-card .btn:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.reveal>*{opacity:0;transform:translateY(12px);animation:reveal-up .72s var(--ease-out) forwards}.reveal>*:nth-child(1){animation-delay:60ms}.reveal>*:nth-child(2){animation-delay:.14s}.reveal>*:nth-child(3){animation-delay:.22s}.reveal>*:nth-child(4){animation-delay:.3s}.reveal>*:nth-child(5){animation-delay:.38s}.reveal>*:nth-child(6){animation-delay:.46s}.reveal>*:nth-child(7){animation-delay:.54s}.reveal>*:nth-child(8){animation-delay:.62s}@keyframes reveal-up{to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.reveal>*{opacity:1;transform:none;animation:none}.live-dot{animation:none}}.art-ledger,.art-rules,.art-alerts,.art-budget,.art-untagged,.art-bigquery,.art-tags,.art-cadence,.art-mistakes{width:88%;max-width:360px;background:#fffffff5;border-radius:var(--radius-md);padding:12px 14px;display:grid;gap:8px;font-family:var(--font-mono);font-size:12px;color:var(--ink);box-shadow:0 8px 20px #00000024;text-align:left}.art-ledger .row,.art-untagged .row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 0;border-bottom:1px dashed rgba(0,0,0,.08)}.art-ledger .row:last-child,.art-untagged .row:last-child{border-bottom:none}.art-ledger .unalloc em{color:var(--rausch);font-style:italic}.art-rules code{display:block;padding:4px 6px;background:#0000000d;border-radius:6px;font-size:11px;font-family:var(--font-mono)}.art-rules .pill{display:inline-block;margin-top:4px;padding:4px 10px;background:var(--rausch);color:#fff;border-radius:999px;font-size:10px;font-weight:600;font-family:var(--font-ui);width:max-content}.alert-card{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:8px 10px;background:#fffffff5;border-radius:var(--radius-md);font-family:var(--font-ui)}.alert-card div{display:grid;gap:2px}.alert-card strong{font-size:12px;font-weight:700}.alert-card .small{font-size:10px}.alert-card .tnum{font-size:12px;font-weight:600}.alert-card .dot{width:8px;height:8px;border-radius:999px}.dot--rausch{background:var(--rausch)}.dot--babu{background:var(--babu)}.dot--arches{background:var(--arches)}.art-alerts{width:92%;display:grid;gap:8px;background:transparent;box-shadow:none;padding:0}.art-budget .bar{width:100%;height:8px;background:#00000014;border-radius:999px;overflow:hidden}.art-budget .fill{display:block;height:100%;background:var(--rausch)}.art-budget .fill--ok{background:var(--babu)}.art-budget .legend{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-ui);font-size:11px}.art-chart{width:100%;height:100%;padding:var(--s-4)}.art-untagged .tag{display:inline-block;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:600;letter-spacing:.02em;font-family:var(--font-ui)}.art-untagged .tag--warn{background:var(--rausch-soft);color:var(--rausch)}.art-untagged .tag--ok{background:var(--babu-soft);color:var(--babu)}.art-wedge{position:relative;display:grid;gap:8px;place-items:center}.art-wedge .cloud{display:inline-grid;place-items:center;width:64px;height:38px;border-radius:var(--radius-md);background:#ffffffeb;color:var(--ink);font-family:var(--font-ui);font-size:12px;font-weight:700;letter-spacing:.08em;box-shadow:0 2px 6px #00000014}.art-wedge .cloud--lead{width:84px;height:46px;background:var(--ink);color:#fff;transform:translateY(-2px) scale(1.05);font-size:13px}.art-wedge .wedge-pill{margin-top:4px;padding:4px 10px;background:#fffffff0;border-radius:999px;font-family:var(--font-ui);font-size:11px;font-weight:600;color:var(--ink)}.art-compare{display:inline-grid;grid-template-columns:1fr auto 1fr;gap:var(--s-3);align-items:center;padding:var(--s-3) var(--s-4);background:#fffffff0;border-radius:var(--radius-md);font-family:var(--font-display);box-shadow:0 2px 8px #00000014}.art-compare .vs-side{font-weight:700;font-size:var(--t-lg);color:var(--ink)}.art-compare .vs-mark{font-style:italic;color:var(--rausch);font-weight:600}.art-bigquery{font-size:11px;line-height:1.5}.art-bigquery .sql-kw{color:var(--rausch);font-weight:700}.art-bigquery .sql-id{color:var(--babu);font-weight:600}.art-bigquery .sql-str{color:var(--arches)}.art-bigquery .sql-line{display:block;padding-left:6px}.art-tags{font-family:var(--font-ui);font-size:12px}.art-tags .tag-row{display:grid;grid-template-columns:16px 1fr;gap:8px;align-items:center;padding:4px 0;border-bottom:1px dashed rgba(0,0,0,.08)}.art-tags .tag-row:last-child{border-bottom:none}.art-tags .tick{color:var(--babu);font-weight:700}.art-tags code{font-family:var(--font-mono);font-size:11px;color:var(--ink)}.art-tags code b{color:var(--rausch);font-weight:600}.art-cadence{font-family:var(--font-ui);font-size:12px}.art-cadence .cadence-mast{display:flex;align-items:center;justify-content:space-between;padding-bottom:6px;border-bottom:1px dashed rgba(0,0,0,.08);font-weight:700;color:var(--ink)}.art-cadence .day-pill{padding:3px 8px;background:var(--rausch);color:#fff;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.04em}.art-cadence ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.art-cadence li{display:grid;grid-template-columns:16px 1fr auto;gap:8px;align-items:center}.art-cadence .tick{color:var(--babu);font-weight:700}.art-cadence .min{color:var(--muted);font-family:var(--font-mono);font-size:10px}.art-mistakes{font-family:var(--font-ui);font-size:12px}.art-mistakes .miss-row{display:grid;grid-template-columns:18px 1fr;gap:8px;align-items:center;padding:4px 0;border-bottom:1px dashed rgba(0,0,0,.08)}.art-mistakes .miss-row:last-child{border-bottom:none}.art-mistakes .x{width:16px;height:16px;display:inline-grid;place-items:center;border-radius:999px;background:var(--rausch-soft);color:var(--rausch);font-size:10px;font-weight:700}.marquee{position:relative;width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 64px,#000 calc(100% - 64px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 64px,#000 calc(100% - 64px),transparent 100%)}.marquee-track{display:inline-flex;white-space:nowrap;animation:marquee-scroll 40s linear infinite}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.marquee-track{animation:none}}.in-view{opacity:0;transform:translateY(16px);transition:opacity .72s var(--ease-out),transform .72s var(--ease-out);will-change:opacity,transform}.in-view.is-visible{opacity:1;transform:translateY(0)}.in-view-stagger>*{opacity:0;transform:translateY(14px);transition:opacity .72s var(--ease-out),transform .72s var(--ease-out)}.in-view-stagger.is-visible>*:nth-child(1){transition-delay:40ms}.in-view-stagger.is-visible>*:nth-child(2){transition-delay:.12s}.in-view-stagger.is-visible>*:nth-child(3){transition-delay:.2s}.in-view-stagger.is-visible>*:nth-child(4){transition-delay:.28s}.in-view-stagger.is-visible>*:nth-child(5){transition-delay:.36s}.in-view-stagger.is-visible>*:nth-child(6){transition-delay:.44s}.in-view-stagger.is-visible>*:nth-child(7){transition-delay:.52s}.in-view-stagger.is-visible>*:nth-child(8){transition-delay:.6s}.in-view-stagger.is-visible>*{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.in-view,.in-view-stagger>*{opacity:1;transform:none;transition:none}.heart-spark{animation:none;opacity:0}.card-cover-badge{animation:none}}