:root{--glass:blur(42px) saturate(2.0) brightness(1.08);--card-glass:rgba(22,16,28,0.62)}body:before{background:radial-gradient(ellipse 70% 50% at 15% 20%,color-mix(in srgb,var(--primary) 22%,transparent),transparent 60%),radial-gradient(ellipse 60% 55% at 85% 35%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 55%),radial-gradient(ellipse 50% 40% at 50% 70%,color-mix(in srgb,var(--bridge) 14%,transparent),transparent 50%),radial-gradient(ellipse 80% 30% at 30% 90%,color-mix(in srgb,var(--primary) 12%,transparent),transparent 50%)}body:after,body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none}body:after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E");background-size:200px}.hero-title em,.hero-title strong{display:inline-block;background:linear-gradient(135deg,var(--primary) 0,#FFF0A0 30%,var(--primary) 55%,var(--bridge) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 18px color-mix(in srgb,var(--primary) 35%,transparent))}section:nth-of-type(2n){background:radial-gradient(ellipse 80% 60% at 20% 50%,color-mix(in srgb,var(--primary) 5%,transparent),transparent 60%),color-mix(in srgb,var(--primary) 2.2%,transparent)}section:nth-of-type(3n){background:radial-gradient(ellipse 70% 50% at 80% 50%,color-mix(in srgb,var(--accent) 5%,transparent),transparent 55%),color-mix(in srgb,var(--accent) 1.8%,transparent)}.btn-primary,a.btn-primary{background:linear-gradient(135deg,var(--primary) 0,#FFC800 40%,#FFAA00 70%,var(--bridge) 100%);box-shadow:0 0 16px color-mix(in srgb,var(--primary) 45%,transparent),0 4px 20px -4px color-mix(in srgb,var(--primary) 35%,transparent),inset 0 1px 0 rgba(255,255,255,.25)}.btn-primary:hover,a.btn-primary:hover{box-shadow:0 0 28px color-mix(in srgb,var(--primary) 60%,transparent),0 8px 28px -4px color-mix(in srgb,var(--primary) 40%,transparent),inset 0 1px 0 rgba(255,255,255,.3)}.btn-ghost,a.btn-ghost{background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:color-mix(in srgb,var(--accent) 30%,transparent);box-shadow:0 0 10px color-mix(in srgb,var(--accent) 15%,transparent),0 4px 16px -8px rgba(0,0,0,.4)}.btn-ghost,.mock--leaderboard,a.btn-ghost{backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass)}.mock--leaderboard{max-width:340px;border-radius:var(--r-card);overflow:hidden;background:radial-gradient(ellipse 100% 80% at 50% 0,color-mix(in srgb,var(--primary) 12%,transparent),transparent 60%),var(--card-glass);border:1px solid color-mix(in srgb,var(--primary) 18%,transparent);box-shadow:0 0 24px color-mix(in srgb,var(--primary) 20%,transparent),0 20px 60px -20px rgba(0,0,0,.7),inset 0 1px 0 color-mix(in srgb,var(--primary) 8%,transparent)}.lb-header{padding:10px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid color-mix(in srgb,var(--primary) 10%,transparent);background:color-mix(in srgb,var(--primary) 4%,transparent)}.lb-header-title{font-family:var(--font-head);font-weight:700;font-size:.88rem;color:var(--primary)}.lb-header-badge{font-size:.68rem;font-weight:600;padding:2px 8px;border-radius:var(--r-tile);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 20%,transparent),color-mix(in srgb,var(--bridge) 15%,transparent));color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 20%,transparent)}.lb-first{display:grid;grid-template-columns:100px 1fr;grid-template-rows:auto;grid-gap:0;gap:0;position:relative;background:radial-gradient(ellipse 120% 100% at 0 50%,color-mix(in srgb,var(--primary) 8%,transparent),transparent 60%),transparent;border-bottom:1px solid rgba(255,255,240,.04)}.lb-first .photo-wrap{grid-column:1;grid-row:1/-1;aspect-ratio:3/4;overflow:hidden}.lb-first .photo-wrap img{width:100%;height:100%;object-fit:cover;object-position:50% 14%}.lb-trophy{display:none}.lb-first-overlay{grid-column:2;grid-row:1/-1;padding:12px 14px;justify-content:center;gap:6px}.lb-first-info,.lb-first-overlay{display:flex;flex-direction:column}.lb-first-info{gap:2px}.lb-first-rank{font-family:var(--font-head);font-weight:700;font-size:1.2rem;display:block;background:linear-gradient(135deg,var(--primary),#FFF0A0,var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lb-first-name{font-family:var(--font-head);font-size:.92rem;font-weight:600;color:var(--ink)}.lb-first-score-col{display:flex;flex-direction:column;gap:4px}.lb-stars{font-size:.82rem;color:var(--primary);letter-spacing:1px}.lb-score-bar{height:4px;border-radius:2px;background:rgba(255,255,240,.06);overflow:hidden}.lb-score-bar span{display:block;height:100%;border-radius:2px;background:linear-gradient(90deg,var(--primary),var(--bridge));box-shadow:0 0 8px color-mix(in srgb,var(--primary) 30%,transparent)}.lb-review-count{font-size:.72rem;color:var(--ink-muted);font-weight:500}.lb-runners{padding:6px 10px 8px;display:flex;flex-direction:column;gap:5px}.lb-runner{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:var(--r-tile);background:rgba(255,255,240,.03);border:1px solid rgba(255,255,240,.04)}.lb-runner-rank{font-size:.88rem;flex-shrink:0}.lb-runner-avatar{width:34px;height:34px;border-radius:var(--r-tile);overflow:hidden;flex-shrink:0}.lb-runner-avatar .photo-wrap,.lb-runner-avatar .photo-wrap img,.lb-runner-avatar img{width:100%;height:100%;object-fit:cover;object-position:50% 14%}.lb-runner-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:3px}.lb-runner-name{font-size:.78rem;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-runner-bar{height:3px;border-radius:2px;background:rgba(255,255,240,.06);overflow:hidden}.lb-runner-bar span{display:block;height:100%;border-radius:2px;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 40%,transparent))}.lb-runner-bar--silver span{background:linear-gradient(90deg,#C0C0C0,color-mix(in srgb,#C0C0C0 40%,transparent))}.lb-runner-bar--bronze span{background:linear-gradient(90deg,#CD7F32,color-mix(in srgb,#CD7F32 40%,transparent))}.lb-runner-score{font-size:.72rem;color:var(--ink-muted);font-weight:600;flex-shrink:0}.lb-honesty{padding:8px 12px;font-size:.62rem;font-weight:500;color:var(--ink-muted);text-align:center;border-top:1px solid rgba(255,255,240,.04);letter-spacing:.02em;line-height:1.4}.rcard-char{backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);background:radial-gradient(ellipse 100% 60% at 50% 100%,color-mix(in srgb,var(--primary) 6%,transparent),transparent 50%),var(--card-glass);border:1px solid color-mix(in srgb,var(--primary) 14%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--primary) 8%,transparent),0 8px 28px -12px rgba(0,0,0,.5)}.rcard-char:nth-child(2n){background:radial-gradient(ellipse 100% 60% at 50% 100%,color-mix(in srgb,var(--accent) 6%,transparent),transparent 50%),var(--card-glass);border-color:color-mix(in srgb,var(--accent) 14%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 8%,transparent),0 8px 28px -12px rgba(0,0,0,.5)}.rcard-char:hover{transform:translateY(-4px);box-shadow:0 0 22px color-mix(in srgb,var(--primary) 20%,transparent),0 16px 36px -12px rgba(0,0,0,.6)}.rcard-char:nth-child(2n):hover{box-shadow:0 0 22px color-mix(in srgb,var(--accent) 20%,transparent),0 16px 36px -12px rgba(0,0,0,.6)}.rcard-live{background:color-mix(in srgb,var(--primary) 85%,transparent);color:var(--surface)}.chip-row li{background:color-mix(in srgb,var(--primary) 8%,transparent);border:1px solid color-mix(in srgb,var(--primary) 12%,transparent)}.rcard-char:nth-child(2n) .chip-row li{background:color-mix(in srgb,var(--accent) 8%,transparent);border-color:color-mix(in srgb,var(--accent) 12%,transparent)}.roster-tab.is-active{background:color-mix(in srgb,var(--primary) 14%,transparent);border-color:color-mix(in srgb,var(--primary) 30%,transparent);color:var(--primary);box-shadow:0 0 10px color-mix(in srgb,var(--primary) 12%,transparent)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:var(--s3);gap:var(--s3)}.stat-card{overflow:hidden;min-width:0;padding:var(--s4);border-radius:var(--r-card);text-align:center;backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);background:radial-gradient(ellipse 100% 70% at 50% 0,color-mix(in srgb,var(--primary) 7%,transparent),transparent 50%),var(--card-glass);border:1px solid color-mix(in srgb,var(--primary) 14%,transparent);box-shadow:0 0 14px color-mix(in srgb,var(--primary) 10%,transparent),0 8px 24px -12px rgba(0,0,0,.5)}.stat-card:nth-child(2n){background:radial-gradient(ellipse 100% 70% at 50% 0,color-mix(in srgb,var(--accent) 7%,transparent),transparent 50%),var(--card-glass);border-color:color-mix(in srgb,var(--accent) 14%,transparent);box-shadow:0 0 14px color-mix(in srgb,var(--accent) 10%,transparent),0 8px 24px -12px rgba(0,0,0,.5)}.stat-card .stat-value{font-family:var(--font-head);font-size:1.8rem;font-weight:700;line-height:1;margin-bottom:var(--s1);display:inline-block;background:linear-gradient(135deg,var(--primary),#FFF0A0,var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--primary) 30%,transparent))}.stat-card:nth-child(2n) .stat-value{background:linear-gradient(135deg,#5577FF,#99BBFF,#5577FF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--accent) 30%,transparent))}.stat-card .stat-label{font-size:.78rem;color:var(--ink-muted);font-weight:500}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:var(--s3);gap:var(--s3)}.feature-card{overflow:hidden;min-width:0;padding:var(--s4);border-radius:var(--r-card);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);background:radial-gradient(ellipse 80% 60% at 0 0,color-mix(in srgb,var(--primary) 6%,transparent),transparent 50%),var(--card-glass);border:1px solid color-mix(in srgb,var(--primary) 12%,transparent);box-shadow:0 0 10px color-mix(in srgb,var(--primary) 6%,transparent),0 6px 20px -10px rgba(0,0,0,.5);transition:transform .2s,box-shadow .2s}.feature-card:nth-child(2n){background:radial-gradient(ellipse 80% 60% at 100% 0,color-mix(in srgb,var(--accent) 6%,transparent),transparent 50%),var(--card-glass);border-color:color-mix(in srgb,var(--accent) 12%,transparent);box-shadow:0 0 10px color-mix(in srgb,var(--accent) 6%,transparent),0 6px 20px -10px rgba(0,0,0,.5)}.feature-card:hover{transform:translateY(-2px);box-shadow:0 0 18px color-mix(in srgb,var(--primary) 15%,transparent),0 10px 28px -8px rgba(0,0,0,.5)}.feature-card .feature-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:1.3rem;border-radius:var(--r-tile);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 18%,transparent),color-mix(in srgb,var(--bridge) 12%,transparent));border:1px solid color-mix(in srgb,var(--primary) 15%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--primary) 15%,transparent);margin-bottom:var(--s2)}.feature-card:nth-child(2n) .feature-icon{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,transparent),color-mix(in srgb,var(--primary) 10%,transparent));border-color:color-mix(in srgb,var(--accent) 15%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 15%,transparent)}.feature-card h3{font-size:1.02rem;margin:0 0 var(--s1)}.feature-card p{font-size:.84rem;color:var(--ink-muted);margin:0;line-height:1.5}.step-row{display:flex;align-items:flex-start;gap:var(--s3);margin-bottom:var(--s4)}.step-num{font-family:var(--font-head);font-weight:700;font-size:1.2rem;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:var(--r-tile);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 20%,transparent),color-mix(in srgb,var(--bridge) 14%,transparent));color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--primary) 15%,transparent)}.step-row h3{font-size:1rem;margin:0 0 4px}.step-row p{font-size:.86rem;color:var(--ink-muted);line-height:1.5;margin:0}.scenario-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:var(--s3);gap:var(--s3)}.scenario-card{padding:var(--s4);border-radius:var(--r-card);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);background:radial-gradient(ellipse 100% 80% at 50% 0,color-mix(in srgb,var(--accent) 6%,transparent),transparent 50%),var(--card-glass);border:1px solid color-mix(in srgb,var(--accent) 12%,transparent);box-shadow:0 0 10px color-mix(in srgb,var(--accent) 6%,transparent),0 6px 20px -10px rgba(0,0,0,.5)}.scenario-card:nth-child(odd){background:radial-gradient(ellipse 100% 80% at 50% 0,color-mix(in srgb,var(--bridge) 6%,transparent),transparent 50%),var(--card-glass);border-color:color-mix(in srgb,var(--bridge) 12%,transparent)}.scenario-card h3{font-size:1.05rem;margin:0 0 var(--s1)}.scenario-card p{font-size:.84rem;color:var(--ink-muted);margin:0;line-height:1.5}.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--s3);gap:var(--s3)}.testimonial-card{overflow:hidden;padding:var(--s4);border-radius:var(--r-card);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);background:radial-gradient(ellipse 80% 60% at 50% 100%,color-mix(in srgb,var(--primary) 5%,transparent),transparent 50%),var(--card-glass);border:1px solid rgba(255,255,240,.08);box-shadow:0 0 8px color-mix(in srgb,var(--primary) 5%,transparent),0 6px 20px -10px rgba(0,0,0,.5)}.testimonial-card:nth-child(2n){border-color:color-mix(in srgb,var(--accent) 12%,transparent);background:radial-gradient(ellipse 80% 60% at 50% 100%,color-mix(in srgb,var(--accent) 5%,transparent),transparent 50%),var(--card-glass)}.testimonial-card blockquote{font-size:.9rem;color:var(--ink-muted);line-height:1.52;margin:0 0 var(--s2)}.testimonial-card cite{font-size:.78rem;color:color-mix(in srgb,var(--ink-muted) 70%,transparent);font-style:normal}.faq-list details[open] summary{color:var(--primary)}.block-card{overflow:hidden;padding:var(--s4);border-radius:var(--r-card);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);background:radial-gradient(ellipse 80% 60% at 50% 0,color-mix(in srgb,var(--primary) 5%,transparent),transparent 50%),var(--card-glass);border:1px solid color-mix(in srgb,var(--primary) 10%,transparent);box-shadow:0 0 8px color-mix(in srgb,var(--primary) 6%,transparent),0 8px 24px -12px rgba(0,0,0,.5)}.nav{border-bottom-color:color-mix(in srgb,var(--primary) 8%,transparent)}.sticky-bar{border-top-color:color-mix(in srgb,var(--primary) 12%,transparent);box-shadow:0 -2px 16px color-mix(in srgb,var(--primary) 10%,transparent),0 -6px 24px -12px color-mix(in srgb,var(--primary) 20%,transparent)}@media (max-width:640px){.mock--leaderboard{max-width:100%}.features-grid,.scenario-grid,.testimonial-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.mock--leaderboard{max-width:280px}.lb-first{grid-template-columns:80px 1fr}.lb-first-rank{font-size:1rem}.lb-first-name{font-size:.82rem}.lb-runner-avatar{width:28px;height:28px}}@media (max-width:380px){.lb-runners{padding:4px 8px 8px}.stats-grid{grid-template-columns:1fr}}