.spot{grid-template-columns:minmax(0,1fr) 360px;gap:20px;display:grid}.spot__stage{aspect-ratio:16/9;border-radius:var(--r-xl);box-shadow:0 0 0 1px var(--line-2), var(--sh-3), 0 0 120px -40px rgba(var(--pink-rgb), .5);isolation:isolate;position:relative;overflow:hidden}.spot__slide{opacity:0;transition:opacity 1.1s var(--ease-out);position:absolute;inset:0}.spot__slide.is-active{opacity:1}.spot__slide .ph{--sh:92%;transition:transform 7s linear;position:absolute;inset:0;transform:scale(1.08)}.spot__slide.is-active .ph{transform:scale(1)}.spot__shade{z-index:2;background:linear-gradient(90deg, rgba(var(--bg-0-rgb), .88) 0%, rgba(var(--bg-0-rgb), .4) 45%, transparent 75%), linear-gradient(0deg, rgba(var(--bg-0-rgb), .7), transparent 45%);position:absolute;inset:0}.spot__bars{z-index:4;gap:6px;display:flex;position:absolute;inset:22px 26px auto}.spot__bars span{background:#fff3;border-radius:3px;flex:1;height:3px;overflow:hidden}.spot__bars span i{background:#fff;width:0;height:100%;display:block;box-shadow:0 0 8px #fff}.spot__bars span.is-done i{width:100%}.spot__bars span.is-active i{animation:bar var(--spot-t,6s) linear forwards}@keyframes bar{to{width:100%}}.spot__copy{z-index:3;max-width:520px;position:absolute;bottom:clamp(24px,4vw,52px);left:clamp(24px,4vw,56px)}.spot__copy h3{font-family:var(--font-serif);margin:16px 0 10px;font-size:clamp(28px,3.2vw,48px);font-weight:600;line-height:1.2}.spot__copy p{color:var(--text-2);font-size:15px}.spot__copy .row{margin-top:24px}.spot__meta{color:var(--text-2);align-items:center;gap:10px;margin-top:14px;font-size:13px;display:flex}.spot__list{align-content:start;gap:10px;display:grid}.spot__item{text-align:left;transition:background var(--dur-2), border-color var(--dur-2);border:1px solid #0000;border-radius:20px;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:14px;padding:10px;display:grid}.spot__item:hover{background:var(--fill-1)}.spot__item.is-active{background:linear-gradient(90deg, rgba(var(--pink-rgb), .14), #ffffff05);border-color:rgba(var(--pink-hi-rgb), .35)}.spot__item .ph{aspect-ratio:16/10;--sh:90%;border-radius:14px}.spot__item b{font-size:15px;font-weight:500;line-height:1.4;display:block}.spot__item small{color:var(--muted);margin-top:4px;font-size:12px;display:block}@media (max-width:1199px){.spot{grid-template-columns:1fr}.spot__list{scrollbar-width:none;grid-auto-columns:minmax(260px,1fr);grid-auto-flow:column;padding-bottom:6px;overflow-x:auto}}@media (max-width:809px){.spot__stage{aspect-ratio:4/5;border-radius:var(--r-lg)}.spot__shade{background:linear-gradient(0deg, rgba(var(--bg-0-rgb), .95) 10%, rgba(var(--bg-0-rgb), .3) 60%, transparent)}.spot__copy{bottom:22px;left:20px;right:20px}.spot__copy p{display:none}.spot__copy .btn{flex:1}.spot__list{grid-auto-columns:240px}.spot__item{grid-template-columns:84px minmax(0,1fr)}}.wall{position:relative;overflow:hidden}.wall__cta{z-index:4;text-align:center;border-radius:36px;justify-items:center;gap:18px;width:min(460px,100% - 32px);padding:36px 44px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wall__cta h3{font-family:var(--font-serif);font-size:clamp(22px,2.2vw,30px);font-weight:600;line-height:1.35}@media (max-width:809px){.wall__cta{padding:28px 24px}}.duo{perspective:1800px}.duo__grid{transform-style:preserve-3d;grid-template-columns:1.15fr .85fr;gap:24px;display:grid}.duo-card{border-radius:var(--r-xl);isolation:isolate;min-height:600px;box-shadow:0 0 0 1px var(--line-2), var(--sh-3);transform:rotateX(max(0deg, calc((.42 - var(--p,.42)) * 70deg))) translateZ(min(0px, calc((.42 - var(--p,.42)) * -300px)));transform-origin:50% 100%;flex-direction:column;justify-content:flex-end;padding:clamp(28px,3.4vw,48px);transition:transform .2s linear;display:flex;position:relative;overflow:hidden}.duo-card+.duo-card{transform:rotateX(max(0deg, calc((.48 - var(--p,.48)) * 70deg))) translateZ(min(0px, calc((.48 - var(--p,.48)) * -300px)))}.duo-card>.ph{z-index:-2;position:absolute;inset:0}.duo-card:before{content:"";z-index:-1;background:linear-gradient(180deg, rgba(var(--bg-0-rgb), .1) 20%, rgba(var(--bg-0-rgb), .92) 92%);position:absolute;inset:0}.duo-card h3{font-family:var(--font-serif);margin:14px 0 12px;font-size:clamp(28px,3vw,44px);font-weight:600;line-height:1.25}.duo-card p{color:var(--text-2);max-width:440px}.duo-card .row{margin-top:26px}.duo-card__ui{border-radius:22px;width:min(320px,60%);padding:14px;position:absolute;top:clamp(28px,3.4vw,48px);right:clamp(28px,3.4vw,48px)}.mini-player{align-items:center;gap:12px;display:flex}.mini-player .ph{--sh:95%;border-radius:14px;flex:none;width:56px;height:56px}.mini-player__bar{background:#ffffff26;border-radius:3px;height:3px;margin-top:10px;overflow:hidden}.mini-player__bar i{background:var(--grad-brand);width:62%;height:100%;display:block}.phone{aspect-ratio:9/19;background:linear-gradient(160deg, var(--bg-4), var(--bg-0));width:230px;box-shadow:inset 0 0 0 1.5px #ffffff2e, 0 50px 100px -30px rgba(var(--bg-0-rgb), .9), 0 0 80px -20px rgba(var(--pink-rgb), .45);border-radius:40px;padding:10px;position:relative}.phone__screen{background:var(--bg-1);border-radius:31px;height:100%;position:relative;overflow:hidden}.phone__notch{z-index:5;background:#000;border-radius:12px;width:78px;height:22px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.duo-card--app{justify-content:flex-end}.duo-card--app>h3,.duo-card--app>p{max-width:58%}.duo-card--app .phone{width:190px;position:absolute;top:40px;right:36px;transform:rotate(6deg)}.app-mock{align-content:start;gap:10px;padding:44px 14px 14px;font-size:12px;display:grid;position:absolute;inset:0}.app-mock .ph{aspect-ratio:4/5;border-radius:16px}.app-mock__row{gap:8px;display:flex}.app-mock__row .ph{aspect-ratio:1;border-radius:12px;flex:1}@media (max-width:1199px){.duo__grid{grid-template-columns:1fr}.duo-card{min-height:520px}}@media (max-width:809px){.duo-card__ui{width:100%;margin-bottom:auto;position:relative;top:auto;right:auto}.duo-card--app{min-height:760px}.duo-card--app>h3,.duo-card--app>p{max-width:none}.duo-card--app .phone{width:180px;top:28px;right:50%;transform:translate(50%)rotate(-5deg)}}.manifesto{font-family:var(--font-serif);letter-spacing:.04em;font-size:clamp(26px,3.6vw,54px);font-weight:500;line-height:1.55}.manifesto .w{opacity:clamp(.14, calc(var(--p,1) * 2.5 * var(--n,1) - var(--n,1) * .5 - var(--k,0)), 1);transition:opacity .25s linear}.manifesto em{font-family:var(--font-display);color:var(--pink-hi);font-style:italic}.chapter{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,110px);display:grid}.chapter+.chapter{margin-top:clamp(96px,12vw,180px)}.chapter h3{font-family:var(--font-serif);margin:18px 0;font-size:clamp(28px,3vw,46px);font-weight:600;line-height:1.3}.chapter ul{gap:12px;margin-top:28px;display:grid}.chapter li{color:var(--text-2);align-items:center;gap:12px;display:flex}.chapter li .i{color:var(--pink-hi)}@media (max-width:1199px){.chapter{grid-template-columns:1fr}}.stats{border-block:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.stat{border-left:1px solid var(--line);padding:clamp(32px,4vw,56px) clamp(16px,2vw,32px)}.stat:first-child{border-left:0}.stat p{color:var(--muted);margin-top:12px;font-size:14px}@media (max-width:1199px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat:nth-child(3){border-left:0}.stat:nth-child(n+3){border-top:1px solid var(--line)}}.trust{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:clamp(40px,6vw,96px);display:grid}.trust__head{position:sticky;top:120px}.trust__head h2{margin:20px 0}.shield-orb{aspect-ratio:1;border-radius:50%;place-items:center;width:220px;margin-top:44px;display:grid;position:relative}.shield-orb span{inset:calc(var(--k) * 26px);border:1px solid rgba(var(--pink-hi-rgb), calc(.4 - var(--k) * .08));animation:breathe 4s var(--ease-io) infinite;animation-delay:calc(var(--k) * -.6s);border-radius:50%;position:absolute}.shield-orb .icon-tile{border-radius:26px;width:80px;height:80px}.shield-orb .icon-tile .i{width:34px;height:34px}@keyframes breathe{50%{opacity:.6;transform:scale(1.06)}}.trust__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.trust__grid .card h3{margin:22px 0 10px;font-size:19px;font-weight:600}.trust__grid .card p{color:var(--muted);font-size:14.5px;line-height:1.85}@media (max-width:1199px){.trust{grid-template-columns:1fr}.trust__head{position:static}.shield-orb{display:none}}@media (max-width:809px){.trust__grid{grid-template-columns:1fr}}.teaser{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(40px,6vw,100px);display:grid}.earn-card{width:min(290px,70%);padding:22px;position:absolute;bottom:10%;right:0}.earn-card .num{letter-spacing:-.01em;font-size:34px;font-weight:600}.earn-card svg{width:100%;height:64px;margin-top:10px}.benefits{gap:18px;margin-top:32px;display:grid}.benefit{grid-template-columns:auto 1fr;align-items:start;gap:16px;display:grid}.benefit b{font-size:17px;font-weight:600;display:block}.benefit p{color:var(--muted);margin-top:4px;font-size:14.5px}@media (max-width:1199px){.teaser{grid-template-columns:1fr}}.finale{text-align:center;padding-block:clamp(80px,11vw,128px);position:relative;overflow:hidden}.portal{aspect-ratio:1;pointer-events:none;border-radius:50%;width:min(900px,130vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portal:before,.portal:after{content:"";background:conic-gradient(from 0deg, rgba(var(--pink-rgb), 0), rgba(var(--pink-rgb), .55), rgba(var(--violet-rgb), .5), rgba(var(--pink-rgb), 0));filter:blur(2px);border-radius:50%;animation:18s linear infinite spin;position:absolute;inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 64%,#000 65% 66%,#0000 72%);mask:radial-gradient(farthest-side,#0000 64%,#000 65% 66%,#0000 72%)}.portal:after{opacity:.6;animation-duration:26s;animation-direction:reverse;inset:12%}.portal i{background:radial-gradient(circle, rgba(var(--pink-rgb), .35), transparent 70%);filter:blur(40px);border-radius:50%;position:absolute;inset:25%}.finale h2{font-family:var(--font-serif);font-size:var(--fs-d1);letter-spacing:.02em;font-weight:600;line-height:1.2;position:relative}.finale h2 em{font-family:var(--font-display);font-style:italic;font-weight:500}.finale .row{justify-content:center;margin-top:40px;position:relative}.finale p{position:relative}.home-design .ph>.home-cover,.home-design .avatar>.home-cover,.home-design .avatar .ph>.home-cover{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.home-design .avatar{position:relative;overflow:hidden}.home-design .ph:has(>.home-cover):after{z-index:1}.home-design .creator-portrait{min-width:0;height:auto;font:inherit;color:inherit;text-align:left;background:0 0;border:0;border-radius:0;padding:0;display:block}.home-design .creator-portrait:nth-child(2n){margin-top:58px}.home-design .creator-portrait>.ph{aspect-ratio:3/4;border-radius:120px 120px 4px 4px;display:block;overflow:hidden}.home-design .creator-portrait>.ph--photo>.home-cover{opacity:.9}.home-design .creator-portrait>.ph--photo:before{display:none}.home-design .creator-portrait>.ph--photo:after{background:radial-gradient(70% 55% at 50% 30%, rgba(var(--pink-rgb), .35), transparent 70%);opacity:1;mix-blend-mode:screen}@media (max-width:1199px){.home-design .creator-portrait:nth-child(2n){margin-top:0}.home-design .creator-portrait:nth-child(3n+2){margin-top:45px}}.br-sm{display:none}@media (max-width:809px){.br-sm{display:inline}}.home-design .finale .lead{text-align:center;margin-inline:auto}.door2__inner{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(32px,5vw,80px);display:grid}.door2__copy{justify-items:start;gap:22px;display:grid}.door2__copy .lead{max-width:520px}.door2__visual{place-items:center;padding-block:24px;display:grid}.door2__visual .phone{width:clamp(200px,22vw,250px);transform:rotate(6deg)}@media (max-width:809px){.door2__inner{grid-template-columns:1fr}.door2__visual .phone{width:200px}}.home-design .finale__trust{text-align:center;color:var(--text-2);margin:14px auto 0;font-size:14px}.home-design .finale__trust a{color:var(--text);text-underline-offset:3px;text-decoration:underline}
