/* VibeMult: cinematic presentation and interactive product exploration. */
body{background:#07070d;font-family:Arial,Helvetica,sans-serif;background-image:radial-gradient(ellipse at 90% 12%,#53109312,transparent 35%)}
.announcement{display:flex;justify-content:center;gap:12px;padding:11px 20px;background:linear-gradient(90deg,#160c29,#3a1451,#170e2b);font-size:11px;color:#d9c8ed;border-bottom:1px solid #9e5ef32b}.announcement a{color:#fff}.announcement b{margin-left:12px}.announcement strong{font-weight:800}
header{position:sticky;top:0;z-index:20;background:#090811e8;backdrop-filter:blur(20px);height:84px;max-width:none;padding-inline:max(40px,calc((100vw - 1140px)/2));border-color:#a675e91a}header nav{font-size:12px;gap:35px}.brand{flex-shrink:0}.button{background:linear-gradient(110deg,#7731f3,#b742fa);border:1px solid #d29bff38;border-radius:12px;box-shadow:0 7px 35px #832df33d;padding:19px 25px}.button:hover{box-shadow:0 9px 40px #973ee869;transform:translateY(-3px)}
.hero{max-width:1440px;min-height:740px;padding-left:max(40px,calc((1440px - 1140px)/2));padding-right:65px;padding-top:128px;overflow:hidden;background:radial-gradient(ellipse at 80% 50%,#48136a40,transparent 55%)}.hero:before{content:'';position:absolute;width:580px;height:580px;border-radius:50%;right:-80px;top:60px;border:1px solid #7a38f547;box-shadow:0 0 100px #7d2afb15,inset 0 0 100px #7527fa12}.hero-copy{width:62%}.hero-copy .eyebrow{display:inline-flex;border:1px solid #ac65f52b;background:#b557ff0c;border-radius:40px;padding:9px 15px;align-items:center;font-size:9px;letter-spacing:2px;margin-bottom:28px}.eyebrow b{box-shadow:0 0 14px #00ddff}.hero h1{font-size:clamp(48px,5.1vw,74px);line-height:1.08;letter-spacing:-3.2px;max-width:730px}.hero h1 em{font-size:1em;margin-top:0;background-image:linear-gradient(100deg,#b564ff 20%,#d67af0 57%,#4de0ed 95%)}.hero-copy>p{font-size:17px;max-width:430px;line-height:1.8;margin-top:27px}.hero .actions{margin-top:33px;gap:28px}.hero-note{align-items:center;color:#8b859b;font-size:11px}.hero-note strong{color:#e7daf5}.hero-note span+span{border-left:1px solid #66527b;padding-left:15px}.hero-tags{display:flex;gap:9px;margin-top:29px;font-size:10px;color:#aea1c6}.hero-tags span{padding:7px 10px;border:1px solid #a283c926;border-radius:7px;background:#130e22}
.hero-art{right:35px;top:70px;width:42%;height:600px;mask-image:linear-gradient(to bottom,black 85%,transparent);transform:rotate(1deg);animation:float 9s ease-in-out infinite}.hero-art img{width:190%;left:-92%;top:-3px}.floating-label{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;border:1px solid #b078dd38;background:#181025d9;backdrop-filter:blur(18px);box-shadow:0 20px 45px #0007;border-radius:13px;padding:17px 19px}.label-play{right:360px;top:480px;transform:rotate(-5deg)}.label-play>span{width:36px;height:36px;border-radius:10px;background:#893bf126;display:grid;place-items:center;font-size:22px;color:#c595ff}.floating-label strong{font-size:12px;display:block}.floating-label small{font-size:9px;color:#b7a5c5;display:block;margin-top:5px}.label-vibe{right:48px;top:150px;font-size:10px;padding:13px 16px;transform:rotate(4deg)}.live-dot{width:7px;height:7px;background:#1dded5;border-radius:50%;box-shadow:0 0 15px #29dcca}.scroll-hint{left:max(40px,calc((1440px - 1140px)/2));bottom:27px}.platforms{background:#0c0b13;padding-block:28px;gap:46px}.platforms strong{color:#b9b3c8;font-size:12px}.platforms strong:before{content:'▣';margin-right:9px;color:#8c65b4}.vibe-ribbon{display:flex;justify-content:center;align-items:center;gap:38px;padding:29px 24px;font-size:9px;font-weight:600;letter-spacing:3px;color:#777082}.vibe-ribbon b{color:#b273f6;font-size:21px;font-weight:400}
.intro{padding-top:70px;padding-bottom:65px}.intro h2{font-size:56px;letter-spacing:-2.6px}.intro .features{border:0;gap:20px;margin-top:45px}.features article{padding:31px;border:1px solid #9c70d31d;border-radius:18px;background:linear-gradient(130deg,#21122f5c,#0d0c16);transition:border-color .25s,transform .25s}.features article:hover{transform:translateY(-6px);border-color:#9961cf70}.features h3{font-size:18px;margin:22px 0 10px}.features p{font-size:13px;line-height:1.8}.icon{width:52px;height:52px;display:grid;place-items:center;border-radius:13px;background:#8b3bdb13;border:1px solid #a367e92a;margin:0;color:#c294ff}.icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round}
.showcase{padding-top:50px;padding-bottom:80px}.section-top h2{font-size:52px}.section-top>p{max-width:300px}.interactive-showcase{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:radial-gradient(ellipse at 80% 60%,#591c9c29,transparent 60%),#0d0b16;border:1px solid #885bb229;border-radius:25px;overflow:hidden;margin-top:30px;min-height:570px}.preview-side{padding:45px 50px;align-self:start}.preview-tabs{display:flex;flex-direction:column;gap:5px;margin-bottom:32px}.preview-tabs button{display:flex;align-items:center;gap:17px;background:transparent;color:#9b90ad;border:1px solid transparent;border-radius:11px;padding:17px;text-align:left;font:600 14px Arial;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.preview-tabs button>span{font-size:10px;color:#6b577e}.preview-tabs button>b{margin-left:auto;font-size:17px;font-weight:400}.preview-tabs button:hover{background:#fff04}.preview-tabs button[aria-selected=true]{background:linear-gradient(100deg,#7c35c926,#ac49de0d);color:#f2e6ff;border-color:#a666e340}.preview-tabs button[aria-selected=true]>span{color:#c799ef}.preview-tabs button:focus-visible{outline:2px solid #66dce6;outline-offset:2px}.mini-label{color:#c08af3;font-size:8px;font-weight:700;letter-spacing:2px}#preview-panel h3{font-size:25px;margin:14px 0 10px;letter-spacing:-.9px}#preview-panel p{font-size:13px;margin-bottom:25px;max-width:320px;min-height:70px}.preview-stage{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;height:570px;isolation:isolate}.phone-preview{position:relative;width:222px;height:464px;overflow:hidden;background:black;border-radius:35px;box-shadow:0 25px 60px #0009,0 0 50px #8b36e922;transform:rotate(5deg);border:1px solid #97839c45;transition:transform .5s}.phone-preview:hover{transform:rotate(0) scale(1.02)}.phone-preview img{position:absolute;width:1256px;height:auto;max-width:none;top:-1045px;left:-309px;transition:left .5s}.preview-stage[data-screen=live] img{left:-536px}.preview-stage[data-screen=details] img{left:-765px}.preview-stage[data-screen=profile] img{left:-992px}.stage-ring{position:absolute;width:370px;height:370px;top:120px;border-radius:50%;border:1px solid #9852e349;box-shadow:0 0 40px #8b27db15;z-index:-1}.stage-ring:after{content:'';position:absolute;inset:-40px;border:1px solid #9a58dd16;border-radius:50%}.stage-caption{font-size:8px;letter-spacing:3px;color:#9a72ba;display:block;margin-top:27px}.caption{color:#8d849b;font-size:10px}.about{border-top:0;border-bottom:1px solid #9e6bc51a;gap:70px;padding-top:50px}.about h2{font-size:45px}.brand-orbit{border-radius:50%;background:radial-gradient(ellipse,#722de12b,transparent 68%)}.brand-orbit>span{font-size:200px}.orbit{width:310px;height:310px}.steps{padding-top:80px;padding-bottom:65px}.steps h2{max-width:650px}.steps .features article{background:transparent;border:0;border-radius:0;border-top:1px solid #a77dc22e;padding:30px 0}.number{font-size:49px;color:#9662c25c;font-weight:400}.steps .features article:hover{transform:none}
.pricing{position:relative;padding-block:90px;gap:90px}.pricing:before{content:'';position:absolute;inset:20px;border-radius:35px;border:1px solid #9c66c51d;background:linear-gradient(110deg,#3a145515,transparent);pointer-events:none}.pricing h2{font-size:49px;line-height:1.17}.pricing>div{position:relative}.price-card{position:relative;padding:36px;border-radius:22px;border-color:#b766f585;background:linear-gradient(135deg,#351648,#15101f 65%);box-shadow:0 0 75px #7d27b92a}.offer{font-size:8px;border-color:#c08bf03b;background:#be5af514;padding:11px 12px}.plan-heading{display:flex;align-items:center;justify-content:space-between;margin:25px 0}.plan-heading h3{font-size:26px;margin:0}.plan-heading>span{font-size:7px;letter-spacing:1.5px;color:#ae89c6}.first-month{font-size:12px;color:#b19cbe;margin-bottom:14px}.price{font-size:99px;letter-spacing:-5px}.price-card .price small{font-size:23px}.plan-includes{display:grid;gap:12px;margin:25px 0;color:#cdbbdc;font-size:11px;border-block:1px solid #ad70d322;padding:23px 0}.renewal{border:0;padding:0;font-size:11px}.price-card .button{font-size:14px;padding:19px 12px;background:linear-gradient(100deg,#8230ef,#c253f1)}.price-benefits span{font-size:12px}.fine{color:#a695b5;font-size:10px}.faq{padding-block:85px;border:0}.faq h2{font-size:47px}details{padding:24px 0;border-color:#9c78bd26}summary{font-size:14px}.final-cta{max-width:none;border-top:1px solid #ab6fd126;padding-block:110px 100px;background:radial-gradient(ellipse at 50% 90%,#6b1faa35,transparent 70%)}.final-cta h2{font-size:65px;line-height:1.08;letter-spacing:-2.9px}.final-cta .button{min-width:225px}.final-cta>p{font-size:13px}footer{padding-bottom:110px}.sticky-offer{display:flex;align-items:center;justify-content:space-between;gap:25px;position:fixed;left:50%;bottom:20px;transform:translate(-50%,120px);width:min(570px,calc(100% - 32px));padding:13px 16px 13px 23px;background:#151020ed;border:1px solid #b673e342;border-radius:17px;box-shadow:0 15px 55px #0008;backdrop-filter:blur(20px);z-index:30;transition:transform .4s}.sticky-offer.visible{transform:translate(-50%,0)}.sticky-offer small{display:block;font-size:7px;letter-spacing:1.7px;color:#a990bd;margin-bottom:6px}.sticky-offer strong{font-size:17px;display:block;white-space:nowrap}.sticky-offer strong span{font-size:9px;color:#a18eaf;font-weight:400;margin-left:8px}.sticky-offer .button{font-size:11px;padding:14px 20px;border-radius:10px;flex-shrink:0}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s,transform .65s}.reveal.is-visible{opacity:1;transform:none}@keyframes float{0%,100%{transform:translateY(0) rotate(1deg)}50%{transform:translateY(-12px) rotate(0)}}
@media(min-width:1440px){.hero{padding-left:150px}.scroll-hint{left:150px}}@media(max-width:1100px){.hero{padding-left:40px;padding-top:110px;min-height:680px}.hero h1{font-size:61px}.hero-art{top:80px;right:10px;height:540px;width:43%}.hero-copy{width:64%}.label-play{right:260px;top:485px}.label-vibe{right:20px}.interactive-showcase{grid-template-columns:1fr 1fr}.preview-side{padding:35px}.pricing{gap:45px}.pricing h2{font-size:43px}.scroll-hint{left:40px}}
@media(max-width:760px){.announcement{font-size:9px;gap:8px}.announcement b{margin-left:4px}header{padding-inline:22px;height:76px}header nav{display:none}.hero{padding:58px 26px 25px;min-height:auto;display:flex;flex-direction:column}.hero-copy{width:100%}.hero h1{font-size:58px;max-width:600px;letter-spacing:-2.8px}.hero-copy>p{font-size:15px;max-width:470px}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.5px}.hero-art{position:relative;width:100%;max-width:460px;align-self:center;right:auto;top:auto;height:470px;margin-top:35px;animation:none;transform:none;border-radius:16px}.hero-art img{width:190%;left:-92%;top:0}.label-play{right:25px;top:auto;bottom:45px;transform:rotate(-4deg);padding:13px 16px}.label-vibe{display:none}.hero-tags{font-size:9px;gap:8px;flex-wrap:wrap}.hero .actions{gap:20px}.hero-note{flex-direction:row;flex-wrap:wrap;gap:12px}.scroll-hint{display:none}.vibe-ribbon{font-size:7px;gap:20px;letter-spacing:1.8px;padding:23px 18px;overflow:hidden;white-space:nowrap}.vibe-ribbon span:last-child,.vibe-ribbon b:last-of-type{display:none}.platforms{gap:25px;padding:24px 20px}.platforms>span{width:100%;text-align:center}.platforms strong{font-size:10px}.platforms strong:before{margin-right:5px}.wrap{padding:60px 25px}.intro{text-align:left}.intro h2,.section-top h2{font-size:44px}.intro .lead{margin:0;max-width:440px}.intro .features{grid-template-columns:1fr;margin-top:30px;gap:15px}.features article{padding:26px}.features h3{margin-top:18px}.features p{max-width:none}.showcase{padding-top:25px}.section-top{display:block}.interactive-showcase{grid-template-columns:1fr}.preview-side{padding:25px;order:2}.preview-stage{height:440px;order:1}.phone-preview{transform:rotate(4deg) scale(.8);margin-block:-46px}.stage-ring{width:270px;height:270px;top:85px}.stage-ring:after{inset:-25px}.stage-caption{margin-top:5px;font-size:7px}.preview-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:25px}.preview-tabs button{font-size:10px;gap:8px;padding:12px 10px;border:1px solid #a66cd31c}.preview-tabs button>b{font-size:13px}.preview-tabs button>span{font-size:8px}#preview-panel h3{font-size:23px}#preview-panel p{max-width:none;min-height:70px;margin-bottom:15px}.caption{font-size:9px;line-height:1.6}.about,.pricing,.faq{grid-template-columns:1fr;gap:35px}.about{padding-top:25px}.about h2{font-size:38px}.brand-orbit{min-height:260px}.brand-orbit>span{font-size:175px}.orbit{width:255px;height:255px}.steps{padding-top:55px}.steps h2{font-size:38px}.steps .features{grid-template-columns:1fr;gap:12px;margin-top:30px}.steps .features article{display:grid;grid-template-columns:50px 1fr;gap:0 22px;padding:22px 0}.steps .number{grid-row:span 2;font-size:35px}.steps h3{margin:0;font-size:17px}.steps .features p{margin-top:10px}.pricing{padding-top:35px;gap:30px}.pricing:before{display:none}.pricing h2{font-size:39px}.price-card{padding:27px;max-width:480px;width:100%;justify-self:center}.price{font-size:90px}.pricing>div>p{font-size:14px}.faq h2{font-size:39px}.faq{padding-block:45px 65px}.faq>div:first-child .text-link{margin-bottom:0}.final-cta{padding:70px 24px}.final-cta h2{font-size:47px;letter-spacing:-2px}.final-cta .eyebrow{font-size:7px;letter-spacing:1.6px}.sticky-offer{bottom:12px;padding:12px;gap:12px;border-radius:14px}.sticky-offer strong{font-size:16px}.sticky-offer strong span{display:block;margin:4px 0 0;font-size:8px}.sticky-offer .button{font-size:10px;padding:15px}footer{padding-bottom:120px}}
@media(max-width:360px){.hero{padding-inline:20px}.hero h1{font-size:47px;letter-spacing:-2.5px}.hero .actions{gap:13px}.hero .button{font-size:11px;padding:16px}.hero .text-link{font-size:11px}.hero-art{height:360px}.announcement>span{display:none}.hero-copy .eyebrow{font-size:7px}.hero-tags{font-size:8px}.hero-tags span{padding:7px}.label-play{bottom:35px;right:20px}.intro h2,.section-top h2{font-size:37px}.pricing h2{font-size:35px}.price-card .offer{font-size:7px}.final-cta h2{font-size:40px}.preview-tabs button{font-size:9px;padding:12px 8px}.wrap{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){.hero-art{animation:none}.reveal{opacity:1;transform:none}.sticky-offer{transition:none}.phone-preview img{transition:none}}