.demo-experience{--demo-surface:#111210;--demo-raised:#171815;--demo-line:#ffffff18;--demo-text:#e7e9dc;--demo-muted:#a0a397;z-index:10;color:var(--demo-text);background:radial-gradient(at 85% 8%,#b8d85809,#0000 32%),#0a0a0a;position:relative}.demo-experience>main{min-width:0;min-height:100svh;padding:max(112px, calc(env(safe-area-inset-top) + 96px)) 48px 64px;color:var(--demo-text);font-family:var(--font-inter), sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:0 0}.demo-experience :is(h1,h2,h3){font-family:var(--font-syne), sans-serif;font-weight:600}.demo-experience h1{letter-spacing:-.065em;font-size:clamp(64px,8.6vw,140px);font-weight:600;line-height:.98}.demo-experience h1 :is(em,.atlas-title-outline){color:#0000;-webkit-text-stroke:1px #d1d2bd;font-style:normal}.demo-experience h2{letter-spacing:-.045em;font-size:clamp(23px,2.4vw,34px);line-height:1.15}.demo-experience h3{letter-spacing:-.03em;font-size:18px}.demo-experience :focus-visible{outline:2px solid var(--accent);outline-offset:4px}.demo-experience :is(.bd-nav,.sd-nav,.pl-nav,.wp-nav,.planner-topbar){border-bottom:1px solid var(--demo-line);height:auto;min-height:48px;color:var(--demo-muted);letter-spacing:.12em;gap:24px;padding:0 0 24px;font-size:10px;font-weight:400}.demo-experience :is(.bd-nav,.sd-nav,.pl-nav,.wp-nav) a:last-child,.demo-experience .back-link{color:var(--demo-text)}.demo-experience :is(.bd-nav,.sd-nav,.pl-nav,.wp-nav) a:hover,.demo-experience .back-link:hover{color:var(--accent);text-decoration:none}.demo-experience :is(.bd-hero,.sd-hero,.pl-hero,.wp-hero,.planner-intro){background:0 0;align-items:end;gap:40px;padding:clamp(48px,6vw,88px) 0 56px}.demo-experience :is(.bd-hero,.sd-hero,.pl-hero,.wp-hero,.planner-intro)>div:first-child{flex:1;min-width:0}.demo-experience :is(.bd-kicker,.sd-kicker,.pl-eyebrow,.wp-kicker,.eyebrow,.atlas-kicker){color:var(--accent);letter-spacing:.17em;text-transform:uppercase;font-size:9px;font-weight:400;line-height:1.8}.demo-experience :is(.bd-hero p,.sd-hero p:last-child,.pl-intro,.wp-deck,.intro-subtitle,.atlas-deck){max-width:52ch;color:var(--demo-muted);margin-top:26px;font-size:15px;line-height:1.8}.demo-experience .bd-tags{gap:8px}.demo-experience .bd-tags span{border-color:var(--demo-line);color:var(--demo-muted);padding:9px 13px;font-size:10px;font-weight:400}.demo-experience :is(.bd-hero-stat b,.wp-stamp b,.pl-seal b){font-family:var(--font-syne), sans-serif;color:var(--accent);font-weight:500}.demo-experience :is(.bd-hero-stat span,.wp-stamp span,.wp-stamp small,.pl-seal span){color:var(--demo-muted);font-size:9px;font-weight:400;line-height:1.8}.demo-experience .sd-hero-mark{font-family:var(--font-syne), sans-serif;color:#fff2}.demo-experience .sd-hero-mark span{color:var(--demo-muted)}.demo-experience .pl-seal{border-color:var(--demo-line);width:174px;height:174px;transform:none}.demo-experience .wp-stamp{border-color:var(--demo-line);min-width:190px}.demo-experience :is(.bd-metrics,.sd-kpis,.pl-stats,.wp-metrics,.stat-row,.atlas-summary){background:0 0;border:0;border-radius:0;gap:12px;margin-bottom:28px;overflow:visible}.demo-experience :is(.bd-metrics,.sd-kpis,.pl-stats,.wp-metrics,.atlas-summary)>article,.demo-experience .stat-card{background:var(--demo-surface);border:1px solid var(--demo-line);border-radius:14px;min-width:0;padding:clamp(20px,2.3vw,32px)}.demo-experience :is(.bd-metrics,.sd-kpis,.pl-stats,.wp-metrics) b,.demo-experience .stat-card>strong{font-family:var(--font-syne), sans-serif;color:var(--demo-text);letter-spacing:-.05em;white-space:normal;overflow-wrap:anywhere;font-size:clamp(27px,3vw,44px);font-weight:500;line-height:1.15}.demo-experience :is(.bd-metrics,.sd-kpis,.pl-stats,.wp-metrics) article>span,.demo-experience .stat-label{color:var(--demo-muted);letter-spacing:.12em;font-size:9px;font-weight:400;line-height:1.7}.demo-experience :is(.bd-metrics small,.sd-kpis small,.pl-stats small,.wp-metrics small,.wp-metrics p,.stat-note){color:var(--demo-muted);font-size:11px;line-height:1.65}.demo-experience :is(.bd-panel,.sd-card,.pl-panel,.wp-panel,.panel,.pl-comparison article,.atlas-chart-panel){border:1px solid var(--demo-line);background:var(--demo-surface);border-radius:16px;min-width:0;margin-bottom:24px;padding:clamp(22px,2.6vw,36px)}.demo-experience .planner-grid .panel{margin-bottom:0}.demo-experience .pl-comparison article{border-top-width:2px;margin-bottom:0}.demo-experience :is(.sd-grid,.bd-two,.wp-two,.planner-grid){gap:24px}.demo-experience :is(.bd-panel>p:not(.bd-kicker),.sd-card>p:not(.sd-kicker),.wp-insight,.pl-caption,.sd-caption,.bd-note,.wp-caption,.panel-hint,.atlas-caption){color:var(--demo-muted);font-size:12px;line-height:1.8}.demo-experience :is(.sd-card-head>span,.pl-heading>span,.wp-panel-head>span,.sd-spotlight small){color:var(--demo-muted)}.demo-experience .sd-spotlight{color:var(--accent);font-family:var(--font-syne), sans-serif}.demo-experience .sd-negative{color:#ff9a87!important}.demo-experience :is(.sd-divider,.sd-category,.wp-facts>div,.bd-filter-stat){border-color:var(--demo-line)}.demo-experience :is(.sd-category span,.sd-category small,.wp-facts dt,.bd-filter-stat){color:var(--demo-muted)}.demo-experience :is(.bd-filter-stat b,.wp-filter-note b,.wp-insight b){color:var(--accent)}.demo-experience .bd-comparison span,.demo-experience .pl-quality>div{background:var(--demo-raised);color:var(--demo-muted);border-radius:10px}.demo-experience :is(.bd-comparison b,.pl-quality b){color:var(--demo-text);font-family:var(--font-syne), sans-serif}.demo-experience :is(.pl-quality small,.pl-quality span,.pl-comparison p:last-child){color:var(--demo-muted);line-height:1.6}.demo-experience :is(.bd-controls,.sd-filters,.pl-filters,.wp-controls){border-color:var(--demo-line);gap:16px;padding-block:24px}.demo-experience .sd-filters{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.demo-experience :is(.pl-filters,.wp-controls)>label{flex:1;min-width:140px}.demo-experience :is(.bd,.sd,.pl,.wp,.planner-shell) label{color:var(--demo-muted);letter-spacing:.04em;font-size:10px;font-weight:400;line-height:1.6}.demo-experience :is(select,input:not([type=file]):not([type=checkbox]):not([type=hidden])){background:var(--demo-raised);width:100%;min-width:0;min-height:48px;color:var(--demo-text);font-family:var(--font-inter), sans-serif;letter-spacing:0;text-transform:none;border:1px solid #ffffff25;border-radius:10px;padding:12px 14px;font-size:12px;line-height:1.5;transition:border-color .2s,background-color .2s}.demo-experience select{appearance:auto}.demo-experience input::placeholder{color:#858a7b}.demo-experience :is(input,select):hover{border-color:#ffffff45}.demo-experience :is(input,select):focus{border-color:var(--accent)}.demo-experience :is(.wp-filter-note,.wp-table-controls>span){color:var(--demo-muted)}.demo-experience :is(.sd button,.pl button,.wp button:not(.wp-country-button),.log-button,.atlas-metric-button,.atlas-source-link,.sd-upload){border:1px solid var(--accent);color:#111;background:var(--accent);min-height:48px;font-family:var(--font-inter), sans-serif;letter-spacing:.02em;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:11px;font-weight:500;line-height:1.5;transition:color .2s,background-color .2s,border-color .2s;display:inline-flex}.demo-experience :is(.sd button,.pl button,.wp button:not(.wp-country-button),.log-button,.atlas-source-link,.sd-upload):hover:not(:disabled){color:#111;background:#e7e9dc;border-color:#e7e9dc}.demo-experience button:disabled{opacity:.4}.demo-experience .wp-country-button{color:var(--demo-text);background:0 0;min-height:36px}.demo-experience .wp-country-button:hover{color:var(--accent)}.demo-experience .atlas-metric-button[aria-pressed=false],.demo-experience .atlas-details-link{color:var(--demo-muted);background:0 0;border:1px solid #ffffff25;border-radius:999px}.demo-experience .atlas-metric-button[aria-pressed=false]:hover,.demo-experience .atlas-details-link:hover{color:var(--accent);border-color:var(--accent)}.demo-experience .filter-chip{min-height:40px;font-family:var(--font-inter), sans-serif;padding:9px 14px;font-size:11px}.demo-experience .topic-row{min-height:56px}.demo-experience :is(.topic-text strong,.session-info strong){font-size:13px}.demo-experience :is(.topic-text small,.session-info small,.session-date,.stat-note,.panel-hint){line-height:1.65}.demo-experience .planner-shell{--panel:var(--demo-surface);--panel2:var(--demo-raised);--line:var(--demo-line);--muted:var(--demo-muted)}.demo-experience .orb-center{background:var(--demo-surface)}.demo-experience :is(.topic-text small,.session-info small,.empty-state p,.panel-hint){color:var(--demo-muted);font-size:11px}.demo-experience .intro-copy .eyebrow{flex-wrap:wrap}.demo-experience .bd-hero-stat{flex:none}.demo-experience .atlas-source-link{text-align:center}.demo-experience .demo-chart-scroll{margin-top:20px}.demo-experience .demo-chart-scroll svg{margin-top:0}.demo-experience .sd-import{background:var(--demo-surface);border:1px solid var(--demo-line);border-radius:16px;padding:24px 28px}.demo-experience .sd-import p{color:var(--demo-muted);font-size:12px;line-height:1.7}.demo-experience .sd-import-actions{flex-wrap:wrap;gap:14px 22px}.demo-experience .sd-import-actions a{color:var(--demo-text);border-color:#ffffff35;align-items:center;min-height:44px;display:inline-flex}.demo-experience .sd label.sd-upload{color:#111}.demo-experience .sd-error,.demo-experience .bd-error{color:#ffb2a3;background:#ff9a8712;border:1px solid #ff9a8740;border-radius:10px;padding:16px 20px}.demo-experience :is(.pl-empty,.sd-empty,.bd-empty){color:var(--demo-muted);line-height:1.8}.demo-experience table{font-variant-numeric:tabular-nums;font-size:12px}.demo-experience :is(td,th){border-color:var(--demo-line);padding:14px 12px}.demo-experience th{background:var(--demo-raised);color:#c3c7b8;letter-spacing:.05em;font-size:10px;font-weight:400}.demo-experience tbody tr:hover,.demo-experience .wp tr:hover td{background:#ffffff04}.demo-experience .bd tr.bd-selected{color:#e2efb2;background:#d4ff000b}.demo-experience :is(.sd-bar,.pl-bar){background:#ffffff0a}.demo-experience .sd-bar i{background:var(--accent)}.demo-experience .wp-badge{color:var(--accent);background:#d4ff000b;border:1px solid #d4ff0020}.demo-experience :is(.bd-chart-wrap,.demo-chart-scroll,.bd-table-wrap,.sd-month-scroll,.sd-table-scroll,.pl-scroll,.wp-table-scroll){overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#424638 transparent}.demo-experience .demo-chart-scroll{width:100%;min-width:0;overflow-x:auto}.demo-experience svg text{fill:#a0a397;font-family:var(--font-inter), sans-serif}.demo-experience svg line{stroke:var(--demo-line)}.demo-experience .sd-trend svg polyline,.demo-experience .bd-chart-wrap svg polyline[stroke=\#bbed82]{stroke:var(--accent)}.demo-experience .sd-trend svg circle{fill:var(--accent)}.demo-experience .bd-key i{background:var(--accent)}.demo-experience .bd-key span:last-child i{background:#79b8fa}.demo-experience .pl circle:hover{stroke:var(--demo-text)}.demo-experience :is(.pl-legend,.wp-legend,.bd-key){color:var(--demo-muted);flex-wrap:wrap;gap:12px 18px;font-size:11px}.demo-experience :is(.bd-method,.sd-method,.pl-method,.wp-method){border-top:1px solid var(--demo-line);gap:48px;margin:48px 0 0;padding:48px 0}.demo-experience :is(.bd-method,.sd-method,.pl-method,.wp-method) h2{max-width:14ch;font-size:clamp(34px,4.5vw,64px)}.demo-experience :is(.bd-method,.sd-method,.pl-method,.wp-method) p{color:var(--demo-muted);font-size:13px;line-height:1.9}.demo-experience :is(.bd-method,.sd-method,.pl-method,.wp-method) a{color:var(--accent);overflow-wrap:anywhere;min-height:36px;font-size:12px;font-weight:400;line-height:1.7}.demo-experience :is(.bd-method li,.wp-facts>div){border-color:var(--demo-line)}.demo-experience .bd-method li span{color:var(--demo-muted)}.demo-experience main>:is(footer,.planner-footer){color:#969c89;border-color:var(--demo-line);letter-spacing:.08em;padding-top:24px;font-size:9px;line-height:1.8}.demo-experience .atlas-preview>div{max-width:none}.demo-experience .atlas-hero{padding:40px 0 56px}.demo-experience .atlas-preview-label{color:var(--demo-muted);border-color:var(--demo-line);font-size:11px;line-height:1.8}.demo-experience .atlas-summary p:first-child{color:var(--demo-muted);letter-spacing:.12em;font-size:9px}.demo-experience .atlas-summary p:nth-child(2){color:var(--demo-text);font-size:clamp(28px,3.5vw,48px);font-weight:500}.demo-experience .atlas-summary p:last-child{color:var(--demo-muted);font-size:11px;line-height:1.7}.demo-experience .atlas-volume-bar{background:linear-gradient(0deg, #52621c, var(--accent))}.demo-experience .atlas-capabilities article{border-color:var(--demo-line);padding-block:24px}.demo-experience .atlas-capabilities p{color:var(--demo-muted);font-size:12px;line-height:1.8}.demo-experience .atlas-source-notes{border-color:var(--demo-line)}.demo-experience .atlas-source-notes a{color:var(--demo-muted);align-items:center;min-height:44px;display:inline-flex}.demo-experience .atlas-source-notes a:hover{color:var(--accent)}@media (min-width:1600px){.demo-experience>main{padding-inline:max(48px,50vw - 752px)}}@media (max-width:1023px){.demo-experience :is(.bd-hero,.sd-hero,.pl-hero,.wp-hero,.planner-intro){gap:28px}.demo-experience :is(.bd-hero-stat,.sd-hero-mark,.pl-seal,.wp-stamp){display:none}.demo-experience :is(.bd-two,.sd-grid,.sd-grid:has(.sd-spotlight),.wp-two,.planner-grid){grid-template-columns:minmax(0,1fr)}.demo-experience .bd-metrics,.demo-experience .pl-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-experience .wp-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-experience .wp-metrics b{font-size:30px}.demo-experience .atlas-hero{gap:32px}}@media (max-width:767px){.demo-experience>main{padding:max(100px, calc(env(safe-area-inset-top) + 88px)) var(--mobile-gutter,22px) 40px}.demo-experience :is(.bd-nav,.sd-nav,.pl-nav,.wp-nav,.planner-topbar){letter-spacing:.06em;gap:12px;padding-bottom:18px;font-size:8px}.demo-experience :is(.bd-hero,.sd-hero,.pl-hero,.wp-hero,.planner-intro){padding:40px 0 36px;display:block}.demo-experience h1{letter-spacing:-.055em;font-size:clamp(43px,11.8vw,86px);line-height:1.02}.demo-experience .planner-intro h1{font-size:clamp(35px,9.4vw,68px)}.demo-experience :is(.bd-hero p,.sd-hero p:last-child,.pl-intro,.wp-deck,.intro-subtitle,.atlas-deck){margin-top:20px;font-size:13px;line-height:1.8}.demo-experience :is(.bd-kicker,.sd-kicker,.pl-eyebrow,.wp-kicker,.eyebrow,.atlas-kicker){letter-spacing:.12em;font-size:8px}.demo-experience .progress-orb{flex-direction:row;justify-content:start;align-items:center;gap:16px;margin:24px 0 0}.demo-experience .orb-caption{max-width:none;font-size:10px}.demo-experience :is(.bd-panel,.sd-card,.pl-panel,.wp-panel,.panel,.pl-comparison article,.atlas-chart-panel){border-radius:14px;margin-bottom:16px;padding:20px 16px}.demo-experience :is(.bd-two,.sd-grid,.wp-two,.planner-grid,.right-column){gap:16px}.demo-experience :is(.bd-metrics,.sd-kpis,.pl-stats,.wp-metrics,.stat-row,.atlas-summary){gap:10px;margin-bottom:20px}.demo-experience :is(.bd-metrics,.sd-kpis,.pl-stats,.wp-metrics,.atlas-summary)>article,.demo-experience .stat-card{border-radius:12px;padding:18px 14px}.demo-experience :is(.bd-metrics,.sd-kpis,.pl-stats,.wp-metrics) b{margin-block:12px;font-size:clamp(24px,6.5vw,38px)}.demo-experience :is(.bd-metrics,.sd-kpis,.pl-stats,.wp-metrics) article>span{letter-spacing:.07em;font-size:8px}.demo-experience .wp-metrics,.demo-experience .stat-row{grid-template-columns:minmax(0,1fr)}.demo-experience .stat-card{min-height:auto}.demo-experience .stat-card>strong{font-family:var(--font-syne), sans-serif;font-size:32px}.demo-experience :is(.bd-controls,.sd-filters,.pl-filters,.wp-controls){grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;padding-block:20px;display:grid}.demo-experience :is(.bd-controls,.sd-filters,.pl-filters,.wp-controls)>label{min-width:0}.demo-experience :is(.pl-filters button,.wp-filter-note){grid-column:1/-1;justify-self:start;margin:0}.demo-experience :is(.wp-filter-note,.wp-table-controls>span){font-size:10px}.demo-experience :is(.bd-heading,.sd-card-head,.pl-heading,.wp-panel-head){flex-direction:column;align-items:start;gap:16px;display:flex}.demo-experience .bd-key{margin-bottom:14px}.demo-experience .bd h2{margin-bottom:12px}.demo-experience .sd-import{flex-direction:column;align-items:start;padding:20px 16px}.demo-experience .sd-import-actions{justify-content:space-between;gap:12px;width:100%}.demo-experience .sd-import strong{overflow-wrap:anywhere;font-size:13px}.demo-experience :is(.pl-comparison,.bd-method,.sd-method,.pl-method,.wp-method){grid-template-columns:minmax(0,1fr);gap:20px}.demo-experience .pl-quality{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.demo-experience :is(.bd-method,.sd-method,.pl-method,.wp-method){margin-top:32px;padding:32px 0}.demo-experience :is(.bd-method,.sd-method,.pl-method,.wp-method) h2{font-size:clamp(32px,8.7vw,48px)}.demo-experience .demo-chart-scroll svg{min-width:560px}.demo-experience .sd-trend .demo-chart-scroll svg{margin-top:20px}.demo-experience .atlas-hero{padding:24px 0 36px}.demo-experience .atlas-hero>div:last-child{justify-content:start}.demo-experience .atlas-summary{grid-template-columns:minmax(0,1fr)}.demo-experience .atlas-summary p:nth-child(2){font-size:38px}.demo-experience .atlas-chart-panel [role=group]{flex-wrap:wrap}.demo-experience .atlas-volume-chart{gap:20px;min-width:520px;padding-bottom:8px}.demo-experience .atlas-volume-chart :is(span,div[role=img]){font-size:11px}.demo-experience .wp-table-controls{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.demo-experience .wp-table-controls>span{margin:0}.demo-experience .planner-intro .eyebrow{font-size:8px}.demo-experience .session-form input,.demo-experience .session-form select,.demo-experience .log-button{height:auto;min-height:48px}.demo-experience main>:is(footer,.planner-footer){letter-spacing:.06em;font-size:8px}}@media (max-width:374px){.demo-experience :is(.bd-controls,.sd-filters,.pl-filters,.wp-controls,.bd-comparison),.demo-experience .bd-metrics,.demo-experience .sd-kpis,.demo-experience .pl-stats,.demo-experience .pl-quality{grid-template-columns:minmax(0,1fr)}.demo-experience .bd-method li{flex-direction:column;gap:8px}}@media (pointer:coarse),(prefers-reduced-motion:reduce){.demo-experience,.demo-experience *{cursor:auto}.demo-experience :is(a,button,select,.sd-upload,.wp circle){cursor:pointer}}
