/* Luminous, playful art direction; motion is progressive and user-controlled. */
:root{--ink:#251d3d;--muted:#70677e;--pink:#c431b3}
body{background:#fff}.nav{max-width:1344px}.nav-cta{box-shadow:inset 0 1px 0 #fff,0 5px 16px #9135b010}
h2 em,h1>span{background-image:linear-gradient(100deg,#e83db3 0%,#b535ca 55%,#8a56df 100%)}
.lively-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10px;max-width:1360px;min-height:695px;margin:0 auto;padding:35px 50px 68px;border-radius:0;overflow:hidden;background:radial-gradient(ellipse at 76% 49%,#eadcff 0,transparent 48%),radial-gradient(ellipse at 16% 70%,#ffe6f960,transparent 42%),#fff}
.lively-hero .hero-panel{width:auto;padding:10px 0 20px;z-index:3}.lively-hero .eyebrow{font-size:12px;color:#835898;letter-spacing:.08em;padding:10px 14px;gap:9px;margin:0 0 28px;background:#fff9;border:1px solid #eadcf7;box-shadow:0 4px 18px #9552b30a}.live-dot{width:8px;height:8px;background:#e34cbe;box-shadow:0 0 0 4px #f9def4;border-radius:50%}
.lively-hero h1{font-size:clamp(48px,4.7vw,65px);line-height:1.04;max-width:none;margin:0;letter-spacing:-.045em}.lively-hero h1 span{display:inline-block;white-space:nowrap}.lively-hero .hero-lead{font-size:21px;line-height:1.5;margin-top:27px;max-width:455px;color:#6e647b}.lively-hero .button{min-width:284px;border-radius:22px;font-size:20px;min-height:66px;margin-top:30px;position:relative;overflow:hidden}.lively-hero .hero-terms{font-size:15px;margin-top:20px;color:#84748e}.hero-benefits{margin-top:29px;gap:17px}.hero-benefits span{padding:0;background:none;border:0;font-size:15px;color:#71607f}.hero-benefits span:before{content:'•';color:#d876c8;margin-right:8px}
.hero-scene{height:555px;position:relative;isolation:isolate;min-width:0;margin-left:16px}.hero-scene:before{content:'';position:absolute;inset:10% -10% -5%;background:radial-gradient(ellipse,#edcefc70,transparent 68%);border-radius:50%;z-index:-2}.hero-scene .hero-picture{position:absolute;inset:34px 0 27px 24px;z-index:0;border-radius:110px 32px 110px 32px;overflow:hidden;transform:rotate(3deg);box-shadow:0 0 0 9px #ffffffb3,0 23px 55px #7e439725;background:#f8edfc}.hero-scene .hero-picture:after{background:linear-gradient(0deg,#7652a215,transparent 35%);pointer-events:none}.hero-scene .hero-picture img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.scene-orbit{position:absolute;inset:35px -17px 10px -22px;border:1px solid #d7b8f280;border-radius:50%;transform:rotate(-24deg);z-index:-1}.scene-orbit:after{content:'';position:absolute;inset:20px -16px;border:1px solid #efcfeb80;border-radius:50%;transform:rotate(38deg)}
.scene-heart{position:absolute;width:180px;left:-72px;bottom:3px;z-index:3;filter:drop-shadow(0 18px 14px #bf53ab26);transform:rotate(-14deg);pointer-events:none}.scene-star{position:absolute;width:132px;right:-30px;top:-12px;z-index:3;transform:rotate(12deg);filter:drop-shadow(0 12px 14px #a260ba20);pointer-events:none}.scene-heart img,.scene-star img{width:100%;height:auto}.hero-scene .hero-photo-label{display:flex;align-items:center;gap:14px;left:5px;right:auto;top:9px;bottom:auto;max-width:330px;padding:14px 20px;border-radius:18px;background:#ffffffda;border:1px solid #fff;box-shadow:0 8px 24px #60268812;transform:rotate(-4deg)}.hero-photo-label b{font-size:19px;color:#62416f}.hero-photo-label span{font-size:14px;color:#8c7395;margin-top:4px}.mini-equalizer{display:flex!important;gap:3px;align-items:center;height:30px!important;margin:0!important}.mini-equalizer i{display:block;width:4px;height:12px;background:linear-gradient(#e469c5,#b154ce);border-radius:4px}.mini-equalizer i:nth-child(2){height:26px}.mini-equalizer i:nth-child(3){height:19px}.mini-equalizer i:nth-child(4){height:11px}
.scene-discover{position:absolute;z-index:4;right:-14px;bottom:5px;display:flex;gap:14px;align-items:center;padding:19px 23px;border-radius:24px;background:linear-gradient(115deg,#fff,#fbf1ffed);border:1px solid #fff;box-shadow:inset 0 -2px 0 #e6d2ef80,0 14px 30px #6d2f9115;text-decoration:none;transform:rotate(3deg);transition:transform .3s}.scene-discover:hover{transform:rotate(0) translateY(-4px)}.scene-discover>b{font-size:53px;line-height:1;letter-spacing:-.06em;color:#be3dba}.scene-discover>span{font-size:16px;line-height:1.3;color:#765285}.motion-toggle{position:absolute;bottom:15px;right:45px;background:#fff;border:1px solid #eedff3;color:#8b7295;border-radius:20px;font-size:12px;padding:8px 13px;z-index:5;cursor:pointer}
.ribbon{border:0;gap:12px;margin:0 auto;padding:12px 0 25px;max-width:1100px;justify-content:center;overflow:visible}.ribbon span{padding:13px 28px;border-radius:17px;background:#fff4fc;color:#9a4e94;border:1px solid #f5dfef;font-weight:700;transform:rotate(-3deg);box-shadow:0 5px 12px #92538208}.ribbon span:nth-of-type(2n){transform:rotate(3deg);background:#eef9ff;border-color:#dceff8;color:#61869d}.ribbon span:nth-of-type(3){background:#f5efff;border-color:#e9dcfb;color:#8f67b0}.ribbon i{display:none}
.intro{padding:65px 0 75px;gap:45px}.intro-notes{gap:15px}.intro-notes p{position:relative;border:1px solid #eddef4;border-radius:23px;background:linear-gradient(120deg,#fbf4ff,#fff);padding:22px 25px;box-shadow:0 7px 20px #80569507}.intro-notes p:nth-child(2){background:linear-gradient(120deg,#f1faff,#fff);border-color:#e0eef6}.intro-notes b{color:#674575}.intro-notes span{font-size:17px;line-height:1.45}.program-section{position:relative;padding:35px 0 75px}.program-section:before{content:'';position:absolute;z-index:-1;inset:0 -45px 10px;border-radius:40px;background:linear-gradient(140deg,#faf4ff,#fff 60%,#f8fcff);border:1px solid #f1e6f8}.program-section .section-title{padding-top:13px}.catalog-filters button{box-shadow:0 3px 9px #6e3b8306;transition:background .2s,transform .2s}.catalog-filters button[aria-pressed=true]{background:linear-gradient(110deg,#d24bbc,#a749c7);border-color:#c373d5;box-shadow:inset 0 1px 0 #fff6,0 4px 12px #b950b923}.catalog-card .cover-pair{box-shadow:0 8px 17px #6654740e;transition:transform .35s cubic-bezier(.2,0,0,1)}.catalog-card:hover .cover-pair{transform:translateY(-4px)}.catalog-meta h3{color:#3e2d4f}.catalog-meta>span{background:white;border:1px solid #eadff1}.slider-rail{scrollbar-width:none}.slider-rail::-webkit-scrollbar{display:none}.rail-controls button{box-shadow:0 4px 12px #945da414}.rail-controls button:last-child{background:#f8e9fb;border-color:#ead4f0}.section-jewel{width:150px;flex:none;transform:rotate(12deg);margin-right:40px}.section-jewel img{width:100%;height:auto}.reviews{padding-top:60px}.result-card{box-shadow:0 8px 20px #74377e09;border-color:#eadaf2}.result-number{background:linear-gradient(120deg,#fff,#fff0fc);border:1px solid #fff}.result-copy{background:linear-gradient(150deg,#fff,#fdf5ff)}.result-card:nth-child(2n) .result-copy{background:linear-gradient(150deg,#fff,#f2faff)}.video-reviews{position:relative;background:radial-gradient(ellipse at 0 0,#efe0ff,transparent 55%),radial-gradient(ellipse at 100% 90%,#ffdef1,transparent 60%),#fcf6ff;border:0}.review-video-card{box-shadow:0 12px 25px #63388210;border:5px solid white}.review-video-card figcaption{background:white}.pause{background:radial-gradient(ellipse at 15% 40%,#f2d4fc,transparent 50%),linear-gradient(110deg,#fff6fd,#f5f4ff);box-shadow:inset 0 1px 0 #fff,0 15px 40px #ab61b015;border:1px solid #eed9f7}.pause-orbit{border-color:#d9adea}.pause-chip{box-shadow:0 10px 25px #9b55b31c}.compare-plan{transition:transform .3s,box-shadow .3s}.compare-plan:hover{transform:translateY(-5px);box-shadow:0 20px 40px #9464a316}.compare-forever{background:radial-gradient(ellipse at 95% 0,#e9dcff,transparent 45%),linear-gradient(160deg,#ffe4f6,#fff 64%);border-color:#d89be4;box-shadow:0 0 0 5px #fcf1ff,0 18px 50px #c74bba24}.compare-family{background:linear-gradient(160deg,#f1e4ff,#fff 52%)}.compare-year{background:linear-gradient(160deg,#e9f8ff,#fff 52%)}.compare-art{height:125px}.compare-art img{height:137px;width:170px;filter:drop-shadow(0 12px 12px #a35da115)}.compare-forever .compare-art img{width:205px}.compare-badge{font-size:14px}.compare-forever .compare-badge{background:linear-gradient(100deg,#df4cb7,#a54cd1)}
@keyframes heart-bob{0%,100%{transform:translateY(0) rotate(-14deg)}50%{transform:translateY(-13px) rotate(-7deg)}}
@keyframes star-bob{0%,100%{transform:translateY(0) rotate(12deg)}50%{transform:translateY(12px) rotate(21deg)}}
@keyframes music-bob{0%,100%{transform:scaleY(.5)}50%{transform:scaleY(1)}}
@keyframes infinity-bob{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-11px) rotate(-3deg)}}
@keyframes soft-arrival{from{opacity:.3;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.motion-ready .scene-heart{animation:heart-bob 6s ease-in-out infinite}.motion-ready .scene-star{animation:star-bob 7s ease-in-out infinite}.motion-ready .mini-equalizer i{animation:music-bob 1.6s ease-in-out infinite}.motion-ready .mini-equalizer i:nth-child(2){animation-delay:-.5s}.motion-ready .mini-equalizer i:nth-child(3){animation-delay:-1.1s}.motion-ready .pause-art>img{animation:infinity-bob 6s ease-in-out infinite}.motion-ready .arrived{animation:soft-arrival .7s cubic-bezier(.2,0,0,1) both}}
.motion-paused *,.motion-paused *:before,.motion-paused *:after,.motion-offscreen *{animation-play-state:paused!important}
@media(max-width:1100px){.lively-hero{padding:30px 32px 55px;min-height:610px;gap:0}.lively-hero h1{font-size:49px}.lively-hero .hero-lead{font-size:19px;max-width:350px}.lively-hero .hero-lead br{display:none}.hero-scene{height:480px;margin-left:5px}.hero-scene .hero-picture{inset:35px 0 30px 25px;border-radius:80px 28px 80px 28px}.scene-heart{width:145px;left:-40px;bottom:0}.scene-star{width:105px;right:-16px;top:0}.hero-scene .hero-photo-label{left:8px;top:20px;padding:12px 14px}.hero-photo-label b{font-size:16px}.hero-photo-label span{font-size:12px}.scene-discover{right:-5px;padding:15px 19px}.scene-discover>b{font-size:44px}.scene-discover>span{font-size:14px}.hero-benefits{gap:8px}.hero-benefits span{font-size:13px}.program-section:before{inset:0 -20px 10px}.ribbon{padding-left:25px;padding-right:25px}.ribbon span{padding:12px 22px}.section-jewel{width:120px;margin-right:0}}
@media(max-width:767px){.lively-hero{display:flex;flex-direction:column;gap:0;min-height:0;padding:20px 20px 42px;margin:0;border-radius:0;background:radial-gradient(ellipse at 50% 58%,#efdcfc,transparent 55%),linear-gradient(#fff,#fff9fe)}.lively-hero .hero-panel{display:contents;text-align:center}.lively-hero .eyebrow{order:0;align-self:center;font-size:10px;letter-spacing:.055em;margin:0 0 20px;padding:9px 12px}.lively-hero h1{order:1;text-align:center;font-size:41px;line-height:1.06;max-width:none;letter-spacing:-.05em}.lively-hero .hero-lead{order:2;text-align:center;font-size:18px;line-height:1.4;margin:18px 0 0;max-width:335px}.hero-scene{order:3;height:337px;margin:15px 0 0;width:100%;max-width:420px}.hero-scene .hero-picture{inset:25px 20px 26px 19px;width:auto;height:auto;order:initial;transform:rotate(3deg);border-radius:65px 24px 65px 24px;box-shadow:0 0 0 6px #ffffffb3,0 15px 32px #8e4ca61c}.hero-scene .hero-picture img{object-position:50% 51%}.scene-orbit{inset:32px 0 15px;border-color:#dfb9ef60}.scene-heart{width:109px;left:-13px;bottom:0}.scene-star{width:80px;right:-4px;top:-5px}.hero-scene .hero-photo-label{display:flex;top:13px;left:7px;padding:9px 12px;gap:9px;border-radius:14px;max-width:230px}.hero-photo-label b{font-size:13px}.hero-photo-label span{font-size:11px;margin-top:3px}.mini-equalizer{height:22px!important;gap:2px}.mini-equalizer i{width:3px}.mini-equalizer i:nth-child(2){height:20px}.scene-discover{right:5px;bottom:2px;gap:10px;border-radius:18px;padding:12px 15px}.scene-discover>b{font-size:37px}.scene-discover>span{font-size:12px;line-height:1.25}.hero-action{order:4;text-align:center;width:100%}.lively-hero .button{margin:17px 0 0;min-height:60px;max-width:370px;font-size:19px;border-radius:19px;width:100%}.lively-hero .hero-terms{margin-top:16px;font-size:13px}.hero-benefits{order:5;justify-content:center;margin-top:15px;gap:12px}.hero-benefits span{font-size:12px}.motion-toggle{bottom:8px;right:14px;font-size:10px;padding:5px 10px}.ribbon{padding:24px 16px 12px;gap:8px;flex-wrap:wrap;max-width:400px}.ribbon span{font-size:14px;padding:10px 16px;border-radius:13px}.intro{padding:40px 0 48px}.intro h2{font-size:37px}.intro-notes{gap:13px;margin-top:24px}.intro-notes p{padding:21px;border-radius:20px}.intro-notes b{font-size:20px}.intro-notes span{font-size:17px}.program-section{padding:26px 0 45px}.program-section:before{inset:0 -13px 0;border-radius:29px}.program-section .section-title{padding-top:0}.program-section h2{font-size:38px}.program-section .section-title>p{font-size:18px}.catalog-filters{padding-top:3px}.catalog-meta h3{font-size:23px}.reviews{padding-top:44px;padding-bottom:40px}.reviews .section-title{position:relative;padding-right:0}.reviews h2{font-size:36px}.reviews .eyebrow{font-size:10px;letter-spacing:.035em}.section-jewel{position:absolute;right:-7px;top:-10px;width:66px;opacity:.9}.reviews .section-title>div:first-child{position:relative;z-index:1}.reviews .section-title h2{padding-top:7px}.video-reviews{padding:40px 0}.video-reviews .section-title>p{font-size:18px}.pause{padding:20px 24px 29px}.compare-art{height:116px}.compare-art img{height:130px}.compare-forever .compare-art img{width:210px}.compare-badge{font-size:14px}}
@media(max-width:370px){.lively-hero{padding-left:16px;padding-right:16px}.lively-hero h1{font-size:36px}.lively-hero .hero-lead{font-size:17px}.hero-scene{height:302px}.hero-photo-label b{font-size:12px}.hero-photo-label span{font-size:10px}.scene-star{width:69px;right:-6px}.scene-heart{width:98px}.scene-discover>b{font-size:33px}.scene-discover>span{font-size:11px}.reviews h2{font-size:33px}.section-jewel{width:52px;top:-4px}.hero-benefits{gap:8px}.hero-benefits span{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep the face clear and avoid a second CTA over the opening screen. */
.hero-scene .hero-photo-label{top:-20px;left:0;padding:13px 17px}.hero-photo-label b{font-size:17px}.hero-photo-label span{font-size:13px}
.hero-in-view .sticky{visibility:hidden;transform:translateY(110%);pointer-events:none}
@media(max-width:1100px) and (min-width:768px){.hero-scene .hero-photo-label{top:-10px}.hero-photo-label b{font-size:15px}.hero-photo-label span{font-size:12px}}
@media(max-width:767px){.hero-scene .hero-picture{top:43px}.hero-scene .hero-photo-label{top:0;left:4px;padding:9px 12px}.hero-photo-label b{font-size:13px}.hero-photo-label span{font-size:11px}.hero-scene{margin-top:18px}.scene-star{top:14px}}
/* Open purchase-value question: strong type, deliberate line breaks. */
.lively-hero h1{font-size:65px;line-height:1.03}.lively-hero h1 span{display:inline;white-space:normal}.lively-hero .hero-lead{font-size:20px;max-width:475px;line-height:1.45;margin-top:24px}.lively-hero .hero-panel{padding-top:0}.lively-hero .eyebrow{margin-bottom:23px}
@media(max-width:1100px){.lively-hero h1{font-size:52px}.lively-hero .hero-lead{font-size:18px;max-width:390px}}
@media(max-width:767px){.lively-hero h1{font-size:43px;line-height:1.03}.lively-hero .hero-lead{font-size:17px;line-height:1.45;max-width:345px;margin-top:18px}.lively-hero .eyebrow{font-size:10px;margin-bottom:19px}.hero-scene{height:310px}.hero-scene .hero-picture{top:40px}.scene-heart{width:100px}.scene-discover>b{font-size:34px}}
@media(max-width:370px){.lively-hero h1{font-size:39px}.lively-hero .hero-lead{font-size:16px}.hero-scene{height:285px}}
.lively-hero h1{font-size:53px;line-height:1.04;max-width:600px}.lively-hero .hero-terms{max-width:380px;line-height:1.45}.lively-hero .hero-lead{max-width:465px}
@media(max-width:1100px){.lively-hero h1{font-size:43px}}
@media(max-width:767px){.lively-hero h1{font-size:35px;line-height:1.05}.lively-hero .hero-terms{max-width:320px;margin-left:auto;margin-right:auto}.lively-hero .hero-lead{font-size:17px}.hero-scene{height:295px}}
@media(max-width:370px){.lively-hero h1{font-size:32px}}
@media(max-width:767px){.hero-scene{max-width:350px}}
/* The caption sits above the scene, never over the photograph or face. */
.hero-scene{margin-top:54px}
.hero-scene .hero-photo-label{top:auto;bottom:100%;left:12px;right:auto;transform:none;max-width:calc(100% - 24px);margin:0 0 10px}
@media(max-width:767px){.hero-scene{margin-top:85px;height:271px}.hero-scene .hero-picture{top:16px}.hero-scene .hero-photo-label{left:8px;max-width:calc(100% - 16px);margin-bottom:10px}.scene-star{top:5px}}
@media(max-width:370px){.hero-scene{height:261px}}