@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Bebas+Neue&display=swap');
:root{color-scheme:dark;--ink:#eeeae3;--muted:#aaa5a1;--accent:#c9b1fc;--bg:#151313}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #ffffff20}.brand{font:800 25px Manrope,sans-serif;letter-spacing:-1px}.brand span{display:block;font:9px 'DM Sans';letter-spacing:2px;margin:5px 0 0 26px}nav{display:flex;gap:35px;font-size:12px}.hero{position:relative;overflow:hidden;padding:32px 5vw 65px;min-height:1080px;background:radial-gradient(ellipse at 30% 80%,#623c302e,transparent 65%)}.hero-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:var(--muted)}h1{position:relative;z-index:2;font:500 clamp(76px,10.8vw,175px)/.94 Manrope,sans-serif;letter-spacing:-.075em;margin:70px 0 0}em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}h1 em{padding-left:12vw}h2{font:500 clamp(40px,5vw,76px)/1.06 Manrope;letter-spacing:-.055em}.halo{position:absolute;width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,#aa704d55,transparent 68%);right:-60px;top:-90px;filter:blur(25px)}.hero-bottom{display:flex;align-items:center;gap:55px;position:relative;z-index:3;margin-top:35px}.hero-bottom p{color:#c8c0ba;line-height:1.7;font-size:14px}.pill,.outline{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;padding:19px 25px;border-radius:40px;font-size:13px;font-weight:600;background:var(--ink);color:#201a18}.pill:hover{background:var(--accent);transform:translateY(-2px)}.edition{margin-left:auto;font-size:9px;line-height:2;letter-spacing:2px;color:var(--muted)}.stage{height:520px;max-width:1000px;margin:0 auto;position:relative;perspective:1400px}.store{position:absolute;left:29%;top:40px;width:420px;background:#cbbbdd;color:#302839;padding:25px;border:1px solid #e8d9ff88;border-radius:14px;box-shadow:0 45px 75px #0009;transform:rotate(-7deg) rotateY(-12deg);animation:float 8s ease-in-out infinite}.store-head,.store-foot{display:flex;justify-content:space-between;font-size:10px}.store h2{font:500 36px/1.05 Georgia;margin:20px 0}.tabs{display:flex;gap:4px;margin-bottom:12px;font-size:9px}.tabs span{padding:8px;background:#302839;color:white;border-radius:3px;flex:1;text-align:center}.tabs span+span{background:#fff7;color:#302839}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.tiles img{width:100%;height:138px;object-fit:cover;border-radius:4px}.store-foot{margin-top:20px;align-items:center;font-size:8px;letter-spacing:1px}.store-foot span{font-size:24px}.glass-card{position:absolute;padding:20px;border:1px solid #ffffff30;border-radius:12px;background:linear-gradient(130deg,#55443bea,#252326f5);box-shadow:0 30px 50px #0007}.glass-card>span{font-size:8px;letter-spacing:2px}.side-card{width:180px;left:8%;top:80px;transform:rotate(-16deg);z-index:1}.side-card img{width:100%;height:190px;object-fit:cover;border-radius:6px;margin-top:15px}.side-card p{font:22px Georgia;margin:12px 0 0}.link-card{width:245px;right:0;top:215px;transform:rotate(9deg);background:#e7e0cf;color:#3b352c;z-index:2}.link-card h3{font:30px/1.05 Georgia}.link-card div{font-size:10px;border-top:1px solid #aaa;padding:13px 0}.link-card b{float:right}.link-card small{font-size:8px}.orbit{position:absolute;inset:110px 0 0;border:1px solid #ffffff15;border-radius:50%;transform:rotate(-13deg) scaleY(.6)}.ribbon{border-block:1px solid #ffffff25;padding:28px 5vw;display:flex;justify-content:space-around;align-items:center;font-size:11px;letter-spacing:2px}.ribbon i{font-size:25px;color:var(--accent)}.experience{padding:105px 5vw;background:#ede9e1;color:#282521}.section-label{font-size:10px;letter-spacing:2px}.experience em{color:#77568c}.journey{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:65px}.number{display:block;border-top:1px solid #c6bfb6;padding:15px 0;font-size:11px}.visual{height:300px;overflow:hidden;border-radius:7px;position:relative}.video img{width:100%;height:100%;object-fit:cover}.video>span{position:absolute;bottom:20px;left:20px;font-size:10px;letter-spacing:2px;background:#111b;padding:12px;color:white}.style{background:#cbbbdd;color:#382443;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background .5s,color .5s}.style>span{font:130px Georgia}.style button{width:25px;height:25px;border-radius:50%;border:2px solid #fff; margin:0 5px;background:#ad8dd1}.style button:nth-child(2){background:#536746}.style button:nth-child(3){background:#b75538}.style button[aria-pressed=true]{outline:2px solid currentColor;outline-offset:3px}.style small{font-size:8px;letter-spacing:2px;margin-top:15px}.product{background:#d9decf;padding:40px 25px}.product>span{font-size:10px;letter-spacing:2px}.product div{padding:20px 0;border-bottom:1px solid #a9b49d;font-size:14px}.product b{float:right}.journey h3{font-size:20px;font-weight:500;letter-spacing:-.5px}.journey p{font-size:14px;line-height:1.7;color:#69635d}.statement{padding:110px 8vw;position:relative;overflow:hidden;background:radial-gradient(ellipse at 90% 65%,#75534255,transparent 65%)}.statement>span{font-size:9px;letter-spacing:2px}.statement h2{font-size:clamp(58px,8vw,115px);position:relative;z-index:1}.statement-art{position:absolute;right:5vw;top:90px;font-size:450px;color:#be9b7250;transform:rotate(-20deg);text-shadow:20px 25px 0 #b48b6f20;pointer-events:none}.plans{padding:90px 5vw;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:35px;border-top:1px solid #ffffff25}.plans h2{font-size:48px}.plans p{line-height:1.7;color:var(--muted);font-size:14px}.plans article{border:1px solid #ffffff30;border-radius:12px;padding:30px;display:flex;flex-direction:column}.plans article>span{font-size:9px;letter-spacing:1px}.plans h3{font:500 55px Manrope;margin:35px 0 10px}.plans small{font-size:13px;color:var(--muted)}.plans .pill,.plans .outline{margin-top:auto;gap:10px}.outline{border:1px solid #ffffff50;background:transparent;color:var(--ink)}.beta{grid-column:1/-1;max-width:800px;font-size:12px!important}footer{padding:35px 5vw;border-top:1px solid #ffffff25;display:flex;gap:25px;align-items:center;font-size:11px;color:var(--muted)}footer p{margin-right:auto}footer button{background:transparent;color:inherit;border:1px solid #ffffff40;padding:10px;border-radius:20px}a,button{transition:background .2s,transform .2s}a:focus-visible,button:focus-visible{outline:3px solid #aa83ed;outline-offset:5px}@keyframes float{50%{transform:translateY(-15px) rotate(-4deg) rotateY(-8deg)}}.paused *{animation:none!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:760px){header{height:80px}.brand{font-size:22px}nav{gap:15px}nav a:not(:last-child){display:none}.hero{min-height:0;padding-bottom:30px}.hero-top span+span{display:none}h1{font-size:clamp(62px,14vw,105px);margin-top:50px}h1 em{padding-left:0}.hero-bottom{gap:20px;flex-wrap:wrap}.hero-bottom p{font-size:13px}.edition{display:none}.stage{height:450px;width:620px;left:50%;margin-left:-310px;transform:scale(.68);transform-origin:50% 30%;margin-bottom:-120px;margin-top:20px}.store{left:20%;width:370px}.side-card{left:0}.link-card{right:0;width:200px}.ribbon{font-size:8px;gap:15px;letter-spacing:1px}.ribbon span{max-width:130px}.experience,.statement{padding:70px 6vw}.journey{grid-template-columns:1fr;margin-top:35px;gap:30px}.visual{height:330px}.plans{grid-template-columns:1fr;padding:65px 6vw}.statement-art{font-size:300px;right:-130px}.plans h2{font-size:43px}footer{flex-wrap:wrap}footer p{flex-basis:100%;order:2}.hero .pill{padding:16px 20px}.plans article{min-height:310px}} 

/* Explain the product before the decorative story. */
h1{font-size:clamp(62px,8vw,128px);margin-top:48px}h1 em{padding-left:0}.hero-bottom{margin-top:26px;gap:40px}.hero-bottom p{max-width:460px}.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.hero-actions small{font-size:10px;color:var(--muted)}.demo-link{font-size:12px;text-decoration:underline;text-underline-offset:4px}.stage{margin-top:-5px}.hero{min-height:980px}@media(max-width:760px){h1{font-size:clamp(46px,10.5vw,78px);line-height:1.02;letter-spacing:-.065em}.hero{min-height:0}.hero-bottom{gap:20px}.hero-bottom p{line-height:1.7}.hero-bottom p br{display:none}.hero-actions{gap:13px}.stage{margin-top:25px}}

.profile-demo{position:relative;max-width:720px;margin:48px auto 0;background:#faf9f6;color:#242323;border:1px solid #fff8;border-radius:18px;box-shadow:0 35px 100px #0006;overflow:hidden}.profile-bar{padding:18px 24px;display:flex;justify-content:space-between;border-bottom:1px solid #ddd;font-size:15px}.profile-bar span{font-size:9px;letter-spacing:1.5px;align-self:center}.profile-info{display:flex;align-items:center;gap:22px;padding:26px}.profile-avatar{width:74px;height:74px;flex-shrink:0;border-radius:50%;background:#cbbbdd;border:4px solid white;outline:2px solid #b599cd;display:grid;place-items:center;font:italic 40px Georgia}.profile-info h2{font:600 23px Manrope;letter-spacing:-.6px;margin:0 0 10px}.profile-info p{font-size:12px;margin:5px 0}.profile-tabs{display:flex;justify-content:center;gap:65px;padding:15px;border-block:1px solid #ddd;font-size:12px}.profile-tabs span{color:#777}.profile-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;position:relative}.demo-post{position:relative;min-width:0;padding:0;border:0;border-radius:0;display:block;aspect-ratio:4/5;overflow:hidden;background:#242323;color:white}.demo-post img{width:100%;height:100%;object-fit:cover;display:block}.post-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:30px 10px 12px;font-size:12px;text-align:left}.product-bubble{position:absolute;left:10%;right:10%;top:55%;padding:13px 5px;background:#dcfa87;color:#202817;border-radius:9px;font-weight:700;font-size:13px;box-shadow:0 5px 25px #0007;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s}.profile-demo.show-link .selected-post .product-bubble{opacity:1;transform:none}.demo-cursor{position:absolute;width:30px;height:40px;left:65%;top:70%;pointer-events:none;filter:drop-shadow(0 3px 3px #0008);transition:left 1s ease,top 1s ease,transform .18s}.profile-demo.cursor-on .demo-cursor{left:19%;top:28%}.profile-demo.clicking .demo-cursor{transform:scale(.8)}.profile-explainer{padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px}.profile-explainer span{font-size:10px;color:#68635e}.hero{min-height:0}.profile-demo .selected-post:focus-visible{outline:4px solid #805ac0;outline-offset:-4px}@media(max-width:760px){.profile-demo{margin-top:35px}.profile-info{padding:20px 15px;gap:15px}.profile-info h2{font-size:19px}.profile-info p{font-size:10px}.profile-avatar{width:55px;height:55px;font-size:32px}.profile-bar{padding:15px}.profile-bar span{font-size:7px}.post-caption{font-size:9px}.product-bubble{font-size:10px;left:5%;right:5%;padding:10px 3px}.profile-explainer{flex-direction:column;align-items:flex-start;gap:6px}.demo-cursor{width:23px;height:31px}}

/* Cursor position follows scroll progress directly. */
.demo-cursor{transition:transform .12s}.profile-demo .product-bubble{transition:opacity .15s,transform .15s}

.profile-demo .demo-post:hover .product-bubble,.profile-demo .demo-post:focus-visible .product-bubble{opacity:1;transform:none;text-align:center}.product-bubble{text-align:center}.profile-posts:has(.demo-post:hover) .demo-cursor,.profile-posts:focus-within .demo-cursor{opacity:0}.profile-demo.show-link .profile-posts:has(.demo-post:hover) .selected-post:not(:hover):not(:focus-visible) .product-bubble{opacity:0}.demo-post:focus-visible{outline:4px solid #805ac0;outline-offset:-4px}@media(hover:none){.profile-demo .product-bubble{opacity:1;transform:none}}

.device-intro{max-width:620px;line-height:1.7;color:#69635d}.device-showcase{position:relative;max-width:1050px;margin:55px auto 35px;padding:0 100px 30px 0}.device-laptop{width:100%;filter:drop-shadow(0 25px 22px #29201a26)}.device-screen{background:linear-gradient(135deg,#434347,#17171a);border-radius:20px 20px 4px 4px;padding:22px 12px 12px;border:1px solid #6b6b6d}.device-camera{width:5px;height:5px;border-radius:50%;background:#747477;margin:-13px auto 8px}.device-window{position:relative;overflow:hidden;background:#17171a}.device-window iframe{border:0;display:block;transform-origin:top left;pointer-events:none}.laptop-base{height:23px;background:linear-gradient(#d3d3d6,#929299);margin:0 -30px;border-radius:2px 2px 45% 45%;box-shadow:0 3px 2px #666}.laptop-base span{display:block;width:18%;height:7px;margin:auto;background:#797980;border-radius:0 0 10px 10px}.device-phone{position:absolute;right:0;bottom:0;width:23%;padding:11px 7px 15px;border:3px solid #66656a;background:#17171a;border-radius:32px;box-shadow:0 25px 45px #0004}.device-phone .device-window{border-radius:21px}.phone-notch{position:absolute;z-index:2;top:15px;left:34%;width:32%;height:14px;background:#111;border-radius:20px}.phone-home-line{width:35%;height:3px;background:#ddd;border-radius:3px;margin:8px auto -7px}.device-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.device-actions .pill{background:#302936;color:white}.device-actions button{border:1px solid #aaa;background:transparent;color:#302936;padding:13px 18px;border-radius:25px}.device-actions span{font-size:12px;color:#69635d}@media(max-width:760px){.device-showcase{padding-right:45px;margin:40px 0 25px;padding-bottom:25px}.device-screen{padding:14px 6px 6px;border-radius:10px 10px 2px 2px}.device-camera{margin:-9px auto 5px;width:3px;height:3px}.laptop-base{height:12px;margin:0 -8px}.device-phone{width:28%;padding:5px 3px 10px;border-width:2px;border-radius:16px}.device-phone .device-window{border-radius:10px}.phone-notch{top:8px;height:6px}.device-actions{gap:15px}.device-actions span{width:100%}}

/* Product names match the prominent storefront cover labels. */
.profile-posts .post-caption{top:10px;bottom:auto;left:10px;right:10px;padding:9px 10px;background:#faf9f0f2;color:#25232a;border-radius:6px;font:800 clamp(13px,1.6vw,21px)/1.12 Manrope,sans-serif;text-align:center;box-shadow:0 2px 12px #0002;pointer-events:none}.profile-posts .demo-post img{transition:filter .2s}.profile-posts .demo-post:hover img{filter:brightness(.85)}@media(max-width:760px){.profile-posts .post-caption{top:6px;left:5px;right:5px;padding:6px 4px;font-size:clamp(10px,2.8vw,17px)}}

/* Compact translucent labels keep the video visible. */
.profile-posts .post-caption{right:auto;max-width:calc(100% - 20px);padding:7px 11px;background:rgba(18,18,22,.68);color:#fff;border:1px solid #ffffff24;border-radius:7px;font:600 14px/1.25 Manrope,sans-serif;letter-spacing:.1px;text-align:left;box-shadow:0 2px 8px #0002;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@media(max-width:760px){.profile-posts .post-caption{max-width:calc(100% - 10px);padding:5px 7px;font-size:clamp(10px,2.6vw,13px)}}

/* Centered storefront-style product lettering. */
.profile-posts .post-caption{top:16px;left:8px;right:8px;max-width:none;padding:0 5px;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;text-align:center;color:#fff1d3;font:400 clamp(24px,2.7vw,34px)/1.03 "Bebas Neue",Impact,sans-serif;text-transform:uppercase;letter-spacing:.3px;-webkit-text-stroke:6px #10100f;paint-order:stroke fill;text-shadow:1px 2px #10100f,2px 4px #10100f,3px 6px #10100f,4px 8px #10100f}@media(max-width:760px){.profile-posts .post-caption{top:12px;left:5px;right:5px;padding:0 2px;font-size:clamp(18px,5vw,29px);-webkit-text-stroke:4px #10100f;text-shadow:1px 2px #10100f,2px 4px #10100f,3px 5px #10100f}}