:root{--night:#0D0B14;--wall:#18131F;--wall-2:#221B2B;--card:#1B1624;--card-edge:#2E2639;--text:#F4EEF4;--muted:#B4AABD;--pink:#E8457A;--pink-deep:#7A1F43;--teal:#3FD9B4;--teal-ink:#06231C;--glass:#1D2A44;--px:0;--py:0;--mono:"Martian Mono",ui-monospace,Menlo,Consolas,monospace;--sans:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--night);color:var(--text)}body{font-family:var(--sans);font-weight:400;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;overflow-x:hidden;-webkit-font-smoothing:antialiased}.scene{position:fixed;inset:0;overflow:hidden;z-index:0;pointer-events:none}.scene .layer{position:absolute;inset:-40px;will-change:transform}.scene svg{width:100%;height:100%;display:block}.l-far{transform:translate3d(calc(var(--px) * -6px),calc(var(--py) * -4px),0)}.l-mid{transform:translate3d(calc(var(--px) * -14px),calc(var(--py) * -8px),0)}.l-near{transform:translate3d(calc(var(--px) * -28px),calc(var(--py) * -14px),0)}.scene .shade{position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 42%,rgba(13,11,20,.35) 0,rgba(13,11,20,.78) 62%,rgba(13,11,20,.96) 100%)}.wrap{position:relative;z-index:1;flex:1;width:100%;max-width:1120px;margin:0 auto;padding:14px 16px 8px;display:flex;flex-direction:column;align-items:center;gap:clamp(10px,2vh,20px)}.top{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.logo{display:flex;align-items:center;gap:10px}.logo img{width:40px;height:40px;border-radius:10px;object-fit:cover;background:#fff;box-shadow:0 0 0 1px var(--card-edge)}.tag{font-family:var(--mono);font-size:clamp(.6rem,1.6vw,.72rem);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:8px;white-space:nowrap}.tag i{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 10px var(--teal)}.band{text-align:center;display:flex;flex-direction:column;align-items:center;gap:clamp(6px,1.2vh,12px)}h1{display:flex;flex-direction:column;align-items:center;gap:clamp(4px,1vh,10px);font-weight:400}.wm{font-family:var(--mono);font-weight:700;font-size:clamp(3rem,min(11vw,14vh),7.2rem);line-height:.92;letter-spacing:-.04em;display:inline-flex}.wm span{background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.wm .a{background-image:repeating-linear-gradient(90deg,rgba(13,11,20,.42) 0 2px,transparent 2px 7px),linear-gradient(180deg,#FFF 0,#E4DBE6 100%)}.wm .b{background-image:repeating-linear-gradient(90deg,rgba(13,11,20,.5) 0 2px,transparent 2px 7px),linear-gradient(180deg,#FF7AA3 0,var(--pink) 70%,#C92F63 100%)}.promise{font-family:var(--sans);font-size:clamp(1.05rem,2.4vw,1.5rem);line-height:1.25;color:var(--text);max-width:34ch}.lead{font-size:clamp(.92rem,1.7vw,1.05rem);line-height:1.5;color:var(--muted);max-width:56ch}.lead b{font-weight:400;color:var(--text)}.board{width:100%;display:flex;justify-content:center;align-items:center;padding:10px 0 4px}.slot{flex:0 0 auto;transform:translate3d(calc(var(--px) * var(--d) * 1px),calc(var(--py) * var(--d) * .6px),0);will-change:transform}.slot-l{--d:10;z-index:1}.slot-c{--d:18;z-index:3}.slot-r{--d:10;z-index:2}.tile{--r:0deg;position:relative;width:clamp(200px,22vw,236px);height:clamp(250px,38vh,300px);border-radius:16px;background:linear-gradient(180deg,var(--card) 0,#15111C 100%);border:1px solid var(--card-edge);box-shadow:0 22px 40px -14px rgba(0,0,0,.75),0 2px 0 rgba(255,255,255,.04) inset;display:flex;flex-direction:column;overflow:hidden;transform:rotate(var(--r));animation:deal .62s cubic-bezier(.2,.9,.25,1.12) both;outline:none;-webkit-tap-highlight-color:transparent}.slot-l .tile{--r:-4.5deg;animation-delay:.18s;cursor:pointer}.slot-c .tile{--r:0deg;width:clamp(220px,24vw,262px);height:clamp(270px,41vh,326px);border-color:rgba(63,217,180,.45);animation-delay:.05s}.slot-r .tile{--r:4deg;animation-delay:.3s;cursor:pointer}.slot-l{margin-right:-22px;margin-top:22px}.slot-r{margin-left:-22px;margin-top:22px}@keyframes deal{from{opacity:0;transform:translate3d(0,70px,0) rotate(calc(var(--r) - 14deg)) scale(.92)}to{opacity:1;transform:rotate(var(--r))}}.tile:focus-visible{box-shadow:0 0 0 3px var(--teal),0 22px 40px -14px rgba(0,0,0,.75)}.stub{display:flex;justify-content:space-between;align-items:center;padding:10px 12px 9px;border-bottom:1px dashed var(--card-edge);font-family:var(--mono);font-size:clamp(.58rem,1.3vw,.66rem);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.stub strong{font-weight:700;color:var(--text)}.slot-c .stub strong{color:var(--teal)}.view{position:relative;flex:1;display:flex;align-items:center;justify-content:center;perspective:520px;min-height:0}.cone{position:absolute;inset:0;width:100%;height:100%}.phone{position:relative;height:78%;aspect-ratio:9/18.6;border-radius:14px;background:#07060B;border:2px solid #3A3246;padding:4px;box-shadow:0 14px 24px -10px rgba(0,0,0,.9);transition:transform .45s cubic-bezier(.2,.8,.2,1)}.slot-l .phone{transform:rotateY(46deg) rotateZ(-2deg)}.slot-r .phone{transform:rotateY(-46deg) rotateZ(2deg)}.phone::before{content:"";position:absolute;top:7px;left:50%;width:26%;height:5px;margin-left:-13%;border-radius:4px;background:#07060B;z-index:3}.screen{position:relative;height:100%;border-radius:10px;overflow:hidden;background:linear-gradient(180deg,#FBF7FA 0,#EFE8F0 100%);padding:16px 7px 7px;display:flex;flex-direction:column;gap:5px}.ln{height:5px;border-radius:3px;background:#CFC5D3}.ln.h{height:7px;width:52%;background:#3B3144}.bub{border-radius:8px;padding:5px;display:flex;flex-direction:column;gap:3px;max-width:78%}.bub .ln{background:rgba(255,255,255,.75)}.bub.in{background:#E3DAE6}.bub.in .ln{background:#A99DB0}.bub.out{background:var(--pink);align-self:flex-end}.pm{margin-top:auto;display:flex;align-items:center;gap:4px;font-family:var(--mono);font-size:.46rem;letter-spacing:.04em;color:#0B5A47;background:#D2F6EC;border-radius:6px;padding:4px 5px;white-space:nowrap}.pm i{width:5px;height:5px;border-radius:50%;background:#16A884}.veil{position:absolute;inset:0;border-radius:10px;background:repeating-linear-gradient(90deg,#030205 0 3px,#0B0910 3px 5px);opacity:1;transition:opacity .35s ease}.veil::after{content:"";position:absolute;inset:0;border-radius:10px;background:linear-gradient(125deg,rgba(232,69,122,.16) 0,transparent 45%,rgba(255,255,255,.05) 70%,transparent 100%)}.cap{padding:9px 12px 12px;display:flex;flex-direction:column;gap:2px}.cap .who{font-family:var(--mono);font-size:clamp(.56rem,1.2vw,.62rem);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.cap .saw{font-size:clamp(.88rem,1.6vw,.98rem);color:var(--text)}.slot-c .cap .saw{color:var(--teal)}.slot-l .cap .saw,.slot-r .cap .saw{color:#FF8FB1}.tile.peek .veil{opacity:0}.tile.peek{animation:none;transform:rotate(var(--r))}.tile.peek .view{animation:jolt .32s cubic-bezier(.3,1.6,.5,1)}.tile.peek .cap .saw{color:var(--text)}@keyframes jolt{0%{transform:scale(1)}40%{transform:scale(.95)}100%{transform:scale(1)}}.hint{font-family:var(--mono);font-size:clamp(.56rem,1.3vw,.64rem);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:center}.act{display:flex;flex-direction:column;align-items:center;gap:9px;padding-top:2px}.cta{display:inline-flex;align-items:center;gap:12px;padding:16px 30px;border-radius:12px;background:var(--teal);color:var(--teal-ink);font-family:var(--mono);font-weight:700;font-size:clamp(.92rem,2vw,1.05rem);letter-spacing:.01em;text-decoration:none;box-shadow:0 10px 30px -8px rgba(63,217,180,.55),0 3px 0 #1F9C7E;transition:transform .2s cubic-bezier(.3,1.7,.5,1),box-shadow .2s ease}.cta svg{width:18px;height:18px;flex:0 0 auto}.cta:hover{transform:translateY(-2px);box-shadow:0 14px 34px -8px rgba(63,217,180,.65),0 5px 0 #1F9C7E}.cta:active{transform:translateY(2px) scale(1.04,.9);box-shadow:0 4px 14px -6px rgba(63,217,180,.6),0 0 0 #1F9C7E;transition-duration:.08s}.cta:focus-visible{outline:3px solid var(--text);outline-offset:4px}.under{font-size:clamp(.82rem,1.5vw,.9rem);color:var(--muted);text-align:center}footer{position:relative;z-index:1;text-align:center;padding:10px 16px 16px;font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;color:var(--muted)}@media(max-width:759px){.tag .long{display:none}.board{justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;gap:12px;width:calc(100%+32px);margin:0 -16px;padding:8px 16px 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.board::-webkit-scrollbar{display:none}.slot{margin:0!important;scroll-snap-align:center;transform:none}.slot-c{order:-1}.slot-r{order:1}.tile,.slot-c .tile{width:min(62vw,236px);height:clamp(196px,31vh,250px)}.slot-l .tile{--r:-1.5deg}.slot-r .tile{--r:1.5deg}.phone{height:74%}}@media(max-height:700px) and (min-width:760px){.tile{height:clamp(220px,36vh,280px)}.slot-c .tile{height:clamp(236px,39vh,300px)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.slot,.scene .layer{transform:none!important}}html,body{max-width:100%;overflow-x:clip}