.phn-tracker{z-index:55;-webkit-backdrop-filter:blur(14px)saturate(140%);font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--color-fg);opacity:0;pointer-events:none;background:#06070ab3;border:1px solid #c9ff3a2e;border-radius:999px;align-items:center;gap:20px;padding:12px 22px;font-size:13px;transition:opacity .4s,transform .4s;display:flex;position:fixed;bottom:28px;left:40px;transform:translateY(8px);box-shadow:0 4px 28px #00000059,0 0 0 1px #c9ff3a0f,inset 0 1px #ffffff0a}.phn-tracker.phn-in{opacity:1;transform:translateY(0)}.phn-tracker .phn-step-label{font-weight:500}.phn-tracker .phn-step-label .phn-num{color:var(--color-acc);font-variant-numeric:tabular-nums;text-shadow:0 0 14px #c9ff3a8c;font-size:14px;font-weight:600}.phn-tracker .phn-bar{background:#ffffff1a;border-radius:999px;width:220px;height:3px;position:relative;overflow:hidden}.phn-tracker .phn-bar i{background:var(--color-acc);transform-origin:0;transition:transform .12s linear;position:absolute;inset:0;transform:scaleX(0);box-shadow:0 0 14px #c9ff3ab3,0 0 28px #c9ff3a59}.phn-tracker #phn-tracker-name{color:var(--color-acc);text-shadow:0 0 12px #c9ff3a66;letter-spacing:.22em;font-weight:600}@media (max-width:768px){.phn-tracker{justify-content:space-between;gap:14px;padding:9px 16px;font-size:11px;bottom:16px;left:16px;right:16px}.phn-tracker .phn-bar{width:100px;height:2px}.phn-tracker .phn-step-label .phn-num{font-size:12px}}.phn-stage{height:4500vh;position:relative}.phn-stage .phn-pin{background:0 0;width:100%;height:100vh;position:sticky;top:0;overflow:hidden}.phn-beat-intro{text-align:center;will-change:opacity, transform, filter;flex-direction:column;justify-content:center;align-items:center;padding:0 40px;display:flex;position:absolute;inset:0}.phn-beat-intro .phn-eye{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--color-fg);border:1px solid var(--color-fg);border-radius:999px;align-items:center;gap:12px;margin-bottom:48px;padding:10px 18px;font-size:11px;display:inline-flex}.phn-beat-intro .phn-eye .phn-dot{background:var(--color-acc);width:6px;height:6px;box-shadow:0 0 8px var(--color-acc);border-radius:50%}.phn-beat-intro h2{font-family:var(--font-display);letter-spacing:-.04em;text-transform:uppercase;max-width:14ch;margin:0;font-size:clamp(56px,11vw,180px);font-weight:700;line-height:.92}.phn-beat-intro h2 em{font-family:var(--font-fraunces);color:var(--color-acc);text-transform:none;letter-spacing:-.02em;font-style:italic;font-weight:400}.phn-beat-intro .phn-sub{color:var(--color-dim);max-width:50ch;margin:32px 0 0;font-size:18px;line-height:1.5}.phn-beat-intro .phn-scroll-hint{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--color-dim);align-items:center;gap:12px;margin-top:80px;font-size:10px;display:inline-flex}.phn-beat-intro .phn-scroll-hint .phn-arrow{background:var(--color-acc);width:24px;height:1px;animation:2s ease-in-out infinite phnSlide;display:inline-block}@keyframes phnSlide{0%,to{transform:translate(0)}50%{transform:translate(8px)}}.phn-etape{will-change:opacity;position:absolute;inset:0}.phn-etape:before{content:"";font-family:var(--font-display);color:#ffffff06;pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:-.06em;will-change:transform;font-size:clamp(360px,52vw,680px);font-weight:700;line-height:.78;position:absolute;top:50%;right:-4%}.phn-etape[data-i="0"]:before{content:"01"}.phn-etape[data-i="1"]:before{content:"02"}.phn-etape[data-i="2"]:before{content:"03"}.phn-etape[data-i="3"]:before{content:"04"}.phn-title-group{transform-origin:0 0;will-change:transform, opacity, filter;z-index:5;position:absolute;top:0;left:0}.phn-title-group .phn-eye{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--color-dim);border:1px solid var(--color-dim);border-radius:999px;align-items:center;gap:12px;margin-bottom:24px;padding:8px 16px;font-size:11px;display:inline-flex}.phn-title-group .phn-eye .phn-dot{background:var(--color-acc);width:6px;height:6px;box-shadow:0 0 8px var(--color-acc);border-radius:50%}.phn-title-group .phn-eye .phn-num{color:var(--color-acc)}.phn-title-group .phn-num-big{font-family:var(--font-display);color:var(--color-acc);letter-spacing:-.04em;text-shadow:0 0 60px #c9ff3a66;margin-bottom:8px;font-size:240px;font-weight:700;line-height:.85}.phn-title-group h3{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:120px;font-weight:700;line-height:.92}.phn-desc-block{z-index:3;will-change:opacity, transform, filter;pointer-events:none;justify-content:center;align-items:center;padding:120px 60px;display:flex;position:absolute;inset:0}.phn-desc-block .phn-inner{text-align:center;pointer-events:auto;width:100%;max-width:820px}.phn-desc-block .phn-label{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--color-acc);align-items:center;gap:10px;margin-bottom:32px;font-size:11px;display:inline-flex}.phn-desc-block .phn-label:before{content:"";background:var(--color-acc);width:24px;height:1px;display:inline-block}.phn-desc-block .phn-desc{letter-spacing:-.02em;color:var(--color-fg);text-wrap:balance;margin:0;font-size:clamp(26px,3.2vw,44px);font-weight:400;line-height:1.25}.phn-desc-block .phn-desc em{color:var(--color-acc);font-style:normal;font-weight:500}.phn-micro-list{z-index:6;flex-direction:column;gap:24px;width:540px;margin:0;padding:0;list-style:none;display:flex;position:absolute;top:50%;left:56px;transform:translateY(-50%)}.phn-micro-list .phn-micro{border-left:2px solid var(--color-line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);will-change:opacity, filter, border-color, background;background:#0a0a0a8c;flex-direction:column;gap:14px;padding:32px 36px;transition:border-color .5s,background .5s,box-shadow .5s;display:flex;position:relative}.phn-micro-list .phn-micro.phn-active{border-left-color:var(--color-acc);background:#c9ff3a14;box-shadow:-2px 0 40px #c9ff3a26}.phn-micro-list .phn-micro .phn-top{align-items:center;gap:16px;display:flex}.phn-micro-list .phn-micro .phn-arrow{color:var(--color-acc);font-size:26px;font-family:var(--font-mono);flex-shrink:0;font-weight:500}.phn-micro-list .phn-micro .phn-label{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--color-dim);font-size:13px}.phn-micro-list .phn-micro.phn-active .phn-label{color:var(--color-acc)}.phn-micro-list .phn-micro .phn-text{color:var(--color-fg);letter-spacing:-.015em;font-size:30px;font-weight:500;line-height:1.22}.phn-illus-area{aspect-ratio:3/2;will-change:opacity, transform, filter;z-index:3;width:60%;max-width:880px;position:absolute;top:50%;right:48px;transform:translateY(-50%)}.phn-illus-area svg{width:100%;height:100%}.phn-illus-area svg .phn-draw{stroke-dasharray:1;stroke-dashoffset:1px;fill:none}.phn-illus-area svg .phn-reveal{opacity:0}.phn-illus-area svg .phn-pop{opacity:0;transform-origin:50%;transform-box:fill-box}.phn-illus-area svg text{font-family:var(--font-mono);letter-spacing:.05em}.phn-illus-area svg .phn-svg-label{fill:#fff6;letter-spacing:.15em;text-transform:uppercase;font-size:9px}.phn-illus-area svg .phn-key{fill:var(--color-acc);font-family:var(--font-display);letter-spacing:.05em;font-size:13px;font-weight:700}.phn-illus-area svg .phn-key-mono{fill:var(--color-acc);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:10px}.phn-illus-area .phn-video{object-fit:cover;background:0 0;border-radius:0;width:100%;height:100%;display:block;-webkit-mask-image:radial-gradient(#000 55%,#000000b3 70%,#0000 95%);mask-image:radial-gradient(#000 55%,#000000b3 70%,#0000 95%)}@keyframes phnPulseLive{0%,to{opacity:.3}50%{opacity:1}}.phn-live{animation:1.5s ease-in-out infinite phnPulseLive}.phn-outro{text-align:center;font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--color-dim);padding:120px 40px;font-size:10px}