:root{--ink:#1a1534;--purple:#7353ff;--pink:#ff73b5;--yellow:#f8e86a;--mint:#b8f3df;--muted:#625e74;--cream:#fbfaf8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--cream)}h1,h2,h3,h4,.brand{font-family:'Space Grotesk',sans-serif}a{text-decoration:none}button,a{transition:all .2s ease}.skip-link{position:absolute;top:-60px;left:12px;z-index:2000;background:white;padding:10px}.skip-link:focus{top:10px}.announcement{background:#f9e76d;color:#1c1535;font-size:.8rem;font-weight:700;padding:9px}.announcement a{color:#1c1535;text-decoration:underline;text-underline-offset:3px}.announcement span{margin:0 10px}.navbar{background:#17112f;padding:17px 0;box-shadow:0 5px 25px #15112e16}.brand{font-size:1.6rem;font-weight:700;letter-spacing:-1.4px;color:white!important;display:inline-flex;align-items:center;gap:10px}.brand-symbol{display:inline-grid;place-items:center;width:36px;height:36px;background:#f9e76d;color:#21133f;border-radius:12px;font-size:1.45rem;letter-spacing:-3px;transform:rotate(-7deg)}.brand-symbol span,.brand-dot{color:#ff73b5}.brand-dot{margin-left:-10px}.navbar .nav-link{color:#e7e1f7;font-size:.91rem;font-weight:600}.navbar .nav-link:hover,.navbar .nav-link:focus{color:#f9e76d}.btn-nav{background:white;color:#17112f;font-weight:800;border-radius:50px;padding:11px 21px}.btn-nav:hover{background:#f9e76d}.hero{background:#17112f;color:white;position:relative;overflow:hidden;padding:90px 0 0}.hero .container{z-index:2}.hero-orb{position:absolute;border-radius:50%;filter:blur(4px);opacity:.3}.orb-one{height:520px;width:520px;background:#6545df;top:-260px;right:-100px}.orb-two{height:300px;width:300px;background:#eb56b3;bottom:50px;left:-190px}.eyebrow,.section-kicker{font-size:.73rem;font-weight:800;letter-spacing:2.1px}.eyebrow{color:#f7e66d;display:flex;align-items:center;gap:10px;margin-bottom:27px}.eyebrow-pulse{width:9px;height:9px;background:#f8e86a;border-radius:50%;box-shadow:0 0 0 5px #f8e86a25}.hero h1{font-size:clamp(3.4rem,6vw,6.5rem);font-weight:700;line-height:1.05;letter-spacing:-4.5px;margin-bottom:27px}.hero h1 em{color:#f8e86a;font-style:normal}.hero h1 .underlined{position:relative;white-space:nowrap}.hero h1 .underlined:after{content:'';position:absolute;left:2%;bottom:-9px;width:96%;height:9px;border-radius:50%;background:#ff75b6;transform:rotate(-2deg)}.hero-lead{color:#d2cbe7;max-width:530px;line-height:1.8;font-size:1.07rem;margin-bottom:30px}.btn-primary-custom,.btn-outline-custom,.btn-dark-custom{padding:16px 24px;border-radius:50px;font-size:.9rem;font-weight:800}.btn-primary-custom{background:#f8e86a;color:#1b1534}.btn-primary-custom:hover{background:white;transform:translateY(-2px)}.btn-outline-custom{border:1px solid #847b9c;color:white}.btn-outline-custom:hover{border-color:white;color:#1b1534;background:white}.hero-proof{display:flex;align-items:center;gap:17px;margin-top:46px}.proof-avatars{display:flex;padding-left:10px}.proof-avatars span{display:grid;place-items:center;width:38px;height:38px;margin-left:-10px;border:3px solid #17112f;border-radius:50%;background:#ff8ab5;color:#17112f;font-weight:800}.proof-avatars span:nth-child(2){background:#b6f2dd}.proof-avatars span:nth-child(3){background:#f8e86a}.hero-proof p{margin:0;font-size:.84rem}.hero-proof small{color:#bcb3d3}.hero-art{min-height:505px;position:relative;display:flex;align-items:center;justify-content:center}.browser-window{width:100%;max-width:575px;border:8px solid #fff;border-radius:18px;background:#f7f4ff;transform:rotate(-3deg);box-shadow:25px 32px 0 #5b3cc5,0 35px 75px #0005;overflow:hidden}.browser-top{height:38px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 15px;color:#aaa3b8;font-size:.66rem}.browser-dots{display:flex;gap:5px}.browser-dots i{width:8px;height:8px;background:#ff82a4;border-radius:50%}.browser-dots i:nth-child(2){background:#ffdd73}.browser-dots i:nth-child(3){background:#9be4cb}.browser-content{min-height:340px;background:#f8e7f0;padding:22px 25px 28px}.mock-header{display:flex;justify-content:space-between;align-items:center}.mock-logo{font-family:'Space Grotesk';font-weight:700;font-size:1.4rem;color:#271b42}.mock-logo span{color:#ff579c}.mock-links{display:flex;gap:8px}.mock-links i{width:27px;height:4px;background:#bdaab7;border-radius:5px}.mock-menu{background:#271b42;color:white;font-size:.5rem;font-weight:700;border-radius:20px;padding:9px}.mock-body{display:flex;gap:20px;align-items:center;padding-top:36px}.mock-copy{width:55%}.mock-pill{font-size:.53rem;letter-spacing:1px;font-weight:800;color:#ae5689}.mock-copy h2{font-size:clamp(2.8rem,5vw,4.7rem);font-weight:700;line-height:.95;letter-spacing:-3px;margin:13px 0;color:#271b42}.mock-copy h2 span{color:#ff559a}.mock-copy p{color:#6b526c;font-size:.69rem;max-width:160px}.mock-cta{display:inline-block;background:#f8d84e;padding:10px 14px;border-radius:30px;font-size:.58rem;font-weight:800}.mock-visual{width:45%;height:220px;border-radius:110px 110px 15px 15px;background:#9c83f4;position:relative;overflow:hidden}.mock-sun{position:absolute;background:#f8dd6a;width:100px;height:100px;border-radius:50%;right:12px;top:28px}.mock-arch{position:absolute;background:#ff7eaa;width:95px;height:180px;border-radius:80px 80px 0 0;bottom:-20px;left:5px;transform:rotate(18deg)}.mock-flower{position:absolute;font-size:8rem;bottom:-42px;right:-10px;color:#f9e6e8;line-height:1}.float-tag{position:absolute;z-index:3;box-shadow:0 15px 35px #0003;border-radius:14px;padding:13px 18px;font-size:.82rem;font-weight:800;display:flex;align-items:center;gap:9px}.float-tag-top{background:#baf1db;color:#22183b;top:17px;right:-2px;transform:rotate(6deg)}.float-tag-top i{font-size:1.2rem}.float-tag-bottom{background:#fff;color:#201832;bottom:35px;left:-22px;transform:rotate(4deg)}.float-tag-bottom i{color:#7c56ee;font-size:1.6rem}.mini-card{position:absolute;bottom:0;right:0;width:102px;height:175px;border:6px solid white;background:#d6caff;border-radius:16px;transform:rotate(9deg);box-shadow:0 14px 35px #0003;padding:12px}.mini-card-top{height:56px;border-radius:8px;background:linear-gradient(135deg,#ff82b4 50%,#f8e86a 50%)}.mini-card-title,.mini-card-text,.mini-card-button{height:7px;border-radius:10px;background:#7861b0;margin-top:12px}.mini-card-text{width:70%;height:5px;background:#b7a5d6}.mini-card-button{width:60%;height:13px;background:#ff7ab3}.hero-bottom{padding:30px 0;margin-top:50px;border-top:1px solid #ffffff25;color:#b8afcd;font-size:.67rem;font-weight:800;letter-spacing:2px}.hero-bottom i{margin-left:10px}.marquee-strip{background:#f8e86a;overflow:hidden;padding:20px 0}.marquee-content{white-space:nowrap;text-align:center;font-family:'Space Grotesk';font-size:1.03rem;font-weight:700;letter-spacing:1px}.marquee-content span{margin:0 22px;color:#7e51dd}.section-pad{padding:110px 0}.section-kicker{color:#7750e8;margin-bottom:19px}.section-heading{font-size:clamp(2.5rem,4.6vw,4.6rem);line-height:1.1;font-weight:700;letter-spacing:-2.5px}.section-heading span{color:#7c58e9}.section-intro{font-size:1.05rem;line-height:1.8;color:var(--muted);max-width:530px}.feature-card{border-radius:24px;padding:28px;min-height:375px;position:relative;overflow:hidden;display:flex;flex-direction:column}.feature-purple{background:#e8defe}.feature-yellow{background:#f9edb4}.feature-pink{background:#ffdeeb}.feature-blue{background:#d6eff6}.feature-icon{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:#fff9;font-size:1.45rem;color:#231936}.feature-card h3{font-size:1.3rem;font-weight:700;margin-top:auto;position:relative;z-index:1}.feature-card p{font-size:.9rem;line-height:1.65;color:#51485e;max-width:260px;margin-bottom:10px;position:relative;z-index:1}.feature-num{position:absolute;right:24px;bottom:20px;font-size:.7rem;font-weight:800;opacity:.5}.feature-art{height:135px;position:relative;margin-top:18px}.art-shapes span{position:absolute;display:block;border-radius:50%;background:#845af3}.art-shapes span:nth-child(1){width:125px;height:125px;left:40%;top:-3px}.art-shapes span:nth-child(2){width:75px;height:75px;background:#ff82b4;left:22%;top:48px}.art-shapes span:nth-child(3){width:48px;height:48px;background:#f8e86a;left:68%;top:68px}.art-mobile div{width:88px;height:130px;background:#fff;border:6px solid #25183c;border-radius:17px;transform:rotate(-12deg);margin:auto;padding:14px 9px}.art-mobile div span{display:block;background:#9c76e9;height:38px;border-radius:6px;margin-bottom:9px}.art-mobile div span:nth-child(2){height:8px;background:#ff8fb3}.art-mobile div span:nth-child(3){height:8px;width:65%;background:#c9b3ed}.art-shield{display:grid;place-items:center}.art-shield i{font-size:6.5rem;color:#ed70a2;filter:drop-shadow(9px 9px 0 #fff9)}.art-growth{display:flex;justify-content:center;align-items:end;gap:11px;padding-bottom:12px}.art-growth span{width:34px;border-radius:9px 9px 0 0;background:#69c6de;height:40px}.art-growth span:nth-child(2){height:70px;background:#9276ed}.art-growth span:nth-child(3){height:95px;background:#f8ca60}.art-growth span:nth-child(4){height:120px;background:#fa87b4}.process-section{background:#f0ecff}.text-link{display:inline-block;margin-top:14px;color:#5632d7;font-weight:800;border-bottom:2px solid #5632d7;padding-bottom:5px}.text-link i{margin-left:9px}.steps{background:white;border-radius:25px;padding:15px 35px;box-shadow:0 20px 55px #48378112}.step{display:grid;grid-template-columns:60px 1fr 34px;gap:20px;align-items:center;padding:26px 0;border-bottom:1px solid #e9e5ef}.step:last-child{border-bottom:0}.step-number{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#ede6ff;color:#6441dc;font-weight:800}.step h3{font-size:1.13rem;font-weight:700;margin-bottom:5px}.step p{color:#6d6778;font-size:.88rem;line-height:1.6;margin:0}.step>i{font-size:1.5rem;color:#9b86e3}.pricing-section{background:#fff}.pricing-section .section-intro{max-width:550px}.pricing-note{display:inline-block;margin-top:10px;background:#f2ecff;border-radius:40px;padding:8px 16px;color:#6348b4;font-size:.75rem;font-weight:800}.price-card{border:1px solid #e8e4ee;border-radius:26px;padding:35px 29px;height:100%;background:white;position:relative;transition:transform .2s,box-shadow .2s}.price-card:hover{transform:translateY(-5px);box-shadow:0 22px 45px #2d1e5912}.price-card.popular{border:2px solid #7652ec;box-shadow:0 16px 50px #6740df1b}.popular-label{position:absolute;top:-18px;left:50%;transform:translateX(-50%);background:#7652ec;color:white;border-radius:30px;padding:10px 18px;font-size:.73rem;font-weight:800;white-space:nowrap}.price-tag{color:#7855d8;font-size:.67rem;font-weight:800;letter-spacing:1.5px;margin-bottom:18px}.price-card h3{font-size:2rem;font-weight:700}.price-card>p{color:#6e677b;font-size:.92rem;min-height:50px;line-height:1.6}.price{font-family:'Space Grotesk';font-size:4.15rem;line-height:1.3;letter-spacing:-3px;font-weight:700;margin:14px 0 20px}.price>span{font-size:1.6rem;vertical-align:top;letter-spacing:0;padding-top:12px;display:inline-block}.price small{font-family:'DM Sans';font-size:.85rem;color:#726c7d;font-weight:600;letter-spacing:0}.btn-price{width:100%;padding:15px 17px;border-radius:50px;font-weight:800;display:flex;justify-content:space-between;align-items:center}.btn-price-outline{border:2px solid #201737;color:#201737}.btn-price-outline:hover{background:#201737;color:white}.btn-price-solid{background:#7652ec;color:white}.btn-price-solid:hover{background:#5131be;color:white}.price-divider{height:1px;background:#e9e5ee;margin:27px 0}.price-card h4{font-size:.88rem;font-weight:800;margin-bottom:20px}.plan-features{list-style:none;padding:0;margin:0;display:grid;gap:15px}.plan-features li{display:flex;align-items:flex-start;gap:11px;font-size:.87rem;color:#514b5e}.plan-features i{color:#7652ec}.pricing-disclaimer{text-align:center;color:#77707f;font-size:.76rem;margin:25px auto 0;max-width:850px;line-height:1.7}.difference-section{background:#fff8e8}.difference-visual{height:380px;position:relative;max-width:510px}.diff-badge{position:absolute;top:0;left:0;background:#e6e0dc;color:#6d6572;border-radius:30px;padding:10px 18px;font-size:.73rem;font-weight:800}.old-way{position:absolute;top:65px;left:0;background:#eee9e5;padding:25px;border-radius:18px;transform:rotate(-6deg);font-weight:800;line-height:2;color:#817887}.old-way span{text-decoration:line-through}.new-way{position:absolute;right:0;bottom:15px;background:#7955e8;border-radius:24px;width:80%;min-height:230px;color:white;padding:30px;transform:rotate(5deg);box-shadow:15px 18px 0 #e6d7ff;overflow:hidden}.new-way>div:first-child{display:flex;justify-content:space-between;font-size:.68rem;font-weight:800;letter-spacing:1px;margin-bottom:25px}.new-way strong{font-family:'Space Grotesk';font-size:1.85rem;line-height:1.2;letter-spacing:-1px}.new-way-shape{position:absolute;right:-20px;bottom:-70px;color:#f9e86a;font-size:12rem;line-height:1}.btn-dark-custom{background:#211738;color:white;margin-top:18px}.btn-dark-custom:hover{background:#7955e8;color:white}.faq-section{background:#faf9ff}.accordion-item{background:transparent;border:0;border-bottom:1px solid #ded9e7}.accordion-button{background:transparent!important;color:#211738!important;font-family:'Space Grotesk';font-weight:700;font-size:1.13rem;padding:24px 0;box-shadow:none!important}.accordion-button:not(.collapsed){color:#6b46db!important}.accordion-button:focus{outline:2px solid #7955e8;outline-offset:2px}.accordion-body{padding:0 0 24px;color:#686176;line-height:1.8}.contact-section{background:#17112f;padding:100px 0}.contact-panel{background:#f8e86a;border-radius:32px;padding:65px;overflow:hidden}.contact-panel .section-kicker{color:#7051b9}.contact-panel h2{font-size:clamp(2.6rem,4vw,4.8rem);font-weight:700;letter-spacing:-3px;line-height:1.07}.contact-panel h2 em{font-style:normal;color:#7652ec}.contact-panel p{font-size:1rem;line-height:1.8;max-width:410px}.contact-spark{font-size:9rem;line-height:1;color:#7652ec;transform:rotate(-15deg)}.lead-form{background:white;padding:30px;border-radius:22px;box-shadow:0 12px 40px #34215018}.lead-form .form-label{font-size:.75rem;font-weight:800;color:#342d42}.lead-form .form-control,.lead-form .form-select{border:1px solid #e5e0ed;background:#fbfaff;padding:12px 13px;border-radius:10px;font-size:.86rem}.lead-form .form-control:focus,.lead-form .form-select:focus{border-color:#7955e8;box-shadow:0 0 0 3px #7955e820}.btn-submit{background:#7652ec;color:white;font-weight:800;border-radius:50px;padding:16px}.btn-submit:hover{background:#5031b6;color:white}.form-hint{font-size:.7rem!important;color:#77707f;line-height:1.5!important}.form-status{font-size:.78rem;margin-top:7px;color:#4d318e}.site-footer{background:#17112f;color:white;padding:65px 0 20px}.footer-brand{font-size:1.7rem}.site-footer p{color:#bfb6d4;margin:23px 0;line-height:1.7}.footer-location{font-size:.8rem;color:#bfb6d4}.site-footer h3{font-size:.9rem;font-weight:800;margin-bottom:22px}.site-footer a:not(.brand){display:block;color:#bfb6d4;margin-bottom:13px;font-size:.9rem}.site-footer a:hover{color:#f8e86a}.footer-bottom{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid #ffffff25;margin-top:60px;padding-top:25px;color:#aaa0c1;font-size:.78rem}.footer-star{color:#f8e86a}@media(max-width:1199px){.hero h1{font-size:4.7rem}.browser-window{max-width:500px}.hero-art{min-height:470px}.mock-copy h2{font-size:3.7rem}}@media(max-width:991px){.hero{padding-top:70px}.hero h1{font-size:clamp(3.5rem,8vw,5rem)}.hero-art{margin:40px auto 0;max-width:650px}.hero-bottom{margin-top:40px}.section-pad{padding:80px 0}.contact-panel{padding:40px}.navbar-collapse{padding:15px 0}.navbar .nav-link{padding:11px 0}.btn-nav{margin-top:12px}.difference-visual{margin:auto}}@media(max-width:575px){.hero h1{font-size:3.2rem;letter-spacing:-2.5px}.hero-lead{font-size:.97rem}.hero-art{min-height:345px}.browser-window{border-width:5px;box-shadow:12px 14px 0 #5b3cc5}.browser-content{padding:13px;min-height:220px}.mock-body{padding-top:17px;gap:7px}.mock-copy h2{font-size:2.4rem;letter-spacing:-1px}.mock-copy p{font-size:.55rem}.mock-visual{height:145px}.mock-sun{width:65px;height:65px}.mock-arch{width:55px;height:110px}.mock-flower{font-size:5rem;bottom:-20px}.mock-menu{font-size:.4rem;padding:6px}.mock-links{display:none}.float-tag{font-size:.65rem;padding:9px}.float-tag-top{top:0;right:0}.float-tag-bottom{bottom:4px;left:0}.mini-card{width:64px;height:112px;right:-2px;bottom:-7px;padding:5px;border-width:4px}.mini-card-top{height:40px}.hero-bottom{font-size:.55rem}.marquee-content{font-size:.76rem}.marquee-content span{margin:0 10px}.section-heading{letter-spacing:-1.5px}.feature-card{min-height:330px}.steps{padding:8px 18px}.step{grid-template-columns:45px 1fr;gap:13px}.step>i{display:none}.step-number{width:40px;height:40px}.step h3{font-size:1rem}.contact-panel{padding:25px 17px}.contact-panel h2{letter-spacing:-1.5px}.contact-spark{display:none}.lead-form{padding:22px 17px}.difference-visual{height:340px}.new-way{width:86%}.footer-bottom{margin-top:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Webmania optional website mods */
.mods-section{background:#f6f3ff}.mod-card{cursor:pointer;background:#fff;border:2px solid #e8e1f8;border-radius:22px;padding:23px;position:relative;transition:transform .2s,border-color .2s,box-shadow .2s}.mod-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #31206b14}.mod-card:has(input:checked){border-color:#7046f4;box-shadow:0 8px 25px #7046f421}.mod-check{position:absolute;top:20px;right:20px;width:19px;height:19px;accent-color:#7046f4}.mod-icon{display:block;font-size:27px;color:#9d4df1;margin-bottom:12px}.mod-name{display:block;font-weight:800;font-size:1.06rem;color:#241443;margin-bottom:8px}.mod-desc{display:block;font-size:.88rem;color:#5c5571;line-height:1.5;min-height:70px}.mod-price{display:block;font-size:1.3rem;font-weight:800;color:#7046f4;margin-top:15px}.mod-price small{font-size:.8rem;color:#777}.mods-summary{background:#20153d;color:#fff;border-radius:22px;padding:28px;display:flex;gap:20px;justify-content:space-between;align-items:center;flex-wrap:wrap}.summary-kicker{font-size:.73rem;letter-spacing:.09em;color:#bdb1dc;font-weight:800}.summary-total{font-size:2.25rem;font-weight:900}.summary-total small{font-size:.85rem;font-weight:500}.summary-detail{font-weight:600;margin-bottom:7px}.mods-summary small{color:#c9c1db}.mods-summary .btn{white-space:nowrap}@media(max-width:576px){.mods-summary{padding:20px}.summary-total{font-size:1.85rem}}