.hero.svelte-nefmhu{align-items:center;min-height:100vh;padding-top:72px;display:flex;position:relative;overflow:hidden}.hero-bg.svelte-nefmhu{background:linear-gradient(135deg, var(--primary-50) 0%, var(--primary-100) 100%);clip-path:polygon(20% 0,100% 0,100% 100%,0% 100%);z-index:-1;width:60%;height:100%;position:absolute;top:0;right:0}.hero-content.svelte-nefmhu{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.hero-text.svelte-nefmhu h1:where(.svelte-nefmhu){margin-bottom:1.5rem;font-size:3.75rem;font-weight:800;line-height:1.1}.hero-description.svelte-nefmhu{color:var(--text-secondary);max-width:540px;margin-bottom:2rem;font-size:1.25rem}.hero-buttons.svelte-nefmhu{gap:1rem;margin-bottom:3rem;display:flex}.hero-stats.svelte-nefmhu{gap:3rem;display:flex}.stat.svelte-nefmhu{flex-direction:column;display:flex}.stat-number.svelte-nefmhu{color:var(--primary-600);font-size:2rem;font-weight:800}.stat-label.svelte-nefmhu{color:var(--text-secondary);font-size:.875rem}.hero-visual.svelte-nefmhu{justify-content:center;display:flex}.phone-mockup.svelte-nefmhu{background:var(--gray-900);width:280px;height:560px;box-shadow:var(--shadow-xl);border-radius:40px;padding:12px}.phone-screen.svelte-nefmhu{background:#fff;border-radius:32px;width:100%;height:100%;overflow:hidden}.app-preview.svelte-nefmhu{flex-direction:column;height:100%;display:flex}.preview-header.svelte-nefmhu{background:linear-gradient(135deg, var(--primary-600) 0%, var(--primary-500) 100%);color:#fff;padding:2rem 1rem 1rem}.preview-title.svelte-nefmhu{font-size:1.125rem;font-weight:600}.preview-list.svelte-nefmhu{flex-direction:column;gap:.75rem;padding:1rem;display:flex}.preview-item.svelte-nefmhu{background:var(--gray-50);border-radius:var(--radius-md);align-items:center;gap:.75rem;padding:.875rem;display:flex}.preview-item.gold.svelte-nefmhu{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%)}.preview-item.highlight.svelte-nefmhu{background:var(--primary-50);border:2px solid var(--primary-200)}.preview-item.svelte-nefmhu .rank:where(.svelte-nefmhu){background:var(--primary-600);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:600;display:flex}.preview-item.gold.svelte-nefmhu .rank:where(.svelte-nefmhu){background:#d97706}.preview-item.svelte-nefmhu .name:where(.svelte-nefmhu){flex:1;font-size:.875rem;font-weight:500}.preview-item.svelte-nefmhu .badge:where(.svelte-nefmhu){background:var(--gray-200);border-radius:var(--radius-full);padding:.25rem .5rem;font-size:.6875rem;font-weight:500}.preview-item.svelte-nefmhu .badge.you:where(.svelte-nefmhu){background:var(--primary-500);color:#fff}.preview-item.svelte-nefmhu .action:where(.svelte-nefmhu){color:var(--primary-600);font-size:.75rem;font-weight:600}.features.svelte-nefmhu{background:var(--bg-secondary)}.features-grid.svelte-nefmhu{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.feature-card.svelte-nefmhu{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-base);padding:2rem}.feature-card.svelte-nefmhu:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-icon.svelte-nefmhu{background:var(--primary-50);border-radius:var(--radius-lg);width:56px;height:56px;color:var(--primary-600);justify-content:center;align-items:center;margin-bottom:1.25rem;display:flex}.feature-card.svelte-nefmhu h3:where(.svelte-nefmhu){margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.feature-card.svelte-nefmhu p:where(.svelte-nefmhu){color:var(--text-secondary);font-size:.9375rem}.steps.svelte-nefmhu{flex-direction:column;gap:2rem;max-width:700px;margin:0 auto;display:flex}.step.svelte-nefmhu{align-items:flex-start;gap:1.5rem;display:flex}.step-number.svelte-nefmhu{background:linear-gradient(135deg, var(--primary-600) 0%, var(--primary-500) 100%);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;font-weight:700;display:flex}.step-content.svelte-nefmhu h3:where(.svelte-nefmhu){margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.step-content.svelte-nefmhu p:where(.svelte-nefmhu){color:var(--text-secondary)}.league-types.svelte-nefmhu{background:var(--bg-secondary)}.league-cards.svelte-nefmhu{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.league-card.svelte-nefmhu{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:2.5rem}.league-icon.svelte-nefmhu{border-radius:var(--radius-xl);justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.5rem;display:flex}.league-icon.ladder.svelte-nefmhu{background:linear-gradient(135deg, var(--primary-100) 0%, var(--primary-200) 100%);color:var(--primary-700)}.league-icon.pyramid.svelte-nefmhu{color:#b45309;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%)}.league-card.svelte-nefmhu h3:where(.svelte-nefmhu){margin-bottom:1rem;font-size:1.5rem;font-weight:700}.league-card.svelte-nefmhu>p:where(.svelte-nefmhu){color:var(--text-secondary);margin-bottom:1.5rem}.league-features.svelte-nefmhu{list-style:none}.league-features.svelte-nefmhu li:where(.svelte-nefmhu){color:var(--text-secondary);padding:.5rem 0 .5rem 1.5rem;position:relative}.league-features.svelte-nefmhu li:where(.svelte-nefmhu):before{content:"✓";color:var(--success);font-weight:600;position:absolute;left:0}.download.svelte-nefmhu{background:linear-gradient(135deg, var(--primary-600) 0%, var(--primary-800) 100%);color:#fff}.download-content.svelte-nefmhu{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.download-text.svelte-nefmhu h2:where(.svelte-nefmhu){color:#fff;margin-bottom:1rem;font-size:2.5rem;font-weight:800}.download-text.svelte-nefmhu h2:where(.svelte-nefmhu) .text-gradient{background:linear-gradient(135deg, #fff 0%, var(--primary-200) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.download-text.svelte-nefmhu>p:where(.svelte-nefmhu){opacity:.9;margin-bottom:2rem;font-size:1.125rem}.store-buttons.svelte-nefmhu{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.store-badge.svelte-nefmhu{transition:transform var(--transition-base);display:inline-block}.store-badge.svelte-nefmhu:hover{transform:translateY(-2px)}.store-badge.svelte-nefmhu img:where(.svelte-nefmhu){height:48px;display:block}.hero-buttons.svelte-nefmhu .store-badge:where(.svelte-nefmhu) img:where(.svelte-nefmhu){height:52px}.web-note.svelte-nefmhu{opacity:.8;font-size:.9375rem}.web-note.svelte-nefmhu a:where(.svelte-nefmhu){color:#fff;font-weight:500;text-decoration:underline}.download-visual.svelte-nefmhu{height:300px;position:relative}.floating-cards.svelte-nefmhu{width:100%;height:100%;position:relative}.float-card.svelte-nefmhu{color:var(--text-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:#fff;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-weight:500;animation:3s ease-in-out infinite svelte-nefmhu-float;display:flex;position:absolute}.card-emoji.svelte-nefmhu{font-size:1.5rem}.float-card.card-1.svelte-nefmhu{animation-delay:0s;top:10%;left:10%}.float-card.card-2.svelte-nefmhu{animation-delay:.5s;top:40%;right:5%}.float-card.card-3.svelte-nefmhu{animation-delay:1s;bottom:15%;left:20%}@keyframes svelte-nefmhu-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (width<=1024px){.hero-content.svelte-nefmhu{text-align:center;grid-template-columns:1fr}.hero-bg.svelte-nefmhu{clip-path:none;opacity:.5;width:100%}.hero-description.svelte-nefmhu{margin-left:auto;margin-right:auto}.hero-buttons.svelte-nefmhu{flex-wrap:wrap;justify-content:center}.hero-stats.svelte-nefmhu{justify-content:center}.hero-visual.svelte-nefmhu{display:none}.features-grid.svelte-nefmhu{grid-template-columns:repeat(2,1fr)}.league-cards.svelte-nefmhu{grid-template-columns:1fr}.download-content.svelte-nefmhu{text-align:center;grid-template-columns:1fr}.store-buttons.svelte-nefmhu{justify-content:center}.download-visual.svelte-nefmhu{display:none}}@media (width<=768px){.hero-text.svelte-nefmhu h1:where(.svelte-nefmhu){font-size:2.5rem}.features-grid.svelte-nefmhu{grid-template-columns:1fr}.store-buttons.svelte-nefmhu{flex-direction:column;align-items:center}}