*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#07070a;--s1:#ffffff05;--s2:#ffffff0a;--s3:#fff1;--b1:#ffffff0a;--b2:#ffffff12;--b3:#ffffff1c;--t1:#f0f0f5;--t2:#ffffff94;--t3:#ffffff52;--violet:#818cf8;--violet-bright:#a5b4fc;--violet-soft:#818cf814;--violet-border:#818cf82e;--teal:#5eead4;--teal-soft:#5eead414;--teal-border:#5eead426;--green:#4ade80;--green-soft:#4ade801a;--green-border:#4ade8026;--red:#f87171;--amber:#fbbf24;--fd:"Outfit",sans-serif;--fb:"DM Sans",sans-serif}html{scroll-behavior:smooth}body{font-family:var(--fb);background:var(--bg);color:var(--t1);-webkit-font-smoothing:antialiased;overflow-x:hidden}.ambience{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.ambience .g1{filter:blur(80px);background:radial-gradient(#818cf812 0%,#0000 60%);width:1000px;height:600px;position:absolute;top:-200px;left:50%;transform:translate(-60%)}.ambience .g2{filter:blur(100px);background:radial-gradient(#5eead40a 0%,#0000 60%);width:700px;height:500px;position:absolute;top:200px;right:-100px}.ambience .g3{filter:blur(120px);background:radial-gradient(#818cf808 0%,#0000 65%);width:500px;height:400px;position:absolute;bottom:15%;left:5%}.wrap{z-index:1;position:relative}.container{max-width:1120px;margin:0 auto;padding:0 24px}.grad{background:linear-gradient(135deg,var(--violet-bright),var(--teal));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--violet-bright);margin-bottom:12px;font-size:11px;font-weight:600}.glass{background:var(--s1);border:1px solid var(--b1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;position:relative;overflow:hidden}.glass:before{content:"";background:linear-gradient(90deg,#0000,#ffffff0f,#0000);height:1px;position:absolute;top:0;left:0;right:0}@keyframes up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.anim{animation:.6s backwards up}.d1{animation-delay:50ms}.d2{animation-delay:.1s}.d3{animation-delay:.2s}.d4{animation-delay:.3s}.d5{animation-delay:.4s}.btn{font-size:13px;font-weight:600;font-family:var(--fb);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:9px 22px;text-decoration:none;transition:all .25s;display:inline-flex}.btn-primary{background:var(--violet);color:#0a0a14;box-shadow:0 0 40px #818cf826}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 50px #818cf840}.btn-ghost{background:var(--s2);border:1px solid var(--b2);color:var(--t1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.btn-ghost:hover{background:var(--s3);border-color:var(--b3)}.btn-lg{border-radius:12px;padding:14px 32px;font-size:15px}@media (width<=900px){.features-grid,.showcase-grid{grid-template-columns:1fr!important}.pricing-grid{grid-template-columns:1fr!important;max-width:380px!important}.footer-grid{grid-template-columns:1fr 1fr!important;gap:32px!important}.preview-layout{grid-template-columns:1fr!important}.mock-sidebar,.nav-mid{display:none!important}}@media (width<=600px){.hero h1{font-size:36px!important}.hero-btns{flex-direction:column!important;align-items:center!important}.btn-lg{width:100%;max-width:300px}.footer-grid{grid-template-columns:1fr!important}.cta-box{padding:48px 24px!important}.footer-bottom{text-align:center;gap:12px;flex-direction:column!important}}