/* A complete first view, with a guided glimpse of the actual report. */
.header{height:76px}
.hero-grid{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:clamp(30px,4vw,62px);padding:26px 0 22px;min-height:min(900px,calc(100svh - 132px))}
.hero-copy{padding:0;min-width:0}
.hero .eyebrow.light{font-size:12px;margin-bottom:18px;padding-bottom:9px;letter-spacing:.8px}
.hero h1{font-size:clamp(43px,3.6vw,56px);letter-spacing:-2.5px;line-height:1.045;max-width:600px}
.hero h1 em{font-size:1.02em;line-height:1.05;letter-spacing:-1.7px;margin-top:6px}
.hero-description{font-size:16px;line-height:1.6;margin-top:20px;max-width:490px}
.hero-actions{flex-direction:row;align-items:center;flex-wrap:wrap;margin-top:22px;gap:16px 22px}
.hero-actions .button{min-height:52px;font-size:14px;padding:14px 20px;gap:18px}
.hero-demo-link{font-size:14px}
.hero-conditions{margin-top:13px;font-size:12px;line-height:1.6;max-width:460px}
.hero-conditions br{display:none}
.hero-conditions span{display:inline-block}
.hero-conditions span+span:before{content:'·';margin:0 8px;color:#919aad}
.hero-bottom{padding:14px 0 16px;min-height:56px}
.hero-bottom p{font-size:14px;line-height:1.4}
.hero-bottom p em{font-size:20px}
.hero-bottom>a{width:30px;height:30px;font-size:17px}
.dashboard-showcase{--scene-height:clamp(340px,calc(100svh - 330px),570px);width:100%;min-width:0;background:#35466e;padding:17px;border-radius:21px;box-shadow:0 14px 36px #15182214;isolation:isolate}
.showcase-query{display:flex;align-items:center;gap:10px;color:white;height:37px;padding:0 4px 11px;font-size:12px}
.query-lens{font-size:26px;line-height:1}
.showcase-query strong{font-size:16px;font-weight:600;letter-spacing:-.3px}
.showcase-query>span:not(.query-lens){color:#ffffff;font-size:12px}
.showcase-query .showcase-example{margin-left:auto;padding:4px 7px;border:1px solid #ffffff45;border-radius:5px;font-size:11px!important;white-space:nowrap}
.showcase-stage{position:relative;background:#f5f7ff;border-radius:13px;overflow:hidden;box-shadow:0 8px 24px #15299b23}
.showcase-query .query-keyword{flex:1;min-width:0;white-space:nowrap;overflow:hidden;font-size:clamp(12px,1.1vw,16px);scrollbar-width:none}
.showcase-query .query-keyword::-webkit-scrollbar{display:none}
#query-typing:after{content:'';display:inline-block;width:1px;height:1em;background:currentColor;margin-left:2px;vertical-align:-.12em;opacity:0}
[data-demo-state=typing] #query-typing:after{opacity:1;animation:query-caret .8s step-end infinite}
[data-demo-state=typing] .showcase-scene,[data-demo-state=preparing] .showcase-scene{visibility:hidden}
.search-demo{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:30px;color:#52617b;text-align:center}
.search-demo[hidden]{display:none}
.search-demo-icon{width:66px;height:66px;display:grid;place-items:center;background:#e8edf8;border-radius:50%;color:#35466e}
.search-demo p{font-size:14px;line-height:1.5;max-width:260px}
.search-demo-lines{display:grid;gap:10px;width:75%;max-width:270px}
.search-demo-lines i{height:9px;border-radius:9px;background:#e1e7f2}
.search-demo-lines i:nth-child(2){width:84%}.search-demo-lines i:nth-child(3){width:61%}
@keyframes query-caret{50%{opacity:0}}
.showcase-scene{height:var(--scene-height);padding:17px 18px 13px;display:block;min-width:0;overflow-y:auto;scroll-behavior:auto;scrollbar-width:thin;scrollbar-color:#b6bfd4 transparent}
.scene-content{display:flex;flex-direction:column;gap:10px;min-height:100%;min-width:0}
.scene-content>*{flex-shrink:0}
.showcase-scene:focus-visible{outline:2px solid #6d83b7;outline-offset:-3px}
.showcase-scene[hidden]{display:none!important}
.showcase-scene.is-entering{animation:scene-enter .45s cubic-bezier(.22,.7,.25,1) both}
.scene-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex:0 0 auto}
.scene-heading p{font-size:10px;font-weight:700;letter-spacing:1.1px;color:#5267ab;margin-bottom:4px;line-height:1.3}
.scene-heading h3{font-size:21px;line-height:1.14;font-weight:650;letter-spacing:-.7px;color:var(--ink)}
.scene-kpi{display:flex;align-items:center;gap:7px;color:var(--blue)}
.scene-kpi strong{font-size:35px;font-weight:650;letter-spacing:-1.5px;line-height:1}
.scene-kpi span{font-size:12px;color:var(--muted)}
.format-gallery{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(145px,auto);gap:9px;flex:1 0 auto;min-height:0}
.format-tile{display:grid;grid-template-columns:1.1fr .95fr;align-items:center;gap:8px;padding:7px 10px 7px 4px;min-height:0;background:#ffffff;border:1px solid #e4e8f3;border-radius:9px;overflow:hidden}
.format-tile img{height:120px;max-height:100%;min-height:0;width:100%;object-fit:contain}





.format-tile>div{min-width:0}
.format-tile span{font-size:12px;line-height:1.3;display:block;color:#515969}
.format-tile strong{display:block;font-size:24px;font-weight:650;letter-spacing:-.8px;color:var(--ink);line-height:1.2;margin-top:6px}
.format-tile small{font-size:13px;letter-spacing:0;margin-left:1px;font-weight:500}
.format-tile .estimate-unavailable{font-size:12px;line-height:1.4;letter-spacing:0;font-weight:500;color:var(--muted)}
.scene-note{font-size:11px;line-height:1.4;color:#59647c;margin:0;flex:0 0 auto}
.scene-note strong{color:var(--blue);font-weight:700}
.market-metrics{display:grid;grid-template-columns:1.4fr 1fr;gap:10px;flex:0 0 auto}
.market-metrics>div{background:white;border:1px solid #e4e8f3;border-radius:9px;padding:10px 14px}
.market-metrics span{font-size:12px;line-height:1.4;display:block;color:var(--muted)}
.market-metrics strong{display:block;font-size:29px;letter-spacing:-1px;font-weight:650;line-height:1.15;margin-top:2px}
.market-chart{background:var(--deep);border-radius:10px;padding:10px 15px 9px;color:white;display:flex;flex-direction:column;flex:1 0 auto;min-height:200px}
.chart-title{display:flex;justify-content:space-between;align-items:center;gap:18px;line-height:1.3}
.chart-title>span{font-size:12px;max-width:265px;color:#d2d9ec}
.chart-title strong{font-size:27px;letter-spacing:-1px;font-weight:600;white-space:nowrap;line-height:1}
.chart-title small{font-size:14px;margin-left:2px}
.sales-columns{display:flex;align-items:stretch;gap:9px;flex:1;min-height:100px;padding:10px 0 18px}
.sales-columns>span{position:relative;flex:1;min-width:0}
.sales-columns i{position:absolute;bottom:0;display:block;width:100%;height:var(--sales);background:#7894ff;border-radius:4px 4px 0 0}
.sales-columns>span:first-child i{background:#b9c8ff}
.sales-columns b{position:absolute;bottom:-16px;left:0;right:0;text-align:center;font-size:10px;line-height:1;font-weight:450;color:#d2d9ec}
.leader-gallery{display:grid;grid-template-columns:1fr 1fr;gap:11px;flex:1 0 auto;min-height:280px}
.leader-card{background:white;border:1px solid #e4e8f3;border-radius:10px;padding:11px;display:flex;flex-direction:column;min-height:0}
.leader-photo{position:relative;flex:1;min-height:150px;display:grid;place-items:center;padding:0 20px}
.leader-photo>span{position:absolute;left:0;top:0;background:var(--blue-soft);color:var(--blue);border-radius:5px;display:grid;place-items:center;width:25px;height:25px;font-size:11px;font-weight:650}
.leader-photo img{height:100%;min-height:0;max-height:100%;width:100%;object-fit:contain}
.leader-info{flex:0 0 auto;margin-top:6px}
.leader-info>strong{font-size:14px;font-weight:650;letter-spacing:-.2px}
.leader-info>span{font-size:11px;display:block;color:var(--muted);line-height:1.3}
.leader-info>div{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}
.leader-info b{font-size:19px;font-weight:650;letter-spacing:-.5px;white-space:nowrap}
.leader-info>div span{font-size:10px;color:var(--muted);text-align:right;line-height:1.3}
.leader-info p{font-size:10px;color:var(--muted);line-height:1.3;margin-top:6px}
.leader-info p strong{color:var(--blue);font-weight:650}
.stability-summary{display:flex;gap:17px;align-items:center;flex:0 0 auto}
.stability-summary>div{display:flex;gap:13px;align-items:center}
.stability-summary strong{font-size:43px;line-height:1;font-weight:650;letter-spacing:-1.6px;white-space:nowrap}
.stability-summary small{font-size:16px;color:var(--muted);font-weight:450;margin-left:3px;letter-spacing:-.5px}
.stability-summary>div>span{font-size:12px;color:var(--muted);line-height:1.3;max-width:90px}
.stability-label{font-size:12px;font-weight:600;color:#6d4b12;background:#fff0c9;border:1px solid #f0d89e;padding:6px 10px;border-radius:20px}
.history-window{font-size:11px;color:var(--muted);margin-left:auto;line-height:1.4;text-align:right}
.history-chart{min-height:220px;flex:1 0 auto;background:white;border:1px solid #e4e8f3;border-radius:10px;padding:8px 12px;display:flex;flex-direction:column;overflow:hidden}
.history-chart svg{display:block;width:100%;flex:1;height:100%;min-height:0;overflow:visible}
.history-grid{stroke:#e5e9f4;stroke-width:1;stroke-dasharray:3 5}
.history-line{stroke:var(--blue);stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.history-area{fill:#3155f517}
.history-dot{fill:var(--blue);stroke:white;stroke-width:2;vector-effect:non-scaling-stroke}
.history-chart>div{display:flex;justify-content:space-between;gap:15px;color:#67728c;font-size:10px;line-height:1.4;flex:0 0 auto}
.showcase-controls{display:grid;grid-template-columns:1fr 34px;gap:9px;margin-top:12px}
.showcase-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:#203ec7;border-radius:7px;padding:3px}
.showcase-tabs button{padding:7px 4px;border:0;border-radius:5px;color:white;background:transparent;font-size:12px;font-weight:500;line-height:1.1;min-width:0}
.showcase-tabs button:hover{background:#ffffff1c}
.showcase-tabs button[aria-selected=true]{background:white;color:var(--blue);font-weight:650;box-shadow:0 2px 6px #12288b24}
#showcase-play{border:1px solid #ffffff70;background:transparent;color:white;border-radius:7px;font-size:17px;display:grid;place-items:center;padding:0;min-height:34px}
#showcase-play:hover{background:#ffffff1f}
.showcase-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;color:white;font-size:11px;margin-top:10px;line-height:1.4}
.showcase-bottom>span{opacity:.9}
.showcase-bottom a{font-size:12px;font-weight:550;white-space:nowrap}
.showcase-bottom a:hover{text-decoration:underline;text-underline-offset:3px}
@keyframes scene-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.hero-grid{padding-top:30px;padding-bottom:26px;gap:70px}.hero h1{font-size:57px}}
@media(min-width:901px) and (max-height:760px){.header{height:68px}.hero-grid{min-height:calc(100svh - 116px);padding-top:18px;padding-bottom:14px}.hero h1{font-size:44px;letter-spacing:-1.8px}.hero .eyebrow.light{margin-bottom:14px;padding-bottom:7px;font-size:11px}.hero-description{margin-top:15px;line-height:1.5}.hero-actions{margin-top:18px;gap:12px 18px}.hero-actions .button{min-height:48px;padding:13px 17px}.hero-conditions{margin-top:10px}.hero-bottom{min-height:48px;padding:9px 0 11px}.hero-bottom p{font-size:13px}.hero-bottom p em{font-size:18px}.dashboard-showcase{--scene-height:clamp(320px,calc(100svh - 290px),470px);padding:15px}.showcase-scene{padding:13px 15px 11px;gap:8px}.scene-heading h3{font-size:19px}.scene-heading p{font-size:10px;margin-bottom:3px}.format-tile strong{font-size:23px}.showcase-bottom{font-size:10px}.showcase-controls{margin-top:10px}.showcase-bottom{margin-top:8px}.market-metrics>div{padding:8px 12px}.market-metrics strong{font-size:26px}.stability-summary strong{font-size:36px}.leader-info>span,.leader-info p{font-size:10px}.leader-info>div{margin-top:5px;padding-top:5px}}
@media(min-width:901px) and (max-height:630px){.dashboard-showcase{--scene-height:clamp(320px,calc(100svh - 275px),355px)}.hero h1{font-size:39px}.hero-description{font-size:15px;line-height:1.5}.hero .eyebrow.light{font-size:10px;margin-bottom:11px}.hero-actions .button{font-size:13px;min-height:44px;padding:12px 15px}.hero-demo-link{font-size:13px}.hero-actions{margin-top:15px;gap:10px 15px}.hero-conditions{font-size:11px}.hero-bottom p em{font-size:17px}.hero-grid{padding-top:12px;padding-bottom:12px}.showcase-query{height:32px}.showcase-query strong{font-size:14px}.showcase-query .showcase-example{font-size:10px!important}.showcase-scene{gap:7px}.scene-heading h3{font-size:18px}.scene-kpi strong{font-size:29px}.format-tile{padding-top:4px;padding-bottom:4px}.scene-note{font-size:10px}.leader-info p{font-size:9px}.showcase-bottom{font-size:10px}.showcase-bottom a{font-size:11px}}
@media(min-width:781px) and (max-width:1100px){.hero-grid{gap:28px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.showcase-query{gap:7px}.showcase-query .showcase-example{display:none}.scene-heading h3{font-size:18px}.scene-kpi{gap:4px}.scene-kpi strong{font-size:30px}.scene-kpi span{font-size:11px}.format-tile{gap:5px;padding-right:7px}.format-tile span{font-size:11px}.format-tile strong{font-size:22px}.leader-info b{font-size:16px}.leader-info>div span{font-size:9px}.stability-summary{gap:10px}.stability-summary>div{gap:8px}.stability-summary>div>span{max-width:65px;font-size:11px}.history-window{display:none}.showcase-bottom{font-size:10px}.showcase-bottom a{font-size:11px}}
@media(max-width:900px) and (min-width:781px){.hero-grid{min-height:0;padding:25px 0;gap:24px}.hero h1{font-size:39px}.hero .eyebrow.light{font-size:10px}.hero-description{font-size:15px;line-height:1.6}.hero-actions .button{font-size:12px;padding:14px;gap:10px}.hero-demo-link{font-size:13px}.dashboard-showcase{--scene-height:340px;padding:12px}.showcase-scene{padding:13px 12px;gap:9px}.format-tile{grid-template-columns:1fr .95fr;padding:4px}.format-tile strong{font-size:20px}.format-tile span{font-size:10px}.scene-note{font-size:10px}.showcase-bottom>span{max-width:150px}.showcase-bottom{gap:10px}.showcase-tabs button{font-size:11px}.stability-label{padding:5px 8px;font-size:11px}}
@media(max-width:780px){.header{height:64px}.header nav{top:64px}.header-row{gap:10px}.brand{font-size:24px}.hero-grid{grid-template-columns:1fr;min-height:0;padding:26px 0 23px;gap:25px}.hero .eyebrow.light{font-size:10px;margin-bottom:16px;letter-spacing:.8px;padding-bottom:7px}.hero h1{font-size:clamp(34px,7.8vw,46px);line-height:1.04;letter-spacing:-1.7px;max-width:530px}.hero h1 em{font-size:1.05em;letter-spacing:-1px;margin-top:4px}.hero-description{font-size:16px;line-height:1.5;margin-top:16px;max-width:560px}.hero-actions{margin-top:19px;gap:14px;flex-direction:row;flex-wrap:wrap}.hero-actions .button{font-size:14px;min-height:50px;padding:14px 17px;gap:18px}.hero-demo-link{display:none}.hero-conditions{font-size:11px;line-height:1.5;margin-top:10px;max-width:none}.hero-conditions span+span:before{margin:0 5px}.dashboard-showcase{--scene-height:350px;max-width:600px;margin:0 auto;padding:15px;border-radius:17px}.showcase-query{height:35px;font-size:12px;gap:9px}.showcase-query strong{font-size:15px}.showcase-query .showcase-example{font-size:10px!important}.showcase-scene{padding:14px;gap:9px}.scene-heading p{font-size:10px}.scene-heading h3{font-size:20px}.scene-kpi strong{font-size:31px}.scene-kpi span{font-size:11px}.format-tile{gap:7px}.format-tile span{font-size:12px}.format-tile strong{font-size:23px}.scene-note{font-size:11px}.showcase-controls{margin-top:10px}.showcase-bottom{gap:10px;font-size:10px;margin-top:9px}.showcase-bottom a{font-size:11px}.hero-bottom{padding:16px 0}.hero-bottom p{font-size:13px;max-width:85%}.hero-bottom p em{display:block;font-size:19px;margin-left:0}.leader-info>div span{font-size:10px}.history-window{font-size:10px}.stability-summary strong{font-size:37px}.stability-summary>div>span{font-size:11px;max-width:75px}.stability-label{font-size:11px;padding:5px 8px}}
@media(max-width:430px){.hero-grid{padding-top:22px;gap:22px}.hero h1{font-size:34px}.hero .eyebrow.light{font-size:9px}.hero-description{font-size:15px;margin-top:13px;line-height:1.5}.hero-actions{margin-top:16px}.hero-actions .button{font-size:13px;min-height:48px;gap:14px;padding:13px 16px}.hero-conditions{font-size:10px}.dashboard-showcase{--scene-height:340px;padding:12px;border-radius:15px}.showcase-query strong{font-size:14px}.showcase-query>span:not(.query-lens){font-size:11px}.showcase-query .showcase-example{display:none}.showcase-query>span:nth-child(3){margin-left:auto}.showcase-scene{padding:12px 10px 10px;gap:8px}.scene-heading p{font-size:9px;letter-spacing:.9px}.scene-heading h3{font-size:18px;letter-spacing:-.5px}.scene-kpi strong{font-size:28px}.scene-kpi span{font-size:10px;max-width:50px}.format-gallery{gap:7px}.format-tile{grid-template-columns:1fr .93fr;gap:3px;padding:5px 4px 5px 1px;border-radius:7px}.format-tile span{font-size:10px;line-height:1.25}.format-tile strong{font-size:19px;margin-top:5px}.format-tile small{font-size:11px}.scene-note{font-size:9px;line-height:1.35}.showcase-tabs button{font-size:11px;padding:7px 2px}.showcase-controls{grid-template-columns:1fr 32px;gap:7px}.showcase-bottom{font-size:9px;gap:8px}.showcase-bottom a{font-size:10px}.market-metrics{gap:7px}.market-metrics>div{padding:8px 10px}.market-metrics span{font-size:10px}.market-metrics strong{font-size:24px}.market-chart{padding:9px 11px 8px}.chart-title>span{font-size:10px}.chart-title strong{font-size:23px}.sales-columns{gap:6px}.leader-gallery{gap:8px}.leader-card{padding:8px}.leader-photo{padding:0 9px}.leader-photo>span{font-size:10px;width:21px;height:21px}.leader-info>strong{font-size:13px}.leader-info>span{font-size:9px}.leader-info>div{gap:5px;padding-top:6px;margin-top:6px}.leader-info b{font-size:16px}.leader-info>div span{font-size:9px}.leader-info p{font-size:9px;line-height:1.35;margin-top:5px}.stability-summary{gap:10px}.stability-summary>div{gap:8px}.stability-summary strong{font-size:34px}.stability-summary small{font-size:14px}.stability-summary>div>span{font-size:10px;max-width:66px}.stability-label{font-size:10px;padding:5px 7px}.history-window{display:none}.history-chart{padding:7px}.history-chart>div{font-size:8px;gap:7px}.history-chart>div>span:nth-child(2){font-size:9px;max-width:100px;text-align:center}}
@media(prefers-reduced-motion:reduce){.showcase-scene.is-entering{animation:none}.format-tile img{transition:none}#query-typing:after{animation:none;display:none}}