:root{--color-primary: #1e40af;--color-on-primary: #ffffff;--color-secondary: #3b82f6;--color-accent: #d97706;--color-background: #f8fafc;--color-foreground: #1e3a8a;--color-muted: #e9eef6;--color-border: #dbeafe;--color-destructive: #dc2626;--color-ring: #1e40af;--surface: #ffffff;--surface-2: #f2f6fd;--ink: #0f172a;--ink-2: #334155;--ink-muted: #64748b;--grid-line: #e2e9f5;--success: #047857;--warning: #b45309;--radius-sm: 8px;--radius: 14px;--radius-lg: 20px;--shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 24px rgba(30, 64, 175, .06);--shadow-lg: 0 2px 4px rgba(15, 23, 42, .05), 0 18px 48px rgba(30, 64, 175, .12);--font-heading: "Fira Code", ui-monospace, "SFMono-Regular", monospace;--font-body: "Fira Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;color-scheme:light}[data-theme=dark]{--color-background: #070d1a;--color-foreground: #dbeafe;--color-muted: #0f1a2e;--color-border: #1e2f4d;--surface: #0e1729;--surface-2: #121e35;--ink: #eef4ff;--ink-2: #c3d3e8;--ink-muted: #8ba0bf;--grid-line: #1b2b45;--color-secondary: #60a5fa;--color-accent: #f59e0b;--success: #34d399;--warning: #fbbf24;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .35);--shadow-lg: 0 2px 6px rgba(0, 0, 0, .5), 0 20px 50px rgba(0, 0, 0, .45);color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:84px}body{min-height:100dvh;background:var(--color-background);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;transition:background .3s ease,color .3s ease}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:600;letter-spacing:-.02em;line-height:1.15;color:var(--color-foreground)}a{color:inherit}button{font-family:inherit}::selection{background:#3b82f640}.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 24px}.section{padding:72px 0;position:relative}.section--tint{background:var(--surface-2);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.sec-head{margin-bottom:32px;max-width:720px}.sec-head__eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-heading);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent);margin-bottom:12px}.sec-head h2{font-size:clamp(1.5rem,3vw,2.1rem);margin-bottom:10px}.sec-head p{color:var(--ink-muted);font-size:1rem;max-width:62ch}.card{background:var(--surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card--hover:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--color-secondary)}.grid{display:grid;gap:16px}.grid--kpi{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.grid--2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid--3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-heading);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:999px;background:#3b82f61f;color:var(--color-primary);border:1px solid rgba(59,130,246,.22)}[data-theme=dark] .badge{color:#93c5fd}.badge--amber{background:#d977061f;color:var(--warning);border-color:#d9770640}.badge--green{background:#0478571f;color:var(--success);border-color:#04785740}.badge--red{background:#dc26261f;color:var(--color-destructive);border-color:#dc262640}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-radius:999px;cursor:pointer;font-size:.85rem;font-weight:600;border:1px solid transparent;background:transparent;color:var(--ink-2);transition:transform .15s ease,background .2s ease,box-shadow .2s ease,color .2s ease}.btn:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.btn--primary{background:var(--color-primary);color:var(--color-on-primary);box-shadow:0 6px 20px #1e40af38}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #1e40af52}.btn--ghost{border-color:var(--color-border)}.btn--ghost:hover{background:var(--color-muted)}.note{font-size:.8rem;color:var(--ink-muted);line-height:1.55}.nav{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--color-background) 82%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--color-border)}.nav__inner{display:flex;align-items:center;justify-content:space-between;height:66px;gap:16px}.nav__brand{display:flex;align-items:center;gap:11px;text-decoration:none}.nav__mark{width:34px;height:34px;border-radius:10px;flex:none;display:grid;place-items:center;background:linear-gradient(140deg,var(--color-primary),var(--color-secondary));color:#fff;font-family:var(--font-heading);font-weight:700;font-size:.95rem;box-shadow:0 6px 18px #1e40af4d}.nav__title{display:flex;flex-direction:column;line-height:1.15}.nav__title strong{font-family:var(--font-heading);font-size:.92rem;letter-spacing:-.01em;color:var(--color-foreground)}.nav__title span{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted)}.nav__links{display:flex;align-items:center;gap:2px}.nav__link{font-size:.82rem;font-weight:500;color:var(--ink-muted);text-decoration:none;padding:7px 11px;border-radius:8px;cursor:pointer;transition:color .2s ease,background .2s ease}.nav__link:hover{color:var(--color-foreground);background:var(--color-muted)}.nav__link.is-active{color:var(--color-primary);background:#3b82f61a}[data-theme=dark] .nav__link.is-active{color:#93c5fd}.nav__actions{display:flex;align-items:center;gap:8px}.nav__icon-btn{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;border:1px solid var(--color-border);background:var(--surface);color:var(--ink-2);cursor:pointer;transition:transform .15s ease,background .2s ease,color .2s ease}.nav__icon-btn:hover{background:var(--color-muted);transform:translateY(-1px);color:var(--color-primary)}.nav__burger,.nav__drawer{display:none}@media (max-width: 940px){.nav__links{display:none}.nav__burger{display:grid}.nav__drawer{display:grid;gap:2px;padding:8px 0 16px;border-top:1px solid var(--color-border);animation:fadeUp .25s ease both}.nav__drawer .nav__link{padding:11px 12px;font-size:.9rem}}.hero{position:relative;overflow:hidden;padding:76px 0 56px}.hero__glow{position:absolute;inset:-60% -20% auto -20%;height:460px;pointer-events:none;background:radial-gradient(ellipse at 50% 0%,rgba(59,130,246,.22),transparent 62%)}.hero__grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 50% 0%,#000 0%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse at 50% 0%,#000 0%,transparent 72%)}.hero__inner{position:relative;z-index:1;max-width:880px}.hero h1{font-size:clamp(2rem,5.4vw,3.4rem);letter-spacing:-.045em;margin:18px 0 16px}.hero h1 em{font-style:normal;color:var(--color-secondary)}.hero__lede{color:var(--ink-2);font-size:clamp(1rem,1.6vw,1.12rem);max-width:60ch}.hero__meta{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:26px}.hero__meta-item{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--ink-muted)}.hero__meta-item svg{color:var(--color-secondary);flex:none}.hero__meta-item b{color:var(--ink-2);font-weight:600}.hero__strip{position:relative;z-index:1;margin-top:46px;display:grid;gap:1px;background:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.hero__cell{background:var(--surface);padding:16px 18px}.hero__cell dt{font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-muted)}.hero__cell dd{font-family:var(--font-heading);font-size:1.28rem;font-weight:600;color:var(--color-foreground);margin-top:4px}.kpi{display:flex;flex-direction:column;gap:10px}.kpi__top{display:flex;align-items:center;justify-content:space-between;gap:10px}.kpi__icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#3b82f61f;color:var(--color-primary);flex:none}[data-theme=dark] .kpi__icon{background:#60a5fa26;color:#93c5fd}.kpi__value{font-family:var(--font-heading);font-size:clamp(1.5rem,2.6vw,1.95rem);font-weight:600;letter-spacing:-.03em;color:var(--color-foreground);line-height:1.1}.kpi__label{font-size:.84rem;color:var(--ink-2);font-weight:500}.kpi__note{font-size:.76rem;color:var(--ink-muted)}.kpi__spark{margin-top:-2px}.funnel{display:grid;gap:10px}.funnel__row{display:grid;grid-template-columns:200px 1fr 132px;align-items:center;gap:16px;padding:12px 16px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--color-border);transition:border-color .2s ease,transform .2s ease}.funnel__row:hover{border-color:var(--color-secondary);transform:translate(2px)}.funnel__stage{font-size:.86rem;font-weight:600;color:var(--ink-2)}.funnel__hint{display:block;font-size:.72rem;font-weight:400;color:var(--ink-muted)}.funnel__track{height:12px;border-radius:999px;background:var(--color-muted);overflow:hidden}.funnel__fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transition:width 1s cubic-bezier(.22,1,.36,1)}.funnel__fill--amber{background:linear-gradient(90deg,var(--color-primary),var(--color-accent))}.funnel__nums{display:flex;align-items:baseline;justify-content:flex-end;gap:10px}.funnel__count{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--color-foreground)}.funnel__pct{font-family:var(--font-heading);font-size:.74rem;color:var(--ink-muted);min-width:46px;text-align:right}@media (max-width: 780px){.funnel__row{grid-template-columns:1fr auto;grid-template-areas:"stage nums" "track track";row-gap:8px;padding:12px 14px}.funnel__stage{grid-area:stage}.funnel__nums{grid-area:nums}.funnel__track{grid-area:track}}.panel{background:var(--surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.panel__head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.panel__title{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--color-foreground)}.panel__sub{font-size:.8rem;color:var(--ink-muted);margin-top:3px}.panel__legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px}.legend-item{display:flex;align-items:center;gap:7px;font-size:.78rem;color:var(--ink-muted)}.legend-dot{width:9px;height:9px;border-radius:3px;flex:none}.tabs{display:inline-flex;gap:3px;padding:3px;border-radius:999px;background:var(--color-muted);border:1px solid var(--color-border)}.tab{border:none;background:transparent;cursor:pointer;border-radius:999px;padding:6px 13px;font-family:var(--font-heading);font-size:.74rem;font-weight:600;color:var(--ink-muted);transition:background .2s ease,color .2s ease}.tab:hover{color:var(--color-foreground)}.tab.is-active{background:var(--surface);color:var(--color-primary);box-shadow:0 1px 4px #0f172a1a}[data-theme=dark] .tab.is-active{color:#93c5fd}.chart{width:100%}.recharts-default-tooltip{font-family:var(--font-body)!important}.rank{display:grid;gap:12px}.rank__row{display:grid;grid-template-columns:178px 1fr 74px;align-items:center;gap:14px}.rank__label{font-size:.84rem;font-weight:500;color:var(--ink-2)}.rank__label span{display:block;font-size:.71rem;color:var(--ink-muted);font-weight:400}.rank__track{height:9px;background:var(--color-muted);border-radius:999px;overflow:hidden}.rank__fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--color-secondary),var(--color-primary));transition:width .9s cubic-bezier(.22,1,.36,1)}.rank__fill--amber{background:linear-gradient(90deg,var(--color-accent),#f0b45f)}.rank__value{font-family:var(--font-heading);font-size:.84rem;font-weight:600;text-align:right;color:var(--color-foreground)}@media (max-width: 680px){.rank__row{grid-template-columns:1fr 62px;grid-template-areas:"label value" "track track";row-gap:6px}.rank__label{grid-area:label}.rank__value{grid-area:value}.rank__track{grid-area:track}}.stack{display:flex;gap:3px;height:40px;margin:6px 0 16px}.stack__seg{border-radius:6px;display:grid;place-items:center;font-family:var(--font-heading);font-size:.78rem;font-weight:600;color:#fff;transition:transform .2s ease,filter .2s ease;cursor:default;min-width:34px}.stack__seg:hover{transform:translateY(-2px);filter:brightness(1.08)}.table{width:100%;border-collapse:collapse;font-size:.87rem}.table th{text-align:left;font-family:var(--font-heading);font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);padding:9px 12px;border-bottom:1px solid var(--color-border);white-space:nowrap}.table th[data-sortable]{cursor:pointer;-webkit-user-select:none;user-select:none}.table th[data-sortable]:hover{color:var(--color-primary)}.table td{padding:11px 12px;border-bottom:1px solid var(--color-border);color:var(--ink-2);vertical-align:middle}.table tbody tr{transition:background .18s ease}.table tbody tr:hover{background:var(--color-muted)}.table tbody tr:last-child td{border-bottom:none}.table .num{font-family:var(--font-heading);font-weight:600;text-align:right;color:var(--color-foreground);white-space:nowrap}.table__scroll{overflow-x:auto;margin:0 -4px}.callout{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border-radius:var(--radius);background:#d9770612;border:1px solid rgba(217,119,6,.24)}.callout__icon{color:var(--color-accent);flex:none;margin-top:2px}.callout h3{font-size:.95rem;margin-bottom:5px}.callout p{font-size:.86rem;color:var(--ink-2)}.callout--info{background:#3b82f612;border-color:#3b82f638}.callout--info .callout__icon{color:var(--color-secondary)}.deflist{display:grid;gap:14px}.deflist__item{display:grid;grid-template-columns:250px 1fr;gap:16px;padding-bottom:14px;border-bottom:1px dashed var(--color-border)}.deflist__item:last-child{border-bottom:none;padding-bottom:0}.deflist__term{font-family:var(--font-heading);font-size:.82rem;font-weight:600;color:var(--color-foreground)}.deflist__desc{font-size:.87rem;color:var(--ink-2)}@media (max-width: 700px){.deflist__item{grid-template-columns:1fr;gap:5px}}.footer{border-top:1px solid var(--color-border);background:var(--surface-2);padding:44px 0 34px}.footer__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:30px}.footer h4{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:12px;font-weight:600}.footer p,.footer li{font-size:.85rem;color:var(--ink-2);line-height:1.85;list-style:none}.footer a{color:var(--color-primary);text-decoration:none}[data-theme=dark] .footer a{color:#93c5fd}.footer a:hover{text-decoration:underline}.footer__bar{margin-top:30px;padding-top:18px;border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;font-size:.78rem;color:var(--ink-muted)}@media (max-width: 780px){.footer__grid{grid-template-columns:1fr;gap:24px}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.fade-up{animation:fadeUp .55s cubic-bezier(.22,1,.36,1) both}.d1{animation-delay:.06s}.d2{animation-delay:.12s}.d3{animation-delay:.18s}.d4{animation-delay:.24s}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--color-muted) 25%,var(--surface-2) 50%,var(--color-muted) 75%);background-size:220% 100%;animation:shimmer 1.3s linear infinite}@keyframes shimmer{0%{background-position:220% 0}to{background-position:-220% 0}}.skel-card{height:118px}.skel-block{height:260px;margin-top:16px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}html{scroll-behavior:auto}}