@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";
.promo-root{--bg-primary:#0d1117;--bg-section:#161b22;--bg-card:#ffffff0a;--bg-card-border:#ffffff0f;--text-primary:#fff;--text-secondary:#fff9;--text-tertiary:#ffffff59;--accent:#3b82f6;--accent-light:#60a5fa;--accent-glow:#3b82f626;--mint:#4dd1a8;--mint-light:#b3fad6;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,sans-serif;overflow-x:clip}.promo-section-title{text-align:center;letter-spacing:-.03em;word-break:keep-all;margin:0 0 16px;font-size:32px;font-weight:800;line-height:1.4}.promo-section-sub{text-align:center;color:var(--text-secondary);word-break:keep-all;max-width:480px;margin:0 auto;font-size:17px;line-height:1.7}.promo-text-accent{background:linear-gradient(135deg,var(--accent-light),var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.promo-appstore-badge{background:var(--accent);color:#fff;letter-spacing:-.01em;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:16px 32px;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex}.promo-appstore-badge--large{border-radius:18px;width:100%;max-width:360px;padding:18px 40px;font-size:18px}.promo-hero{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100dvh;padding:0 24px;display:flex;position:relative;overflow:hidden}.promo-hero-glow{background:radial-gradient(circle,var(--accent-glow)0%,#3b82f60d 40%,transparent 70%);pointer-events:none;border-radius:50%;width:500px;height:500px;position:absolute;top:10%;left:50%;translate:-50%}.promo-hero-content{text-align:center;flex-direction:column;align-items:center;gap:32px;width:100%;max-width:480px;display:flex;position:relative}.promo-hero-visual{will-change:transform;justify-content:center;display:flex;position:relative}.promo-hero-img{filter:drop-shadow(0 24px 64px #3b82f633);width:260px;height:auto}.promo-hero-text{flex-direction:column;align-items:center;display:flex}.promo-hero-title{letter-spacing:-.035em;word-break:keep-all;flex-direction:column;align-items:center;margin:0;font-size:36px;font-weight:800;line-height:1.35;display:flex}.promo-hero-title-line{flex-wrap:wrap;justify-content:center;gap:.3em;display:flex}.promo-hero-word{will-change:transform,opacity;display:inline-block}.promo-hero-accent{background:linear-gradient(135deg,var(--accent-light),var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.promo-hero-sub{color:var(--text-secondary);word-break:keep-all;max-width:360px;margin:20px 0 0;font-size:17px;line-height:1.75}.promo-hero .promo-appstore-badge{margin-top:12px}.promo-scroll-indicator{color:var(--text-tertiary);letter-spacing:.05em;flex-direction:column;align-items:center;gap:8px;font-size:12px;display:flex;position:absolute;bottom:40px;left:50%;translate:-50%}.promo-scroll-dot{background:var(--text-tertiary);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite promo-scroll-bounce}@keyframes promo-scroll-bounce{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(8px)}}.promo-features-outer{background:var(--bg-section);height:500dvh;position:relative}.promo-features-sticky{justify-content:center;align-items:center;height:100dvh;display:flex;position:sticky;top:0;overflow:clip}.promo-feature-card-title{color:var(--text-primary);letter-spacing:-.02em;margin:8px 0 0;font-size:24px;font-weight:800}.promo-feature-card-desc{color:var(--text-secondary);text-align:center;word-break:keep-all;max-width:320px;margin:8px 0 0;font-size:16px;line-height:1.5}.promo-characters{background:var(--bg-primary);padding:80px 24px}.promo-characters-header{text-align:center;max-width:480px;margin:0 auto 40px}.promo-characters-grid{grid-template-columns:repeat(2,1fr);gap:16px;max-width:480px;margin:0 auto;display:grid}.promo-char-card{background:var(--bg-card);border:1px solid var(--bg-card-border);text-align:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:20px;flex-direction:column;align-items:center;gap:16px;padding:24px 16px;display:flex;position:relative;overflow:hidden}.promo-char-glow{background:radial-gradient(circle,var(--char-color,var(--accent))0%,transparent 70%);opacity:.12;pointer-events:none;border-radius:50%;width:180px;height:180px;position:absolute;top:10%;left:50%;translate:-50%}.promo-char-img-wrap{flex-shrink:0;justify-content:center;align-items:center;display:flex}.promo-char-img{filter:drop-shadow(0 8px 20px #00000059);width:120px;height:auto}.promo-char-info{z-index:1;position:relative}.promo-char-name{letter-spacing:-.02em;color:var(--char-color,var(--accent-light));margin:0;font-size:22px;font-weight:800}.promo-char-personality{color:var(--text-secondary);word-break:keep-all;margin:8px 0 0;font-size:15px;line-height:1.65}.promo-comic{background:var(--bg-section);justify-content:center;padding:100px 24px 120px;display:flex;position:relative}.promo-comic-content{will-change:transform,opacity;flex-direction:column;align-items:center;width:100%;max-width:480px;display:flex}.promo-comic-preview{will-change:transform;border-radius:20px;width:100%;max-width:360px;margin:40px 0;overflow:hidden}.promo-comic-img{filter:drop-shadow(0 16px 48px #0006);border-radius:20px;width:100%;height:auto;display:block}.promo-comic-link{color:#fff;letter-spacing:-.01em;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#e1306c,#f77737,#fcaf45);border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:16px 32px;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex}.promo-cta{text-align:center;background:var(--bg-primary);flex-direction:column;justify-content:center;align-items:center;min-height:80dvh;padding:100px 24px 120px;display:flex;position:relative;overflow:hidden}.promo-cta-glow{background:radial-gradient(circle,var(--accent-glow)0%,transparent 65%);pointer-events:none;border-radius:50%;width:500px;height:500px;position:absolute;top:50%;left:50%;translate:-50% -50%}.promo-cta-content{z-index:1;will-change:transform,opacity;flex-direction:column;align-items:center;width:100%;max-width:480px;display:flex;position:relative}.promo-cta-slime{justify-content:center;margin-bottom:40px;display:flex}.promo-cta-img{filter:drop-shadow(0 16px 48px #3b82f633);width:200px;height:auto}.promo-cta-title{letter-spacing:-.03em;word-break:keep-all;margin:0 0 16px;font-size:32px;font-weight:800;line-height:1.4}.promo-cta-sub{color:var(--text-secondary);word-break:keep-all;max-width:360px;margin:0 0 40px;font-size:17px;line-height:1.75}.promo-footer{text-align:center;background:var(--bg-primary);border-top:1px solid #ffffff0f;padding:32px 24px 48px}.promo-footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.promo-footer-links a{color:var(--text-tertiary);-webkit-tap-highlight-color:transparent;padding:8px 4px;font-size:14px;text-decoration:none}.promo-footer-instagram{align-items:center;gap:6px;display:inline-flex}.promo-footer-dot{background:#ffffff26;border-radius:50%;width:3px;height:3px}.promo-footer-copy{color:var(--text-tertiary);margin:16px 0 0;font-size:13px}@media (min-width:768px){.promo-hero-title{font-size:48px}.promo-hero-img{width:320px}.promo-hero-sub{max-width:420px;font-size:18px}.promo-section-title{font-size:40px}.promo-section-sub{font-size:18px}.promo-feature-card-title{font-size:30px}.promo-feature-card-desc{max-width:420px;font-size:18px}.promo-characters-grid{grid-template-columns:repeat(3,1fr);max-width:720px}.promo-char-card{padding:28px 20px}.promo-char-img{width:140px}.promo-comic-preview{max-width:420px}.promo-cta-title{font-size:40px}.promo-cta-img{width:240px}.promo-appstore-badge--large{width:auto;max-width:none}}@media (prefers-reduced-motion:reduce){.promo-scroll-dot{animation:none}}
