:root{--color-brand-500:#3b82f6;--color-brand-600:#2563eb;--color-brand-glow:#3b82f666;--color-dark-900:#050505;--color-dark-800:#0a0a0a;--color-dark-card:#14141480;--color-text-main:#fff;--color-text-muted:#a1a1aa;--color-border:#ffffff14}body{margin:0;overflow-x:hidden;background-color:var(--color-dark-900)!important;color:var(--color-text-main)!important;font-family:Inter,sans-serif!important}a{text-decoration:none}*{box-sizing:border-box}.hero-premium{text-align:center;justify-content:center;align-items:center;min-height:100vh;padding:10rem 2rem 6rem;display:flex;position:relative}.hero-premium:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#3b82f626 0%,#8b5cf61a 30%,#0000 70%);width:80vw;height:80vw;position:absolute;top:-10%;left:50%;transform:translate(-50%)}.hero-premium-content{z-index:2;max-width:1000px;margin:0 auto;position:relative}.pill-badge{border:1px solid var(--color-border);color:#e4e4e7;backdrop-filter:blur(10px);background:#ffffff08;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;animation:.8s ease-out fadeDown;display:inline-flex}.pill-badge .highlight{color:var(--color-brand-500);font-weight:600}.hero-premium h1{letter-spacing:-.04em;color:#fff;margin-bottom:1.5rem;font-family:Outfit,sans-serif;font-size:clamp(3rem,6vw,5.5rem);font-weight:800;line-height:1.05;animation:1s ease-out .2s both fadeUp}.text-gradient{background:linear-gradient(135deg,#fff 0%,#a1a1aa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-accent{background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 40px #3b82f64d;-webkit-background-clip:text}.hero-premium p{color:var(--color-text-muted);max-width:680px;margin:0 auto 3rem;font-size:clamp(1.125rem,2vw,1.35rem);line-height:1.6;animation:1s ease-out .4s both fadeUp}.hero-actions{justify-content:center;align-items:center;gap:1rem;animation:1s ease-out .6s both fadeUp;display:flex}.btn-primary-glow{background:linear-gradient(135deg, var(--color-brand-500) 0%, var(--color-brand-600) 100%);color:#fff;box-shadow:0 0 24px var(--color-brand-glow);border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:.75rem;padding:1.1rem 2.5rem;font-size:1.125rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary-glow:hover{background:linear-gradient(135deg, #60a5fa 0%, var(--color-brand-500) 100%);transform:translateY(-2px);box-shadow:0 0 32px #3b82f699}.btn-secondary-glass{color:#fff;border:1px solid var(--color-border);backdrop-filter:blur(10px);background:#ffffff08;border-radius:14px;align-items:center;padding:1.1rem 2.5rem;font-size:1.125rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-secondary-glass:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.dashboard-preview{perspective:1000px;margin-top:6rem;animation:1.2s ease-out .8s both fadeUp}.mockup-window{background:#0a0a0a;border:1px solid #ffffff1a;border-radius:20px;max-width:1000px;margin:0 auto;transition:transform .6s cubic-bezier(.16,1,.3,1);overflow:hidden;transform:rotateX(5deg)scale(.98);box-shadow:0 30px 60px #000c,inset 0 0 0 1px #ffffff0d}.dashboard-preview:hover .mockup-window{transform:rotateX(0)scale(1)}.mockup-header{border-bottom:1px solid var(--color-border);background:#111;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.dots-group{gap:.5rem;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.mockup-address-bar{color:#888;text-align:center;border:1px solid var(--color-border);background:#000;border-radius:8px;flex:1;padding:.4rem 1rem;font-family:monospace;font-size:.85rem}.mockup-body{background:#050505;height:400px;display:flex}.mockup-sidebar{border-right:1px solid var(--color-border);background:#0a0a0a;width:240px;padding:1.5rem}.sidebar-item{color:var(--color-text-muted);border-radius:8px;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.75rem 1rem;font-size:.9rem;font-weight:500;display:flex}.sidebar-item.active{color:#60a5fa;background:#3b82f61a}.mockup-content{background:radial-gradient(circle at 0 0,#ffffff05 0%,#0000 100%);flex:1;padding:2rem}.mockup-top-metrics{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem;display:grid}.metric-card{border:1px solid var(--color-border);background:#ffffff08;border-radius:12px;flex-direction:column;padding:1.5rem;display:flex}.metric-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-size:.85rem}.metric-value{color:#fff;margin-bottom:.5rem;font-size:2rem;font-weight:700}.metric-change{color:#10b981;font-size:.85rem}.mockup-order-preview{border:1px solid var(--color-border);background:#ffffff08;border-radius:12px;padding:1.5rem}.order-preview-header{color:var(--color-text-muted);justify-content:space-between;margin-bottom:1rem;font-size:.85rem;display:flex}.order-tag{color:#fff;font-weight:600}.order-preview-item{justify-content:space-between;align-items:center;display:flex}.order-item-details strong{color:#fff;margin-bottom:.25rem;font-size:1.05rem;display:block}.order-item-details span{color:var(--color-text-muted);font-size:.9rem}.order-price{color:#fff;font-size:1.25rem;font-weight:700}.features-premium{background:var(--color-dark-800);border-top:1px solid var(--color-border);padding:8rem 2rem}.container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:5rem}.section-header .badge{color:var(--color-brand-500);text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem;font-size:.85rem;font-weight:600;display:block}.section-header h2{color:#fff;margin-bottom:1.5rem;font-size:clamp(2.5rem,4vw,3.5rem);font-weight:800}.section-header p{color:var(--color-text-muted);max-width:600px;margin:0 auto;font-size:1.25rem;line-height:1.6}.features-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;display:grid}.feature-card-premium{background:var(--color-dark-card);border:1px solid var(--color-border);backdrop-filter:blur(20px);border-radius:20px;padding:3rem 2.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.feature-card-premium:hover{background:#1e1e1e99;border-color:#ffffff26;transform:translateY(-10px);box-shadow:0 20px 40px #0009}.feature-icon{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f633;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:2rem;transition:transform .3s;display:flex}.feature-card-premium:hover .feature-icon{background:#3b82f633;transform:scale(1.1)}.feature-card-premium h3{color:#fff;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.feature-card-premium p{color:var(--color-text-muted);margin:0;font-size:1.05rem;line-height:1.6}.demos-premium{background:var(--color-dark-900);padding:8rem 2rem}.demos-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;display:grid}.demo-card{border:1px solid var(--color-border);background:var(--color-dark-800);border-radius:20px;transition:all .4s;display:block;overflow:hidden}.demo-card:hover{border-color:#fff3;transform:translateY(-8px);box-shadow:0 20px 40px #00000080}.demo-img-wrapper{height:240px;position:relative;overflow:hidden}.demo-img-wrapper img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .6s}.demo-card:hover .demo-img-wrapper img{transform:scale(1.05)}.demo-content{padding:2rem}.demo-content h3{color:#fff;justify-content:space-between;align-items:center;margin:0 0 .5rem;font-size:1.35rem;display:flex}.demo-content p{color:var(--color-text-muted);margin:0;font-size:.95rem;line-height:1.5}.demo-arrow{color:var(--color-brand-500);transition:transform .3s}.demo-card:hover .demo-arrow{transform:translate(5px)}.cta-premium{background:linear-gradient(180deg, var(--color-dark-900) 0%, #000 100%);border-top:1px solid var(--color-border);padding:8rem 2rem}.cta-box{text-align:center;border:1px solid var(--color-border);background:radial-gradient(at top,#3b82f626 0%,#0000 60%),#14141480;border-radius:32px;max-width:900px;margin:0 auto;padding:5rem 3rem;position:relative;overflow:hidden}.cta-box h2{color:#fff;letter-spacing:-.03em;margin-bottom:1.5rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:800}.cta-box p{color:var(--color-text-muted);max-width:600px;margin:0 auto 3rem;font-size:1.25rem;line-height:1.6}.cta-actions{justify-content:center;gap:1rem;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.hero-actions,.cta-actions{flex-direction:column;width:100%}.hero-actions a,.cta-actions a{justify-content:center;width:100%}.mockup-body{flex-direction:column;height:auto}.mockup-sidebar{border-right:none;border-bottom:1px solid var(--color-border);width:100%}.mockup-top-metrics{grid-template-columns:1fr}}