@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f6f5f1;--ink:#222421;--muted:#6c6e68;--line:#dedfd7;--orange:#f06937;--font:'DM Sans',sans-serif;--heading:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--heading)}.site-header{max-width:1440px;margin:auto;padding:25px 5.5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:9px;font-family:var(--heading);font-weight:800;font-size:21px;letter-spacing:-.8px}.brand img{border-radius:10px;object-fit:contain}.site-header nav{display:flex;align-items:center;gap:32px;font-size:14px}.button{border:0;border-radius:8px;background:var(--ink);color:#fff;padding:19px 24px;display:inline-flex;justify-content:space-between;align-items:center;gap:45px;font-weight:600;font-size:15px;transition:background .2s,transform .2s}.button:hover{background:#41443e;transform:translateY(-2px)}.button.small{padding:13px 18px;gap:25px;font-size:13px}.button-price{color:#ddd;font-weight:400}.button.full{width:100%}.hero{text-align:center;padding:63px 0 0;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;line-height:1.6}.status-dot{display:inline-block;width:6px;height:6px;border-radius:100%;background:var(--orange);margin:0 7px 1px 0}h1{font-size:clamp(48px,6.3vw,88px);letter-spacing:-5px;font-weight:600;line-height:1.1;margin-top:25px}.italic{font-family:Georgia,serif;font-style:italic;font-weight:400;color:var(--orange)}.hero-description{font-size:16px;line-height:1.75;margin:24px auto 0;color:var(--muted);max-width:650px;padding:0 24px}.hero-actions{display:flex;align-items:center;justify-content:center;gap:30px;margin-top:27px}.text-link{font-size:14px;border-bottom:1px solid var(--ink);padding:7px 0;display:inline-flex;align-items:center;gap:25px}.text-link:hover{color:var(--orange);border-color:var(--orange)}.purchase-note{color:var(--muted);font-size:11px;margin-top:17px}.product-stage{max-width:1250px;position:relative;margin:58px auto 0;padding:12px 55px 60px}.stage-glow{position:absolute;inset:60px 120px 90px;background:radial-gradient(ellipse at center,#f3ac8a88,transparent 70%);filter:blur(50px);pointer-events:none}.app-shot{margin:0;position:relative;aspect-ratio:2880/1666;border-radius:15px;overflow:hidden;box-shadow:0 30px 55px -25px #252f294f;border:1px solid #252f2933;background:white}.app-shot img{display:block;width:100%;height:auto}.stage-caption{position:absolute;bottom:19px;left:55px;font-size:9px;color:var(--muted);letter-spacing:1.6px}.stage-caption.right{left:auto;right:55px}.section{max-width:1200px;margin:auto;padding:98px 45px;border-bottom:1px solid var(--line)}.section-heading h2,h2{font-size:clamp(32px,3.8vw,51px);letter-spacing:-2.1px;line-height:1.18;font-weight:600}.section-heading h2{margin-top:20px}.section-heading>p{font-size:16px;color:var(--muted);line-height:1.8;max-width:420px;margin-top:24px}.experience{display:grid;grid-template-columns:1fr 1.15fr;gap:85px}.feature-lines article{border-top:1px solid var(--line);display:flex;gap:23px;padding:26px 0}.feature-number{font-size:11px;color:var(--muted);padding-top:5px}.feature-lines h3{font-size:20px;font-weight:600;letter-spacing:-.6px}.feature-lines p{font-size:14px;color:var(--muted);line-height:1.8;max-width:330px;margin-top:10px}.feature-mark{margin-left:auto;font-size:28px;color:var(--orange)}.replay-section{display:grid;grid-template-columns:1fr 1.15fr;gap:80px;align-items:center;overflow:hidden}.replay-copy h2{margin-top:20px;font-size:clamp(40px,4.2vw,59px)}.replay-copy p{font-size:16px;line-height:1.8;max-width:355px;color:var(--muted);margin-top:26px}.subtle-note{display:block;font-size:11px;margin-top:20px;color:var(--muted)}.replay-art{position:relative;min-height:400px;display:flex;align-items:center;justify-content:center}.replay-card{width:250px;height:340px;border-radius:18px;padding:23px;display:flex;flex-direction:column;color:white;box-shadow:0 25px 40px -30px #26202d9c}.replay-card>span{font-size:10px;font-weight:800;letter-spacing:1px;align-self:flex-end}.replay-card strong{font-family:var(--heading);font-size:37px;font-weight:700;letter-spacing:-1.5px;margin-top:33px;line-height:1.05}.replay-year{display:block;font-size:52px;font-weight:600}.replay-card>div{margin-top:auto}.replay-card b{font-size:13px}.replay-card p{font-size:12px;line-height:1.5;margin-top:8px;color:#ffffffe0}.replay-card.front{background:radial-gradient(ellipse at 15% 15%,#ff496e,transparent 65%),linear-gradient(150deg,#ed5079,#9229e9 55%,#29b8f1);transform:rotate(-8deg);position:relative;z-index:1}.replay-card.rear{position:absolute;left:49%;background:linear-gradient(145deg,#efae70,#e04769 60%,#ab44d1);transform:rotate(12deg) scale(.91)}.illustration-note{position:absolute;bottom:-7px;font-size:10px;color:var(--muted)}.purchase-section{display:grid;grid-template-columns:1fr .9fr;gap:120px;align-items:center}.purchase-section h2{margin-top:20px}.purchase-section>div>p{margin-top:24px;color:var(--muted);font-size:16px;line-height:1.8}.purchase-card{background:#fff;border:1px solid #e7e7df;border-radius:18px;padding:30px;box-shadow:0 15px 40px -30px #3335}.card-top{display:flex;align-items:center;gap:11px}.card-top img{border-radius:13px}.card-top h3{font-size:17px;font-weight:700;letter-spacing:-.7px}.card-top p{font-size:12px;color:var(--muted);margin-top:4px}.launch-badge{font-size:9px;padding:6px 8px;border-radius:20px;color:#976431;background:#fff3e6;margin-left:auto;white-space:nowrap}.price{font-family:var(--heading);font-weight:600;font-size:68px;letter-spacing:-4px;display:flex;align-items:baseline;gap:8px;margin:23px 0}.price>span:first-child{font-size:24px;letter-spacing:-1px}.price-caption{font-size:11px!important;letter-spacing:0;align-self:center;color:var(--muted);font-family:var(--font);font-weight:400;margin-left:auto}.included{list-style:none;padding:0;margin:0 0 28px}.included li{font-size:13px;margin-top:13px;display:flex;align-items:center;gap:10px}.included li:before{content:'✓';color:var(--orange);font-weight:700}.purchase-card .card-note{font-size:10px;text-align:center;color:var(--muted);line-height:1.7;margin-top:16px}.install-section .section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:30px}.install-section .section-heading h2{margin-top:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;list-style:none;margin:55px 0 28px;padding:0}.steps li>span{display:block;border-top:1px solid var(--line);padding-top:16px;color:var(--orange);font-size:12px;margin-bottom:23px}.steps h3{font-size:20px;font-weight:600;letter-spacing:-.6px}.steps p{font-size:14px;color:var(--muted);line-height:1.8;margin-top:12px}.faq-section{display:grid;grid-template-columns:1fr 1.25fr;gap:90px}.faq-section h2{font-size:37px}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list details:first-child{border-top:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:15px;font-weight:500}summary::-webkit-details-marker{display:none}summary>span{font-size:21px;font-weight:400;color:var(--muted)}details[open] summary>span{transform:rotate(45deg)}details p{color:var(--muted);font-size:14px;line-height:1.8;margin-top:17px;padding-right:20px}footer{max-width:1200px;margin:auto;padding:35px 45px 45px;display:flex;align-items:center;gap:30px;color:var(--muted);font-size:11px}footer .brand{color:var(--ink);font-size:17px}footer>div{display:flex;gap:18px;margin-left:auto}.footer-link{border:0;background:none;padding:8px 0;color:inherit;font-size:11px}.footer-link:hover{color:var(--ink)}footer>span{font-size:10px}dialog{width:min(430px,calc(100% - 32px));border:1px solid var(--line);padding:32px;border-radius:18px;background:var(--paper);color:var(--ink);box-shadow:0 40px 100px #0003}dialog::backdrop{background:#171b1870;backdrop-filter:blur(5px)}dialog img{border-radius:13px}dialog h2{font-size:28px;letter-spacing:-1px;margin-top:20px}dialog p{font-size:14px;line-height:1.8;margin:16px 0 26px;color:var(--muted)}.dialog-close{position:absolute;right:15px;top:12px;border:0;background:transparent;font-size:25px;color:var(--muted);padding:5px 9px}.guide{max-width:850px;margin:auto;padding:70px 30px 100px}.guide h1{font-size:56px;letter-spacing:-3px}.guide>p{font-size:17px;line-height:1.8;color:var(--muted);margin-top:25px}.guide .steps{grid-template-columns:1fr;gap:20px;margin-top:35px}.guide .steps h3{font-size:23px}.guide .steps p{font-size:16px;max-width:660px}.guide .info-box{border:1px solid var(--line);padding:22px;border-radius:12px;margin-top:30px;font-size:14px;line-height:1.8;color:var(--muted)}
@media(min-width:1500px){.hero{padding-top:85px}.product-stage{margin-top:70px}}@media(max-width:1000px){.experience,.replay-section,.faq-section{gap:45px}.purchase-section{gap:55px}.section{padding:75px 35px}.replay-card{width:210px;height:300px}.replay-card.rear{left:43%}footer{flex-wrap:wrap;gap:15px}footer>span{width:100%}.card-top{flex-wrap:wrap}.launch-badge{margin-left:0}.steps{gap:30px}}@media(max-width:700px){.site-header{padding:20px}.site-header nav>a{display:none}.site-header nav{gap:0}.hero{padding-top:48px}h1{font-size:51px;letter-spacing:-3px;line-height:1.13}.eyebrow{font-size:9px;letter-spacing:1.5px}.hero-description{font-size:14px}.desktop-break{display:none}.hero-actions{gap:22px}.button{font-size:13px;gap:25px;padding:17px 19px}.text-link{font-size:12px;gap:15px}.product-stage{padding:8px 20px 40px;margin-top:40px;min-width:660px;width:115%;transform:translateX(-10%)}.stage-caption{display:none}.app-shot{border-radius:10px}.section{padding:60px 24px}.experience,.replay-section,.purchase-section,.faq-section{grid-template-columns:1fr;gap:35px}.section-heading h2,h2{font-size:36px;letter-spacing:-1.5px}.feature-lines{margin-top:10px}.feature-lines h3{font-size:18px}.feature-lines p{font-size:13px}.replay-art{min-height:370px;margin:0 15px}.replay-card{width:225px;height:310px}.replay-card.rear{left:43%}.replay-copy h2{font-size:47px}.purchase-section{gap:30px}.purchase-card{padding:25px}.card-top{flex-wrap:nowrap}.launch-badge{margin-left:auto}.install-section .section-heading{display:block}.install-section .section-heading h2{margin-top:20px}.steps{grid-template-columns:1fr;gap:25px;margin-top:30px}.steps li>span{margin-bottom:13px}.steps p{max-width:390px}.faq-section h2{font-size:33px}.faq-list details{padding:19px 0}summary{font-size:14px}footer{padding:28px 24px;gap:17px}footer>div{margin-left:0;width:100%}footer>p{margin-left:auto}dialog{padding:27px}.guide{padding:45px 24px 70px}.guide h1{font-size:43px;letter-spacing:-2px}.guide>p{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Motion and cover composition inspired by the supplied reference. */
.site-header{position:sticky;top:0;z-index:20;background:#f6f5f1e8;backdrop-filter:blur(18px);max-width:none;padding-left:max(5.5%,calc((100vw - 1280px)/2));padding-right:max(5.5%,calc((100vw - 1280px)/2));border-bottom:1px solid #dedfd770}.reading-progress{position:fixed;top:0;left:0;height:2px;width:100%;background:var(--orange);transform:scaleX(0);transform-origin:left;z-index:30}.motion-control{border:1px solid var(--line);background:transparent;border-radius:50%;width:32px;height:32px;color:var(--muted);font-size:12px;flex-shrink:0}.hero{padding-top:52px}.hero h1{margin-top:20px}.hero-description{margin-top:20px}.cover-fan{position:relative;width:min(100%,940px);height:330px;margin:26px auto 0;perspective:1000px;--pointer-x:0px;--pointer-y:0px}.fan-card{position:absolute;top:35px;left:calc(50% - 108px);width:216px;height:250px;border-radius:13px;box-shadow:0 16px 28px -14px #2e313875;transform:translateX(var(--x)) rotate(var(--r));transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s;z-index:var(--z);text-align:left}.cover-art{display:block;position:relative;overflow:hidden;width:100%;height:100%;border-radius:13px;padding:20px;background:var(--cover);color:var(--cover-ink);animation:cover-drift 6s ease-in-out infinite;animation-delay:var(--delay);transform:translate(calc(var(--pointer-x) * var(--depth)),calc(var(--pointer-y) * var(--depth)))}.cover-art b{position:absolute;font-family:var(--heading);font-size:36px;letter-spacing:-2px;line-height:1;z-index:2;bottom:43px}.cover-art small{position:absolute;bottom:18px;font-size:7px;font-weight:600;letter-spacing:1px;z-index:2}.cover-one{--x:-300px;--r:-18deg;--z:1;--cover:#628874;--cover-ink:#f9eac7;--delay:-1s;--depth:.5}.cover-two{--x:-155px;--r:-10deg;--z:2;--cover:#f8d444;--cover-ink:#a23928;--delay:-3s;--depth:.8}.cover-three{--x:0px;--r:0deg;--z:5;--cover:#f17446;--cover-ink:#341a21;--delay:0s;--depth:1}.cover-four{--x:155px;--r:10deg;--z:3;--cover:#8084cd;--cover-ink:#fff6d9;--delay:-2s;--depth:.8}.cover-five{--x:300px;--r:18deg;--z:1;--cover:#c3dccc;--cover-ink:#24694f;--delay:-4s;--depth:.5}.fan-card:hover,.fan-card:focus-visible{transform:translateX(var(--x)) translateY(-22px) rotate(0deg) scale(1.08);z-index:10;box-shadow:0 25px 40px -18px #2e313899}.cover-tooltip{position:absolute;bottom:-37px;left:50%;transform:translateX(-50%) translateY(6px);white-space:nowrap;border-radius:20px;padding:8px 12px;background:var(--ink);color:white;font-size:10px;opacity:0;pointer-events:none;transition:.2s}.fan-card:hover .cover-tooltip,.fan-card:focus-visible .cover-tooltip{opacity:1;transform:translateX(-50%) translateY(0)}.cover-art i{position:absolute;display:block;pointer-events:none}.orbit{width:205px;height:205px;border:30px solid #c9d6ad;border-radius:50%;top:-30px;right:-72px;box-shadow:0 0 0 15px #405d54}.stripes{inset:0;background:repeating-linear-gradient(130deg,transparent 0 20px,#fff3bd88 21px 38px);transform:rotate(-8deg) scale(1.2)}.vinyl{width:168px;height:168px;top:15px;right:-42px;border-radius:50%;background:repeating-radial-gradient(circle,#281d26 0 3px,#3c2d35 4px 5px);box-shadow:0 5px 12px #0003;animation:record-spin 25s linear infinite}.vinyl:after{content:'';position:absolute;inset:58px;background:#efbd68;border:22px solid #efbd68;border-radius:50%;box-shadow:inset 0 0 0 5px #f17446}.sun{width:185px;height:185px;right:-65px;top:-5px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fbe5b3,#f27789 65%,#8184cd);filter:blur(2px)}.waves{width:230px;height:230px;top:-70px;right:-80px;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 15px,#39836355 16px 22px)}.floating-tag{position:absolute;border-radius:20px;padding:7px 12px;font-size:8px;font-weight:700;letter-spacing:1px;color:white;z-index:11;animation:tag-float 5s ease-in-out infinite}.tag-a{left:16%;top:5px;transform:rotate(-8deg);background:#6669c9}.tag-b{right:13%;top:5px;background:#497b63;animation-delay:-2s}.fan-hint{font-size:10px;letter-spacing:.4px;color:var(--muted);margin-top:3px}.fan-hint span{color:var(--orange)}.hero-actions{margin-top:22px}.collection-ribbon{margin-top:60px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0}.collection-ribbon>div{white-space:nowrap;width:max-content;font-family:var(--heading);font-size:14px;font-weight:600;letter-spacing:3px;animation:ribbon-slide 36s linear infinite}.collection-ribbon i{font-style:normal;color:var(--orange);padding:0 45px}.product-stage{margin-top:30px}.section.reveal-ready{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.section.reveal-ready.is-visible{opacity:1;transform:none}.replay-card.front{animation:replay-float 7s ease-in-out infinite}.replay-card.rear{animation:replay-float-rear 7s ease-in-out infinite;animation-delay:-3s}.app-shot{transition:transform .7s,box-shadow .7s}.app-shot:hover{transform:translateY(-5px);box-shadow:0 38px 60px -25px #252f295f}.feature-lines article{transition:padding .3s,background .3s}.feature-lines article:hover{padding-left:8px}.feature-mark{transition:transform .4s}.feature-lines article:hover .feature-mark{transform:rotate(-12deg) scale(1.15)}.steps li{transition:transform .3s}.steps li:hover{transform:translateY(-5px)}body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation-play-state:paused!important}body.motion-paused .reveal-ready{opacity:1;transform:none;transition:none}body.motion-paused .cover-art{transform:none}body.motion-paused{scroll-behavior:auto}.site-header nav>a.active{color:var(--orange)}
@keyframes cover-drift{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes record-spin{to{rotate:360deg}}@keyframes tag-float{50%{translate:0 -8px}}@keyframes replay-float{50%{translate:0 -12px;rotate:2deg}}@keyframes replay-float-rear{50%{translate:0 8px;rotate:-3deg}}@keyframes ribbon-slide{to{transform:translateX(-50%)}}
@media(max-width:1000px){.cover-fan{height:300px}.fan-card{width:190px;height:225px;left:calc(50% - 95px)}.cover-one{--x:-235px}.cover-two{--x:-125px}.cover-four{--x:125px}.cover-five{--x:235px}}@media(max-width:700px){.site-header{padding:16px 20px}.site-header nav{gap:10px}.hero{padding-top:38px}.cover-fan{height:220px;margin-top:26px;width:100%;overflow:clip}.fan-card{width:133px;height:162px;top:24px;left:calc(50% - 66.5px);border-radius:9px}.cover-art{border-radius:9px;padding:12px}.cover-art b{font-size:25px;bottom:34px;letter-spacing:-1.3px}.cover-art small{font-size:5px;bottom:13px}.cover-one{--x:-145px;--r:-18deg}.cover-two{--x:-78px;--r:-10deg}.cover-four{--x:78px;--r:10deg}.cover-five{--x:145px;--r:18deg}.vinyl{width:120px;height:120px;right:-30px;top:0}.vinyl:after{inset:42px;border-width:15px}.orbit{width:150px;height:150px;border-width:20px;right:-75px}.sun{width:125px;height:125px;right:-55px}.floating-tag{font-size:6px;padding:5px 8px;top:3px}.tag-a{left:14%}.tag-b{right:10%}.cover-tooltip{display:none}.hero-actions{gap:20px}.collection-ribbon{margin-top:38px;padding:13px 0}.collection-ribbon>div{font-size:11px}.collection-ribbon i{padding:0 24px}.product-stage{margin-top:25px}}@media(prefers-reduced-motion:reduce){.section.reveal-ready{opacity:1;transform:none}.cover-art{transform:none}.reading-progress{display:none}}

.app-shot{aspect-ratio:2200/1375}