:root{--pink: #d8587a;--pink-deep: #8e2344;--amber: #e8a045;--mint: #52a8b5;--blue: #5b8fd4;--surface: #fffaf8;--ink: #1e1820;--muted: #5a5060;--line: #e8d0d8;--shadow: rgba(216, 88, 122, .22);--font-display: "Dela Gothic One", "Hiragino Sans", sans-serif;--font-body: "Zen Kaku Gothic New", "Hiragino Sans", sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100dvh;font-family:var(--font-body);color:var(--ink);background:radial-gradient(120% 80% at 80% -10%,rgba(216,88,122,.22),transparent 55%),radial-gradient(90% 70% at -10% 30%,rgba(82,168,181,.16),transparent 50%),radial-gradient(70% 50% at 50% 100%,rgba(232,160,69,.14),transparent 55%),var(--surface);line-height:1.65;overflow-x:clip}.grain{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}.site-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in srgb,var(--surface) 78%,transparent);border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.site-bar__brand{font-family:var(--font-display);font-size:1rem;letter-spacing:.04em}.site-bar__play{font-weight:700;font-size:.9rem;color:var(--pink-deep);padding:.35rem .75rem;border-radius:999px;border:1.5px solid color-mix(in srgb,var(--pink) 45%,transparent);transition:background .2s ease,color .2s ease}.site-bar__play:hover{background:var(--pink);color:#fff;border-color:var(--pink)}.hero{display:grid;gap:2rem;align-items:center;min-height:calc(100dvh - 3.5rem);padding:2.5rem 1.25rem 3.5rem;max-width:1100px;margin:0 auto}@media(min-width:860px){.hero{grid-template-columns:1.05fr .95fr;gap:1.5rem;padding-top:3rem}}.hero__kicker{margin:0 0 .5rem;font-size:.85rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--pink)}.hero__brand{margin:0;font-family:var(--font-display);font-size:clamp(2.6rem,9vw,4.4rem);line-height:1.15;letter-spacing:.02em;font-weight:400}.hero__lead{margin:1.1rem 0 0;max-width:28rem;font-size:1.05rem;color:var(--muted)}.hero__cta{margin-top:1.75rem}.btn-play{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.75rem 1.6rem;border-radius:999px;background:var(--pink);color:#fff;font-weight:700;font-size:1.05rem;letter-spacing:.04em;box-shadow:0 10px 28px var(--shadow);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn-play:hover{background:var(--pink-deep);transform:translateY(-2px);box-shadow:0 14px 34px var(--shadow)}.btn-play:active{transform:translateY(0)}.btn-play--lg{min-height:3.4rem;padding-inline:2rem;font-size:1.15rem}.hero__stage{display:grid;place-items:center;min-height:280px}.dial-scene{position:relative;width:min(100%,360px);aspect-ratio:1.15}.dial{--size: 72%;position:absolute;width:var(--size);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 50%,transparent 34%,color-mix(in srgb,var(--ring) 18%,transparent) 35% 48%,transparent 49%),conic-gradient(from 0deg,var(--ring-soft),#fff 18%,var(--ring-soft) 36%,#fff 54%,var(--ring-soft) 72%,#fff 90%,var(--ring-soft));box-shadow:inset 0 0 0 10px color-mix(in srgb,var(--ring) 22%,#fff),0 18px 40px color-mix(in srgb,var(--ring) 28%,transparent);animation:spin var(--spin) linear infinite}.dial:before{content:"";position:absolute;top:14%;right:14%;bottom:14%;left:14%;border-radius:50%;background:color-mix(in srgb,var(--surface) 88%,#fff);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--ring) 25%,transparent)}.dial__hub{position:absolute;top:38%;right:38%;bottom:38%;left:38%;border-radius:50%;background:var(--ring);box-shadow:0 4px 12px color-mix(in srgb,var(--ring) 40%,transparent);z-index:1}.dial__tile{position:absolute;top:50%;left:50%;width:1.7rem;height:1.7rem;margin:-.85rem;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--ink);font-size:.72rem;font-weight:700;box-shadow:0 2px 6px #1e18201f;transform:rotate(var(--a)) translateY(-118%) rotate(calc(-1 * var(--a)));z-index:2}.dial--a{--ring: var(--pink);--ring-soft: #ffd4e0;--spin: 28s;top:4%;left:0}.dial--b{--ring: var(--mint);--ring-soft: #d4f0f4;--spin: 36s;animation-direction:reverse;bottom:0;right:0}.dial--a:after,.dial--b:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background-image:radial-gradient(circle,var(--ink) 2.5px,transparent 3px);background-size:28% 28%;background-position:center;opacity:.12;mask:radial-gradient(circle,transparent 36%,#000 37% 49%,transparent 50%)}@keyframes spin{to{transform:rotate(360deg)}}.section{max-width:720px;margin:0 auto;padding:3.5rem 1.25rem}.section__title{margin:0;font-family:var(--font-display);font-size:clamp(1.6rem,4.5vw,2.1rem);font-weight:400;letter-spacing:.03em;line-height:1.3}.section__lead{margin:.85rem 0 0;color:var(--muted);font-size:1.02rem}.how__steps{list-style:none;margin:2rem 0 0;padding:0;display:grid;gap:1rem}.how__step{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;padding:.25rem 0}.how__step p{margin:.2rem 0 0;font-size:1.02rem}.how__num{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:color-mix(in srgb,var(--pink) 14%,#fff);color:var(--pink-deep);font-weight:700;font-size:.95rem}.mode-list{list-style:none;margin:2rem 0 0;padding:0;border-top:1px solid var(--line)}.mode-list__item{display:grid;gap:.25rem;padding:1.15rem 0;border-bottom:1px solid var(--line)}.mode-list__item strong{font-size:1.08rem;letter-spacing:.02em}.mode-list__item span{color:var(--muted);font-size:.98rem}.finale{text-align:center;padding-bottom:5rem}.finale__brand{margin:0;font-family:var(--font-display);font-size:clamp(2rem,7vw,3rem);font-weight:400;letter-spacing:.03em}.finale__lead{margin:.75rem 0 1.75rem;color:var(--muted)}.site-foot{padding:1.5rem 1.25rem 2.5rem;text-align:center;color:var(--muted);font-size:.85rem}.site-foot p{margin:0}.reveal{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}.reveal.is-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.dial{animation:none}.reveal{opacity:1;transform:none;transition:none}}