/* AI Business Dashboard page - hero only. Scoped to .db-hero; loaded by this page only. */
.db-hero{padding:30px 0 96px}
.db-hero .hero-media{background:#080824}
.db-hero .hero-overlay{background:radial-gradient(560px 520px at 79% 52%,rgba(94,234,212,.15),transparent 70%),radial-gradient(780px 580px at 88% 36%,rgba(109,40,217,.42),transparent 68%),radial-gradient(520px 360px at 0% 100%,rgba(109,40,217,.2),transparent 65%),linear-gradient(180deg,#0B0B2B 0%,#07071c 100%)}
.db-stars{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.db-stars::before,.db-stars::after{content:"";position:absolute;inset:0}
.db-stars::before{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22720%22 height=%22720%22%3E%3Ccircle cx=%22137%22 cy=%22582%22 r=%220.6%22 fill=%22%23ffffff%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%22507%22 cy=%22460%22 r=%221%22 fill=%22%23ffffff%22 fill-opacity=%220.65%22/%3E%3Ccircle cx=%2296%22 cy=%22499%22 r=%220.6%22 fill=%22%235EEAD4%22 fill-opacity=%220.65%22/%3E%3Ccircle cx=%22622%22 cy=%222%22 r=%221.5%22 fill=%22%23C4B5FD%22 fill-opacity=%220.65%22/%3E%3Ccircle cx=%22234%22 cy=%22605%22 r=%220.6%22 fill=%22%23ffffff%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%2222%22 cy=%2226%22 r=%221.5%22 fill=%22%23ffffff%22 fill-opacity=%220.85%22/%3E%3Ccircle cx=%22390%22 cy=%22702%22 r=%220.7%22 fill=%22%23ffffff%22 fill-opacity=%220.65%22/%3E%3Ccircle cx=%22540%22 cy=%22227%22 r=%221%22 fill=%22%23ffffff%22 fill-opacity=%220.65%22/%3E%3Ccircle cx=%22353%22 cy=%22236%22 r=%221.5%22 fill=%22%235EEAD4%22 fill-opacity=%220.35%22/%3E%3Ccircle cx=%22296%22 cy=%2222%22 r=%221%22 fill=%22%23ffffff%22 fill-opacity=%220.85%22/%3E%3Ccircle cx=%22190%22 cy=%22644%22 r=%221.5%22 fill=%22%23ffffff%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%22340%22 cy=%22512%22 r=%221%22 fill=%22%23ffffff%22 fill-opacity=%220.85%22/%3E%3Ccircle cx=%22310%22 cy=%22290%22 r=%221.2%22 fill=%22%235EEAD4%22 fill-opacity=%220.65%22/%3E%3Ccircle cx=%22603%22 cy=%2235%22 r=%221%22 fill=%22%235EEAD4%22 fill-opacity=%220.35%22/%3E%3Ccircle cx=%22424%22 cy=%22680%22 r=%220.7%22 fill=%22%23C4B5FD%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%2288%22 cy=%22449%22 r=%221.5%22 fill=%22%23ffffff%22 fill-opacity=%220.85%22/%3E%3Ccircle cx=%22167%22 cy=%22533%22 r=%221%22 fill=%22%235EEAD4%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%2230%22 cy=%22480%22 r=%220.6%22 fill=%22%235EEAD4%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%22662%22 cy=%22174%22 r=%220.7%22 fill=%22%23ffffff%22 fill-opacity=%220.85%22/%3E%3Ccircle cx=%2212%22 cy=%22204%22 r=%221.2%22 fill=%22%23ffffff%22 fill-opacity=%220.85%22/%3E%3Ccircle cx=%22414%22 cy=%22526%22 r=%220.8%22 fill=%22%23C4B5FD%22 fill-opacity=%220.85%22/%3E%3Ccircle cx=%22470%22 cy=%22275%22 r=%221.5%22 fill=%22%23ffffff%22 fill-opacity=%220.85%22/%3E%3Ccircle cx=%22392%22 cy=%22524%22 r=%220.7%22 fill=%22%23ffffff%22 fill-opacity=%220.85%22/%3E%3Ccircle cx=%22436%22 cy=%2257%22 r=%221%22 fill=%22%23ffffff%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%22516%22 cy=%22423%22 r=%221%22 fill=%22%235EEAD4%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%22354%22 cy=%221%22 r=%221.2%22 fill=%22%23C4B5FD%22 fill-opacity=%220.85%22/%3E%3Ccircle cx=%22469%22 cy=%22614%22 r=%220.6%22 fill=%22%23ffffff%22 fill-opacity=%220.35%22/%3E%3Ccircle cx=%22563%22 cy=%22598%22 r=%220.7%22 fill=%22%23C4B5FD%22 fill-opacity=%220.25%22/%3E%3Ccircle cx=%2233%22 cy=%22689%22 r=%220.6%22 fill=%22%23ffffff%22 fill-opacity=%220.25%22/%3E%3Ccircle cx=%22463%22 cy=%2214%22 r=%220.8%22 fill=%22%23C4B5FD%22 fill-opacity=%220.35%22/%3E%3Ccircle cx=%22112%22 cy=%22639%22 r=%220.7%22 fill=%22%23C4B5FD%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%2271%22 cy=%22171%22 r=%220.7%22 fill=%22%23ffffff%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%22672%22 cy=%22279%22 r=%221.5%22 fill=%22%235EEAD4%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%22719%22 cy=%22329%22 r=%221%22 fill=%22%23ffffff%22 fill-opacity=%220.65%22/%3E%3Ccircle cx=%2224%22 cy=%22319%22 r=%221%22 fill=%22%235EEAD4%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%22192%22 cy=%22264%22 r=%220.6%22 fill=%22%23ffffff%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%22620%22 cy=%22442%22 r=%220.6%22 fill=%22%23ffffff%22 fill-opacity=%220.35%22/%3E%3Ccircle cx=%22406%22 cy=%22149%22 r=%220.6%22 fill=%22%235EEAD4%22 fill-opacity=%220.35%22/%3E%3Ccircle cx=%22518%22 cy=%22694%22 r=%221%22 fill=%22%23ffffff%22 fill-opacity=%220.85%22/%3E%3Ccircle cx=%22645%22 cy=%22711%22 r=%221.2%22 fill=%22%23ffffff%22 fill-opacity=%220.65%22/%3E%3Ccircle cx=%22536%22 cy=%22664%22 r=%220.6%22 fill=%22%23C4B5FD%22 fill-opacity=%220.65%22/%3E%3Ccircle cx=%22675%22 cy=%22646%22 r=%221%22 fill=%22%23C4B5FD%22 fill-opacity=%220.25%22/%3E%3Ccircle cx=%22128%22 cy=%22217%22 r=%220.6%22 fill=%22%23ffffff%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%2278%22 cy=%22317%22 r=%220.8%22 fill=%22%235EEAD4%22 fill-opacity=%220.35%22/%3E%3Ccircle cx=%22578%22 cy=%22258%22 r=%220.7%22 fill=%22%23ffffff%22 fill-opacity=%220.25%22/%3E%3Ccircle cx=%22604%22 cy=%22222%22 r=%221.2%22 fill=%22%23ffffff%22 fill-opacity=%220.65%22/%3E%3C/svg%3E") 0 0/720px 720px repeat;animation:dbTw 7s ease-in-out infinite alternate}
.db-stars::after{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22560%22 height=%22560%22%3E%3Ccircle cx=%2257%22 cy=%2293%22 r=%220.6%22 fill=%22%23ffffff%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%22315%22 cy=%22257%22 r=%221.2%22 fill=%22%23ffffff%22 fill-opacity=%220.35%22/%3E%3Ccircle cx=%22162%22 cy=%22441%22 r=%221.5%22 fill=%22%23C4B5FD%22 fill-opacity=%220.65%22/%3E%3Ccircle cx=%22557%22 cy=%22455%22 r=%221.2%22 fill=%22%23ffffff%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%2228%22 cy=%22372%22 r=%221%22 fill=%22%235EEAD4%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%22433%22 cy=%22538%22 r=%220.7%22 fill=%22%23ffffff%22 fill-opacity=%220.85%22/%3E%3Ccircle cx=%22241%22 cy=%22236%22 r=%220.6%22 fill=%22%23C4B5FD%22 fill-opacity=%220.35%22/%3E%3Ccircle cx=%22177%22 cy=%22139%22 r=%221.2%22 fill=%22%23C4B5FD%22 fill-opacity=%220.85%22/%3E%3Ccircle cx=%22526%22 cy=%22186%22 r=%221%22 fill=%22%23C4B5FD%22 fill-opacity=%220.65%22/%3E%3Ccircle cx=%22362%22 cy=%22370%22 r=%221%22 fill=%22%235EEAD4%22 fill-opacity=%220.35%22/%3E%3Ccircle cx=%22472%22 cy=%22543%22 r=%220.7%22 fill=%22%23C4B5FD%22 fill-opacity=%220.65%22/%3E%3Ccircle cx=%22510%22 cy=%22512%22 r=%221.2%22 fill=%22%235EEAD4%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%22472%22 cy=%22359%22 r=%221.2%22 fill=%22%235EEAD4%22 fill-opacity=%220.85%22/%3E%3Ccircle cx=%22498%22 cy=%22227%22 r=%220.8%22 fill=%22%23C4B5FD%22 fill-opacity=%220.35%22/%3E%3Ccircle cx=%22491%22 cy=%22316%22 r=%220.8%22 fill=%22%235EEAD4%22 fill-opacity=%220.85%22/%3E%3Ccircle cx=%22319%22 cy=%22212%22 r=%221%22 fill=%22%23C4B5FD%22 fill-opacity=%220.85%22/%3E%3Ccircle cx=%2277%22 cy=%22349%22 r=%221.5%22 fill=%22%23ffffff%22 fill-opacity=%220.25%22/%3E%3Ccircle cx=%22108%22 cy=%2260%22 r=%221.2%22 fill=%22%23C4B5FD%22 fill-opacity=%220.25%22/%3E%3Ccircle cx=%22232%22 cy=%22108%22 r=%221.2%22 fill=%22%23C4B5FD%22 fill-opacity=%220.35%22/%3E%3Ccircle cx=%22250%22 cy=%22215%22 r=%220.6%22 fill=%22%23ffffff%22 fill-opacity=%220.65%22/%3E%3Ccircle cx=%2258%22 cy=%22371%22 r=%220.8%22 fill=%22%23ffffff%22 fill-opacity=%220.35%22/%3E%3Ccircle cx=%2224%22 cy=%2284%22 r=%220.6%22 fill=%22%23ffffff%22 fill-opacity=%220.25%22/%3E%3Ccircle cx=%2241%22 cy=%2221%22 r=%220.8%22 fill=%22%23ffffff%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%22160%22 cy=%22188%22 r=%221.2%22 fill=%22%235EEAD4%22 fill-opacity=%220.25%22/%3E%3Ccircle cx=%2244%22 cy=%22253%22 r=%220.7%22 fill=%22%23ffffff%22 fill-opacity=%220.25%22/%3E%3Ccircle cx=%22352%22 cy=%22115%22 r=%220.8%22 fill=%22%235EEAD4%22 fill-opacity=%220.5%22/%3E%3C/svg%3E") 130px 90px/560px 560px repeat;animation:dbTw 9s ease-in-out -3s infinite alternate}
@keyframes dbTw{from{opacity:.45}to{opacity:1}}
.db-ring{position:absolute;top:30px;left:16px;width:22px;height:22px;border-radius:50%;border:1px solid rgba(94,234,212,.7);box-shadow:0 0 14px rgba(94,234,212,.35);pointer-events:none}
.db-hero .hero2-grid{grid-template-columns:1.2fr .8fr;gap:40px;position:relative;align-items:center}
.db-hero .chip i{background:#5EEAD4;box-shadow:0 0 10px rgba(94,234,212,.8)}
.db-hero h1{font-size:clamp(34px,4vw,54px);line-height:1.05;letter-spacing:-.03em;font-weight:800;text-shadow:none;color:#fff}
.db-g{background:linear-gradient(90deg,#5EEAD4 0%,#7DD3FC 40%,#A78BFA 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.db-sub-h{display:block;margin-top:8px;font:500 clamp(20px,2.1vw,28px)/1.2 var(--display);letter-spacing:-.02em;color:rgba(201,197,232,.78);text-wrap:balance}
.db-hero .hero2-text>p{margin-top:16px;color:#D3D0EC;font-size:16px;line-height:24px;max-width:540px}
.db-hero .cta-row{margin-top:22px}.db-hero .btn{min-height:46px}
.db-hero .btn-primary svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.db-hero .ls-checks{margin-top:18px;gap:6px 18px}.db-hero .ls-checks li{font-size:13px;line-height:20px;gap:6px}
@media (max-width:1023px){
  .db-hero{padding:36px 0 96px}
  .db-hero .hero2-grid{grid-template-columns:1fr;gap:32px}
}
@media (max-width:639px){
  .db-hero{padding:30px 0 88px}
  .db-ring{display:none}
  .db-hero .ls-checks{flex-direction:column;gap:8px}
  .db-hero h1{font-size:36px}.db-sub-h{font-size:21px}
}

.db-hero .crumbs{margin-bottom:10px}
.db-hero .chips{margin-bottom:14px}
.db-visual{position:relative;max-width:440px;width:100%;margin-left:auto;animation:rise .9s cubic-bezier(.2,.7,.2,1) both}
.db-glow{position:absolute;inset:-6% -10%;z-index:0;background:radial-gradient(closest-side,rgba(94,234,212,.2),rgba(109,40,217,.26) 55%,transparent 78%);filter:blur(28px);pointer-events:none}
.db-card{position:relative;z-index:1;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,rgba(22,22,66,.94),rgba(11,11,43,.97));border:1px solid rgba(255,255,255,.13);box-shadow:0 24px 60px rgba(0,0,0,.5),0 0 60px rgba(94,234,212,.09)}
.db-head{display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid rgba(255,255,255,.08)}
.db-head b{font:700 13px/18px var(--body);color:#fff}
.db-range{display:flex;align-items:center;gap:6px;font:600 10px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:#5EEAD4}
.db-range::before{content:"";width:6px;height:6px;border-radius:50%;background:#5EEAD4;box-shadow:0 0 8px #5EEAD4}
.db-demo{margin-left:auto;font:600 10px/1 var(--body);letter-spacing:.14em;color:#A9A6D2;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:5px 9px;white-space:nowrap}
.db-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:10px;transition:opacity .4s}
.db-body.db-fade{opacity:0}
.db-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.db-kpi,.db-panel,.db-ai,.db-alert{transition:opacity .5s,transform .5s}
.db-kpi{padding:8px 10px 9px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04)}
.db-kpi small,.db-panel small{display:block;font:500 10.5px/14px var(--body);color:#A9A6D2}
.db-kpi b{display:block;margin-top:1px;font:700 18px/24px var(--display);color:#fff;letter-spacing:-.01em}
.db-d{font:600 10px/12px var(--body);color:#5EEAD4}
.db-row{display:grid;grid-template-columns:1.25fr 1fr;gap:8px}
.db-panel{padding:9px 11px 8px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04)}
.db-trend svg{display:block;width:100%;height:74px;margin-top:6px;overflow:visible}
.db-line{fill:none;stroke:#5EEAD4;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset 1.2s ease}
.db-prev{fill:none;stroke:#A78BFA;stroke-width:1.6;stroke-dasharray:3 4;opacity:.7;transition:opacity .6s}
.db-area{fill:url(#db-ar);transition:opacity .8s}
.db-dot{fill:#fff;transition:opacity .4s .9s}
.db-bars{display:flex;align-items:flex-end;gap:7px;height:74px;margin-top:6px}
.db-bar{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;height:100%}
.db-bar i{display:block;width:100%;height:var(--h);border-radius:4px 4px 2px 2px;background:var(--c);transition:height .8s cubic-bezier(.2,.8,.2,1)}
.db-bar span{font:600 8.5px/10px var(--body);letter-spacing:.06em;text-transform:uppercase;color:#8E8BB8}
.db-ai{display:flex;gap:10px;padding:9px 12px;border-radius:10px;border:1px solid rgba(167,139,250,.45);background:linear-gradient(135deg,rgba(109,40,217,.3),rgba(109,40,217,.1))}
.db-ai-ic{flex:none;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:rgba(167,139,250,.25)}
.db-ai-ic svg{width:15px;height:15px;stroke:#DDD6FE;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.db-ai b{display:block;font:700 10px/14px var(--body);letter-spacing:.12em;text-transform:uppercase;color:#DDD6FE}
.db-hero .db-ai p{margin:2px 0 0;max-width:none;min-height:36px;font:500 12.5px/18px var(--body);color:#EDEBFB}
.db-ai p.typing::after{content:"";display:inline-block;width:1.5px;height:13px;margin-left:2px;vertical-align:-2px;background:#5EEAD4;animation:dbCaret .8s steps(1) infinite}
@keyframes dbCaret{50%{opacity:0}}
.db-alert{display:flex;align-items:center;gap:9px;padding:8px 12px;border-radius:10px;border:1px solid rgba(94,234,212,.35);background:rgba(94,234,212,.07);font:500 12px/16px var(--body);color:#D8F7F1}
.db-alert i{flex:none;width:7px;height:7px;border-radius:50%;background:#5EEAD4;box-shadow:0 0 0 0 rgba(94,234,212,.6);animation:dbPulse 1.8s ease-out infinite}
@keyframes dbPulse{70%{box-shadow:0 0 0 7px rgba(94,234,212,0)}100%{box-shadow:0 0 0 0 rgba(94,234,212,0)}}
.db-alert em{margin-left:auto;font:600 9.5px/12px var(--body);font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:#8FB5B0;white-space:nowrap}
.db-note{position:relative;z-index:1;margin-top:10px;text-align:center;font:500 12px/16px var(--body);color:#A9A6D2}
/* reset (hidden) state used only while the animation replays */
.db-r .db-kpi{opacity:0;transform:translateY(8px)}
.db-r .db-line{stroke-dashoffset:1}.db-r .db-area,.db-r .db-prev,.db-r .db-dot{opacity:0}
.db-r .db-bar i{height:0}
.db-r .db-ai{opacity:0;transform:translateY(8px)}
.db-r .db-alert{opacity:0;transform:translateX(-12px)}
.db-card.s-kpi .db-kpi{opacity:1;transform:none}
.db-card.s-kpi .db-kpi:nth-child(2){transition-delay:.12s}.db-card.s-kpi .db-kpi:nth-child(3){transition-delay:.24s}.db-card.s-kpi .db-kpi:nth-child(4){transition-delay:.36s}
.db-card.s-trend .db-line{stroke-dashoffset:0}.db-card.s-trend .db-area{opacity:1;transition-delay:.5s}.db-card.s-trend .db-prev{opacity:.7}.db-card.s-trend .db-dot{opacity:1}
.db-card.s-bars .db-bar i{height:var(--h)}
.db-card.s-bars .db-bar:nth-child(2) i{transition-delay:.1s}.db-card.s-bars .db-bar:nth-child(3) i{transition-delay:.2s}.db-card.s-bars .db-bar:nth-child(4) i{transition-delay:.3s}
.db-card.s-ai .db-ai{opacity:1;transform:none}
.db-card.s-alert .db-alert{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.db-stars::before,.db-stars::after,.db-visual{animation:none!important}}
@media (max-width:1023px){.db-visual{max-width:480px;margin:0 auto}}
@media (max-width:520px){
  .db-kpis{grid-template-columns:repeat(2,1fr)}
  .db-panel{padding:9px 9px 8px}
}
@media (prefers-reduced-motion:reduce){
  .db-alert i,.db-ai p.typing::after{animation:none}
  .db-kpi,.db-panel,.db-ai,.db-alert,.db-line,.db-bar i,.db-body{transition:none}
}