.gp-eyebrow{font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:.15em;text-transform:uppercase;margin-bottom:16px}.gp-hero{background:#fafafa;min-height:calc(100vh - 64px);display:flex;flex-direction:column;align-items:center;justify-content:center}.gp-hero-content{text-align:center;padding-top:80px;padding-bottom:56px}.gp-eyebrow{color:var(--color-text-muted)}.gp-hero-title{font-size:var(--text-display);font-weight:var(--fw-bold);color:var(--color-text);letter-spacing:-.04em;line-height:var(--lh-tight);margin-bottom:16px;word-break:keep-all}.gp-hero-sub{font-size:var(--text-body);color:var(--color-text-sub);line-height:var(--lh-base);margin-bottom:40px;white-space:nowrap}.gp-cta{display:inline-flex;align-items:center;gap:10px;background:var(--color-primary);color:var(--color-text-invert);font-size:var(--text-h4);font-weight:var(--fw-bold);padding:16px 32px;border-radius:var(--radius);border:none;cursor:pointer;letter-spacing:-.01em;transition:gap var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out)}.gp-cta:hover{gap:16px;background:var(--color-accent-hover)}.gp-hero-kbs{width:100%;overflow:hidden;height:clamp(180px,26vh,280px);padding-bottom:48px}.gp-hero-track{display:flex;height:100%;animation:kb-slide 26s linear infinite;will-change:transform}.gp-hero-kbcard{flex-shrink:0;width:340px;height:100%;padding:0 16px}.gp-hero-kbcard img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}@keyframes kb-slide{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.gp-hero-track{animation:none}}.gp-quiz{min-height:100vh;background:var(--color-bg);display:flex;flex-direction:column}.gp-quiz-inner{flex:1;display:flex;flex-direction:column;align-items:center;padding:48px 24px 80px}.gp-quiz-top{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:680px;margin-bottom:64px}.gp-back{display:inline-flex;align-items:center;gap:6px;background:none;border:none;font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--color-text-sub);cursor:pointer;padding:0;transition:color var(--dur-fast) var(--ease-out)}.gp-back:hover{color:var(--color-text)}.gp-quiz-body{width:100%;max-width:680px}.gp-question{opacity:0;transform:translateY(16px);transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.gp-question.in{opacity:1;transform:translateY(0)}.gp-q-label{font-size:var(--text-label);font-weight:var(--fw-medium);color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}.gp-q-title{font-size:var(--text-h1);font-weight:var(--fw-bold);color:var(--color-text);letter-spacing:-.03em;line-height:var(--lh-snug);margin-bottom:40px;word-break:keep-all}.gp-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.gp-opt{display:flex;align-items:center;gap:16px;padding:24px 20px;background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.gp-opt:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.gp-opt.sel{border-color:var(--color-primary);background:var(--color-primary)}.gp-opt.sel .gp-opt-label{color:var(--color-text-invert)}.gp-opt.sel .gp-opt-hint{color:#ffffffa6}.gp-opt-emoji{font-size:28px;line-height:1;flex-shrink:0}.gp-opt-body{display:flex;flex-direction:column;gap:4px}.gp-opt-label{font-size:var(--text-body);font-weight:var(--fw-bold);color:var(--color-text);letter-spacing:-.01em;line-height:var(--lh-snug)}.gp-opt-hint{font-size:var(--text-sm);color:var(--color-text-sub);line-height:var(--lh-base);word-break:keep-all}.gp-result{padding:80px 0 100px;background:var(--color-bg)}.gp-result-head{margin-bottom:48px}.gp-result .gp-eyebrow{color:var(--color-text-sub)}.gp-result-title{font-size:var(--text-h1);font-weight:var(--fw-bold);color:var(--color-text);letter-spacing:-.04em;line-height:var(--lh-snug);margin-bottom:10px}.gp-result-sub{font-size:var(--text-body);color:var(--color-text-sub);line-height:var(--lh-loose);margin-bottom:16px}.gp-result-tags{display:flex;flex-wrap:wrap;gap:8px}.gp-tag{padding:5px 14px;border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-label);font-weight:var(--fw-medium);color:var(--color-text-sub);background:var(--color-bg-alt)}.gp-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:48px}.gp-rcard{display:block;text-decoration:none;border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg);border:1px solid var(--color-border);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.gp-rcard:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.gp-rcard-img{width:100%;aspect-ratio:1/1;overflow:hidden;background:var(--color-bg-alt)}.gp-rcard-img img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.gp-rcard:hover .gp-rcard-img img{transform:scale(1.04)}.gp-rcard-body{padding:20px}.gp-rcard-name{font-size:var(--text-body);font-weight:var(--fw-bold);color:var(--color-text);letter-spacing:-.01em;margin-bottom:6px}.gp-rcard-desc{font-size:var(--text-sm);color:var(--color-text-sub);line-height:var(--lh-base);margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gp-rcard-cta{font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--color-text)}.gp-result-foot{display:flex;align-items:center;gap:12px}.gp-btn-primary{display:inline-block;padding:14px 30px;background:var(--color-primary);color:var(--color-text-invert);font-size:var(--text-body);font-weight:var(--fw-bold);text-decoration:none;border-radius:var(--radius);letter-spacing:-.01em;transition:opacity var(--dur-base) var(--ease-out)}.gp-btn-primary:hover{opacity:.8}.gp-btn-ghost{padding:14px 28px;border:1.5px solid var(--color-border);background:none;font-size:var(--text-body);color:var(--color-text-sub);cursor:pointer;border-radius:var(--radius);transition:border-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}.gp-btn-ghost:hover{border-color:var(--color-primary);color:var(--color-text)}@media(max-width:768px){.gp-hero-content{padding-top:56px;padding-bottom:40px}.gp-hero-title{font-size:32px}.gp-hero-sub{white-space:normal}.gp-hero-kbcard{width:220px;padding:0 8px}.gp-hero-track{animation-duration:13s}.gp-quiz-inner{padding:32px 20px 60px}.gp-quiz-top{margin-bottom:40px}.gp-q-title{font-size:22px;margin-bottom:28px}.gp-options{grid-template-columns:1fr;gap:10px}.gp-result-grid{grid-template-columns:1fr}}@media(max-width:480px){.gp-hero-title{font-size:28px}.gp-hero-kbcard{width:240px}.gp-opt{padding:18px 16px;gap:14px}.gp-opt-emoji{font-size:22px}.gp-result-foot{flex-direction:column}.gp-btn-primary,.gp-btn-ghost{text-align:center}}