.home-hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;padding:8rem 0 3rem;background:#0a0a0c;overflow:hidden}.home-hero .hero-content{position:relative;z-index:5;max-width:900px;padding:0 2rem}.home-hero .hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.2rem .5rem .65rem;background:#e8611a0f;border:1px solid rgba(232,97,26,.12);border-radius:9999px;font-size:.78rem;font-weight:700;color:#f07b2d;margin-bottom:2.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.home-hero .hero-badge .pulse{width:8px;height:8px;background:#e8611a;border-radius:50%;position:relative}.home-hero .hero-badge .pulse:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid #E8611A;animation:pulse-ring 2s ease-out infinite}.home-hero h1{font-size:clamp(2.4rem,5vw,4rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:1.75rem;color:#f0ede8}.home-hero .hero-sub{font-size:1.25rem;color:#9a978f;line-height:1.75;max-width:720px;margin:0 auto 3rem}.home-hero .hero-sub p{margin:0}.home-hero .hero-actions{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:5rem}.home-hero .hero-visual{position:relative;z-index:5;width:100%;max-width:1000px;padding:0 2rem}.browser-frame{background:#111114;border-radius:28px;overflow:hidden;box-shadow:0 0 0 1px #ffffff0a,0 40px 100px #0009,0 0 80px #e8611a0f;position:relative}.browser-frame .browser-bar{display:flex;align-items:center;gap:6px;padding:.85rem 1.2rem;background:#18181d;border-bottom:1px solid rgba(255,255,255,.04)}.browser-frame .browser-bar .dot{width:11px;height:11px;border-radius:50%}.browser-frame .browser-bar .dot.r{background:#ff5f57}.browser-frame .browser-bar .dot.y{background:#ffbd2e}.browser-frame .browser-bar .dot.g{background:#28c840}.browser-frame .browser-bar .url{flex:1;margin-left:.75rem;padding:.4rem 1rem;background:#ffffff0a;border-radius:6px;font-size:.75rem;color:#5e5c56;border:1px solid rgba(255,255,255,.04)}.browser-frame .browser-body{padding:1.5rem;min-height:340px;background:#111114}.dash-mock{display:grid;grid-template-columns:180px 1fr;gap:1rem;height:310px}.dash-mock .dash-sidebar{background:#18181d;border-radius:20px;padding:1.25rem 1rem;border:1px solid rgba(255,255,255,.03)}.dash-mock .dash-sidebar .dash-logo{height:10px;width:60%;background:#ffffff14;border-radius:5px;margin-bottom:1.5rem}.dash-mock .dash-sidebar .dash-nav-item{height:32px;border-radius:6px;margin-bottom:4px;padding:0 .75rem;display:flex;align-items:center}.dash-mock .dash-sidebar .dash-nav-item .icon-mock{width:14px;height:14px;border-radius:4px;background:#ffffff0f;margin-right:8px}.dash-mock .dash-sidebar .dash-nav-item .text-mock{height:6px;border-radius:3px;background:#ffffff0f}.dash-mock .dash-sidebar .dash-nav-item.active{background:#e8611a1a}.dash-mock .dash-sidebar .dash-nav-item.active .icon-mock{background:#e8611a66}.dash-mock .dash-sidebar .dash-nav-item.active .text-mock{background:#e8611a4d}.dash-mock .dash-main{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto 1fr;gap:.75rem}.dash-mock .dash-main .stat-card{background:#18181d;border-radius:12px;padding:1rem;border:1px solid rgba(255,255,255,.03)}.dash-mock .dash-main .stat-card .stat-label{height:6px;width:55%;background:#ffffff0f;border-radius:3px;margin-bottom:.6rem}.dash-mock .dash-main .stat-card .stat-val{height:16px;width:40%;background:#ffffff0a;border-radius:4px}.dash-mock .dash-main .stat-card:nth-child(2) .stat-val{background:#e8611a1f}.dash-mock .dash-main .chart{grid-column:1/-1;background:#18181d;border-radius:12px;padding:1.25rem;border:1px solid rgba(255,255,255,.03);display:flex;align-items:flex-end;gap:5px}.dash-mock .dash-main .chart .bar{flex:1;border-radius:4px 4px 0 0;background:#ffffff0a;transition:height 1s cubic-bezier(.22,1,.36,1);height:0}.dash-mock .dash-main .chart .bar:nth-child(1){--h: 35%}.dash-mock .dash-main .chart .bar:nth-child(2){--h: 55%}.dash-mock .dash-main .chart .bar:nth-child(3){--h: 40%}.dash-mock .dash-main .chart .bar:nth-child(4){--h: 72%}.dash-mock .dash-main .chart .bar:nth-child(5){--h: 48%}.dash-mock .dash-main .chart .bar:nth-child(6){--h: 64%;background:#e8611a1f}.dash-mock .dash-main .chart .bar:nth-child(7){--h: 82%;background:#e8611a33}.dash-mock .dash-main .chart .bar:nth-child(8){--h: 95%;background:linear-gradient(135deg,#e8611a,#c93a1a)}.dash-mock .dash-main .chart .bar:nth-child(9){--h: 70%;background:#e8611a26}.dash-mock .dash-main .chart .bar:nth-child(10){--h: 55%}.dash-mock .dash-main .chart .bar:nth-child(11){--h: 45%}.dash-mock .dash-main .chart .bar:nth-child(12){--h: 62%}.dash-mock .dash-main .chart .bar.animate{height:var(--h)}.hero-floats-desktop{position:static}.hero-floats-mobile{display:none}.hero-float{position:absolute;background:#18181dd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:.85rem 1.2rem;display:flex;align-items:center;gap:.65rem;box-shadow:0 12px 40px #0006;z-index:6;animation:float 6s ease-in-out infinite}.hero-float .float-icon{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.05rem}.hero-float .float-label{font-size:.65rem;color:#5e5c56;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.hero-float .float-value{font-size:1rem;font-weight:800}.hero-float.float-left{left:-30px;top:28%}.hero-float.float-left .float-icon{background:#e8611a1a;color:#e8611a}.hero-float.float-right{right:-20px;top:18%;animation-delay:-2s}.hero-float.float-right .float-icon{background:#28c8401a;color:#28c840}.hero-float.float-right .float-value{color:#28c840}.hero-float.float-bottom{left:8%;bottom:-15px;animation-delay:-4s}.hero-float.float-bottom .float-icon{background:#f2b5311a;color:#f2b531}.page-hero{padding:11rem 0 5rem;text-align:center;position:relative;overflow:hidden;background:#0a0a0c}.page-hero .hero-content{position:relative;z-index:5;max-width:820px;margin:0 auto}.page-hero .hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem 1.1rem .45rem .6rem;background:#e8611a0f;border:1px solid rgba(232,97,26,.12);border-radius:9999px;font-size:.78rem;font-weight:700;color:#f07b2d;margin-bottom:2rem}.page-hero .hero-badge .pulse{width:8px;height:8px;background:#e8611a;border-radius:50%;position:relative}.page-hero .hero-badge .pulse:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid #E8611A;animation:pulse-ring 2s ease-out infinite}.page-hero h1{font-size:clamp(2.4rem,5vw,4rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:1.5rem;color:#f0ede8}.page-hero .hero-sub{font-size:1.2rem;color:#9a978f;line-height:1.75;max-width:700px;margin:0 auto}.page-hero .hero-sub p{margin:0}[data-theme=light] .home-hero,[data-theme=light] .page-hero{background:linear-gradient(180deg,#ede9e3,#f5f2ee);color:#1a1a2e}[data-theme=light] .home-hero h1,[data-theme=light] .page-hero h1{color:#1a1a2e}[data-theme=light] .home-hero .hero-sub,[data-theme=light] .page-hero .hero-sub{color:#555568}[data-theme=light] .home-hero .hero-badge,[data-theme=light] .page-hero .hero-badge{color:#e8611a;background:#e8611a0f;border-color:#e8611a26;box-shadow:0 2px 12px #e8611a14}[data-theme=light] .browser-frame{background:#fff;box-shadow:0 40px 100px #0000001f,0 0 0 1px #0000000f,0 0 60px #e8611a0a}[data-theme=light] .browser-frame .browser-bar{background:#f7f7fa;border-bottom-color:#ebebf0}[data-theme=light] .browser-frame .browser-bar .url{background:#fff;border-color:#d2d2db;color:#8a8a9c}[data-theme=light] .browser-frame .browser-body{background:#fff}[data-theme=light] .dash-mock .dash-sidebar{background:#f7f7fa;border-color:#ebebf0}[data-theme=light] .dash-mock .dash-sidebar .dash-logo,[data-theme=light] .dash-mock .dash-sidebar .dash-nav-item .icon-mock,[data-theme=light] .dash-mock .dash-sidebar .dash-nav-item .text-mock{background:#0000000f}[data-theme=light] .dash-mock .dash-sidebar .dash-nav-item.active{background:#e8611a14}[data-theme=light] .dash-mock .dash-sidebar .dash-nav-item.active .icon-mock{background:#e8611a4d}[data-theme=light] .dash-mock .dash-sidebar .dash-nav-item.active .text-mock{background:#e8611a33}[data-theme=light] .dash-mock .dash-main .stat-card{background:#f7f7fa;border-color:#ebebf0}[data-theme=light] .dash-mock .dash-main .stat-card .stat-label{background:#0000000f}[data-theme=light] .dash-mock .dash-main .stat-card .stat-val{background:#0000000a}[data-theme=light] .dash-mock .dash-main .stat-card:nth-child(2) .stat-val{background:#e8611a1f}[data-theme=light] .dash-mock .dash-main .chart{background:#f7f7fa;border-color:#ebebf0}[data-theme=light] .dash-mock .dash-main .chart .bar{background:#0000000f}[data-theme=light] .dash-mock .dash-main .chart .bar:nth-child(6){background:#e8611a26}[data-theme=light] .dash-mock .dash-main .chart .bar:nth-child(7){background:#e8611a40}[data-theme=light] .dash-mock .dash-main .chart .bar:nth-child(8){background:linear-gradient(135deg,#e8611a,#c93a1a)}[data-theme=light] .dash-mock .dash-main .chart .bar:nth-child(9){background:#e8611a2e}[data-theme=light] .hero-float{background:#fff;border-color:#0000000f;box-shadow:0 12px 40px #00000014,0 0 0 1px #00000008}[data-theme=light] .hero-float .float-label{color:#8a8a9c}[data-theme=light] .hero-float .float-value{color:#1a1a2e}@media(max-width:768px){.home-hero{min-height:auto;padding:7rem 0 2.5rem}.home-hero h1{font-size:2.2rem}.home-hero .hero-sub{font-size:1rem;margin-bottom:2rem}.home-hero .hero-badge{font-size:.72rem;margin-bottom:1.5rem}.home-hero .hero-actions{flex-direction:column;width:100%}.home-hero .hero-actions .btn{width:100%;justify-content:center}.home-hero .hero-visual{padding:0 .25rem}.home-hero .hero-floats-desktop{display:none}.home-hero .hero-floats-mobile{display:flex;gap:.5rem;margin-top:1rem;justify-content:center;flex-wrap:wrap}.page-hero{padding:7.5rem 0 2.5rem}.page-hero h1{font-size:2rem}.page-hero .hero-sub{font-size:.95rem}.browser-frame .browser-bar .url{font-size:.65rem}.browser-frame .browser-body{min-height:180px;padding:.75rem}.dash-mock{grid-template-columns:1fr;height:auto}.dash-mock .dash-sidebar{display:none}.dash-mock .dash-main{grid-template-columns:repeat(3,1fr);gap:.5rem}.dash-mock .dash-main .stat-card{padding:.6rem}.dash-mock .dash-main .stat-card .stat-label{margin-bottom:.35rem}.dash-mock .dash-main .stat-card .stat-val{height:12px}.dash-mock .dash-main .chart{padding:.75rem;gap:3px;min-height:100px}.hero-floats-mobile .hero-float{position:relative;left:auto;right:auto;top:auto;bottom:auto;animation:none;box-shadow:0 8px 24px #00000040;padding:.65rem 1rem}.hero-floats-mobile .hero-float .float-icon{width:32px;height:32px;font-size:.9rem}.hero-floats-mobile .hero-float .float-label{font-size:.6rem}.hero-floats-mobile .hero-float .float-value{font-size:.85rem}}@media(max-width:420px){.home-hero h1{font-size:1.8rem}.page-hero h1{font-size:1.7rem}}