.logo{display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.logo img{display:block;width:auto;object-fit:contain;pointer-events:none;-webkit-user-drag:none}.logo-sm img{height:22px}.logo-md img{height:28px}.logo-lg img{height:36px}.intro{position:relative;height:100vh;height:100dvh;display:flex;flex-direction:column;padding:max(16px,env(safe-area-inset-top)) 20px 0;overflow:hidden}.intro-header{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:14px}.intro-stamp{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--white-55)}.intro-hero{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;padding:12px 0}.hero-stack{position:relative;height:100%;max-height:320px;aspect-ratio:250 / 320;width:auto;container-type:size}.hero-card{position:absolute;background:var(--navy-3);border-radius:var(--r-card);overflow:hidden;display:flex;align-items:center;justify-content:center;border:.5px solid var(--white-08)}.hero-card-3{top:9.375%;right:15.2%;bottom:2.5%;left:15.2%;transform:rotate(-3.5deg);opacity:.35;background:var(--navy-2)}.hero-card-2{top:5%;right:8.8%;bottom:0;left:8.8%;transform:rotate(2deg);opacity:.7;background:var(--navy-3)}.hero-card-1{top:0;right:-1.6%;bottom:-1.25%;left:24%;transform-origin:center bottom;background:transparent;box-shadow:var(--shadow-card);perspective:1000px;animation:heroSwipeHint 4s cubic-bezier(.65,0,.35,1) infinite}.hero-card-inner{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;border-radius:var(--r-card);animation:heroFlipHint 4s ease-in-out infinite}.hero-face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:var(--r-card);overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);isolation:isolate}.hero-face-front{background:var(--navy-4)}.hero-face-back{background:var(--navy-3);-webkit-transform:rotateY(180deg) translateZ(0);transform:rotateY(180deg) translateZ(0)}.hero-info-hint{position:absolute;top:3.75%;right:4.8%;width:7.5cqh;height:7.5cqh;border-radius:50%;background:var(--white-18);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-style:italic;font-size:4cqh;font-weight:700;opacity:.9;animation:heroInfoPulse 4s ease-in-out infinite}@keyframes heroInfoPulse{0%,to{transform:scale(1);box-shadow:0 0 #f8c1d900;background:var(--white-18)}6%{transform:scale(1.45);box-shadow:0 0 0 8px #f8c1d92e;background:var(--pink);color:var(--navy)}18%{transform:scale(1);box-shadow:0 0 #f8c1d900;background:var(--white-18)}}.hero-stat-mock{text-align:center;padding:0 14px}.hero-stat-n{font-family:var(--font-sans);font-size:8.1cqh;font-weight:500;color:var(--pink);line-height:1}.hero-stat-l{font-family:var(--font-mono);font-size:3cqh;letter-spacing:.06em;text-transform:uppercase;opacity:.65;margin-top:1.9cqh}.hero-card-initials{font-family:var(--font-serif);font-style:italic;font-size:20cqh;color:var(--white-18);letter-spacing:.02em}.hero-card-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--white-04) 0%,transparent 50%,var(--white-04) 100%)}.hero-stamp{position:absolute;top:5.6%;left:5.6%;padding:1.9cqh 3.75cqh;border:.8cqh solid var(--green);color:var(--green);border-radius:var(--r-xs);font-family:var(--font-mono);font-size:3.75cqh;font-weight:700;letter-spacing:.06em;background:#0e1d4d80;transform:rotate(-12deg);white-space:nowrap}@keyframes heroFlipHint{0%,5%{transform:rotateY(0)}18%{transform:rotateY(180deg)}35%{transform:rotateY(180deg)}48%,to{transform:rotateY(0)}}@keyframes heroSwipeHint{0%,55%{transform:rotate(9deg) translate(0)}68%{transform:rotate(14deg) translate(30px)}82%{transform:rotate(14deg) translate(30px)}95%,to{transform:rotate(9deg) translate(0)}}@media (prefers-reduced-motion: reduce){.hero-card-1,.hero-card-inner,.hero-info-hint{animation:none}}.intro-text{flex-shrink:0;text-align:center;padding:0 4px 24px}.intro-title{font-family:var(--font-serif);font-style:italic;font-size:28px;line-height:1.1;letter-spacing:-.01em;font-weight:400;color:#fff}.intro-desc{margin-top:14px;font-size:13px;line-height:1.6;color:var(--white-80);max-width:320px;margin-left:auto;margin-right:auto}.intro-kw{font-weight:700;color:var(--pink);letter-spacing:.03em}.intro-cta-wrap{flex-shrink:0;padding-bottom:max(24px,calc(env(safe-area-inset-bottom) + 16px))}.intro-cta{width:100%;background:var(--pink);color:var(--navy);padding:17px;border-radius:17px;font-size:15px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:var(--shadow-cta);transition:transform .2s ease,box-shadow .2s ease}.intro-cta:hover{transform:translateY(-1px);box-shadow:0 10px 28px #f8c1d959}.intro-cta:active{transform:translateY(0)}@media (max-width: 360px){.intro-title{font-size:24px}.hero-stack{width:220px;height:280px}}.badge-block{display:grid;grid-template-columns:auto 1fr;gap:10px 12px;align-items:center;padding:12px;margin-bottom:12px;background:var(--green-08);border:1px solid var(--green-28);border-radius:var(--r-md);animation:badge-in var(--t-mid) var(--ease) both}@keyframes badge-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.badge-avatar{width:52px;height:52px;border-radius:50%;overflow:hidden;background:var(--navy-4);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:15px;font-weight:700;color:var(--white-65);border:1.5px solid var(--green-45)}.badge-avatar img{width:100%;height:100%;object-fit:cover}.badge-id{min-width:0}.badge-eyebrow{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--green);margin-bottom:2px}.badge-name{font-size:15px;font-weight:700;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge-title{font-size:11px;line-height:1.3;color:var(--white-55);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.badge-cta{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;border:none;border-radius:var(--r-sm);background:var(--green);color:var(--navy);font-family:var(--font-sans);font-size:14px;font-weight:700;cursor:pointer;transition:background var(--t-fast) var(--ease),transform .1s var(--ease);-webkit-tap-highlight-color:transparent}.badge-cta:active{transform:scale(.98)}.badge-cta.is-done{background:var(--green-28);color:var(--green);cursor:default}@media (prefers-reduced-motion: reduce){.badge-block{animation:none}}.intro-compact{padding-top:max(8px,env(safe-area-inset-top))}.intro-compact .intro-header{flex-direction:row;align-items:center;justify-content:center;gap:12px;margin-top:2px}.intro-compact .intro-stamp{font-size:9.5px;letter-spacing:.1em;padding-top:2px}.intro-compact .intro-hero{padding:14px 0}.intro-compact .hero-stack{max-height:min(350px,calc((100vw - 90px)*1.28))}.intro-compact .intro-text{padding-bottom:20px}.intro-compact .intro-title{font-size:23px}.intro-compact .intro-cta-wrap{padding-bottom:max(14px,calc(env(safe-area-inset-bottom) + 10px))}.intro-compact .intro-cta{padding:15px;font-size:14.5px}:root{--navy: #0E1D4D;--navy-2: #142353;--navy-3: #1f2c5e;--navy-4: #2a3a72;--blue: #60A6DB;--pink: #F8C1D9;--green: #3DD68C;--red: #E24B4A;--white-04: rgba(255, 255, 255, .04);--white-08: rgba(255, 255, 255, .08);--white-12: rgba(255, 255, 255, .12);--white-18: rgba(255, 255, 255, .18);--white-28: rgba(255, 255, 255, .28);--white-35: rgba(255, 255, 255, .35);--white-45: rgba(255, 255, 255, .45);--white-55: rgba(255, 255, 255, .55);--white-65: rgba(255, 255, 255, .65);--white-80: rgba(255, 255, 255, .8);--pink-08: rgba(248, 193, 217, .08);--pink-18: rgba(248, 193, 217, .18);--pink-28: rgba(248, 193, 217, .28);--pink-45: rgba(248, 193, 217, .45);--blue-18: rgba(96, 166, 219, .18);--blue-45: rgba(96, 166, 219, .45);--green-08: rgba(61, 214, 140, .08);--green-18: rgba(61, 214, 140, .18);--green-28: rgba(61, 214, 140, .28);--green-45: rgba(61, 214, 140, .45);--font-sans: "Roboto", system-ui, -apple-system, sans-serif;--font-serif: "DM Serif Display", Georgia, serif;--font-mono: "Space Mono", monospace;--r-xs: 4px;--r-sm: 12px;--r-md: 14px;--r-card: 22px;--r-modal: 24px;--r-pill: 999px;--shadow-card: 0 10px 30px rgba(0, 0, 0, .35);--shadow-cta: 0 6px 22px rgba(248, 193, 217, .25);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .4);--t-fast: .2s;--t-mid: .35s;--t-slow: .6s;--ease: cubic-bezier(.22, .61, .36, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--navy);color:#fff;font-family:var(--font-sans);font-size:14px;line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;max-width:100vw}body{overscroll-behavior:none}#root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}button{font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:transparent;border:none;outline:none}img,svg{display:block;max-width:100%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-weight:500;line-height:1.2}ul,ol{list-style:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--white-18);border-radius:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.landscape-overlay{display:none}@media screen and (orientation: landscape) and (max-height: 500px){.app-root{display:none!important}.landscape-overlay{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;align-items:center;justify-content:center;flex-direction:column;gap:16px;padding:24px;background:var(--navy);text-align:center}.landscape-overlay-icon{font-size:48px}.landscape-overlay-text{font-family:var(--font-serif);font-style:italic;font-size:22px;line-height:1.2}.landscape-overlay-sub{font-size:13px;opacity:.7}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.phase-fallback{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 28px;text-align:center;color:#fff}.phase-fallback-title{margin:0;font-family:var(--font-serif);font-size:20px;line-height:1.25}.phase-fallback-sub{margin:0 0 10px;font-size:13.5px;opacity:.55;line-height:1.4}.phase-fallback-btn{display:flex;align-items:center;gap:8px;padding:13px 24px;border:none;border-radius:var(--r-pill);background:var(--pink);color:var(--navy);font-family:var(--font-sans);font-size:14.5px;font-weight:700;cursor:pointer;box-shadow:var(--shadow-cta);-webkit-tap-highlight-color:transparent}.phase-fallback-btn:active{transform:scale(.97)}