.ab-amp{transform-style:preserve-3d;animation:9s ease-in-out infinite ab-sway;position:absolute;top:0;left:0}.ab-amp span{font-family:var(--font-display);font-weight:500;font-size:var(--size);color:color-mix(in srgb, #1b2440 calc((1 - var(--k)) * 100%), #3b4f8c);white-space:nowrap;line-height:1;position:absolute;top:0;left:0;translate:-50% -55%}.ab-amp .ab-amp-face{background:linear-gradient(160deg,#f6f6f4 10%,#aeb4bd 45%,#5b8cff 90%);color:#0000;filter:drop-shadow(0 0 30px #5b8cff59);-webkit-background-clip:text;background-clip:text}@keyframes ab-sway{0%,to{rotate:y -16deg}50%{rotate:y 16deg}}.ab-conv-stage{perspective:1500px;perspective-origin:50% 45%}.ab-conv-cam{transform-style:preserve-3d;position:absolute}.ab-disc{background:radial-gradient(circle at 40% 35%,#ffffff14,#ffffff04 70%);border:1.5px solid #ffffff40;border-radius:50%;place-items:center;width:300px;height:300px;transition:border-color .5s,box-shadow .5s,background .5s;display:grid;position:absolute;top:-150px;left:-150px}.ab-disc span{opacity:var(--label,1);font-family:var(--font-display);letter-spacing:-.02em;color:#e6e8ec;font-size:22px}.ab-disc[data-tone="0"] span{translate:-40px -40px}.ab-disc[data-tone="1"] span{translate:40px -40px}.ab-disc[data-tone="2"] span{translate:0 60px}.ab-disc[data-active=true]{background:radial-gradient(circle at 40% 35%,#5b8cff33,#5b8cff0a 70%);border-color:#8fb0ffd9;box-shadow:0 0 60px -10px #5b8cff80}.ab-disc[data-tone="2"][data-active=true]{background:radial-gradient(circle at 40% 35%,#8b7cf638,#8b7cf60a 70%);border-color:#8b7cf6e6}.ab-conv-amp{transform-style:preserve-3d;position:absolute}.ab-pillars{gap:6px;display:grid}.ab-pillars li{border:1px solid #0000;border-radius:14px;gap:4px;padding:12px 14px;transition:background .4s,border-color .4s;display:grid}.ab-pillars b{color:#9ca3af;font-size:16px;transition:color .4s}.ab-pillars span{color:#8b919b;font-size:14px;line-height:1.5;transition:color .4s}.ab-pillars li[data-active=true]{background:#5b8cff12;border-color:#5b8cff4d}.ab-pillars li[data-active=true] b{color:#fff}.ab-pillars li[data-active=true] span{color:#c4c8cf}.ab-manifesto{perspective:900px;max-width:1100px}.ab-mf-text{transform-style:preserve-3d;text-align:center;font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(2rem,6vw,5.2rem);font-weight:500;line-height:1.08}.ab-mf-line{transform-style:preserve-3d;display:block}.ab-mf-word{opacity:0;margin:0 .12em;display:inline-block}.ab-mf-word[data-accent]{background:linear-gradient(90deg,#8fb0ff,#b3a9ff);color:#0000;-webkit-background-clip:text;background-clip:text}.ab-listen{width:110px;height:110px;position:relative}.ab-listen i{animation:sp-pulse calc(3.4s * var(--spd)) ease-out infinite reverse;border:1.5px solid #8fb0ffb3;border-radius:50%;position:absolute;inset:0}.ab-listen i:nth-child(2){animation-delay:calc(1.1s * var(--spd))}.ab-listen i:nth-child(3){animation-delay:calc(2.2s * var(--spd))}.ab-listen b{background:#f6f6f4;border-radius:50%;position:absolute;inset:42px;box-shadow:0 0 20px #fff6}.ab-detail{transform-style:preserve-3d;grid-template-columns:repeat(4,18px);gap:4px;display:grid;position:relative;transform:rotateX(40deg)rotate(-25deg)}.ab-detail i{background:#ffffff14;border:1px solid #ffffff1f;border-radius:4px;height:18px}.ab-detail i:nth-child(6),.ab-detail i:nth-child(7),.ab-detail i:nth-child(10),.ab-detail i:nth-child(11){background:var(--sp-accent);border-color:var(--sp-accent)}.ab-detail b{border:3px solid #f6f6f4;border-radius:50%;position:absolute;inset:18px;transform:translateZ(30px)}.sp-mod[data-state=active] .ab-detail b{transform:translateZ(60px)scale(1.15)}.ab-talk{width:140px;height:90px;transform-style:preserve-3d;position:relative;transform:rotateY(-20deg)}.ab-talk span{background:#ffffff1f;border:1px solid #ffffff29;border-radius:18px 18px 18px 6px;width:92px;height:52px;position:absolute}.ab-talk span+span{background:var(--sp-accent);border-radius:18px 18px 6px;bottom:0;right:0;transform:translateZ(30px)}.sp-mod[data-state=active] .ab-talk span+span{transform:translateZ(60px)}.ab-loop svg{fill:none;stroke:#f6f6f4;stroke-width:6px;stroke-linecap:round;stroke-linejoin:round;width:110px;animation:ab-rot calc(8s * var(--spd)) linear infinite}.ab-loop path:first-child{stroke:var(--sp-accent)}@keyframes ab-rot{to{rotate:360deg}}@media (prefers-reduced-motion:reduce){.ab-amp,.ab-listen i,.ab-loop svg{animation:none!important}}
