@charset "UTF-8";.demo-page{min-height:100vh;background:var(--bg-deepest);color:var(--text-primary);font-family:var(--font-sans)}.demo__header{padding-block:var(--space-2xl) var(--space-xl);text-align:center}.demo__header h1{font-size:var(--text-2xl);font-weight:var(--weight-bold);margin-bottom:var(--space-xs)}.demo__topbar{display:flex;justify-content:flex-start;margin-bottom:var(--space-lg)}.demo__back{display:inline-block;font-size:var(--text-sm);color:var(--accent-light);text-decoration:none;transition:opacity var(--transition-fast)}.demo__back:hover{opacity:.8}.demo__brand{display:inline-flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-secondary)}.demo__logo{width:var(--size-avatar);height:var(--size-avatar);border-radius:var(--radius-sm);object-fit:contain}.demo__subtitle{font-size:var(--text-base);color:var(--text-secondary)}.demo__content{padding-block:0 var(--space-2xl)}.demo__tabs{display:flex;gap:var(--space-xs);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-xl)}@media(max-width:768px){.demo__tabs{overflow-x:auto;flex-wrap:nowrap;-ms-overflow-style:none;scrollbar-width:none}.demo__tabs::-webkit-scrollbar{display:none}}@media(max-width:480px){.demo__tabs{gap:0}}.demo__tab{background:none;border:none;border-bottom:2px solid transparent;padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-tertiary);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap;flex-shrink:0}.demo__tab:hover{color:var(--text-secondary)}.demo__tab--active{color:var(--accent-light);border-bottom-color:var(--accent)}@media(max-width:480px){.demo__tab{padding:var(--space-sm) var(--space-md);font-size:var(--text-xs)}}.demo__panel{min-height:400px}.demo__tab-description{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-lg);line-height:var(--leading-relaxed);max-width:var(--width-xl)}.demo__section-insight{background:color-mix(in srgb,var(--accent) 6%,var(--bg-surface));border-left:3px solid var(--accent-glow);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);margin-top:var(--space-md)}.demo__section-insight p{font-size:var(--text-xs);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.demo__lens{display:flex;flex-direction:column;gap:var(--space-xl)}.demo__scores-section h2,.demo__recs-section h3,.demo__similarity-section h3,.demo__lp-section h3{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-md)}.demo__score-rings{display:flex;flex-wrap:wrap;gap:var(--space-lg);justify-content:center}.demo__score-ring{display:flex;flex-direction:column;align-items:center;justify-content:center;width:90px;height:90px;border-radius:var(--radius-full);background:conic-gradient(var(--ring-color) 0%,var(--ring-color) var(--ring-pct),var(--bg-elevated) var(--ring-pct),var(--bg-elevated) 100%);position:relative}.demo__score-ring:after{content:"";position:absolute;inset:6px;border-radius:var(--radius-full);background:var(--bg-deepest)}.demo__score-ring--overall{width:110px;height:110px}.demo__score-ring--overall .demo__score-ring-value{font-size:var(--text-xl)}.demo__score-ring--overall:after{inset:8px}@media(max-width:480px){.demo__score-ring{width:72px;height:72px}.demo__score-ring--overall{width:88px;height:88px}}.demo__score-ring-value{position:relative;z-index:1;font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--ring-color)}.demo__score-ring-label{position:relative;z-index:1;font-size:var(--text-3xs);color:var(--text-tertiary);text-align:center;max-width:60px;line-height:1.1}.demo__recs-list{display:flex;flex-direction:column;gap:var(--space-sm)}.demo__rec{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md);display:flex;align-items:flex-start;gap:var(--space-sm)}.demo__rec p{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.demo__rec-severity{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;flex-shrink:0;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);line-height:1;margin-top:2px}.demo__rec--high .demo__rec-severity{color:var(--score-critical);background:color-mix(in srgb,var(--score-critical) 12%,transparent)}.demo__rec--medium .demo__rec-severity{color:var(--score-fair);background:color-mix(in srgb,var(--score-fair) 12%,transparent)}.demo__rec--low .demo__rec-severity{color:var(--score-good);background:color-mix(in srgb,var(--score-good) 12%,transparent)}.demo__similarity-desc{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-md)}.demo__similarity-grid{display:grid;grid-template-columns:repeat(var(--grid-size),1fr);gap:2px;max-width:240px}.demo__similarity-cell{aspect-ratio:1;border-radius:2px;opacity:.85}.demo__similarity-legend{display:flex;gap:var(--space-md);margin-top:var(--space-sm);font-size:var(--text-xs);color:var(--text-tertiary)}.demo__legend-dot{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:var(--space-xs);vertical-align:middle}.demo__lp-section{display:flex;flex-direction:column;gap:var(--space-md)}.demo__lp-section h3{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:0}.demo__lp-desc{font-size:var(--text-sm);color:var(--text-tertiary)}.demo__lp-bars{display:flex;flex-direction:column;gap:var(--space-sm)}.demo__lp-bar{display:flex;flex-direction:column;gap:var(--space-xs)}.demo__lp-bar-header{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--text-secondary)}.demo__lp-bar-header span:last-child{font-weight:var(--weight-semibold)}.demo__lp-bar-track{height:6px;background:var(--bg-elevated);border-radius:var(--radius-full);overflow:hidden}.demo__lp-bar-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-normal)}.demo__lp-missed h4{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:var(--space-sm)}.demo__lp-missed ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-xs)}.demo__lp-missed li{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);padding-left:var(--space-md);border-left:3px solid var(--score-fair)}.demo__pulse{display:flex;flex-direction:column;gap:var(--space-xl)}.demo__pulse h2,.demo__pulse h3{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-sm)}.demo__sparkline-wrap{position:relative;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-lg);height:160px}.demo__sparkline{width:100%;height:100%}.demo__sparkline-labels{position:absolute;top:var(--space-sm);right:var(--space-md);bottom:var(--space-sm);display:flex;flex-direction:column;justify-content:space-between;font-size:var(--text-xs);color:var(--text-tertiary)}.demo__category-bars{display:flex;flex-direction:column;gap:var(--space-sm)}.demo__category-bar{display:flex;flex-direction:column;gap:var(--space-xs)}.demo__category-bar-header{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--text-secondary)}.demo__category-bar-header span:last-child{font-weight:var(--weight-semibold)}.demo__category-bar-track{height:6px;background:var(--bg-elevated);border-radius:var(--radius-full);overflow:hidden}.demo__category-bar-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-normal)}.demo__nexus{display:flex;flex-direction:column;gap:var(--space-xl)}.demo__nexus h2,.demo__nexus h3{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-sm)}.demo__platform-grades{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}@media(max-width:480px){.demo__platform-grades{grid-template-columns:1fr}}.demo__platform-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.demo__platform-card-header{display:flex;justify-content:space-between;align-items:center}.demo__platform-card-name{font-size:var(--text-base);font-weight:var(--weight-semibold)}.demo__platform-card-grade{font-size:var(--text-lg);font-weight:var(--weight-bold);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:2px solid;border-radius:var(--radius-sm)}.demo__platform-card-metrics{display:flex;justify-content:space-between}.demo__platform-card-metrics>div{display:flex;flex-direction:column;gap:var(--space-xs)}.demo__metric-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase}.demo__metric-value{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary)}.demo__platform-card-trend{font-size:var(--text-sm)}.demo__platform-card-trend--up{color:var(--score-good)}.demo__platform-card-trend--down{color:var(--score-critical)}.demo__budget-bars{display:flex;flex-direction:column;gap:var(--space-md)}.demo__budget-row{display:flex;align-items:center;gap:var(--space-md)}.demo__budget-label{font-size:var(--text-sm);color:var(--text-secondary);min-width:100px;flex-shrink:0}.demo__budget-bar{display:flex;flex:1;height:28px;border-radius:var(--radius-sm);overflow:hidden}.demo__budget-segment{display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:#fff;transition:width var(--transition-normal)}.demo__budget-segment--meta{background:#1877f2}.demo__budget-segment--google{background:#34a853}.demo__budget-segment--tiktok{background:#ff0050}.demo__budget-summary{font-size:var(--text-sm);color:var(--accent-light);font-weight:var(--weight-medium)}.demo__signal{display:flex;flex-direction:column;gap:var(--space-xl)}.demo__signal h2{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-sm)}.demo__signal-chart-wrap{position:relative;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-lg);height:160px}.demo__signal-chart{width:100%;height:100%}.demo__signal-chart-legend{display:flex;gap:var(--space-md);margin-top:var(--space-sm);font-size:var(--text-xs);color:var(--text-tertiary)}.demo__signal-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.demo__signal-tag{font-size:var(--text-xs);font-weight:var(--weight-medium);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:var(--space-xs) var(--space-sm)}.demo__signal-tag--rising{color:var(--score-good)}.demo__signal-tag--falling{color:var(--score-critical)}.demo__signal-tag--stable{color:var(--text-secondary)}.demo__signal-feed{display:flex;flex-direction:column;gap:var(--space-sm)}.demo__signal-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.demo__signal-card-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-xs)}.demo__signal-source{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-primary);background:var(--bg-elevated);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full)}.demo__signal-badges{display:flex;gap:var(--space-xs);align-items:center}.demo__signal-relevance{font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full)}.demo__signal-relevance--high{color:var(--score-excellent);background:color-mix(in srgb,var(--score-excellent) 12%,transparent)}.demo__signal-relevance--medium{color:var(--score-fair);background:color-mix(in srgb,var(--score-fair) 12%,transparent)}.demo__signal-relevance--low{color:var(--text-tertiary);background:var(--bg-elevated)}.demo__signal-cortex-badge{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--accent-light);background:var(--accent-subtle);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full)}.demo__signal-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0}.demo__signal-summary{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.demo__helix-forecast{display:flex;align-items:center;gap:var(--space-md);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg)}.demo__helix-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary)}.demo__helix-direction{font-size:var(--text-base);font-weight:var(--weight-bold)}.demo__helix-direction--rising{color:var(--score-good)}.demo__helix-direction--stable{color:var(--text-secondary)}.demo__intel{display:flex;flex-direction:column;gap:var(--space-xl)}.demo__intel h2{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-sm)}.demo__competitor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}@media(max-width:480px){.demo__competitor-grid{grid-template-columns:1fr}}.demo__competitor-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.demo__competitor-thumb{width:100%;height:120px;background:linear-gradient(135deg,var(--bg-elevated) 0%,var(--bg-deep) 100%);display:flex;align-items:center;justify-content:center}.demo__competitor-thumb:after{content:"Ad preview";font-size:var(--text-xs);color:var(--text-tertiary)}.demo__competitor-info{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.demo__competitor-header{display:flex;justify-content:space-between;align-items:center}.demo__competitor-name{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.demo__competitor-tier{font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:var(--space-xs) var(--space-sm);border:1px solid;border-radius:var(--radius-full)}.demo__competitor-metrics{display:flex;gap:var(--space-md);font-size:var(--text-xs);color:var(--text-secondary);flex-wrap:wrap}.demo__intel-summary{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--weight-medium)}.demo__cortex{display:flex;flex-direction:column;gap:var(--space-xl)}.demo__cortex h2,.demo__cortex h3{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-sm)}.demo__cortex-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}@media(max-width:480px){.demo__cortex-stats{grid-template-columns:1fr}}.demo__cortex-stat{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xs);text-align:center}.demo__cortex-stat-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase}.demo__cortex-stat-value{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--accent-light)}.demo__cortex-chart-wrap{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-lg);height:140px;position:relative}.demo__cortex-chart{width:100%;height:100%}.demo__cortex-chart-labels{display:flex;justify-content:space-between;margin-top:var(--space-xs);font-size:var(--text-xs);color:var(--text-tertiary)}.demo__cortex-sources{display:flex;gap:var(--space-lg);flex-wrap:wrap}.demo__cortex-source-group{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-sm)}.demo__cortex-source-tier{font-size:var(--text-xs);text-transform:uppercase;color:var(--text-tertiary);font-weight:var(--weight-semibold);margin-bottom:var(--space-xs)}.demo__cortex-source{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--text-secondary)}.demo__cortex-dot{display:inline-block;width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0}.demo__trust-note{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-top:var(--space-xl)}.demo__trust-note svg{flex-shrink:0;color:var(--accent-light);margin-top:2px}.demo__trust-note span{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.demo__trust-note a{color:var(--accent-light);text-decoration:none;font-weight:var(--weight-semibold)}.demo__trust-note a:hover{text-decoration:underline}@media(max-width:480px){.demo__header{padding-block:var(--space-xl) var(--space-lg)}.demo__content{padding-block:0 var(--space-xl)}.demo__score-ring-label{font-size:var(--text-3xs)}}