:root{--bg:#edf1f5;--bg-strong:#dfe7ef;--surface:rgba(255,255,255,0.88);--surface-strong:rgba(255,255,255,0.98);--surface-alt:rgba(244,248,251,0.94);--surface-border:rgba(16,24,40,0.1);--surface-border-strong:rgba(16,24,40,0.18);--text:#0f1728;--muted:#5d6b82;--accent:#005f73;--accent-strong:#0b7a8f;--accent-soft:rgba(0,95,115,0.08);--danger-soft:rgba(187,62,3,0.08);--success-soft:rgba(45,106,79,0.1);--shadow:0 10px 28px rgba(18,29,45,0.08);--radius-xl:22px;--radius-lg:16px;--radius-md:12px;--content-width:min(1480px,calc(100vw - 1rem));--font-body:"Avenir Next","Segoe UI",sans-serif;--font-display:"Avenir Next","Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at top left,rgba(0,95,115,.07),transparent 24%),radial-gradient(circle at top right,rgba(238,155,0,.08),transparent 18%),linear-gradient(180deg,#f4f7fa,#edf2f7);font-family:var(--font-body)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.app-shell{width:var(--content-width);margin:0 auto;padding:.6rem 0 1.5rem}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:40;padding:.35rem 0 .6rem;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;border:1px solid var(--surface-border);border-radius:18px;background:rgba(247,250,252,.86);box-shadow:var(--shadow)}.brand{display:flex;flex-direction:column;gap:.1rem;flex-shrink:0}.brand-kicker{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-weight:800}.brand-title{font-family:var(--font-display);font-size:1.15rem;line-height:1;font-weight:800}.nav-links{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap;justify-content:flex-end}.nav-link{padding:.45rem .75rem;border-radius:999px;color:var(--muted);font-size:.92rem;transition:background .16s ease,color .16s ease}.nav-link:focus-visible,.nav-link:hover{color:var(--text);background:rgba(255,255,255,.92)}.page-stack{display:grid;grid-gap:.85rem;gap:.85rem}.hero{display:grid;grid-gap:.65rem;gap:.65rem;padding:1rem 1.1rem;border-radius:var(--radius-xl);background:linear-gradient(140deg,rgba(255,255,255,.93),rgba(247,250,252,.92)),linear-gradient(135deg,rgba(0,95,115,.04),rgba(11,122,143,.06));border:1px solid var(--surface-border);box-shadow:var(--shadow)}.hero h1,.hero h2{margin:0;font-family:var(--font-display);font-size:clamp(1.55rem,2.8vw,2.55rem);line-height:1.02;letter-spacing:-.03em}.hero p{margin:0;max-width:72ch;font-size:.95rem;line-height:1.45;color:var(--muted)}.hero-home{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:start;gap:1rem}.hero-side{display:grid;grid-gap:.75rem;gap:.75rem}.hero-kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.7rem;gap:.7rem}.pill-row{display:flex;gap:.45rem;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .62rem;border-radius:999px;background:rgba(247,250,252,.96);border:1px solid var(--surface-border);color:var(--muted);font-size:.8rem;white-space:nowrap}.grid{display:grid;grid-gap:.85rem;gap:.85rem}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:.95rem}.card.soft{background:var(--surface-alt)}.metric-card{display:grid;grid-gap:.35rem;gap:.35rem;min-height:112px}.metric-label{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.metric-value{font-size:clamp(1.4rem,2.4vw,2.25rem);line-height:1;font-weight:800;font-family:var(--font-display);letter-spacing:-.04em}.metric-caption{color:var(--muted);font-size:.82rem;line-height:1.35}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.7rem}.section-heading h2{margin:0;font-family:var(--font-display);font-size:1.05rem;line-height:1.1;letter-spacing:-.02em}.section-heading p{margin:0;color:var(--muted);font-size:.86rem}.section-copy{color:var(--muted);font-size:.84rem}.table-shell{overflow:auto;border-radius:var(--radius-md);border:1px solid var(--surface-border);background:rgba(255,255,255,.82)}table{width:100%;border-collapse:collapse;min-width:720px}td,th{padding:.7rem .75rem;text-align:left;border-bottom:1px solid rgba(16,24,40,.07);vertical-align:top}th{position:-webkit-sticky;position:sticky;top:0;z-index:3;background:rgba(247,250,252,.96);font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}tbody tr:hover{background:rgba(0,95,115,.04)}.kpi{display:inline-flex;align-items:center;padding:.26rem .5rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.74rem;font-weight:800}.kpi.negative{background:var(--danger-soft);color:#a9480b}.kpi.positive{background:var(--success-soft);color:#266344}.muted{color:var(--muted)}.small{font-size:.86rem}.tiny{font-size:.76rem}.stack-sm{display:grid;grid-gap:.28rem;gap:.28rem}.stack-md{display:grid;grid-gap:.55rem;gap:.55rem}.filters{display:grid;grid-template-columns:minmax(220px,1.3fr) repeat(2,minmax(160px,.7fr)) auto;grid-gap:.65rem;gap:.65rem;align-items:center}.ghost-button,.input,.primary-button,.select{border:1px solid rgba(16,24,40,.12);border-radius:12px;padding:.72rem .82rem;background:rgba(255,255,255,.92);color:var(--text)}.input,.select{min-height:42px}.ghost-button,.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;font-weight:700}.ghost-button{transition:transform .16s ease,border-color .16s ease,background .16s ease}.ghost-button:focus-visible,.ghost-button:hover{background:rgba(255,255,255,1);border-color:var(--surface-border-strong);transform:translateY(-1px)}.primary-button{color:white;background:linear-gradient(135deg,var(--accent),var(--accent-strong));border:0;box-shadow:0 8px 18px rgba(0,95,115,.18)}.button-row{display:flex;gap:.55rem;flex-wrap:wrap}.mobile-cards{display:none;gap:.7rem}.desktop-table{display:block}.toolbar-card{display:grid;grid-gap:.75rem;gap:.75rem}.toolbar-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.directory-card{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:.65rem;gap:.65rem;align-items:start}.directory-meta{display:flex;gap:.4rem;flex-wrap:wrap}.directory-actions{display:flex;gap:.45rem;flex-wrap:wrap;align-items:center;justify-content:flex-end}.compare-layout{display:grid;grid-gap:.85rem;gap:.85rem}.compare-toolbar{display:grid;grid-gap:.75rem;gap:.75rem}.compare-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:.7rem;gap:.7rem}.timeline{display:grid;grid-gap:.55rem;gap:.55rem}.pace-rhythm{display:grid;grid-gap:.65rem;gap:.65rem}.pace-rhythm-row{display:grid;grid-gap:.55rem;gap:.55rem;padding:.8rem;border-radius:14px;border:1px solid rgba(16,24,40,.08);background:rgba(255,255,255,.78)}.pace-rhythm-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.pace-rhythm-heading strong{font-size:1rem;line-height:1.1;letter-spacing:-.02em}.pace-rhythm-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.55rem;gap:.55rem;align-items:start}.pace-rhythm-metrics>span{display:grid;grid-gap:.14rem;gap:.14rem}.pace-rhythm-metrics>span strong{font-size:.96rem;line-height:1.05}.pace-delta-track{position:relative;height:38px;border-radius:999px;border:1px solid rgba(16,24,40,.08);background:linear-gradient(90deg,rgba(45,106,79,.08),rgba(255,255,255,.88) 50%,rgba(187,62,3,.08));overflow:hidden}.pace-delta-center{top:6px;bottom:16px;left:50%;width:2px;transform:translateX(-50%);background:rgba(16,24,40,.26)}.pace-delta-center,.pace-delta-fill{position:absolute;border-radius:999px}.pace-delta-fill{top:9px;height:12px}.pace-delta-fill.faster{background:linear-gradient(90deg,rgba(45,106,79,.35),rgba(45,106,79,.85))}.pace-delta-fill.slower{background:linear-gradient(90deg,rgba(187,62,3,.85),rgba(187,62,3,.35))}.pace-delta-labels{position:absolute;left:.7rem;right:.7rem;bottom:.36rem;display:flex;justify-content:space-between;gap:.5rem}.timeline-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;grid-gap:.75rem;gap:.75rem;align-items:center}.timeline-bar{position:relative;height:8px;border-radius:999px;background:rgba(0,95,115,.1);overflow:hidden}.timeline-bar>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0a9396,#ee9b00)}.spotlight-list{display:grid;grid-gap:.65rem;gap:.65rem}.spotlight-item{display:grid;grid-gap:.18rem;gap:.18rem;padding:.7rem .75rem;border-radius:12px;background:rgba(255,255,255,.78);border:1px solid rgba(16,24,40,.07)}.directory-card strong,.spotlight-item strong,td strong{font-size:1.08rem;line-height:1.15;letter-spacing:-.02em}.spotlight-item strong{font-weight:800}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:.75rem;gap:.75rem}.result-banner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem .95rem;border-radius:var(--radius-md);background:rgba(0,95,115,.08);border:1px solid rgba(0,95,115,.12)}.empty-state{padding:.95rem;border-radius:var(--radius-md);border:1px dashed rgba(16,24,40,.18);color:var(--muted);background:rgba(255,255,255,.56)}.footer-note{color:var(--muted);font-size:.84rem}.autocomplete{position:relative}.autocomplete-panel{position:absolute;top:calc(100% + .25rem);left:0;right:0;max-height:320px;overflow:auto;z-index:30;border-radius:14px;background:rgba(255,255,255,.99);border:1px solid var(--surface-border);box-shadow:0 18px 36px rgba(18,29,45,.14)}.autocomplete-option{width:100%;border:0;background:transparent;text-align:left;padding:.72rem .82rem;border-bottom:1px solid rgba(16,24,40,.06)}.autocomplete-option:last-child{border-bottom:0}.autocomplete-option:focus-visible,.autocomplete-option:hover{background:rgba(0,95,115,.06)}.compare-table{min-width:1100px}.compare-table td:first-child,.compare-table th:first-child{position:-webkit-sticky;position:sticky;left:0;z-index:2;background:rgba(247,250,252,.98)}.compare-table td:first-child{z-index:1;background:rgba(255,255,255,.98)}.compare-row-label{min-width:170px}.compare-row-title{display:block;font-weight:800;font-size:.86rem}.compare-row-subtitle{display:block;margin-top:.1rem;color:var(--muted);font-size:.74rem}.compare-cell{min-width:180px}.compare-cell-stack{display:grid;grid-gap:.18rem;gap:.18rem}.compare-main{display:flex;align-items:center;justify-content:space-between;gap:.35rem;font-weight:700;font-size:.88rem}.compare-sub{color:var(--muted);font-size:.76rem;line-height:1.35}.compare-top{vertical-align:top}.page-title-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.rank-number{font-size:1.15rem;font-weight:800;letter-spacing:-.03em}.inline-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.55rem;gap:.55rem}.inline-stat{padding:.7rem;border-radius:12px;border:1px solid rgba(16,24,40,.08);background:rgba(255,255,255,.74)}.inline-stat strong{display:block;font-size:1rem;margin-bottom:.15rem}.distribution-shell{display:grid;grid-gap:.55rem;gap:.55rem}.distribution-caption-row{display:flex;justify-content:space-between;gap:.75rem}.distribution-bars{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(12px,1fr));align-items:end;grid-gap:.2rem;gap:.2rem;min-height:180px;padding:.6rem .3rem .3rem;border-radius:14px;border:1px solid rgba(16,24,40,.08);background:linear-gradient(180deg,rgba(0,95,115,.03),transparent 44%),rgba(255,255,255,.8);overflow:hidden}.distribution-bar-column{height:100%;display:flex;align-items:flex-end}.distribution-bar{width:100%;border-radius:999px 999px 4px 4px;background:linear-gradient(180deg,#0a9396,#005f73)}.distribution-scale{display:flex;justify-content:space-between;gap:.75rem;color:var(--muted);font-size:.76rem}.distribution-axis-label{text-align:center}.distribution-marker{position:absolute;top:.35rem;bottom:.35rem;width:2px;border-radius:999px;transform:translateX(-50%);opacity:.9}.legend-row{display:flex;gap:.5rem;flex-wrap:wrap}.legend-item{display:inline-flex;align-items:center;gap:.38rem;padding:.22rem .45rem;border-radius:999px;background:rgba(255,255,255,.82);border:1px solid rgba(16,24,40,.08);font-size:.76rem;color:var(--muted)}.legend-swatch{width:.65rem;height:.65rem;border-radius:999px;flex-shrink:0}.course-candles{width:100%;height:auto;display:block}.course-candle-link{cursor:pointer}.course-axis-label{fill:#64748b;font-size:11px;font-weight:700}.course-value-label{fill:#64748b;font-size:11px;font-weight:600}.course-axis-caption{fill:#64748b;font-size:12px;font-weight:700}@media (max-width:1200px){.grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-home{grid-template-columns:1fr}}@media (max-width:980px){.grid.cols-2,.grid.cols-3{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr}}@media (max-width:720px){.app-shell{width:min(100vw - .5rem,100%)}.topbar-inner{flex-direction:column;align-items:flex-start;border-radius:14px}.nav-links{justify-content:flex-start}.hero{padding:.9rem}.filters,.grid.cols-2,.grid.cols-3,.grid.cols-4,.hero-kpi-grid,.inline-stat-grid{grid-template-columns:1fr}.desktop-table{display:none}.mobile-cards{display:grid}.timeline-row{grid-template-columns:1fr;gap:.35rem}.pace-rhythm-heading,.pace-rhythm-metrics{grid-template-columns:1fr;display:grid}}