@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--ink:#211432;--muted:#71667e;--purple:#7c3aed;--purple-dark:#5420ad;--soft:#f7f3ff;--gold:#f3b544}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'DM Sans',sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}.landing-nav{background:#ffffffdc;backdrop-filter:blur(16px);border-bottom:1px solid #eee8f6}.navbar-brand{font-family:'Manrope',sans-serif;color:var(--ink)!important}.brand-icon{width:39px;height:39px;display:grid;place-items:center;color:#fff;border-radius:13px;background:linear-gradient(135deg,#a78bfa,var(--purple));box-shadow:0 8px 20px #7c3aed50}.nav-link{color:#62576d;font-weight:600;font-size:.9rem}.nav-link:hover{color:var(--purple)}.btn-purple{color:#fff!important;background:linear-gradient(100deg,var(--purple),#9333ea);border:0;box-shadow:0 9px 22px #7c3aed32}.btn-purple:hover{background:linear-gradient(100deg,#6d28d9,#7e22ce);transform:translateY(-1px)}.hero-landing{min-height:800px;padding:150px 0 90px;position:relative;background:radial-gradient(circle at 12% 15%,#ede9fe 0,transparent 30%),radial-gradient(circle at 88% 30%,#fae8ff 0,transparent 27%),linear-gradient(180deg,#fcfaff,#fff)}.hero-landing:after{content:'';position:absolute;inset:auto 0 0;height:130px;background:linear-gradient(transparent,#fff)}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;color:var(--purple-dark);background:#ede9fe;border:1px solid #ddd0fa;border-radius:99px;font-size:.77rem;font-weight:700}.display-title{font-family:'Manrope',sans-serif;font-size:clamp(2.7rem,6vw,5.2rem);font-weight:800;line-height:1.02;letter-spacing:-.055em}.gradient-text{background:linear-gradient(100deg,var(--purple),#d946ef);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy{font-size:1.12rem;line-height:1.75;color:var(--muted);max-width:620px}.trust-row{display:flex;align-items:center;gap:15px;color:var(--muted);font-size:.82rem}.avatars{display:flex}.avatars span{width:31px;height:31px;display:grid;place-items:center;margin-left:-7px;border-radius:50%;color:#fff;border:2px solid #fff;font-size:.65rem;background:linear-gradient(135deg,#a78bfa,#6d28d9)}.avatars span:first-child{margin-left:0}.phone-stage{position:relative;min-height:550px}.phone{position:absolute;width:265px;height:530px;padding:9px;background:#17121e;border:1px solid #3b3046;border-radius:39px;box-shadow:0 35px 70px #35125030;overflow:hidden}.phone-main{left:50%;top:0;transform:translateX(-42%) rotate(4deg);z-index:2}.phone-back{left:6%;top:65px;transform:rotate(-10deg) scale(.85);opacity:.78}.phone-screen{height:100%;border-radius:31px;overflow:hidden;position:relative;color:#fff;text-align:center;background:linear-gradient(#180a26a3,#180a26db),url('https://images.unsplash.com/photo-1519741497674-611481863552?w=700') center/cover}.phone-screen.alt{background:linear-gradient(#4a152097,#361221db),url('https://images.unsplash.com/photo-1511285560929-80b456fea0bc?w=700') center/cover}.phone-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px}.phone-script{font-family:Georgia,serif;font-size:2.3rem;font-style:italic}.floating-note{position:absolute;z-index:3;padding:12px 15px;border:1px solid #eee6f5;border-radius:15px;background:#ffff;box-shadow:0 14px 35px #3a175b18;font-size:.75rem;font-weight:700}.note-one{right:-10px;top:105px}.note-two{left:-10px;bottom:90px}.section-pad{padding:100px 0}.section-label{color:var(--purple);font-size:.76rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.section-heading{font-family:'Manrope',sans-serif;font-size:clamp(2rem,4vw,3.1rem);font-weight:800;letter-spacing:-.045em}.section-copy{color:var(--muted);line-height:1.75}.category-card{height:100%;padding:23px;border:1px solid #eee9f3;border-radius:20px;background:#fff;transition:.25s}.category-card:hover{transform:translateY(-5px);border-color:#d9c9f4;box-shadow:0 18px 40px #3a175b12}.category-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;font-size:1.15rem;background:color-mix(in srgb,var(--category) 12%,#fff);color:var(--category)}.template-card{position:relative;height:380px;border-radius:24px;overflow:hidden;background:#eee;box-shadow:0 15px 40px #2913331c}.template-card img{width:100%;height:100%;object-fit:cover;transition:.4s}.template-card:hover img{transform:scale(1.05)}.template-overlay{position:absolute;inset:auto 0 0;padding:50px 20px 20px;color:#fff;background:linear-gradient(transparent,#180b25df)}.feature-card{height:100%;padding:26px;border-radius:20px;background:var(--soft)}.feature-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(135deg,#a78bfa,#7c3aed)}.step-number{font-family:'Manrope';font-size:3.2rem;font-weight:800;color:#e4d9f8}.price-card{height:100%;padding:34px;border:1px solid #e9e2f0;border-radius:26px;background:#fff}.price-card.featured{color:#fff;border:0;background:linear-gradient(145deg,#2b1646,#6d28d9);box-shadow:0 25px 55px #5b21b63d;transform:translateY(-10px)}.price{font-family:'Manrope';font-size:2.5rem;font-weight:800}.check-list{list-style:none;padding:0;margin:24px 0}.check-list li{margin:12px 0}.check-list i{color:#22c55e;margin-right:8px}.testimonial{height:100%;padding:28px;border:1px solid #eee7f4;border-radius:22px}.stars{color:var(--gold)}.faq .accordion-item{border:0;border-bottom:1px solid #ece6f2}.faq .accordion-button{padding:22px 4px;font-weight:700;background:#fff;box-shadow:none}.faq .accordion-button:not(.collapsed){color:var(--purple)}.cta-box{padding:70px;border-radius:32px;color:#fff;background:radial-gradient(circle at 80% 20%,#a855f7,transparent 30%),linear-gradient(135deg,#31134f,#6d28d9);position:relative;overflow:hidden}.footer{padding:65px 0 25px;color:#bdb1c9;background:#170d25}.footer a{color:#bdb1c9;text-decoration:none}.footer a:hover{color:#fff}@media(max-width:991px){.hero-landing{padding-top:120px}.phone-stage{margin-top:55px}.phone-main{left:55%}.phone-back{left:20%}.price-card.featured{transform:none}}@media(max-width:575px){.hero-landing{padding-top:105px}.phone-stage{min-height:450px}.phone{width:215px;height:430px}.phone-back{left:-5%}.phone-main{left:57%}.floating-note{display:none}.section-pad{padding:72px 0}.cta-box{padding:42px 24px}.display-title{font-size:2.7rem}}
