body{display:block !important;padding:0 !important;margin:0 !important;background-color:#05050a !important;color:#f1f1f3 !important;font-family:'Inter',sans-serif;overflow-x:hidden;line-height:1.6}body::before{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:0}.landing-container{max-width:1100px;margin:0 auto;padding:0 2rem;display:flex;flex-direction:column;gap:7rem;position:relative;z-index:1}.blob{position:fixed;border-radius:50%;filter:blur(130px);pointer-events:none;z-index:0;opacity:0.15}.blob-1{width:600px;height:600px;background:#6366f1;top:-200px;left:-200px;animation:blobMove1 20s ease-in-out infinite}.blob-2{width:500px;height:500px;background:#a855f7;bottom:-150px;right:-150px;animation:blobMove2 25s ease-in-out infinite}.blob-3{width:400px;height:400px;background:#06b6d4;top:50%;left:50%;transform:translate(-50%,-50%);animation:blobMove3 18s ease-in-out infinite}@keyframes blobMove1{0%,100%{transform:translate(0,0)}50%{transform:translate(60px,40px)}}@keyframes blobMove2{0%,100%{transform:translate(0,0)}50%{transform:translate(-40px,60px)}}@keyframes blobMove3{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-45%,-55%)}}nav{position:sticky;top:0;z-index:100;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgba(5,5,10,0.7);border-bottom:1px solid rgba(255,255,255,0.07)}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 2rem;max-width:1100px;margin:0 auto}.nav-logo{font-size:1.5rem;font-weight:800;text-decoration:none;color:#f1f1f3;display:flex;align-items:center;gap:0.5rem;letter-spacing:-0.5px}.logo-dot{color:#6366f1}.nav-links{display:flex;gap:2.5rem}.nav-links a{color:#8b8d9a;text-decoration:none;font-size:0.95rem;font-weight:500;transition:color 0.25s}.nav-links a:hover{color:#f1f1f3}.nav-cta{background:#6366f1;color:white;text-decoration:none;padding:0.6rem 1.4rem;border-radius:30px;font-weight:600;font-size:0.9rem;transition:transform 0.25s,box-shadow 0.25s,background 0.25s}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(99,102,241,0.4);background:#7c7fff}.hero{display:grid;grid-template-columns:1.2fr 0.8fr;gap:4rem;align-items:center;padding:5rem 0}.hero-text{display:flex;flex-direction:column;align-items:flex-start}.hero-badge{display:inline-flex;align-items:center;gap:0.5rem;background:rgba(99,102,241,0.12);border:1px solid rgba(99,102,241,0.3);color:#a5b4fc;padding:0.4rem 1rem;border-radius:30px;font-size:0.825rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:1.8rem}.badge-dot{width:6px;height:6px;background:#a5b4fc;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.4;transform:scale(0.8)}}.hero-title{font-size:clamp(2.8rem,5vw,4rem);font-weight:900;line-height:1.1;letter-spacing:-2px;margin-bottom:1.5rem}.gradient-text{background:linear-gradient(135deg,#fff 0%,#6366f1 50%,#a855f7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{color:#8b8d9a;font-size:1.15rem;line-height:1.7;margin-bottom:2.5rem;max-width:520px}.hero-actions{display:flex;gap:1.2rem;align-items:center;flex-wrap:wrap}.btn-main{background:linear-gradient(135deg,#6366f1,#a855f7);color:white;text-decoration:none;padding:0.9rem 2.2rem;border-radius:50px;font-weight:700;font-size:0.95rem;display:inline-flex;align-items:center;gap:0.6rem;transition:transform 0.25s,box-shadow 0.25s;box-shadow:0 4px 20px rgba(99,102,241,0.35)}.btn-main:hover{transform:translateY(-2px);box-shadow:0 10px 32px rgba(99,102,241,0.5)}.btn-outline{background:transparent;color:#f1f1f3;text-decoration:none;padding:0.9rem 2.2rem;border-radius:50px;font-weight:600;font-size:0.95rem;border:1px solid rgba(255,255,255,0.08);display:inline-flex;align-items:center;gap:0.6rem;transition:background 0.25s,border-color 0.25s}.btn-outline:hover{background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.15)}.hero-social-proof{margin-top:2.5rem;display:flex;align-items:center;gap:0.75rem;color:#8b8d9a;font-size:0.875rem}.avatars{display:flex}.avatars span{width:30px;height:30px;border-radius:50%;border:2px solid #05050a;background:linear-gradient(135deg,#6366f1,#a855f7);display:flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:700;color:white;margin-left:-8px}.avatars span:first-child{margin-left:0}.hero-visual{display:flex;justify-content:center;position:relative;perspective:1000px}.phone-wrap{position:relative;animation:heroFloat 6s ease-in-out infinite}@keyframes heroFloat{0%,100%{transform:rotateY(-8deg) rotateX(4deg) translateY(0)}50%{transform:rotateY(-8deg) rotateX(4deg) translateY(-16px)}}.phone-mock{width:250px;background:#0d0d18;border:1px solid rgba(255,255,255,0.12);border-radius:36px;padding:1.2rem;box-shadow:-24px 32px 64px rgba(0,0,0,0.6),0 0 0 1px rgba(255,255,255,0.04),inset 0 1px 0 rgba(255,255,255,0.08)}.phone-notch{width:80px;height:8px;background:rgba(255,255,255,0.08);border-radius:4px;margin:0 auto 1.2rem}.phone-profile{text-align:center;margin-bottom:1.2rem}.phone-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#a855f7);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.3rem;margin:0 auto 0.6rem;color:white}.phone-name{font-weight:700;font-size:0.95rem}.phone-bio{font-size:0.75rem;color:#8b8d9a;margin-top:3px}.phone-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pt{border-radius:16px;padding:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;text-align:center;transition:transform 0.2s}.pt.span2{grid-column:span 2}.pt.h2{min-height:85px}.pt.h1{min-height:55px}.pt-yt{background:rgba(255,0,0,0.15);border:1px solid rgba(255,0,0,0.25)}.pt-sp{background:rgba(30,215,96,0.1);border:1px solid rgba(30,215,96,0.25)}.pt-ig{background:rgba(225,48,108,0.12);border:1px solid rgba(225,48,108,0.25)}.pt-lk{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.12)}.pt-pdf{background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.25)}.pt-tx{background:rgba(99,102,241,0.08);border:1px solid rgba(99,102,241,0.18)}.pt i{font-size:1.4rem}.pt-yt i{color:#FF0000}.pt-sp i{color:#1DB954}.pt-ig i{color:#E1306C}.pt-pdf i{color:#ef4444}.pt-lk i{color:rgba(255,255,255,0.6)}.pt-label{font-size:0.65rem;font-weight:600;color:#8b8d9a}.section-label{text-align:center;color:#6366f1;font-size:0.85rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:0.8rem}.section-title{text-align:center;font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-1.2px;margin-bottom:1rem;line-height:1.2}.section-sub{text-align:center;color:#8b8d9a;font-size:1.05rem;max-width:550px;margin:0 auto 3.5rem}.widgets-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;max-width:960px;margin:0 auto}.widget-card{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:20px;padding:1.6rem;display:flex;flex-direction:column;gap:0.8rem;transition:transform 0.25s,border-color 0.25s,box-shadow 0.25s;position:relative;overflow:hidden}.widget-card:hover{transform:translateY(-4px);border-color:rgba(99,102,241,0.3);box-shadow:0 16px 40px rgba(0,0,0,0.35)}.widget-card.span2{grid-column:span 2}.widget-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.08),transparent)}.wc-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.35rem}.wc-header{display:flex;justify-content:space-between;align-items:flex-start}.wc-badge{display:inline-block;font-size:0.65rem;font-weight:700;padding:3px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:0.5px}.badge-free{background:rgba(16,185,129,0.12);color:#10b981;border:1px solid rgba(16,185,129,0.2)}.badge-pro{background:rgba(168,85,247,0.12);color:#a855f7;border:1px solid rgba(168,85,247,0.2)}.wc-name{font-weight:700;font-size:1rem}.wc-desc{color:#8b8d9a;font-size:0.85rem;line-height:1.5}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:1rem}.how-card{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);border-radius:20px;padding:2.2rem;position:relative}.how-num{font-size:3.2rem;font-weight:900;line-height:1;background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.2rem}.how-title{font-weight:700;font-size:1.15rem;margin-bottom:0.6rem}.how-desc{color:#8b8d9a;font-size:0.9rem;line-height:1.6}.features-big{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:1.5rem}.feature-big{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);border-radius:20px;padding:2.2rem;display:flex;gap:1.5rem;align-items:flex-start;transition:transform 0.25s,border-color 0.25s}.feature-big:hover{transform:translateY(-3px);border-color:rgba(255,255,255,0.12)}.feat-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;background:rgba(99,102,241,0.08);border:1px solid rgba(99,102,241,0.18)}.feat-title{font-weight:700;font-size:1.1rem;margin-bottom:0.5rem}.feat-desc{color:#8b8d9a;font-size:0.9rem;line-height:1.6}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;max-width:1000px;margin:1rem auto 0}.price-card{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);border-radius:24px;padding:2.8rem;display:flex;flex-direction:column;gap:1.6rem;position:relative;overflow:hidden}.price-card.featured{border-color:rgba(99,102,241,0.4);background:linear-gradient(160deg,rgba(99,102,241,0.08) 0%,rgba(168,85,247,0.05) 100%)}.price-card.featured::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6366f1,#a855f7)}.plan-tag{display:inline-flex;align-items:center;gap:0.4rem;font-size:0.75rem;font-weight:700;color:#a5b4fc;text-transform:uppercase;letter-spacing:1px;margin-bottom:0.6rem}.plan-name{font-size:1.8rem;font-weight:800}.plan-price{font-size:3.2rem;font-weight:900;line-height:1}.plan-price span{font-size:0.95rem;color:#8b8d9a;font-weight:400}.plan-desc{color:#8b8d9a;font-size:0.95rem}.plan-features{list-style:none;display:flex;flex-direction:column;gap:0.9rem}.plan-features li{display:flex;align-items:flex-start;gap:0.7rem;font-size:0.925rem;color:#8b8d9a}.plan-features li::before{content:'✓';color:#10b981;font-weight:700;flex-shrink:0;margin-top:1px}.plan-cta{display:block;text-align:center;padding:0.9rem;border-radius:50px;font-weight:700;font-size:0.95rem;text-decoration:none;transition:transform 0.25s,box-shadow 0.25s;margin-top:auto}.plan-cta.main-cta{background:linear-gradient(135deg,#6366f1,#a855f7);color:white;box-shadow:0 4px 20px rgba(99,102,241,0.3)}.plan-cta.main-cta:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(99,102,241,0.5)}.plan-cta.secondary-cta{background:transparent;color:#f1f1f3;border:1px solid rgba(255,255,255,0.08)}.plan-cta.secondary-cta:hover{background:rgba(255,255,255,0.03)}.cta-banner{background:linear-gradient(135deg,rgba(99,102,241,0.15) 0%,rgba(168,85,247,0.1) 100%);border:1px solid rgba(99,102,241,0.25);border-radius:28px;padding:4.5rem 2rem;text-align:center;margin:2rem 0 4rem;position:relative;overflow:hidden}.cta-banner::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,0.5),transparent)}.cta-banner h2{font-size:clamp(2rem,4vw,2.6rem);font-weight:800;letter-spacing:-1px;margin-bottom:1.2rem}.cta-banner p{color:#8b8d9a;font-size:1.05rem;max-width:480px;margin:0 auto 2.2rem}.site-footer{text-align:center;padding:4rem 0;border-top:1px solid rgba(255,255,255,0.06);color:#8b8d9a}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.footer-logo{font-weight:800;font-size:1.15rem;color:#f1f1f3;text-decoration:none}.footer-text{font-size:0.88rem}.footer-links{display:flex;gap:1.8rem}.footer-links a{color:#8b8d9a;text-decoration:none;font-size:0.88rem;transition:color 0.25s}.footer-links a:hover{color:#f1f1f3}.reveal{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease,transform 0.6s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width:900px){.hero{grid-template-columns:1fr;text-align:center;padding-top:2rem}.hero-sub{margin:0 auto 2rem}.hero-actions{justify-content:center}.hero-visual{display:none}.widgets-showcase{grid-template-columns:1fr 1fr}.how-grid{grid-template-columns:1fr}.features-big{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column;text-align:center}}@media (max-width:580px){.widgets-showcase{grid-template-columns:1fr}.widget-card.span2{grid-column:span 1}.nav-links{display:none}.nav-inner{padding:1.2rem 1rem}}