:root{--pink:#f22b97;--hot:#ff4da7;--rose:#ffdaeb;--pale:#fff0f6;--ink:#1c1520;--cream:#fff9fb;--muted:#5d4e5b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.shell{width:min(1240px,calc(100% - 72px));margin-inline:auto}.announce{height:30px;display:flex;align-items:center;justify-content:center;gap:24px;background:#20131d;color:#fff;font:700 12px 'Barlow Condensed',sans-serif;letter-spacing:2.5px}.announce span{color:#ff58b6}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,248,252,.95);border-bottom:1px solid #e9cad9;backdrop-filter:blur(16px)}.nav{height:86px;display:flex;align-items:center;gap:44px}.logo{white-space:nowrap;position:relative;font:400 35px 'Permanent Marker',cursive;letter-spacing:-2.5px;line-height:.95;transform:rotate(-3deg);display:inline-flex;align-items:center;flex-shrink:0}.logo-x{font-size:63px;color:var(--pink);margin-right:-5px;text-shadow:2px 2px 0 var(--ink)}.logo-small{position:absolute;bottom:-11px;right:1px;color:var(--pink);font:800 9px 'DM Sans',sans-serif;letter-spacing:.8px}.nav-links{display:flex;gap:26px;margin-left:auto;align-items:center}.nav-links a,.login{font:800 14px 'Barlow Condensed',sans-serif;letter-spacing:.8px}.nav-links a:hover,.login:hover{color:var(--pink)}.nav-actions{display:flex;align-items:center;gap:22px}.login{border:0;background:transparent}.btn{border:2px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:28px;border-radius:999px;font:900 17px 'Barlow Condensed',sans-serif;letter-spacing:.65px;padding:14px 25px;transition:transform .18s,box-shadow .18s}.btn:hover{transform:translateY(-3px);box-shadow:0 7px 0 rgba(34,15,29,.18)}.btn-pink{background:var(--pink);color:#161119;box-shadow:0 5px 0 #b7136a}.btn span:last-child{font-size:21px}.btn-outline{border-color:#261823;background:rgba(255,255,255,.74)}.btn-dark{background:var(--ink);color:#fff}.menu-toggle{display:none}.hero{overflow:hidden;background:radial-gradient(circle at 88% 33%,#ffaad6 0,transparent 38%),radial-gradient(circle at 35% 50%,#ffe5f0 0,transparent 56%),#fff5fa;position:relative}.hero:before,.features:before,.offer:before{content:'✧       ♡             ✦              ✧        ♡      ✳';font:36px 'Permanent Marker';position:absolute;top:20px;left:0;right:0;letter-spacing:35px;color:rgba(255,43,151,.12);white-space:nowrap;pointer-events:none}.hero-grid{min-height:700px;display:grid;grid-template-columns:45% 55%;position:relative;align-items:center}.hero-copy{position:relative;z-index:5;padding:62px 0 70px}.eyebrow{margin:0 0 24px;color:var(--pink);font:900 15px 'Barlow Condensed',sans-serif;letter-spacing:2.5px}.pink-star{font-size:25px;vertical-align:middle}.hero h1,.section-heading h2,.offer h2{font-family:'Permanent Marker',cursive;font-weight:400;letter-spacing:-3px}.hero h1{font-size:clamp(75px,7vw,116px);line-height:.98;margin:0 0 28px;transform:rotate(-2deg);text-shadow:2px 2px 0 #fff}.hero h1 em,.section-heading em,.offer h2 em{font-style:normal;color:var(--pink)}.hero h1 em{white-space:nowrap}.dot{color:var(--ink)}.hero-lead{max-width:465px;font-size:19px;line-height:1.62;font-weight:600}.hero-buttons{display:flex;flex-wrap:wrap;gap:15px;margin-top:34px}.btn-big{padding:17px 31px;font-size:18px}.play-tri{font-size:13px!important}.micro-proof{display:flex;gap:23px;flex-wrap:wrap;margin-top:43px;font:800 12px 'Barlow Condensed',sans-serif;letter-spacing:.7px}.hero-visual{align-self:stretch;position:relative;min-width:0}.plugin-display{position:absolute;z-index:3;top:300px;right:-15px;width:min(760px,110%);padding:10px;border-radius:15px;background:#1b1420;box-shadow:0 24px 60px #5c164988;transform:rotate(2.5deg);border:3px solid #f8b3d7}.plugin-top{font:800 11px 'Barlow Condensed';letter-spacing:2px;color:#fff;padding:4px 6px 10px}.right-micro{float:right;color:#ff75be}.live-dot{display:inline-block;background:#ff3ca0;width:7px;height:7px;border-radius:50%;margin-right:8px}.plugin-display img{display:block;width:100%;border-radius:9px}.hero-sticker{position:absolute;z-index:4;right:-40px;top:205px;width:113px;height:113px;border-radius:50%;background:#ff43a1;color:#fff;text-align:center;font:26px/1.12 'Permanent Marker';padding-top:25px;transform:rotate(17deg);border:4px solid #1c1520;box-shadow:5px 6px 0 #fff}.hero-sticker span{color:#21121a}.scribble{position:absolute;color:#f02c98;font:70px 'Permanent Marker';z-index:4}.s-one{right:30px;top:80px;transform:rotate(20deg)}.s-two{right:90px;bottom:65px}.hero-bottom{display:flex;justify-content:space-between;gap:18px;align-items:center;border-top:1px solid #e6b5d0;padding:20px 0 24px;font:900 12px 'Barlow Condensed';letter-spacing:2px}.sparkline{color:var(--pink);font-size:24px}.section-pad{padding:112px 0 122px}.features{position:relative;background:#fff9fc}.section-heading{max-width:770px;margin:0 auto 52px;text-align:center}.section-heading .eyebrow{margin-bottom:12px}.section-heading h2{font-size:clamp(42px,5.3vw,73px);line-height:1.1;margin:0 0 21px}.section-heading>p:last-child{font-size:18px;line-height:1.6;max-width:565px;margin:0 auto;color:#625661}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.feature-card{position:relative;min-height:375px;border:2px solid #241923;border-radius:15px;overflow:hidden;padding:28px 25px 25px;box-shadow:5px 6px 0 #201820}.feature-pink{background:#ffd3e8}.feature-dark{background:#231723;color:#fff}.feature-white{background:#fff}.feature-icon{font:58px/1 'Permanent Marker';color:#ed2c97;height:78px}.feature-dark .feature-icon{color:#fd86c5}.card-number{font:900 13px 'Barlow Condensed';letter-spacing:1.5px}.feature-card h3{font:400 34px/1.07 'Permanent Marker';margin:14px 0}.feature-card p{font-size:14px;line-height:1.7;font-weight:600}.card-doodle{position:absolute;bottom:7px;right:16px;font:29px 'Permanent Marker';color:#f15ca9;transform:rotate(-12deg)}.mini-wave{position:absolute;bottom:18px;left:25px;color:#ff61b2;font-size:28px;letter-spacing:3px}.knob-dots{position:absolute;bottom:20px;display:flex;gap:8px;color:#f22b97;font-size:16px}.interlude{background:#fc3b9c;overflow:hidden;padding:22px 0;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}.marquee{white-space:nowrap;overflow:hidden;font:32px 'Permanent Marker';color:#221420;text-align:center}.testimonials{background:radial-gradient(circle at 9% 20%,#55223e,transparent 45%),#1e1520;color:#fff}.section-heading.light>p:last-child{color:#dbbece}.quotes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.quote-card{min-height:320px;background:#fff5fa;color:var(--ink);border-radius:13px;padding:28px;position:relative;overflow:hidden;transform:rotate(-1deg);box-shadow:7px 7px 0 #fa3d9d}.quote-card.alternate{transform:rotate(1.5deg)}.quote-visual{color:var(--pink);font:72px 'Permanent Marker'}.quote-placeholder{font:34px/1.2 'Permanent Marker';max-width:275px;margin:15px 0 45px}.quote-divider{height:2px;background:#efbfd7;margin-bottom:17px}.quote-card span{font:900 12px 'Barlow Condensed';letter-spacing:1.5px}.editorial-note{font-size:12px;opacity:.7;margin-top:30px;text-align:center}.videos{background:#ffedf5}.video-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:23px}.video-feature{position:relative;height:400px;background:#211722;border:3px solid #1b1320;border-radius:14px;overflow:hidden;cursor:pointer;box-shadow:7px 8px 0 #ed56a5;color:#fff}.video-feature:focus-visible{outline:5px solid #f22b97;outline-offset:6px}.video-image{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.7;transition:transform .35s}.video-feature:hover .video-image{transform:scale(1.05)}.video-one{background-image:linear-gradient(0deg,#1b1024 4%,transparent 90%),url('assets/scream-art.webp');background-position:center 36%}.video-two{background-image:linear-gradient(0deg,#1b1024 4%,transparent 90%),url('assets/video-art.webp')}.video-type{position:absolute;top:25px;left:28px;font:900 14px 'Barlow Condensed';letter-spacing:2px;background:#ff3b9f;padding:8px 13px;color:#171219}.video-overlay{position:absolute;bottom:29px;left:30px;right:30px;display:flex;gap:22px;align-items:end}.big-play{display:grid;place-items:center;flex:0 0 66px;height:66px;border-radius:50%;background:#ff4ba4;color:#151018;border:3px solid #fff;font-size:25px}.video-overlay h3{font:31px/1.1 'Permanent Marker';margin:0 0 9px}.video-overlay p{font-size:14px;margin:0}.video-caption{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;font:900 15px 'Barlow Condensed';letter-spacing:1.5px;margin-top:40px}.offer{background:radial-gradient(circle at 80% 45%,#ff7fbd,transparent 52%),#ffb2d8;position:relative;overflow:hidden;border-top:3px solid #1f1720}.offer-inner{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;min-height:500px}.offer-copy{z-index:2;padding:88px 0}.offer .eyebrow{color:#7e1651}.offer h2{font-size:clamp(52px,5vw,75px);line-height:1.13;margin:0 0 25px}.offer h2 em{color:#fff;text-shadow:3px 3px 0 #d02279}.offer-copy>p:not(.eyebrow){max-width:555px;font-size:17px;line-height:1.65;font-weight:600}.email-form{display:flex;max-width:570px;background:#fff;border:2px solid #1c1520;border-radius:100px;padding:7px;gap:8px;margin-top:27px;box-shadow:6px 7px 0 #de3b92}.email-form input{min-width:0;flex:1;border:0;outline:none;background:transparent;padding:0 17px;font:800 14px 'Barlow Condensed';letter-spacing:1px}.email-form input:focus-visible{outline:2px dashed #ff4fa5;outline-offset:-5px;border-radius:99px}.email-form .btn{flex-shrink:0}.small-print{font-size:12px!important;opacity:.8;margin-top:18px!important}.offer-art{align-self:stretch;position:relative;min-height:450px}.offer-art img{position:absolute;bottom:0;right:-34px;height:100%;width:85%;object-fit:cover;object-position:center;mask-image:linear-gradient(90deg,transparent,black 22%);mix-blend-mode:multiply}.offer-sticker{position:absolute;top:70px;right:5px;z-index:2;background:#fff;border:3px solid var(--ink);padding:20px;transform:rotate(11deg);font:34px/1 'Permanent Marker';box-shadow:7px 7px 0 var(--ink)}.offer-sticker span{color:var(--pink)}.offer-graphics{position:absolute;bottom:28px;right:0;z-index:2;color:#fff;font:40px 'Permanent Marker'}.footer{background:#20161e;color:#fff;padding:60px 0 25px}.footer-main{display:grid;grid-template-columns:1fr auto auto;gap:70px;align-items:start}.footer-logo{color:#fff}.footer-main p{font-size:14px;line-height:1.7;color:#cbbbc8;margin-top:33px}.footer-links,.footer-social{display:flex;flex-direction:column;gap:16px;font:900 15px 'Barlow Condensed';letter-spacing:1px}.footer a:hover{color:#fa4da6}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #61495b;margin-top:70px;padding-top:25px;color:#b89eae;font:800 12px 'Barlow Condensed';letter-spacing:1px}.modal{border:3px solid #241725;border-radius:18px;background:#fff0f7;box-shadow:12px 12px 0 var(--pink);max-width:440px;padding:35px;text-align:center}.modal::backdrop{background:rgba(23,8,20,.75)}.modal-close{position:absolute;right:12px;top:8px;font-size:27px;background:transparent;border:0}.modal-symbol{font:55px 'Permanent Marker';color:var(--pink)}.modal h2{font:40px 'Permanent Marker';margin:10px 0}.modal p{line-height:1.6;margin-bottom:28px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#features,#love,#videos,#offer{scroll-margin-top:92px}
@media(max-width:1100px){.nav{gap:20px}.nav-links{gap:14px}.hero-grid{grid-template-columns:48% 52%}.hero h1{font-size:75px}.plugin-display{top:320px}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-card{min-height:320px}.video-feature{height:335px}}
@media(max-width:760px){.shell{width:min(100% - 36px,580px)}.announce{font-size:10px;letter-spacing:1px;gap:8px}.nav{height:76px;gap:12px}.logo{font-size:29px}.logo-x{font-size:52px}.menu-toggle{display:block;margin-left:auto;font-size:25px;background:transparent;border:0}.nav-links{display:none;position:absolute;top:76px;left:0;right:0;flex-direction:column;align-items:stretch;background:#fff0f7;padding:25px;box-shadow:0 14px 22px #3f183526}.nav-links.open{display:flex}.nav-links a{font-size:21px;padding:6px}.nav-actions{gap:6px}.nav-cta{display:none}.login{font-size:14px}.hero-grid{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:70px 0 25px;width:100%}.hero h1{font-size:clamp(63px,11.5vw,95px);letter-spacing:-2px}.hero-lead{font-size:17px}.hero-sticker{top:40px;right:0;width:95px;height:95px;font-size:21px;padding-top:24px}.s-one{top:3px}.hero-bottom{font-size:10px;justify-content:center;text-align:center}.hero-bottom .sparkline{display:none}.section-pad{padding:75px 0}.section-heading h2{font-size:48px;letter-spacing:-1px}.section-heading>p:last-child{font-size:16px}.feature-grid{grid-template-columns:1fr;gap:18px}.feature-card{min-height:280px}.quotes-grid{grid-template-columns:1fr;gap:23px}.quote-card{min-height:260px}.video-grid{grid-template-columns:1fr;gap:22px}.video-feature{height:290px}.video-overlay h3{font-size:24px}.video-caption{justify-content:center;gap:15px}.offer-inner{grid-template-columns:1fr}.offer-copy{padding:80px 0 20px}.offer h2{font-size:48px}.offer-art{min-height:260px}.offer-art img{width:65%;right:0}.offer-sticker{right:28%;top:10px;font-size:24px}.email-form .btn{font-size:13px;padding:12px}.email-form input{padding:0 8px}.footer-main{grid-template-columns:1fr 1fr;gap:35px}.footer-main>div:first-child{grid-column:1/-1}.footer-bottom{gap:20px;flex-wrap:wrap;margin-top:40px}}
@media(max-width:380px){.hero h1{font-size:57px}.btn-big{padding:14px 19px;font-size:15px}.hero-sticker{right:-5px}.offer h2{font-size:41px}}

/* Official XVocals artwork */
.logo{font:inherit;letter-spacing:normal;line-height:normal;transform:none;display:inline-flex;align-items:center}
.logo img{display:block;width:198px;height:auto;max-height:76px;object-fit:contain}
.footer-logo img{width:220px;filter:drop-shadow(0 1px 1px rgba(255,255,255,.2))}
@media(max-width:760px){.logo img{width:138px;max-height:65px}.footer-logo img{width:200px}}

/* Hero: plugin mockup only */
.hero-visual{display:flex;align-items:center;justify-content:center;padding:40px 0}
.plugin-display{position:relative;top:auto;right:auto;width:100%;max-width:700px;transform:rotate(2deg)}
.hero-sticker{top:12%;right:-14px}.s-one{top:8%;right:10%}.s-two{bottom:6%;right:12%}
@media(max-width:760px){.hero-visual{padding:10px 0 50px}.hero-sticker{top:0;right:-6px}.s-one{top:-8px}}
.features{overflow:hidden}
@media(max-width:760px){.feature-card{padding-bottom:75px}.login{font-size:14px;font-weight:800}}