.feature-cards-container{overflow-x:visible!important}.feature-cards-container *{max-width:none!important}:root{--color-primary:#16a34a;--color-secondary:#2d5a3d;--color-accent:#52b788;--color-deep-green:#1b4332;--color-background:#fff;--color-surface:#f5f5f5;--color-text-primary:#1b4332;--color-text-secondary:#2d5a3d;--color-text-muted:#6b7280;--color-border:#1b43321a;--color-overlay:#fdf8f0cc;--gradient-primary:linear-gradient(135deg, #52b788 0%, #2d5a3d 50%, #1b4332 100%);--gradient-button:linear-gradient(135deg, #16a34a 0%, #15803d 100%);--gradient-hero:linear-gradient(135deg, #2a4494 0%, #1b4332 100%);--color-highlight:#00d4ff;--color-orange:#f59e0b;--color-red:#dc2626;--color-blue:#2563eb;--color-text-light:#94a3b8;--color-brand-blue:#2a4494;--bg-primary:#fdf8f0;--bg-secondary:#f0fdf4;--bg-gradient-primary:linear-gradient(to bottom right, #fdf8f0, #f0fdf4);--bg-gradient-reverse:linear-gradient(to bottom right, #f0fdf4, #fdf8f0);--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--space-5xl:128px;--font-family-primary:"Inter", system-ui, sans-serif;--font-family-secondary:"Outfit", system-ui, sans-serif;--font-family-display:"Inter", system-ui, sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:32px;--font-size-4xl:48px;--font-size-5xl:64px;--font-size-6xl:80px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.7;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #00000026;--shadow-2xl:0 25px 50px #00000040;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--transition-bounce:.3s cubic-bezier(.68, -.55, .265, 1.55);--container-max-width:1440px;--container-padding:var(--space-2xl);--section-padding:var(--space-4xl) 0}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-primary);background:var(--color-background);color:var(--color-text-primary);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.fitlife-landing{background:var(--color-background);min-height:100vh;padding-top:80px}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:-.02em}p{line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.modern-navigation{z-index:9999;-webkit-backdrop-filter:blur(20px);background:#fffffffa;border-bottom:1px solid #0000000f;transition:all .3s;top:0;left:0;right:0;position:fixed!important}.modern-navigation.sticky{-webkit-backdrop-filter:blur(30px);background:#fffffffc;border-bottom:1px solid #00000014;box-shadow:0 1px 20px #00000014}.modern-navigation:not(.sticky){-webkit-backdrop-filter:blur(20px);background:#fffffff2}.nav-container{padding:var(--space-md) var(--container-padding);max-width:var(--container-max-width);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.logo{align-items:center;gap:var(--space-sm);display:flex}.logo-icon{width:28px;height:28px;position:relative}.logo-image{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);border-radius:var(--radius-sm);width:100%;height:100%}.logo-overlay{border-radius:var(--radius-sm);background:#fdf8f01a;width:100%;height:100%;position:absolute;top:0;left:0}.logo-text{font-family:var(--font-family-display);font-weight:var(--font-weight-medium);font-size:var(--font-size-xl);color:var(--color-text-primary)}.nav-menu{gap:var(--space-lg);display:flex}.nav-link{font-family:var(--font-family-secondary);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);color:var(--color-text-primary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);transition:var(--transition-normal);letter-spacing:.01em;text-decoration:none;position:relative}.nav-link:hover{background:#1b43321a;transform:translateY(-2px)}.nav-link.active{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);color:var(--color-background);font-weight:var(--font-weight-semibold)}.nav-link.active:after{content:"";background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);border-radius:1px;width:20px;height:2px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.nav-container-modern{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:14px 32px;display:flex}.logo-premium{cursor:pointer;align-items:center;display:flex}.logo-text-premium{color:#1b4332;letter-spacing:-.03em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:28px;font-weight:700}.nav-menu-desktop{background:#f3f4f699;border-radius:12px;align-items:center;gap:4px;padding:6px;display:flex}.nav-link-premium{color:#6b7280;cursor:pointer;letter-spacing:-.01em;border-radius:8px;align-items:center;padding:10px 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.nav-link-premium:hover{color:#374151}.nav-link-premium.active{color:#fff;background:#1b4332;font-weight:600;box-shadow:0 2px 8px #1b43324d}.nav-indicator-premium{z-index:-1;background:#1b4332;border-radius:8px;position:absolute;inset:0}.nav-actions{align-items:center;gap:12px;display:flex}.download-btn-premium{color:#fff;cursor:pointer;letter-spacing:-.01em;background:linear-gradient(135deg,#52b788 0%,#2d5a3d 50%,#1b4332 100%);border:none;border-radius:10px;align-items:center;padding:10px 24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;font-weight:600;transition:all .2s;display:flex}.download-btn-premium:hover{filter:brightness(1.1);background:linear-gradient(135deg,#52b788 0%,#2d5a3d 50%,#1b4332 100%);transform:translateY(-1px);box-shadow:0 4px 12px #1b43324d}.mobile-menu-toggle{color:#374151;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:none}.mobile-menu-toggle:hover{background:#0000000d}.mobile-menu-overlay{-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #00000014;position:absolute;top:100%;left:0;right:0;box-shadow:0 8px 30px #0000001f}.mobile-menu-content{max-width:1400px;margin:0 auto;padding:24px}.mobile-nav-link-premium{color:#374151;cursor:pointer;letter-spacing:-.01em;border-radius:12px;align-items:center;margin-bottom:8px;padding:16px 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.mobile-nav-link-premium:hover,.mobile-nav-link-premium.active{color:#fff;background:#1b4332}.mobile-menu-footer{border-top:1px solid #00000014;margin-top:24px;padding-top:24px}.mobile-download-btn-premium{color:#fff;cursor:pointer;letter-spacing:-.01em;background:linear-gradient(135deg,#52b788 0%,#2d5a3d 50%,#1b4332 100%);border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;padding:16px 24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:600;transition:all .2s;display:flex}.mobile-download-btn-premium:hover{filter:brightness(1.1);background:linear-gradient(135deg,#52b788 0%,#2d5a3d 50%,#1b4332 100%);transform:translateY(-1px)}@media (max-width:768px){.nav-menu-desktop{display:none}.mobile-menu-toggle{display:flex}.download-btn-premium{display:none}.nav-container-modern{padding:16px 20px}.social-notifications{flex-direction:column!important;align-items:center!important;gap:16px!important;margin-top:24px!important;display:flex!important;position:static!important}.notification{max-width:280px!important;margin:8px auto!important;position:static!important;inset:auto!important;transform:none!important}[class*=phone-container],[class*=phones-container],[class*=mockup-container]{flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:16px!important;display:flex!important}section [class*=phone-mockup]{margin:12px auto!important;display:block!important;position:static!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important}}@media (max-width:480px){.nav-container-modern{padding:14px 16px}.logo-text-premium{font-size:24px}}.sign-up-btn{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);color:var(--color-background);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-family:var(--font-family-secondary);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);cursor:pointer;transition:var(--transition-normal);letter-spacing:.01em;border:none}.sign-up-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #16a34a4d}.hero{background:linear-gradient(135deg,#16a34a14 0%,#52b7880f 50%,#1b43320a 100%),radial-gradient(at top,#52b7881a 0%,#0000 50%),radial-gradient(at 100% 100%,#16a34a0d 0%,#0000 50%);padding:120px 0 80px;position:relative;overflow:hidden}.hero-container{max-width:1400px;padding:0 var(--container-padding);align-items:center;gap:var(--space-5xl);grid-template-columns:1fr 1fr;min-height:80vh;margin:0 auto;display:grid}@media (max-width:1024px){.hero-container{text-align:center;gap:var(--space-3xl);grid-template-columns:1fr}}@media (max-width:768px){.hero{padding:80px 0 40px}.hero-container{gap:2rem;min-height:auto;padding:0 1rem}}@media (max-width:480px){.hero{padding:60px 0 30px}.hero-container{gap:1.5rem;padding:0 .75rem}}.hero-bg-ellipse{filter:blur(80px);z-index:-1;background:linear-gradient(135deg,#16a34a1a 0%,#52b7881a 100%);border-radius:50%;width:600px;height:600px;animation:6s ease-in-out infinite float;position:absolute;top:-50%;right:-20%}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(2deg)}}@keyframes subtleGradientShift{0%,to{filter:hue-rotate();background-position:50%,top,100% 100%}50%{filter:hue-rotate(5deg);background-position:50%,0 0,bottom}}@keyframes premiumPulse{0%,to{box-shadow:0 0 20px #16a34a1a,0 0 40px #16a34a0d}50%{box-shadow:0 0 30px #16a34a26,0 0 60px #16a34a14}}.hero-content{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;width:100%;padding:4rem 0;display:flex;position:relative}.hero-content:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:radial-gradient(#fdf8f0cc 0%,#0000 70%);border-radius:50px;width:120%;height:100%;animation:8s ease-in-out infinite premiumPulse;position:absolute;top:0;left:50%;transform:translate(-50%)}.hero-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#16a34a;letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg,#16a34a1a 0%,#2d5a3d1a 100%);border:1px solid #16a34a33;border-radius:50px;align-items:center;gap:.75rem;margin-bottom:2rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;display:inline-flex}.badge-icon{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);border-radius:50%;width:16px;height:16px}.badge-text{font-weight:var(--font-weight-medium)}.golf-hero-title{color:#1b4332;letter-spacing:-.04em;text-shadow:0 2px 4px #1b433226,0 8px 16px #1b43321a,0 16px 32px #1b43320d;text-align:center;margin-bottom:.5rem;font-size:clamp(4rem,10vw,7rem);font-weight:900;line-height:.9;transition:all .3s;position:relative}.golf-hero-title:hover{text-shadow:0 4px 8px #1b433233,0 12px 20px #1b433226,0 20px 40px #1b433214;transform:translateY(-2px)}.golf-hero-subtitle{letter-spacing:-.02em;text-shadow:0 1px 2px #16a34a33,0 4px 8px #16a34a1a,0 8px 16px #16a34a0d;text-align:center;margin-bottom:1.5rem;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:600;line-height:1.1}.hero-description{color:var(--color-text-primary);opacity:.9;letter-spacing:.005em;text-shadow:0 1px 2px #1b433226,0 2px 4px #1b43321a,0 4px 8px #1b43320d;max-width:700px;margin-bottom:3rem;font-size:clamp(1.25rem,3.2vw,1.75rem);font-weight:500;line-height:1.5}.hero-cta{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.btn-primary{color:#1b4332;width:140px;height:140px;font-family:var(--font-family-secondary);cursor:pointer;letter-spacing:.01em;text-align:center;background:radial-gradient(circle at 30% 20%,#ffffffe6 0%,#ffffffd9 50%,#f0f0f0e6 100%),linear-gradient(135deg,#f8f8f8 0%,#e8e8e8 100%);border:1px solid #c8c8c84d;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-weight:700;line-height:1.2;transition:all .3s cubic-bezier(.25,.46,.45,.94);display:flex;position:relative;overflow:visible;transform:translateY(0);box-shadow:0 8px 25px #00000026,inset 0 2px #fffc,inset 0 -2px 4px #0000001a}.btn-primary:hover{background:radial-gradient(circle at 25% 15%,#fffffff2 0%,#ffffffe6 50%,#f5f5f5f2 100%),linear-gradient(135deg,#fcfcfc 0%,#ececec 100%);transform:translateY(-3px);box-shadow:0 12px 35px #0003,inset 0 3px #ffffffe6,inset 0 -3px 6px #00000026}.btn-primary:active{transition:all .1s;transform:translateY(-1px);box-shadow:0 4px 15px #0003,inset 0 1px #ffffffb3,inset 0 -1px 3px #0000001a}.btn-primary:before{content:"";pointer-events:none;opacity:.6;background-image:radial-gradient(circle at 20% 20%,#0000 1px,#0000000d 2px,#0000 3px),radial-gradient(circle at 60% 30%,#0000 1px,#0000000d 2px,#0000 3px),radial-gradient(circle at 40% 60%,#0000 1px,#0000000d 2px,#0000 3px),radial-gradient(circle at 80% 70%,#0000 1px,#0000000d 2px,#0000 3px);background-size:15px 15px,18px 18px,16px 16px,17px 17px;border-radius:50%;width:80%;height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-secondary{color:var(--color-text-primary);border:2px solid var(--color-border);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-family:var(--font-family-secondary);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);cursor:pointer;transition:var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fdf8f0e6}.btn-secondary:hover{border-color:var(--color-primary);background:#16a34a1a;transform:translateY(-2px)}.hero-image{z-index:2;position:relative}@keyframes phoneFloat{0%,to{transform:perspective(1200px)rotateY(-8deg)rotateX(3deg)rotate(-1deg)translateY(0)}50%{transform:perspective(1200px)rotateY(-8deg)rotateX(3deg)rotate(-1deg)translateY(-10px)}}.radial-features{z-index:2;-webkit-backdrop-filter:blur();backdrop-filter:blur();background:0 0;justify-content:center;align-items:center;width:1800px;max-width:95vw;height:120vh;margin:0 auto;display:flex;position:relative}.feature-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-xl);text-align:left;transition:var(--transition-normal);cursor:pointer;z-index:10;background:#ffffff26;border:1px solid #fff3;flex-direction:column;justify-content:flex-start;align-items:flex-start;display:flex;position:absolute;box-shadow:0 8px 32px #00000026}.feature-card h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-sm);color:var(--color-text-primary);font-family:var(--font-family-primary);letter-spacing:.15px;text-align:left;line-height:1.3}.feature-card p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4;font-family:var(--font-family-secondary);letter-spacing:.1px;margin:0 0 var(--space-sm) 0;text-align:left}@keyframes orbFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-30px)scale(1.1)}}@keyframes shapeFloat{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-20px)rotate(90deg)}50%{transform:translateY(-10px)rotate(180deg)}75%{transform:translateY(-30px)rotate(270deg)}}@keyframes dotPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}@keyframes particleFloat{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px)translate(50px)}}@keyframes glowPulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.4;transform:scale(1.2)}}@keyframes lineFlow{0%,to{opacity:.3}50%{opacity:.6}}.phone-mockup{background:linear-gradient(135deg,#2a2a2a 0%,#1a1a1a 100%);border:2px solid #333;border-radius:40px;width:300px;height:600px;margin:0 auto;padding:8px;animation:4s ease-in-out infinite phoneFloat;position:relative;box-shadow:0 20px 60px #0000004d,inset 0 1px #ffffff1a,inset 0 -1px #0003}.phone-mockup:before{content:"";z-index:2;background:#000;border-radius:3px;width:60px;height:6px;position:absolute;top:20px;left:50%;transform:translate(-50%)}.phone-mockup:after{content:"";z-index:2;background:linear-gradient(135deg,#333 0%,#222 100%);border:2px solid #444;border-radius:50%;width:40px;height:40px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.phone-screen{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);border-radius:32px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.phone-screen:before{content:"";background:linear-gradient(135deg,#ffffff1a 0%,#ffffff0d 100%);border-radius:32px 32px 0 0;height:60px;position:absolute;top:0;left:0;right:0}.phone-screen:after{content:"";background:#0000004d;border-radius:2px;width:40px;height:4px;position:absolute;top:15px;left:50%;transform:translate(-50%)}.app-header{z-index:1;justify-content:space-between;align-items:center;display:flex;position:absolute;top:40px;left:20px;right:20px}.app-time{color:var(--color-background);font-size:14px;font-weight:600}.app-status{align-items:center;gap:4px;display:flex}.status-icon{background:var(--color-background);border-radius:2px;width:16px;height:8px}.app-content{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:40px 20px;display:flex}.app-icon{width:60px;height:60px;color:var(--color-background);background:#fff3;border-radius:16px;justify-content:center;align-items:center;font-size:24px;display:flex}.app-title{color:var(--color-background);margin:0;font-size:18px;font-weight:600}.app-subtitle{color:#000000b3;margin:0;font-size:14px}.features{padding:var(--section-padding);background:var(--color-background);position:relative;overflow:hidden}.features-container{max-width:var(--container-max-width);padding:0 var(--container-padding);margin:0 auto}.features-header{text-align:center;margin-bottom:var(--space-4xl)}.features-header h2{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-md);background:linear-gradient(135deg, var(--color-text-primary) 0%, var(--color-text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.features-header p{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto}.features-content{justify-content:center;align-items:center;height:900px;display:flex;position:relative}.features-bg{z-index:1;position:absolute;inset:0}.bg-ellipse{filter:blur(200px);opacity:.1;z-index:1;background:linear-gradient(135deg,#e6e3451a 0%,#a1ee7d1a 100%);border-radius:50%;width:685px;height:629px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.circles-container{position:absolute;inset:0}.circle{border-radius:50%;position:absolute}.circle-1{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);opacity:.05;z-index:2;width:579px;height:580px;top:50%;left:50%;transform:translate(-50%,-50%)}.circle-2{opacity:.3;z-index:2;border:1px solid #a1a2a14d;width:849px;height:850px;top:50%;left:50%;transform:translate(-50%,-50%)}.circle-3{opacity:.2;z-index:2;border:1px solid #a1a2a133;width:1199px;height:1200px;top:50%;left:50%;transform:translate(-50%,-50%)}.features-image{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);opacity:.05;border-radius:var(--radius-2xl);position:absolute;inset:0}.radial-features{z-index:2;justify-content:center;align-items:center;width:1400px;max-width:90vw;height:100%;margin:0 auto;display:flex;position:relative}.central-phone{z-index:5;perspective:1200px;transform-style:preserve-3d;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.central-phone .phone-mockup{width:300px;height:600px;transition:all .6s cubic-bezier(.25,.46,.45,.94);animation:6s ease-in-out infinite phoneFloat;position:relative;transform:perspective(1200px)rotateY(-8deg)rotateX(3deg)rotate(-1deg)}.central-phone .phone-mockup:hover{animation-play-state:paused;transform:perspective(1200px)rotateY(-5deg)rotateX(2deg)rotate(-.5deg)}.central-phone .phone-mockup svg{filter:drop-shadow(0 10px 20px #0000004d)}.central-phone .phone-screen{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);width:100%;height:100%;color:var(--color-background);font-family:var(--font-family-primary);border-radius:32px;flex-direction:column;padding:20px;display:flex}.central-phone .app-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.central-phone .app-time{font-size:14px;font-weight:600}.central-phone .app-status{gap:4px;display:flex}.central-phone .status-icon{background:var(--color-background);border-radius:2px;width:16px;height:8px}.central-phone .app-content{flex-direction:column;flex:1;gap:16px;display:flex}.central-phone .user-profile{text-align:center}.central-phone .user-name{margin-bottom:4px;font-size:16px;font-weight:600}.central-phone .user-handle{opacity:.8;font-size:12px}.central-phone .stats-grid{grid-template-columns:1fr 1fr;gap:12px;margin:16px 0;display:grid}.central-phone .stat-item{text-align:center;background:#ffffff1a;border-radius:8px;padding:8px}.central-phone .stat-value{margin-bottom:4px;font-size:12px;font-weight:700}.central-phone .stat-label{opacity:.8;font-size:10px}.central-phone .recent-activity{flex:1}.central-phone .activity-title{margin-bottom:12px;font-size:14px;font-weight:600}.central-phone .activity-item{background:#ffffff1a;border-radius:8px;margin-bottom:12px;padding:8px}.central-phone .activity-user{opacity:.8;margin-bottom:4px;font-size:10px}.central-phone .activity-content{margin-bottom:4px;font-size:12px}.central-phone .activity-stats{opacity:.7;font-size:10px}.central-phone .nav-bar{border-top:1px solid #fff3;justify-content:space-around;margin-top:auto;padding:12px 0;display:flex}.central-phone .nav-item{opacity:.8;font-size:10px}.feature-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-xl);text-align:center;transition:var(--transition-normal);cursor:pointer;z-index:10;background:#ffffff26;border:1px solid #fff3;flex-direction:column;justify-content:center;align-items:center;width:380px;max-width:400px;min-height:120px;max-height:140px;display:flex;position:absolute;box-shadow:0 8px 32px #00000026}.feature-card:hover{background:#ffffff40;transform:translateY(-8px)scale(1.02);box-shadow:0 16px 48px #00000040}.feature-card .feature-icon{width:18px;height:18px;margin-bottom:var(--space-xs);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);border-radius:var(--radius-sm);transition:var(--transition-normal);flex-shrink:0;justify-content:center;align-items:center;display:flex}.feature-card:hover .feature-icon{transform:scale(1.1)rotate(5deg)}.feature-card h3{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-family:var(--font-family-primary);letter-spacing:.15px;margin-bottom:2px;line-height:1.3}.feature-card p{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.4;font-family:var(--font-family-secondary);letter-spacing:.1px;margin:0}.feature-1{top:10%;left:18%;transform:translate(-50%)}.feature-2{top:30%;left:4%;transform:translate(-50%)}.feature-3{bottom:30%;left:4%;transform:translate(-50%)}.feature-4{bottom:10%;left:18%;transform:translate(-50%)}.feature-5{bottom:10%;right:18%;transform:translate(50%)}.feature-6{bottom:30%;right:4%;transform:translate(50%)}.feature-7{top:30%;right:4%;transform:translate(50%)}.feature-8{top:10%;right:18%;transform:translate(50%)}.how-it-works{padding:var(--section-padding);background:var(--color-background);position:relative;overflow:hidden}.how-it-works-container{max-width:var(--container-max-width);padding:0 var(--container-padding);margin:0 auto}.how-it-works-header{text-align:center;margin-bottom:var(--space-4xl)}.how-it-works-header h2{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-md);color:var(--color-text-primary)}.how-it-works-header p{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto}.how-it-works-content{align-items:center;gap:var(--space-4xl);min-height:600px;display:flex;position:relative}.how-it-works-bg{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.gradient-orb{filter:blur(60px);opacity:.4;border-radius:50%;animation:8s ease-in-out infinite orbFloat;position:absolute}.orb-1{width:300px;height:300px;animation-delay:0s;top:20%;left:15%}.orb-2{width:200px;height:200px;animation-delay:2s;top:60%;right:20%}.orb-3{width:250px;height:250px;animation-delay:4s;bottom:20%;left:25%}.floating-shapes{position:absolute;inset:0}.shape{opacity:.6;animation:12s ease-in-out infinite shapeFloat;position:absolute}.shape-hexagon{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:0 0;border:2px solid;width:40px;height:40px;animation-delay:0s;top:25%;left:10%}.shape-circle{border-radius:50%;width:30px;height:30px;animation-delay:3s;top:70%;right:15%}.shape-triangle{clip-path:polygon(50% 0%,0% 100%,100% 100%);background:0 0;border:2px solid;width:35px;height:35px;animation-delay:6s;top:15%;right:25%}.shape-diamond{width:25px;height:25px;animation-delay:9s;bottom:30%;left:5%;transform:rotate(45deg)}.grid-pattern{opacity:.1;position:absolute;inset:0}.grid-line{background:linear-gradient(90deg, transparent, var(--color-primary), transparent);position:absolute}.grid-line.horizontal{height:1px;top:50%;left:0;right:0;transform:translateY(-50%)}.grid-line.vertical{width:1px;top:0;bottom:0;left:50%;transform:translate(-50%)}.grid-dots{position:absolute;inset:0}.grid-dot{opacity:.6;border-radius:50%;width:4px;height:4px;animation:3s ease-in-out infinite dotPulse;position:absolute}.grid-dot:first-child{animation-delay:0s;top:20%;left:20%}.grid-dot:nth-child(2){animation-delay:.5s;top:20%;right:20%}.grid-dot:nth-child(3){animation-delay:1s;bottom:20%;left:20%}.grid-dot:nth-child(4){animation-delay:1.5s;bottom:20%;right:20%}.grid-dot:nth-child(5){animation-delay:2s;top:40%;left:10%}.grid-dot:nth-child(6){animation-delay:2.5s;top:40%;right:10%}.grid-dot:nth-child(7){animation-delay:3s;bottom:40%;left:10%}.grid-dot:nth-child(8){animation-delay:3.5s;bottom:40%;right:10%}.grid-dot:nth-child(9){animation-delay:4s;top:60%;left:30%}.grid-dot:nth-child(10){animation-delay:4.5s;top:60%;right:30%}.grid-dot:nth-child(11){animation-delay:5s;top:80%;left:40%}.grid-dot:nth-child(12){animation-delay:5.5s;top:80%;right:40%}.particle-system{position:absolute;inset:0}.particle{opacity:.8;border-radius:50%;width:3px;height:3px;animation:6s linear infinite particleFloat;position:absolute}.particle:first-child{animation-delay:0s;top:10%;left:15%}.particle:nth-child(2){animation-delay:1s;top:30%;right:20%}.particle:nth-child(3){animation-delay:2s;bottom:20%;left:25%}.particle:nth-child(4){animation-delay:3s;top:50%;right:10%}.particle:nth-child(5){animation-delay:4s;bottom:40%;right:30%}.particle:nth-child(6){animation-delay:5s;top:70%;left:35%}.particle:nth-child(7){animation-delay:6s;bottom:60%;left:15%}.particle:nth-child(8){animation-delay:7s;top:85%;right:25%}.glow-effect{filter:blur(80px);opacity:.2;border-radius:50%;animation:10s ease-in-out infinite glowPulse;position:absolute}.glow-1{width:400px;height:400px;animation-delay:0s;top:30%;left:20%}.glow-2{width:300px;height:300px;animation-delay:5s;bottom:30%;right:20%}.connection-lines{opacity:.3;width:100%;height:100%;animation:8s ease-in-out infinite lineFlow;position:absolute;top:0;left:0}.decorative-squares-left{gap:var(--space-md);opacity:.2;flex-direction:column;display:flex;position:absolute;top:20%;left:5%}.decorative-squares-right{gap:var(--space-md);opacity:.2;flex-direction:column;display:flex;position:absolute;bottom:20%;right:5%}.square{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);border-radius:var(--radius-sm);width:20px;height:20px}.main-image-container{z-index:2;flex-shrink:0;width:400px;height:600px;position:relative}.how-it-works-image{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);border-radius:var(--radius-2xl);width:100%;height:100%;box-shadow:var(--shadow-2xl);position:relative;overflow:hidden}.steps-carousel{z-index:2;gap:var(--space-lg);flex-direction:column;flex:1;max-width:500px;display:flex;position:relative}.step-item{align-items:flex-start;gap:var(--space-lg);padding:var(--space-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);opacity:.4;background:#ffffff0d;display:flex;position:relative;transform:translate(0)}.step-item:hover{opacity:.6;background:#ffffff1a;transform:translate(10px)}.step-item.active{border-color:var(--color-primary);opacity:1;background:#e6e3451a;transform:translate(20px);box-shadow:0 8px 25px #e6e34533}.step-indicator{border:2px solid var(--color-border);width:22px;height:22px;transition:var(--transition-normal);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.step-item.active .step-indicator{border-color:var(--color-primary);background:var(--color-primary);box-shadow:0 0 20px #e6e34580}.indicator-dot{background:var(--color-primary);opacity:0;width:9px;height:9px;transition:var(--transition-normal);border-radius:50%}.step-item.active .indicator-dot{opacity:1;background:var(--color-background)}.step-content{flex:1}.step-content h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);margin-bottom:var(--space-xs);color:var(--color-text-primary);transition:var(--transition-normal);line-height:1.4}.step-item.active .step-content h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.step-content p{font-size:var(--font-size-base);color:var(--color-text-secondary);transition:var(--transition-normal);line-height:1.5}.step-item.active .step-content p{font-size:var(--font-size-lg);color:var(--color-text-primary)}.cta-container{bottom:var(--space-4xl);z-index:3;position:absolute;left:50%;transform:translate(-50%)}.cta-button{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);color:var(--color-background);padding:var(--space-md) var(--space-2xl);border-radius:var(--radius-md);font-family:var(--font-family-secondary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);cursor:pointer;transition:var(--transition-normal);border:none;position:relative;overflow:hidden;box-shadow:0 4px 15px #e6e3454d}.cta-button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.cta-button:hover:before{left:100%}.progress-tracker{padding:var(--section-padding);background:hsl(var(--app-background));position:relative;overflow:hidden}.progress-container{max-width:var(--container-max-width);padding:0 var(--container-padding);margin:0 auto}.progress-header{text-align:center;margin-bottom:var(--space-4xl)}.progress-header h2{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-md);color:#1b4332}.progress-header p{font-size:var(--font-size-lg);color:#374151;max-width:600px;margin:0 auto}.progress-bg{z-index:-1;background:linear-gradient(135deg,#e6e34505 0%,#a1ee7d05 100%);position:absolute;inset:0}.progress-logo{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);opacity:.05;z-index:-1;border-radius:50%;width:200px;height:200px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.progress-union{z-index:-1;background:linear-gradient(135deg,#e6e3451a 0%,#a1ee7d1a 100%);border-radius:50%;width:150px;height:150px;position:absolute;top:20%;right:10%}.progress-ellipses{z-index:-1;position:absolute;bottom:10%;left:5%}.ellipse{background:linear-gradient(135deg,#e6e3450d 0%,#a1ee7d0d 100%);border-radius:50%;position:absolute}.ellipse-1{width:100px;height:100px;top:0;left:0}.ellipse-2{width:80px;height:80px;top:20px;left:60px}.ellipse-3{width:60px;height:60px;top:40px;left:120px}.journey-timeline{gap:var(--space-4xl);margin-bottom:var(--space-4xl);flex-direction:column;display:flex;position:relative}.journey-step{gap:var(--space-3xl);z-index:2;grid-template-columns:1fr 1fr;align-items:center;display:grid;position:relative}.journey-step.step-left{direction:ltr}.journey-step.step-right{direction:rtl}.journey-step.step-right>*{direction:ltr}.step-number{width:80px;height:80px;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#fff;box-shadow:var(--shadow-lg);z-index:3;background:#1b4332;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.step-left .step-number{left:-40px}.step-right .step-number{right:-40px}.step-content{text-align:left;padding:var(--space-2xl);border-radius:var(--radius-xl);background:#fff;position:relative;box-shadow:0 4px 20px #0000001a}.step-icon{width:40px;height:40px;margin-bottom:var(--space-md);background:#f3f4f6;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.step-content h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-sm);color:#374151}.step-content p{font-size:var(--font-size-base);color:#374151;line-height:var(--line-height-relaxed);margin-bottom:var(--space-lg)}.feature-item:hover{background:#52b7880d;transform:translate(5px)}.checkmark{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);background:#52b7881a;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.feature-item span{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:#374151}.phone-mockup{background:#fff;border-radius:20px;width:200px;height:350px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001a}.phone-screen{width:100%;height:100%;position:relative}.screen-content{width:100%;height:100%;position:relative;overflow:hidden}.landscape-bg{background:linear-gradient(#87ceeb 0%,#52b788 100%);width:100%;height:100%;position:relative}.landscape-bg:after{content:"";background:#374151;border-radius:50%;width:20px;height:20px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.journey-step:hover .phone-mockup{transition:var(--transition-normal);transform:scale(1.05);box-shadow:0 12px 40px #00000026}.hero-2{padding:var(--section-padding);background:var(--color-background);position:relative;overflow:hidden}.hero-2-container{max-width:var(--container-max-width);padding:0 var(--container-padding);gap:var(--space-4xl);grid-template-columns:1fr 1fr;align-items:center;margin:0 auto;display:grid}.hero-2-bg{z-index:-1;background:linear-gradient(135deg,#e6e34505 0%,#a1ee7d05 100%);position:absolute;inset:0}.hero-2-ellipse-left{filter:blur(60px);z-index:-1;background:linear-gradient(135deg,#e6e3451a 0%,#a1ee7d1a 100%);border-radius:50%;width:300px;height:300px;animation:8s ease-in-out infinite float;position:absolute;top:-100px;left:-100px}.hero-2-ellipse-right{filter:blur(80px);z-index:-1;background:linear-gradient(135deg,#a1ee7d1a 0%,#e6e3451a 100%);border-radius:50%;width:400px;height:400px;animation:6s ease-in-out infinite reverse float;position:absolute;bottom:-100px;right:-100px}.hero-2-content{z-index:2}.hero-2-text h2{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-lg);background:linear-gradient(135deg, var(--color-text-primary) 0%, var(--color-text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-2-text p{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin-bottom:var(--space-2xl);color:var(--color-text-secondary)}.hero-2-image{z-index:2;position:relative}.hero-2-image img{-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-xl);width:100%;height:500px;box-shadow:var(--shadow-2xl)}.footer{background:var(--color-deep-green);padding:var(--space-4xl) 0 var(--space-2xl);border-top:1px solid var(--color-border)}.footer-container{max-width:var(--container-max-width);padding:0 var(--container-padding);margin:0 auto}.footer-columns{gap:var(--space-4xl);margin-bottom:var(--space-3xl);grid-template-columns:1fr 2fr;display:grid}.footer-brand{gap:var(--space-lg);flex-direction:column;display:flex}.footer-logo{align-items:center;gap:var(--space-sm);display:flex}.footer-logo .logo-icon{width:32px;height:32px}.footer-logo .logo-text{font-size:var(--font-size-xl);color:var(--color-background)}.footer-links{gap:var(--space-2xl);grid-template-columns:repeat(3,1fr);display:grid}.footer-column h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-lg);color:var(--color-background)}.footer-column ul{gap:var(--space-sm);flex-direction:column;list-style:none;display:flex}.footer-column a{color:var(--color-background);transition:var(--transition-normal);font-size:var(--font-size-sm);opacity:.8;text-decoration:none}.footer-column a:hover{color:var(--color-accent);opacity:1}.footer-copyright{text-align:center;padding-top:var(--space-2xl);border-top:1px solid var(--color-border)}.footer-copyright p{color:var(--color-background);font-size:var(--font-size-sm);opacity:.6}@media (max-width:1200px){:root{--container-padding:var(--space-xl)}.nav-container,.hero-container,.features-container,.how-it-works-container,.progress-container,.hero-2-container,.footer-container{padding:0 var(--container-padding)}.features-grid{gap:var(--space-md);grid-template-columns:repeat(3,1fr)}.hero-title,.hero-2-text h2{font-size:var(--font-size-4xl)}.progress-step{gap:var(--space-2xl)}}@media (max-width:768px){:root{--container-padding:var(--space-lg);--section-padding:var(--space-3xl) 0}.nav-container,.hero-container,.features-container,.how-it-works-container,.progress-container,.hero-2-container,.footer-container{padding:0 var(--container-padding)}.nav-menu{display:none}.hero{padding:80px 0 40px;overflow:visible!important}.hero-container{text-align:center;gap:1.5rem;max-width:100%;min-height:auto;padding:0 1rem!important}.hero-content{text-align:center;align-items:center;gap:1.5rem;box-sizing:border-box!important;border-radius:1rem!important;width:calc(100% - 2rem)!important;max-width:calc(100% - 2rem)!important;margin:0 1rem!important;padding:1.5rem!important}.hero-content:before{border-radius:1rem!important;width:100%!important;left:0!important;transform:none!important}.hero-image,.hero-image.enhanced{max-width:280px!important;margin:0 auto!important;transform:none!important}.phone-container.enhanced{width:220px!important;height:440px!important}.social-notifications{display:none!important}.golf-hero-title{margin-bottom:.5rem!important;font-size:2.5rem!important;line-height:1!important}.golf-hero-subtitle{margin-bottom:.75rem!important;font-size:1.25rem!important;line-height:1.2!important}.golf-body-text,.golf-body-text.golf-spacing-lg{margin-bottom:1rem!important;padding:0 .5rem!important;font-size:.9rem!important;line-height:1.5!important}.hero-2-container{gap:var(--space-2xl);text-align:center;grid-template-columns:1fr}.features-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr)}.radial-features{gap:var(--space-lg);flex-direction:column;width:100%;height:auto}.central-phone{margin-bottom:var(--space-xl);position:relative;top:auto;left:auto;transform:none}.feature-card{width:100%;max-width:350px;margin:0 auto var(--space-lg);position:relative;inset:auto!important;transform:none!important}.progress-step{gap:var(--space-lg);text-align:center;grid-template-columns:1fr}.progress-step.reverse{direction:ltr}.hero-title,.hero-2-text h2{font-size:var(--font-size-3xl)}.footer-columns{gap:var(--space-2xl);grid-template-columns:1fr}.footer-links{gap:var(--space-xl);grid-template-columns:repeat(2,1fr)}.steps-carousel{max-width:100%}.step-item{padding:var(--space-md)}.step-content h3{font-size:var(--font-size-lg)}.step-content p{font-size:var(--font-size-sm)}}@media (max-width:480px){:root{--container-padding:var(--space-md);--section-padding:var(--space-2xl) 0}.hero{padding:60px 0 30px}.hero-container{text-align:center;gap:1rem;padding:0 .75rem!important}.hero-content{text-align:center;align-items:center;gap:1rem;width:calc(100% - 1.5rem)!important;max-width:calc(100% - 1.5rem)!important;margin:0 .75rem!important;padding:1rem!important}.hero-image,.hero-image.enhanced{max-width:240px!important}.phone-container.enhanced{width:180px!important;height:360px!important}.golf-hero-title{font-size:2rem!important}.golf-hero-subtitle{font-size:1.1rem!important}.golf-body-text,.golf-body-text.golf-spacing-lg{font-size:.85rem!important}.features-grid{gap:var(--space-md);grid-template-columns:1fr}.hero-title,.hero-2-text h2{font-size:var(--font-size-2xl)}.hero-description,.hero-2-text p{font-size:var(--font-size-base)}.btn-primary,.btn-secondary,.cta-button{padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm)}.footer-links{gap:var(--space-lg);grid-template-columns:1fr}}.animate-in{animation:.8s ease-out forwards fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}html{scroll-behavior:smooth}.feature-card,.progress-step,.step-item{transition:var(--transition-normal)}.feature-card.animate-in,.progress-step.animate-in{animation:.6s ease-out slideInUp}.feature-card:hover .feature-icon{animation:.6s ease-in-out bounce}@keyframes bounce{0%,20%,53%,80%,to{transform:translate(0,0)}40%,43%{transform:translateY(-8px)}70%{transform:translateY(-4px)}90%{transform:translateY(-2px)}}.card{transition:var(--transition-slow)}.card-main{box-shadow:var(--shadow-2xl)}.btn-primary,.btn-secondary,.sign-up-btn,.cta-button{position:relative;overflow:hidden}.btn-primary:before,.btn-secondary:before,.sign-up-btn:before,.cta-button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-primary:hover:before,.btn-secondary:hover:before,.sign-up-btn:hover:before,.cta-button:hover:before{left:100%}.loading{opacity:.7;pointer-events:none}.loading:after{content:"";border:2px solid #0000;border-top:2px solid var(--color-primary);border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;animation:1s linear infinite spin;position:absolute;top:50%;left:50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nav-link:focus,.btn-primary:focus,.btn-secondary:focus,.sign-up-btn:focus,.cta-button:focus,.nav-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.navigation-bar,.hero-bg-ellipse,.bg-ellipse,.bg-gradient-ellipse,.bg-curved-rectangle,.bg-circle-outline,.decorative-squares-left,.decorative-squares-right,.circles-container,.progress-bg,.progress-logo,.progress-union,.progress-ellipses,.hero-2-bg,.hero-2-ellipse-left,.hero-2-ellipse-right{display:none}.fitlife-landing{color:#000;background:#fff}.hero-title,.hero-2-text h2,.features-header h2,.progress-header h2{color:#000;-webkit-text-fill-color:black}.hero-description,.hero-2-text p,.features-header p,.progress-header p,.feature-card p,.step-content p,.card-main p{color:#333}}@media (prefers-contrast:high){:root{--color-border:#ffffff4d;--color-overlay:#000000e6}.feature-card,.step-item,.card{border:2px solid var(--color-border)}.nav-link:hover,.btn-secondary:hover{background:#fff3}}#hero{scroll-snap-align:start;-webkit-overflow-scrolling:touch;transform:translate(0,0)}.container-scroll{scroll-snap-type:y mandatory;overscroll-behavior:contain}@media (pointer:coarse){.hero-cta,.scroll-indicator{min-width:44px;min-height:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero-bg-ellipse,.bg-ellipse,.bg-gradient-ellipse,.circle-1,.circle-2,.circle-3,.hero-2-ellipse-left,.hero-2-ellipse-right,.phone-mockup{animation:none}}.features,.how-it-works,.progress-tracker,.hero-2,.features-container,.how-it-works-container,.progress-container,.hero-2-container{background:0 0}.bento-demo-section{padding:var(--section-padding);position:relative;overflow:hidden}.bento-demo-container{max-width:var(--container-max-width);padding:0 var(--container-padding);z-index:2;margin:0 auto;position:relative}.bento-demo-header{text-align:center;margin-bottom:var(--space-3xl)}.bento-demo-header h2{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-lg);line-height:var(--line-height-tight)}.bento-demo-header p{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);opacity:.9;max-width:600px;margin:0 auto}.bento-demo-content{z-index:2;position:relative}@media (max-width:768px){.bento-demo-header h2{font-size:var(--font-size-3xl)}.bento-demo-header p{font-size:var(--font-size-base)}.bento-demo-content{padding:var(--space-lg)!important}}@media (max-width:480px){.bento-demo-header h2{font-size:var(--font-size-2xl)}.bento-demo-content{padding:var(--space-md)!important}}.how-it-works-carousel{min-height:100vh;padding:var(--space-4xl) 0;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.carousel-container{width:100%;max-width:var(--container-max-width);padding:0 var(--container-padding);justify-content:space-between;align-items:center;gap:var(--space-4xl);margin:0 auto;display:flex;position:relative}.phones-container{z-index:10;flex:none;justify-content:center;align-items:center;width:500px;height:600px;display:flex;position:relative}.phone-frame{width:300px;height:600px;transition:all .5s;position:absolute}.phone-frame.current{z-index:20}.phone-frame.previous,.phone-frame.next{z-index:10}.phone-frame:hover{transform:scale(1.02)}.text-container{flex:1;justify-content:center;align-items:center;height:400px;display:flex;position:relative}.step-text{width:100%;height:100%;padding:var(--space-2xl);opacity:0;justify-content:flex-start;align-items:center;transition:all .5s ease-in-out;display:flex;position:absolute;top:0;left:0;transform:translateY(50px)}.step-text.active{opacity:1;transform:translateY(0)}.step-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-width:500px;padding:var(--space-3xl);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 8px 32px #1b43321a}.step-number{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:#1b4332;margin-bottom:var(--space-md);line-height:1}.step-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:#1b4332;margin-bottom:var(--space-lg);line-height:var(--line-height-tight);white-space:pre-line}.step-description{font-size:var(--font-size-lg);color:#2d5a3d;line-height:var(--line-height-relaxed);margin:0}.step-indicators{gap:var(--space-md);margin-top:var(--space-3xl);z-index:20;display:flex}.indicator{align-items:center;gap:var(--space-sm);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-lg);flex-direction:column;transition:all .3s;display:flex}.indicator:hover{background:#ffffff1a}.indicator.active{transform:scale(1.1)}.indicator-dot{background:#ffffff4d;border-radius:50%;width:12px;height:12px;transition:all .3s}.indicator.active .indicator-dot{background:#52b788;box-shadow:0 0 20px #52b78880}.indicator-number{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#ffffffb3;transition:color .3s}.indicator.active .indicator-number{color:#52b788;font-weight:var(--font-weight-semibold)}@media (max-width:1200px){.carousel-container{gap:var(--space-2xl)}.phones-container{width:400px;height:500px}.phone-frame{width:250px;height:500px}.text-container{height:350px}.step-content{padding:var(--space-2xl)}}@media (max-width:768px){.carousel-container{gap:var(--space-3xl);text-align:center;flex-direction:column}.phones-container{order:1;width:300px;height:400px}.phone-frame{width:200px;height:400px}.text-container{order:2;height:auto;min-height:300px}.step-text{opacity:1;position:relative;transform:none}.step-content{max-width:100%;padding:var(--space-xl)}.step-indicators{margin-top:var(--space-2xl);order:3}}@media (max-width:480px){.phones-container{width:250px;height:300px}.phone-frame{width:150px;height:300px}.step-content{padding:var(--space-lg)}.step-title{font-size:var(--font-size-xl)}.step-description{font-size:var(--font-size-base)}}.hero-image.enhanced{z-index:2;transform-style:preserve-3d;perspective:1200px;position:relative;opacity:1!important;visibility:visible!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;border:none!important;outline:none!important;display:block!important}.phone-container.enhanced{width:300px;height:600px;transform-style:preserve-3d;perspective:1000px;z-index:10;margin:0 auto;position:relative}.hero-floating-charts-wrapper{pointer-events:none;z-index:25;width:55%;position:absolute;top:0;bottom:0;right:0}.hero-floating-charts-wrapper>*{pointer-events:auto}.hero.has-floating-charts,.hero.has-floating-charts .hero-container{overflow:visible}@media (max-width:1024px){.hero-floating-charts-wrapper{display:none}}.phone-container.enhanced{opacity:1!important;visibility:visible!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;border:none!important;outline:none!important;display:block!important}.enhanced-phone{z-index:15;filter:drop-shadow(0 20px 40px #0000004d);transform-style:preserve-3d;animation:4s ease-in-out infinite phoneFloat;position:relative;opacity:1!important;visibility:visible!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;border:none!important;outline:none!important;display:block!important}.phone-glow{z-index:5;pointer-events:none;background:radial-gradient(#52b78833 0%,#2d5a3d1a 40%,#0000 70%);border-radius:50%;width:400px;height:700px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.phone-reflection{z-index:3;pointer-events:none;background:linear-gradient(135deg,#ffffff1a 0%,#ffffff0d 50%,#0000 100%);border-radius:40px;animation:2s ease-in-out infinite phoneReflection;position:absolute;inset:0}@keyframes phoneReflection{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.3;transform:scale(1.02)}}.hero-bg-ellipse.enhanced{filter:blur(80px);z-index:-100;width:600px;height:600px;transform-style:preserve-3d;pointer-events:none;background:linear-gradient(135deg,#e6e3451a 0%,#a1ee7d1a 100%);border-radius:50%;animation:6s ease-in-out infinite float;position:absolute;top:50%;right:10%;transform:translate(50%,-50%)}.phone-mockup.enhanced{width:300px;height:600px;transform-style:preserve-3d;background:linear-gradient(135deg,#2a2a2a 0%,#1a1a1a 100%);border:none;border-radius:40px;margin:0 auto;padding:8px;transition:all .3s;animation:4s ease-in-out infinite phoneFloat;position:relative;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a,inset 0 1px #ffffff1a,inset 0 -1px #0003}.phone-mockup.enhanced:hover{transform:translateY(-5px)rotateY(5deg)rotateX(2deg);box-shadow:0 30px 80px #0006,0 0 0 1px #ffffff26,inset 0 1px #ffffff26,inset 0 -1px #0000004d}.phone-mockup.enhanced:before{content:"";z-index:2;background:#000;border-radius:3px;width:60px;height:6px;position:absolute;top:20px;left:50%;transform:translate(-50%);box-shadow:0 1px 2px #0000004d}.phone-mockup.enhanced:after{content:"";z-index:2;background:linear-gradient(135deg,#333 0%,#222 100%);border:2px solid #444;border-radius:50%;width:40px;height:40px;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #0000004d,inset 0 1px #ffffff1a}.phone-screen.enhanced{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);border-radius:32px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff3,inset 0 -1px #0000001a}.phone-screen.enhanced:before{content:"";background:linear-gradient(135deg,#ffffff1a 0%,#ffffff0d 100%);border-radius:32px 32px 0 0;height:60px;position:absolute;top:0;left:0;right:0}.phone-screen.enhanced:after{content:"";background:#0000004d;border-radius:2px;width:40px;height:4px;position:absolute;top:15px;left:50%;transform:translate(-50%);box-shadow:0 1px 2px #0003}.app-header.enhanced{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex;position:absolute;top:40px;left:20px;right:20px}.app-time.enhanced{color:var(--color-background);text-shadow:0 1px 2px #0000001a;font-size:14px;font-weight:600}.app-status.enhanced{align-items:center;gap:4px;display:flex}.status-icon.enhanced{background:var(--color-background);border-radius:2px;width:16px;height:8px;box-shadow:0 1px 2px #0003}.app-content.enhanced{text-align:center;z-index:2;flex-direction:column;align-items:center;gap:20px;padding:40px 20px;display:flex;position:relative}.app-icon.enhanced{width:60px;height:60px;color:var(--color-background);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:16px;justify-content:center;align-items:center;font-size:24px;display:flex;box-shadow:0 4px 8px #0003,inset 0 1px #ffffff4d}.app-title.enhanced{color:var(--color-background);text-shadow:0 1px 2px #0000001a;margin:0;font-size:18px;font-weight:600}.app-subtitle.enhanced{color:#000000b3;text-shadow:0 1px 1px #ffffff4d;margin:0;font-size:14px}.central-phone.enhanced{z-index:5;perspective:1200px;transform-style:preserve-3d;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.central-phone.enhanced .phone-mockup{width:300px;height:600px;transition:all .6s cubic-bezier(.25,.46,.45,.94);animation:6s ease-in-out infinite phoneFloat;position:relative;transform:perspective(1200px)rotateY(-8deg)rotateX(3deg)rotate(-1deg)}.central-phone.enhanced .phone-mockup:hover{animation-play-state:paused;transform:perspective(1200px)rotateY(-5deg)rotateX(2deg)rotate(-.5deg)}.central-phone.enhanced .phone-mockup svg{filter:drop-shadow(0 10px 20px #0000004d)}.central-phone.enhanced .phone-screen{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);width:100%;height:100%;color:var(--color-background);font-family:var(--font-family-primary);border-radius:32px;flex-direction:column;padding:20px;display:flex;box-shadow:inset 0 1px #fff3,inset 0 -1px #0000001a}.central-phone.enhanced .app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:8px 12px;display:flex}.central-phone.enhanced .app-time{text-shadow:0 1px 2px #0000001a;font-size:14px;font-weight:600}.central-phone.enhanced .app-status{gap:4px;display:flex}.central-phone.enhanced .status-icon{background:var(--color-background);border-radius:2px;width:16px;height:8px;box-shadow:0 1px 2px #0003}.central-phone.enhanced .app-content{flex-direction:column;flex:1;gap:16px;display:flex}.central-phone.enhanced .user-profile{text-align:center}.central-phone.enhanced .user-name{text-shadow:0 1px 2px #0000001a;margin-bottom:4px;font-size:16px;font-weight:600}.central-phone.enhanced .user-handle{opacity:.8;text-shadow:0 1px 1px #ffffff4d;font-size:12px}.central-phone.enhanced .stats-grid{grid-template-columns:1fr 1fr;gap:12px;margin:16px 0;display:grid}.central-phone.enhanced .stat-item{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:8px;padding:8px;box-shadow:0 2px 4px #0000001a,inset 0 1px #fff3}.central-phone.enhanced .stat-value{text-shadow:0 1px 2px #0000001a;margin-bottom:4px;font-size:12px;font-weight:700}.central-phone.enhanced .stat-label{opacity:.8;text-shadow:0 1px 1px #ffffff4d;font-size:10px}.central-phone.enhanced .recent-activity{flex:1}.central-phone.enhanced .activity-title{text-shadow:0 1px 2px #0000001a;margin-bottom:12px;font-size:14px;font-weight:600}.central-phone.enhanced .activity-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:8px;margin-bottom:12px;padding:8px;box-shadow:0 2px 4px #0000001a,inset 0 1px #fff3}.central-phone.enhanced .activity-user{opacity:.8;text-shadow:0 1px 1px #ffffff4d;margin-bottom:4px;font-size:10px}.central-phone.enhanced .activity-content{text-shadow:0 1px 2px #0000001a;margin-bottom:4px;font-size:12px}.central-phone.enhanced .activity-stats{opacity:.7;text-shadow:0 1px 1px #ffffff4d;font-size:10px}.central-phone.enhanced .nav-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-top:1px solid #fff3;border-radius:0 0 32px 32px;justify-content:space-around;margin-top:auto;padding:12px 0;display:flex}.central-phone.enhanced .nav-item{opacity:.8;text-shadow:0 1px 1px #ffffff4d;font-size:10px}@media (max-width:768px){.phone-container.enhanced{width:250px;height:500px}.phone-glow{width:300px;height:550px}.hero-bg-ellipse.enhanced{width:400px;height:400px}}@media (max-width:480px){.phone-container.enhanced{width:200px;height:400px}.phone-glow{width:250px;height:450px}.hero-bg-ellipse.enhanced{width:300px;height:300px}}.phone-orbit-container{z-index:5;pointer-events:none;width:900px;height:800px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes ovalOrbit{0%{transform:rotate(0)translate(350px)rotate(0)}to{transform:rotate(360deg)translate(350px)rotate(-360deg)}}@keyframes ovalOrbitReverse{0%{transform:rotate(0)translate(350px)rotate(0)}to{transform:rotate(-360deg)translate(350px)rotate(360deg)}}.app-icon-phone-orbit{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;background:#ffffffe6;border:2px solid #0000001a;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;position:absolute;top:50%;left:50%;box-shadow:0 4px 20px #0000001a}.app-icon-phone-orbit.clockwise{animation:25s linear infinite ovalOrbit}.app-icon-phone-orbit.counterclockwise{animation:25s linear infinite ovalOrbitReverse}.app-icon-phone-orbit:hover{transform:scale(1.2);box-shadow:0 12px 40px #00000026,0 4px 12px #0000001a}.brand-logo{border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;padding:0;display:flex;overflow:hidden;box-shadow:0 2px 8px #00000026}.brand-logo svg{flex-shrink:0;width:20px;height:20px}.brand-logo.strava{background:linear-gradient(135deg,#fc4c02 0%,#e64a19 100%)}.brand-logo.facebook{background:linear-gradient(135deg,#1877f2 0%,#0d6efd 100%)}.brand-logo.slack{background:linear-gradient(135deg,#4a154b 0%,#611f69 100%)}.brand-logo.excel{background:linear-gradient(135deg,#217346 0%,#1e6b3a 100%)}.brand-logo.whatsapp{background:linear-gradient(135deg,#25d366 0%,#128c7e 100%)}.brand-logo.sheets{background:linear-gradient(135deg,#0f9d58 0%,#0b8043 100%)}.brand-logo.discord{background:linear-gradient(135deg,#5865f2 0%,#4752c4 100%)}.brand-logo.instagram{background:linear-gradient(135deg,#e4405f 0%,#c13584 100%)}.brand-logo.twitter{background:linear-gradient(135deg,#1da1f2 0%,#14171a 100%)}.brand-logo.begolf img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:100%;height:100%}@media (max-width:768px){.phone-orbit-container{display:none}.app-icon-phone-orbit{width:40px;height:40px}.app-icon-phone-orbit svg{width:20px;height:20px}.hero-content{gap:1.5rem;padding:2rem 0}.golf-hero-title{margin-bottom:.25rem;font-size:clamp(2.5rem,12vw,4rem)}.golf-hero-subtitle{margin-bottom:1rem;font-size:clamp(1.25rem,5vw,2rem)}.golf-body-text{font-size:.9rem;line-height:1.5}}@media (max-width:480px){.phone-orbit-container{display:none}.app-icon-phone-orbit{width:35px;height:35px}.app-icon-phone-orbit svg{width:18px;height:18px}.golf-hero-title{font-size:clamp(2rem,14vw,3rem)}.golf-hero-subtitle{font-size:clamp(1rem,5vw,1.5rem)}}.progress-cta{text-align:center;margin-top:var(--space-4xl);padding:var(--space-3xl);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff1a;position:relative;overflow:hidden}.progress-cta:before{content:"";opacity:0;transition:var(--transition-normal);z-index:-1;background:linear-gradient(135deg,#16a34a0d 0%,#15803d0d 100%);position:absolute;inset:0}.progress-cta:hover:before{opacity:1}.progress-cta h4{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-md);color:var(--color-text-primary)}.progress-cta p{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-2xl);max-width:600px;margin-left:auto;margin-right:auto}.progress-cta .btn-primary{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);padding:var(--space-lg) var(--space-2xl);border-radius:var(--radius-xl);transition:var(--transition-normal);position:relative;overflow:hidden}.progress-cta .btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.progress-cta .btn-primary:hover:before{left:100%}.journey-section{padding:var(--space-5xl) 0;background:hsl(var(--app-background));position:relative;overflow:hidden}.step-content-modern .step-left,.step-content-modern .step-right{grid-area:content}.step-visual-modern .step-left,.step-visual-modern .step-right{grid-area:visual}@keyframes phoneGlow{0%{opacity:.3;transform:translate(-50%,-50%)scale(1)}to{opacity:.6;transform:translate(-50%,-50%)scale(1.05)}}.journey-container{max-width:var(--container-max-width);padding:0 var(--container-padding);margin:0 auto}.journey-header{text-align:center;margin-bottom:var(--space-5xl)}.journey-header h2{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-lg);color:#1b4332;line-height:var(--line-height-tight)}.journey-header p{font-size:var(--font-size-lg);color:#374151;max-width:600px;line-height:var(--line-height-relaxed);margin:0 auto}.journey-timeline{max-width:1200px;padding:var(--space-4xl) 0;margin:0 auto;position:relative}.journey-timeline:before{content:"";z-index:1;background:#1b433226;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.journey-step{gap:var(--space-4xl);margin-bottom:var(--space-5xl);grid-template-columns:1fr 1fr;align-items:center;display:grid;position:relative}.journey-step.step-left{grid-template-areas:"content visual"}.journey-step.step-right{grid-template-areas:"visual content"}.journey-step.step-right>*{grid-area:auto}.step-content{text-align:left;padding:var(--space-3xl);border-radius:var(--radius-2xl);background:#fff;transition:transform .3s,box-shadow .3s;position:relative;box-shadow:0 4px 20px #00000014}.step-content:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001f}.step-number{width:60px;height:60px;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:#fff;z-index:3;background:#1b4332;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-20px;left:30px;box-shadow:0 4px 20px #1b433233}.step-icon{border-radius:var(--radius-lg);width:40px;height:40px;margin-bottom:var(--space-lg);margin-top:var(--space-lg);background:#f3f4f6;justify-content:center;align-items:center;display:flex}.phone-icon{background:#374151;border-radius:4px;width:20px;height:20px;position:relative}.phone-icon:after{content:"";background:#374151;border-radius:50%;width:6px;height:6px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.target-icon{background:#ef4444;border-radius:50%;width:20px;height:20px;position:relative}.target-icon:before{content:"";background:#fff;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.target-icon:after{content:"";background:#ef4444;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.workout-icon{background:#374151;border-radius:50%;width:20px;height:20px;position:relative}.workout-icon:before{content:"";background:#fff;border-radius:3px;width:14px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.progress-icon{background:#3b82f6;border-radius:4px;width:20px;height:20px;position:relative}.progress-icon:before{content:"";background:#fff;border-radius:2px;width:3px;height:6px;position:absolute;bottom:3px;left:3px}.progress-icon:after{content:"";background:#fff;border-radius:2px;width:3px;height:10px;position:absolute;bottom:3px;left:8px}.trophy-icon{background:#f59e0b;border-radius:4px;width:20px;height:20px;position:relative}.trophy-icon:before{content:"";background:#fff;border-radius:2px;width:10px;height:6px;position:absolute;top:3px;left:50%;transform:translate(-50%)}.trophy-icon:after{content:"";background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.step-content h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-sm);color:#374151;line-height:var(--line-height-tight)}.step-content h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-bottom:var(--space-md);color:#52b788}.step-content p{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:var(--space-xl);color:#374151}.step-features{gap:var(--space-md);flex-direction:column;display:flex}.feature-item{align-items:center;gap:var(--space-md);padding:var(--space-sm);border-radius:var(--radius-md);transition:background-color .3s;display:flex}.feature-item:hover{background:#52b7880f}.checkmark{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:#52b788;flex-shrink:0}.feature-item span:last-child{font-size:var(--font-size-sm);color:#374151;font-weight:var(--font-weight-medium)}.step-visual{justify-content:center;align-items:center;width:100%;height:400px;display:flex}.phone-mockup{background:#fff;border-radius:20px;width:200px;height:350px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001f}.phone-screen{width:100%;height:100%;position:relative;overflow:hidden}.screen-gradient{background:linear-gradient(#87ceeb 0%,#52b788 100%);width:100%;height:100%;position:relative}.screen-gradient:after{content:"";background:#374151;border-radius:50%;width:20px;height:20px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.journey-cta{text-align:center;margin-top:var(--space-5xl);padding:var(--space-5xl);border-radius:var(--radius-2xl);background:#fff;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 20px #00000014}.journey-cta:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001f}.journey-cta h4{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-md);color:#1b4332}.journey-cta p{font-size:var(--font-size-lg);color:#374151;margin-bottom:var(--space-3xl);max-width:600px;line-height:var(--line-height-relaxed);margin-left:auto;margin-right:auto}.journey-cta-button{padding:var(--space-lg) var(--space-2xl);color:#fff;border-radius:var(--radius-xl);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);cursor:pointer;background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);border:none;align-items:center;transition:all .3s;display:inline-flex;box-shadow:0 4px 16px #16a34a4d}.journey-cta-button:hover{box-shadow:0 8px 32px #16a34a66}@media (max-width:1200px){.journey-step{gap:var(--space-3xl)}}@media (max-width:768px){.journey-section{padding:var(--space-4xl) 0}.journey-header h2{font-size:var(--font-size-3xl)}.journey-step{gap:var(--space-2xl);text-align:center;grid-template-columns:1fr}.journey-step.step-left,.journey-step.step-right{grid-template-areas:"content""visual"}.journey-timeline:before{display:none}.step-number{margin:0 auto var(--space-lg);position:relative;top:auto;left:auto}.step-content{padding:var(--space-2xl)}.step-content h3{font-size:var(--font-size-xl)}.step-content h4{font-size:var(--font-size-base)}.step-content p{font-size:var(--font-size-sm)}.step-features{gap:var(--space-sm)}.feature-item{padding:var(--space-sm)}.feature-item span:last-child{font-size:var(--font-size-xs)}.step-visual{height:300px}.phone-mockup{width:180px;height:320px}.journey-cta{padding:var(--space-3xl)}.journey-cta h4{font-size:var(--font-size-xl)}.journey-cta p{font-size:var(--font-size-base)}}@media (max-width:480px){.journey-header h2{font-size:var(--font-size-2xl)}.journey-header p{font-size:var(--font-size-base)}.step-content{padding:var(--space-xl)}.step-content h3{font-size:var(--font-size-lg)}.step-content h4{font-size:var(--font-size-sm)}.step-content p{font-size:var(--font-size-xs)}.step-visual{height:250px}.phone-mockup{width:150px;height:270px}.journey-cta{padding:var(--space-2xl)}.journey-cta h4{font-size:var(--font-size-lg)}.journey-cta p{font-size:var(--font-size-sm)}.journey-cta-button{padding:var(--space-md) var(--space-xl);font-size:var(--font-size-base)}.journey-step-modern{gap:var(--space-2xl);text-align:center;grid-template-columns:1fr}.journey-step-modern.step-left,.journey-step-modern.step-right{grid-template-areas:"content""visual"}.step-number-modern{margin:0 auto var(--space-lg);width:60px;height:60px;font-size:20px;position:relative;top:0;left:0}.step-content-modern{padding:var(--space-2xl) var(--space-lg)}.step-content-modern h3{font-size:var(--font-size-xl)}.step-content-modern h4{font-size:var(--font-size-base)}.phone-mockup-modern{width:240px;height:480px}.journey-cta-modern h4{font-size:var(--font-size-xl)}.journey-cta-modern p{font-size:var(--font-size-base)}}.journey-timeline-modern{max-width:1400px;padding:var(--space-4xl) 0;gap:var(--space-5xl);flex-direction:column;margin:0 auto;display:flex;position:relative}.journey-step-modern{gap:var(--space-4xl);padding:var(--space-3xl) 0;grid-template-columns:1fr 1fr;align-items:center;display:grid;position:relative}.journey-step-modern.step-left{grid-template-areas:"content visual"}.journey-step-modern.step-right{grid-template-areas:"visual content"}.step-content-modern{padding:var(--space-3xl);position:relative}.step-number-modern{z-index:2;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:24px;font-weight:700;display:flex;position:absolute;top:-20px;left:-20px;box-shadow:0 8px 32px #1b433233}.step-icon-modern{width:60px;height:60px;margin-bottom:var(--space-lg);border-radius:16px;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 16px #1b43321a}.step-content-modern h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-sm);line-height:var(--line-height-tight)}.step-content-modern h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-lg);line-height:var(--line-height-snug)}.step-content-modern p{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:var(--space-xl)}.step-features-modern{gap:var(--space-md);flex-direction:column;display:flex}.feature-item-modern{align-items:center;gap:var(--space-sm);display:flex}.checkmark-modern{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:600;display:flex}.feature-item-modern span{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.step-visual-modern{padding:var(--space-2xl);justify-content:center;align-items:center;display:flex}.phone-mockup-modern{perspective:1000px;width:300px;height:600px;transform-style:preserve-3d;position:relative}.phone-mockup-modern:before{content:"";z-index:-1;background:radial-gradient(circle,#52b7881a 0%,#0000 70%);border-radius:50%;width:120%;height:120%;animation:3s ease-in-out infinite alternate phoneGlow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.journey-cta-modern{text-align:center;margin-top:var(--space-5xl);padding:var(--space-4xl) var(--space-2xl)}.journey-cta-modern h4{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-lg);line-height:var(--line-height-tight)}.journey-cta-modern p{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin-bottom:var(--space-xl);max-width:600px;margin-left:auto;margin-right:auto}.journey-cta-button-modern{padding:var(--space-lg) var(--space-2xl);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);cursor:pointer;align-items:center;gap:var(--space-sm);border:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}@media (max-width:768px){.journey-step-modern{gap:var(--space-2xl);text-align:center;grid-template-columns:1fr}.journey-step-modern.step-left,.journey-step-modern.step-right{grid-template-areas:"content""visual"}.step-number-modern{margin:0 auto var(--space-lg);width:60px;height:60px;font-size:20px;position:relative;top:0;left:0}.step-content-modern{padding:var(--space-2xl) var(--space-lg)}.step-content-modern h3{font-size:var(--font-size-xl)}.step-content-modern h4{font-size:var(--font-size-base)}.phone-mockup-modern{width:240px;height:480px}.journey-cta-modern h4{font-size:var(--font-size-xl)}.journey-cta-modern p{font-size:var(--font-size-base)}}.interactive-features-section{padding:6rem 0;position:relative;overflow:hidden}.interactive-features-container{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative}.interactive-features-header{text-align:center;margin-bottom:4rem}.interactive-features-header h2{margin-bottom:1rem;font-size:3rem;font-weight:700}.interactive-features-header p{max-width:600px;margin:0 auto;font-size:1.25rem;line-height:1.6}.features-showcase{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:3rem;display:grid}.feature-card-modern{cursor:pointer;padding:2.5rem;transition:all .3s;position:relative;overflow:hidden}.feature-card-modern:before{content:"";opacity:0;background:linear-gradient(135deg,#52b7881a,#2d5a3d1a);border-radius:20px;transition:opacity .3s;position:absolute;inset:0}.feature-card-modern:hover:before{opacity:1}.feature-icon-container{margin-bottom:1.5rem;display:inline-block;position:relative}.feature-icon{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#52b7881a;border:1px solid #52b78833;border-radius:16px;padding:1rem;position:relative}.feature-glow{opacity:.3;filter:blur(20px);border-radius:50%;width:60px;height:60px;animation:3s ease-in-out infinite alternate glow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes glow{0%{opacity:.3;transform:translate(-50%,-50%)scale(1)}to{opacity:.6;transform:translate(-50%,-50%)scale(1.2)}}.feature-card-modern h3{margin-bottom:1rem;font-size:1.5rem;font-weight:600;line-height:1.3}.feature-card-modern p{opacity:.9;margin-bottom:2rem;font-size:1rem;line-height:1.6}.feature-preview{border-radius:16px;justify-content:center;align-items:center;height:120px;padding:1.5rem;display:flex;position:relative;overflow:hidden}.feature-preview:before{content:"";-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:16px;position:absolute;inset:0}.preview-content{z-index:2;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.preview-stats{gap:1.5rem;margin-bottom:1rem;display:flex}.preview-stats span{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;padding:.5rem 1rem;font-size:.9rem;font-weight:600}.progress-ring{position:relative}.progress-ring svg{transform:rotate(-90deg)}.progress-ring circle{transition:stroke-dashoffset .5s}.nutrition-preview .preview-content{justify-content:space-between}.macro-bars{flex-direction:column;gap:.5rem;width:100%;margin-bottom:.5rem;display:flex}.macro-bar{background:#ffffff4d;border-radius:4px;height:8px;position:relative;overflow:hidden}.macro-bar:after{content:"";border-radius:4px;height:100%;transition:width .5s;position:absolute;top:0;left:0}.macro-bar.protein:after{background:#52b788}.macro-bar.carbs:after{background:#4f46e5}.macro-bar.fat:after{background:#ec4899}.macro-labels{justify-content:space-between;width:100%;display:flex}.macro-labels span{color:#fff;font-size:.8rem;font-weight:500}.social-preview .preview-content{justify-content:center}.social-avatars{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.avatar{border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex;position:absolute;box-shadow:0 4px 12px #0003}.social-stats{justify-content:space-between;width:100%;display:flex}.social-stats span{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:12px;padding:.3rem .8rem;font-size:.8rem;font-weight:500}@media (max-width:768px){.interactive-features-section{padding:4rem 0}.interactive-features-header h2{font-size:2.5rem}.interactive-features-header p{font-size:1.1rem}.features-showcase{grid-template-columns:1fr;gap:1.5rem}.feature-card-modern{padding:2rem}.feature-preview{height:100px;padding:1rem}.preview-stats{gap:1rem}.preview-stats span{padding:.4rem .8rem;font-size:.8rem}.social-avatars{height:50px}.avatar{width:35px;height:35px;font-size:1rem}}@media (max-width:480px){.interactive-features-container{padding:0 1rem}.interactive-features-header h2{font-size:2rem}.feature-card-modern{padding:1.5rem}.feature-preview{height:80px;padding:.8rem}.preview-stats{gap:.5rem}.preview-stats span{padding:.3rem .6rem;font-size:.7rem}}.scroll-progress{transform-origin:0;z-index:1001;opacity:0;background:linear-gradient(90deg,#52b788,#2d5a3d,#1b4332);width:100%;height:3px;transition:opacity .3s;position:fixed;top:0;left:0}.scroll-progress.visible{opacity:1}.feature-card{transform-style:preserve-3d;perspective:1000px;transition:all .4s cubic-bezier(.4,0,.2,1)}.feature-card:hover{transform:translateY(-8px)rotateX(2deg)rotateY(2deg);box-shadow:0 20px 40px #52b78826,0 8px 16px #1b43321a}.feature-card .feature-icon{transform-style:preserve-3d;transition:all .4s cubic-bezier(.4,0,.2,1)}.feature-card:hover .feature-icon{filter:drop-shadow(0 8px 16px #52b7884d);transform:scale(1.1)rotateY(10deg)}.btn-primary{transform-style:preserve-3d;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 12px 24px #16a34a4d,0 4px 8px #16a34a33}.btn-primary:active{transform:translateY(0)scale(.98)}.phone-mockup{transform-style:preserve-3d;transition:all .6s cubic-bezier(.4,0,.2,1)}.phone-mockup:hover{transform:translateY(-10px)rotateY(5deg)rotateX(2deg)scale(1.05);box-shadow:0 30px 60px #52b78833,0 15px 30px #1b433226}@keyframes enhancedFloat{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-10px)rotate(1deg)}50%{transform:translateY(-5px)rotate(-1deg)}75%{transform:translateY(-15px)rotate(.5deg)}}.hero-bg-ellipse.enhanced{animation:8s ease-in-out infinite enhancedFloat}.interactive-cursor{pointer-events:none;z-index:9999;mix-blend-mode:screen;background:radial-gradient(circle,#52b788cc,#0000);border-radius:50%;width:20px;height:20px;transition:all .1s;position:fixed}.interactive-cursor.hover{background:radial-gradient(circle,#52b78899,#0000);width:40px;height:40px}.social-notifications{pointer-events:none;z-index:30;width:100%;height:100%;position:absolute;top:0;left:0}.notification{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;z-index:31;background:#fffffff2;border:1px solid #fff3;border-radius:10px;align-items:center;gap:10px;max-width:240px;padding:10px 14px;transition:all .3s;display:flex;position:absolute;box-shadow:0 6px 24px #0000001a}.notification:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026}.notification-content{flex:1;min-width:0}.notification-title{color:var(--color-text-primary);font-size:13px;font-weight:600;line-height:1.3}.notification-badge{animation:6s ease-in-out infinite notificationFloat;top:5%;left:-120px}.notification-post{animation:6s ease-in-out 2s infinite notificationFloat;top:60%;right:-120px}.notification-game{animation:6s ease-in-out 4s infinite notificationFloat;bottom:5%;left:-120px}@keyframes notificationFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width:1200px){.notification{max-width:220px;padding:10px 14px}.notification-title{font-size:13px}.notification-badge{left:-100px}.notification-post{right:-100px}}@media (max-width:768px){.hero-image.enhanced{isolation:isolate;position:relative!important;overflow:visible!important}.phone-container.enhanced{z-index:10!important;position:relative!important}.enhanced-phone{z-index:11!important;position:relative!important}.social-notifications{transform:translateZ(0);flex-direction:unset!important;align-items:unset!important;gap:unset!important;z-index:60!important;width:100%!important;height:100%!important;margin:0!important;display:block!important;position:absolute!important;top:0!important;left:0!important}.notification{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;z-index:61!important;background:#ffffffe6!important;border:1px solid #ffffff4d!important;border-radius:10px!important;width:200px!important;max-width:60vw!important;height:auto!important;min-height:45px!important;padding:10px 14px!important;font-size:12px!important;animation:6s ease-in-out infinite notificationFloat!important;position:absolute!important;box-shadow:0 3px 10px #00000026!important}.notification-badge{animation:6s ease-in-out infinite notificationFloat!important;top:8%!important;left:-120px!important}.notification-post{animation:6s ease-in-out 2s infinite notificationFloat!important;top:55%!important;right:-120px!important}.notification-game{z-index:80!important;animation:6s ease-in-out 4s infinite notificationFloat!important;bottom:6%!important;left:-120px!important}.notification-icon{margin-right:6px!important;font-size:14px!important}.notification-title{font-size:11px!important;line-height:1.2!important}}@media (max-width:480px){.phone-container.enhanced{z-index:10!important}.enhanced-phone{z-index:11!important}.social-notifications{z-index:60!important}.notification{z-index:61!important;width:160px!important;max-width:50vw!important;padding:8px 12px!important;font-size:11px!important}.notification-badge{left:-100px!important}.notification-post{right:-100px!important}.notification-game{z-index:80!important;bottom:6%!important;left:-100px!important}.notification-title{font-size:10px!important}}.performance-analytics-section{background:hsl(var(--app-background));min-height:100vh;padding:4rem 2rem;position:relative;overflow:hidden}.performance-analytics-container{max-width:1400px;margin:0 auto}.performance-analytics-header{text-align:center;margin-bottom:4rem}.analytics-split-layout{grid-template-columns:2fr 3fr;align-items:center;gap:3rem;margin-bottom:6rem;display:grid}.analytics-content{max-width:420px}.analytics-problem-title{color:#1b4332;margin-bottom:1.5rem;font-family:Outfit,sans-serif;font-size:2.25rem;font-weight:700;line-height:1.2}.analytics-problem-text{color:#6b7280;margin-bottom:1.5rem;font-size:1.125rem;line-height:1.6}.analytics-solution-text{color:#1b4332;margin-bottom:1.5rem;font-size:1.125rem;line-height:1.6}.analytics-benefits-list{margin:0 0 2rem;padding:0;list-style:none}.analytics-benefits-list li{color:#374151;margin-bottom:.75rem;padding-left:1rem;font-size:1rem}.analytics-insights-box{background:#1b43320d;border:1px solid #1b43321a;border-radius:16px;margin:2rem 0;padding:1.5rem}.analytics-insights-box h4{color:#1b4332;margin-bottom:1rem;font-family:Outfit,sans-serif;font-weight:600}.analytics-insights-box ul{margin:0;padding:0;list-style:none}.analytics-insights-box li{color:#374151;margin-bottom:.5rem;padding-left:1rem;font-size:.9rem}.analytics-tagline{color:#1b4332;margin-top:2rem;font-size:1.125rem;line-height:1.6}.analytics-mockups{justify-content:center;align-items:center;height:600px;display:flex;position:relative}.floating-components-container{width:100%;height:800px;margin-top:4rem;position:relative}.floating-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:2px solid #fffc;border-radius:16px;align-items:center;gap:12px;min-width:200px;max-width:280px;padding:20px;font-family:Inter,sans-serif;display:flex;position:absolute;box-shadow:0 12px 40px #00000040,0 4px 16px #00000026}.floating-card.scoring-distribution{z-index:10;width:280px;top:100px;left:-50px}.card-header{color:#1f2937;margin-bottom:4px;font-size:16px;font-weight:600}.card-subheader{color:#6b7280;margin-bottom:16px;font-size:14px}.distribution-grid{gap:12px;margin-bottom:20px;display:flex}.front-nine,.back-nine{text-align:center;border-radius:8px;flex:1;padding:12px}.front-nine{background:#f3f4f6}.back-nine.highlighted{background:#def7ec;border:1px solid #10b981}.nine-label{color:#6b7280;margin-bottom:4px;font-size:12px}.score-value{color:#1f2937;margin-bottom:2px;font-size:20px;font-weight:700}.vs-par{color:#6b7280;font-size:11px}.total-score{text-align:center;border-top:1px solid #e5e7eb;padding-top:16px}.total-label{color:#6b7280;margin-bottom:4px;font-size:12px}.total-value{color:#ef4444;margin-bottom:8px;font-size:28px;font-weight:700}.total-details{color:#6b7280;font-size:11px;line-height:1.4}.floating-card.hole-performance{z-index:11;width:250px;top:200px;right:-50px}.hole-stats-grid{gap:8px;display:flex}.hole-stat{text-align:center;border-radius:8px;flex:1;padding:12px 8px}.hole-stat.par3{background:#fef2f2}.hole-stat.par4{background:#fef3c7}.hole-stat.par5.strength{background:#def7ec;border:1px solid #10b981}.par-label{color:#6b7280;margin-bottom:4px;font-size:12px}.par-score{margin-bottom:4px;font-size:18px;font-weight:700}.par-score.over{color:#ef4444}.par-score.even{color:#10b981}.hole-count{color:#9ca3af;font-size:10px}.floating-card.scoring-trend{z-index:12;width:300px;bottom:100px;left:50%;transform:translate(-50%)}.trend-period{color:#6b7280;margin-bottom:16px;font-size:12px}.trend-chart-container{margin-bottom:16px}.trend-bars{align-items:end;gap:20px;height:100px;margin-bottom:8px;padding:0 20px;display:flex}.trend-bar{background:#10b981;border-radius:4px 4px 0 0;flex:1;min-height:8px}.trend-labels{color:#6b7280;gap:20px;padding:0 20px;font-size:11px;display:flex}.trend-labels span{text-align:center;flex:1}.trend-footer{color:#6b7280;border-top:1px solid #e5e7eb;justify-content:space-between;padding-top:12px;font-size:11px;display:flex}.mockups-container{justify-content:center;align-items:center;gap:40px;width:100%;height:100%;display:flex;position:relative}.phone-mockup{background:#1f2937;border:3px solid #374151;border-radius:25px;width:200px;height:400px;padding:20px 15px;position:relative;transform:none;box-shadow:0 25px 50px #00000040}.phone-primary{transform:rotate(-5deg)}.phone-secondary{transform:rotate(2deg)}.phone-tertiary{transform:rotate(-3deg)}.phone-screen{background:#fff;border-radius:15px;height:100%;padding:15px;font-size:11px;overflow:hidden}.screen-header{color:#1b4332;text-align:center;margin-bottom:15px;font-size:12px;font-weight:600}.handicap-trend{background:#f0fdf4;border-radius:8px;margin-bottom:15px;padding:12px}.trend-title{color:#6b7280;margin-bottom:8px;font-size:10px}.trend-chart{background:linear-gradient(90deg,#ef4444 0%,#f59e0b 50%,#10b981 100%);border-radius:4px;justify-content:center;align-items:center;height:40px;display:flex;position:relative}.trend-value{color:#fff;font-size:16px;font-weight:700}.recent-rounds{space-y:8px}.round-item{color:#374151;background:#f9fafb;border-radius:6px;margin-bottom:6px;padding:8px;font-size:10px}.stats-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.stat-item{text-align:center;background:#f9fafb;border-radius:8px;padding:12px 8px}.stat-item.gir{background:#dcfce7}.stat-item.fir{background:#dbeafe}.stat-item.putts{background:#fef3c7}.stat-label{color:#6b7280;margin-bottom:4px;font-size:9px}.stat-value{color:#1b4332;font-size:14px;font-weight:700}.strokes-gained-list{space-y:8px}.sg-item{border-radius:6px;justify-content:space-between;align-items:center;padding:8px;font-size:10px;display:flex}.sg-item.positive{color:#166534;background:#dcfce7}.sg-item.negative{color:#dc2626;background:#fee2e2}.sg-item span:last-child{font-weight:700}.advanced-analytics-section{text-align:center;margin-top:4rem}.advanced-analytics-header{margin-bottom:4rem}.advanced-analytics-content{grid-template-columns:1fr auto 1fr;align-items:center;gap:3rem;max-width:1400px;margin-bottom:4rem;margin-left:auto;margin-right:auto;display:grid}.advanced-phone-mockup{z-index:2;justify-content:center;align-items:center;min-width:320px;display:flex}.analytics-cards-left,.analytics-cards-right{flex-direction:column;align-items:stretch;gap:2rem;display:flex}.analytics-phone-content{background:#fff;border-radius:25px;height:100%;padding:20px 15px;font-size:12px;overflow-y:auto}.phone-header{justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 5px;display:flex}.phone-time{color:#000;font-weight:600}.phone-status{gap:5px;font-size:10px;display:flex}.analytics-dashboard h4{color:#1b4332;text-align:center;margin-bottom:20px;font-family:Outfit,sans-serif;font-size:16px;font-weight:700}.analytics-dashboard h5{color:#1b4332;margin-bottom:12px;font-family:Outfit,sans-serif;font-size:13px;font-weight:600}.strokes-gained-section{background:#f0fdf4;border-radius:12px;margin-bottom:25px;padding:15px}.sg-items{flex-direction:column;gap:8px;display:flex}.sg-row{border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:11px;font-weight:500;display:flex}.sg-row.positive{color:#166534;background:#dcfce7}.sg-row.negative{color:#dc2626;background:#fee2e2}.trend-section{background:#f9fafb;border-radius:12px;margin-bottom:25px;padding:15px}.trend-chart-mini{position:relative}.chart-bg{background:linear-gradient(90deg,#ef4444 0%,#f59e0b 50%,#10b981 100%);border-radius:8px;justify-content:center;align-items:center;height:40px;display:flex;position:relative}.trend-improvement{color:#fff;font-size:11px;font-weight:700}.peer-comparison{background:#fffbeb;border-radius:12px;padding:15px}.comparison-bars{flex-direction:column;gap:12px;display:flex}.comparison-item{justify-content:space-between;align-items:center;font-size:10px;display:flex}.comparison-item span:first-child{color:#374151;min-width:35px;font-weight:600}.bar-container{flex:1;align-items:center;gap:8px;margin-left:12px;display:flex}.bar{background:#10b981;border-radius:3px;max-width:60px;height:6px}.bar-label{color:#10b981;font-size:9px;font-weight:700}.advanced-title{color:#1b4332;margin-bottom:1rem;font-family:Outfit,sans-serif;font-size:2rem;font-weight:700}.advanced-subtitle{color:#6b7280;max-width:900px;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1.125rem}.analytics-features-grid-modern{grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:700px;margin:0 auto 3rem;display:grid}.analytics-feature-card-modern{text-align:left;background:#1b433208;border:1px solid #1b433214;border-radius:16px;padding:1.25rem;transition:all .3s;position:relative}.analytics-feature-card-modern:hover{background:#1b43320d;border-color:#1b43321f;transform:translateY(-2px)}.feature-icon-modern{color:#fff;background:linear-gradient(135deg,#52b788 0%,#2d5a3d 50%,#1b4332 100%);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1.25rem;transition:all .3s;display:flex}.analytics-feature-card-modern:hover .feature-icon-modern{filter:brightness(1.1);background:linear-gradient(135deg,#52b788 0%,#2d5a3d 50%,#1b4332 100%)}.analytics-feature-card-modern h4{color:#1b4332;margin-bottom:.75rem;font-family:Outfit,sans-serif;font-size:1.125rem;font-weight:600;line-height:1.3}.analytics-feature-card-modern p{color:#6b7280;margin:0;font-size:1rem;line-height:1.5}.pro-analytics-tagline{color:#1b4332;max-width:600px;margin:0 auto;font-size:1.25rem;font-weight:500}@media (max-width:768px){.performance-analytics-section{min-height:auto;padding:2rem 1rem}.analytics-split-layout{grid-template-columns:1fr;gap:1.5rem}.analytics-problem-title{margin-bottom:.75rem;font-size:1.5rem}.analytics-solution-text{margin-bottom:1rem;font-size:.9rem}.analytics-mockups{height:350px}.advanced-analytics-section{padding:1.5rem 0}.advanced-analytics-header{margin-bottom:1rem}.advanced-title{margin-bottom:.5rem;font-size:1.5rem!important}.advanced-subtitle{font-size:.9rem}.analytics-feature-card-modern h4{font-size:1rem}.analytics-feature-card-modern p{font-size:.875rem}.floating-components-container{height:500px;margin-top:1.5rem}.floating-card.scoring-distribution{width:auto;top:50px;left:10px;right:10px}.floating-card.hole-performance{width:auto;top:250px;left:10px;right:10px}.floating-card.scoring-trend{width:auto;bottom:50px;left:10px;right:10px;transform:none}.phone-mockup{width:160px;height:320px;padding:15px 10px}.phone-primary{left:10px}.phone-secondary{left:100px}.phone-tertiary{left:190px}.advanced-analytics-content{text-align:center;grid-template-columns:1fr;gap:2rem}.analytics-cards-left,.analytics-cards-right{order:2}.advanced-phone-mockup{order:1;margin:0 auto 2rem}.analytics-features-grid-modern{grid-template-columns:1fr;gap:1rem;max-width:100%}.analytics-feature-card-modern{padding:1.5rem 1.25rem}.feature-icon-modern{width:40px;height:40px;margin-bottom:1rem}.advanced-phone-mockup{order:2;margin-top:2rem}.analytics-features-grid-modern{order:1}.advanced-title{font-size:1.75rem}}@media (max-width:480px){.performance-analytics-section{padding:1.5rem .75rem}.analytics-split-layout{gap:1rem}.analytics-problem-title{font-size:1.25rem}.analytics-solution-text{font-size:.85rem}.analytics-mockups{height:280px}.advanced-title{font-size:1.25rem!important}.advanced-subtitle{font-size:.85rem}.analytics-feature-card-modern{padding:.875rem}.analytics-feature-card-modern h4{font-size:.9rem}.analytics-feature-card-modern p{font-size:.8rem}.feature-icon-modern{width:32px;height:32px}.phone-mockup{border-radius:15px;width:100px;height:200px;padding:10px 8px}.phone-screen{border-radius:8px;padding:8px}.screen-header{margin-bottom:8px;font-size:8px}.handicap-trend{margin-bottom:8px;padding:6px}.trend-value{font-size:10px}.phone-primary{left:15px}.phone-secondary{left:80px}.phone-tertiary{left:145px}}.social-community-section{background:hsl(var(--app-background));padding:4rem 0;position:relative;overflow:hidden}.social-community-container{max-width:1440px;margin:0 auto;padding:0 2rem}.social-community-header h2{color:#1b4332;margin-bottom:1rem;font-size:3rem;font-weight:700}.social-community-header p{color:#2d5a3d;max-width:600px;margin:0 auto;font-size:1.25rem}.social-community-content{grid-template-columns:1fr 1fr 1fr;gap:2rem;margin-bottom:3rem;display:grid}.column-title{color:#1b4332;text-align:center;margin-bottom:1.5rem;font-size:1.25rem;font-weight:600}.social-feed-column{flex-direction:column;gap:1rem;display:flex}.social-post{background:#fff;border:1px solid #1b43321a;border-radius:16px;padding:1.5rem;transition:all .3s;box-shadow:0 4px 20px #16a34a1a}.social-post:hover{transform:translateY(-5px);box-shadow:0 20px 40px #16a34a26}.post-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.avatar{background:linear-gradient(135deg,#52b788 0%,#2d5a3d 50%,#1b4332 100%);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;display:flex}.post-info{flex-direction:column;flex:1;display:flex}.username{color:#1b4332;font-size:1rem;font-weight:600}.action{color:#6b7280;font-size:.875rem}.time{color:#6b7280;white-space:nowrap;font-size:.875rem}.round-stats{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem;display:grid}.stat{text-align:center;background:#f0fdf4;border:1px solid #1b43321a;border-radius:12px;padding:1rem}.stat .value{color:#16a34a;margin-bottom:.25rem;font-size:1.5rem;font-weight:700;display:block}.stat .label{color:#6b7280;font-size:.875rem}.course-info{background:#f0fdf4;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1rem;display:flex}.course-name{color:#1b4332;font-weight:600}.course-location{color:#6b7280;font-size:.875rem}.post-text{color:#1b4332;font-style:italic;line-height:1.6}.post-actions{gap:1rem;display:flex}.action-btn{color:#2d5a3d;cursor:pointer;background:#fff;border:1px solid #1b43321a;border-radius:20px;padding:.5rem 1rem;font-size:.875rem;transition:all .3s}.action-btn:hover{color:#fff;background:#16a34a;border-color:#16a34a}.social-post.achievement{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-color:#f59e0b}.achievement-badge{background:#fffc;border-radius:12px;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.badge-icon{font-size:1.5rem}.badge-text{color:#1b4332;font-weight:600}.achievement-text{color:#1b4332;margin-bottom:1rem;font-weight:500}.achievement-stats{flex-wrap:wrap;gap:1rem;display:flex}.achievement-stats .stat{color:#2d5a3d;background:#fffc;border:1px solid #f59e0b;padding:.5rem 1rem;font-size:.875rem}.social-post.tournament{background:linear-gradient(135deg,#e0e7ff 0%,#c7d2fe 100%);border-color:#6366f1}.tournament-results{margin-bottom:1rem}.winner,.runner-up{background:#fffc;border-radius:12px;align-items:center;gap:1rem;margin-bottom:.5rem;padding:1rem;display:flex}.position{font-size:1.25rem}.name{color:#1b4332;flex:1;font-weight:600}.score{color:#16a34a;font-weight:700}.value-proposition-column{justify-content:center;align-items:center;display:flex}.main-message{text-align:center;max-width:400px}.message-icon{margin-bottom:1rem;font-size:4rem}.message-title{color:#1b4332;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.message-text{color:#2d5a3d;margin-bottom:2rem;line-height:1.6}.community-stats{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.stat-item{text-align:center;background:#fff;border:1px solid #1b43321a;border-radius:16px;padding:1rem;box-shadow:0 4px 20px #16a34a1a}.stat-number{color:#16a34a;margin-bottom:.25rem;font-size:2rem;font-weight:700;display:block}.stat-label{color:#6b7280;font-size:.875rem}.cta-button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);border:none;border-radius:16px;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 32px #16a34a4d}.notifications-column{flex-direction:column;gap:1rem;display:flex}.notification-item{background:#fff;border:1px solid #1b43321a;border-radius:16px;gap:1rem;padding:1rem;transition:all .3s;display:flex;box-shadow:0 4px 20px #16a34a1a}.notification-item:hover{transform:translate(-5px);box-shadow:0 10px 30px #16a34a33}.notification-icon{flex-shrink:0;font-size:1.5rem}.notification-content{flex:1}.notification-title{color:#1b4332;margin-bottom:.5rem;font-size:1rem;font-weight:600}.notification-desc{color:#2d5a3d;margin-bottom:1rem;font-size:.875rem;line-height:1.6}.notification-actions{gap:.5rem;display:flex}.btn-accept,.btn-decline,.btn-join,.btn-welcome{color:#2d5a3d;cursor:pointer;background:#fff;border:1px solid #1b43321a;border-radius:20px;padding:.5rem 1rem;font-size:.875rem;transition:all .3s}.btn-accept:hover,.btn-join:hover,.btn-welcome:hover{color:#fff;background:#16a34a;border-color:#16a34a}.btn-decline:hover{color:#fff;background:#dc2626;border-color:#dc2626}.achievement-progress{margin-top:1rem}.progress-bar{background:#1b43321a;border-radius:4px;width:100%;height:8px;margin-bottom:.5rem;overflow:hidden}.progress-fill{background:#16a34a;border-radius:4px;height:100%;transition:width .3s}.achievement-progress span{color:#6b7280;font-size:.875rem}.social-community-cta{text-align:center;background:#fff;border:1px solid #1b43321a;border-radius:24px;padding:2rem;box-shadow:0 8px 32px #16a34a1a}.social-community-cta h3{color:#1b4332;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.social-community-cta p{color:#2d5a3d;margin-bottom:2rem;font-size:1rem}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border-radius:16px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-2px)}.btn-primary:hover{box-shadow:0 8px 32px #16a34a4d}.btn-secondary:hover{box-shadow:0 8px 32px #16a34a33}@media (max-width:1024px){.social-community-content{grid-template-columns:1fr;gap:2rem}.social-community-content>div{order:2}.value-proposition-column{order:1}.social-community-content>div:last-child{order:3}}@media (max-width:768px){.social-community-section{padding:2rem 0}.social-community-header h2{font-size:2rem}.social-community-header p{font-size:1rem}.cta-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{justify-content:center;width:100%;max-width:300px}.round-stats{grid-template-columns:1fr}.post-actions{flex-wrap:wrap;justify-content:center}.notification-item{text-align:center;flex-direction:column}.notification-actions{justify-content:center}}.social-community-section{background:linear-gradient(135deg,#fefcf3 0%,#f0fdf4 100%);min-height:100vh;padding:4rem 2rem;position:relative;overflow:hidden}.social-community-container{max-width:1400px;margin:0 auto}.social-community-header{text-align:center;margin-bottom:4rem}.social-story-section{text-align:center;max-width:800px;margin-bottom:4rem;margin-left:auto;margin-right:auto}.social-story-title{color:#1b4332;text-align:center;margin-bottom:2rem;font-family:Outfit,sans-serif;font-size:2.25rem;font-weight:700}.story-sequence{text-align:left;flex-direction:column;gap:1rem;max-width:700px;margin:0 auto;display:flex}.story-step{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #1b43321a;border-radius:12px;padding:1rem 1.5rem;transition:all .3s}.story-step:hover{background:#ffffffe6;transform:translate(5px)}.story-step.highlight{background:#1b43320d;border-color:#1b433233}.story-step.stats{background:#22c55e0d;border-color:#22c55e33}.story-step.comment{background:#fbbf240d;border-color:#fbbf2433}.story-step.finale{background:#3b82f60d;border-color:#3b82f633}.story-text{color:#374151;font-size:1.125rem;line-height:1.6}.social-features-layout{grid-template-columns:1fr 1fr;align-items:flex-start;gap:4rem;margin-bottom:6rem;display:grid}.social-phone-mockup{justify-content:center;align-items:flex-start;display:flex}.social-feed-content{background:#fff;border-radius:25px;height:100%;padding:20px 15px;font-size:12px;overflow-y:auto}.feed-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;display:flex}.feed-header h4{color:#1b4332;margin:0;font-family:Outfit,sans-serif;font-size:16px;font-weight:700}.feed-stats span{color:#dc2626;background:#fee2e2;border-radius:12px;padding:4px 8px;font-size:10px;font-weight:600}.feed-items{flex-direction:column;gap:16px;display:flex}.feed-item{background:#f9fafb;border-radius:12px;gap:12px;padding:12px;transition:all .2s;display:flex}.feed-item.featured{background:#f0fdf4;border:1px solid #bbf7d0}.feed-item.challenge{background:#fef3c7;border:1px solid #fde68a}.feed-avatar img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:36px;height:36px}.feed-content{flex:1;min-width:0}.feed-header-text{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.feed-header-text strong{color:#1b4332;font-size:13px}.feed-time{color:#6b7280;font-size:10px}.feed-round-info{margin-bottom:10px}.course-name{color:#6b7280;margin-bottom:4px;font-size:11px}.score-line{align-items:center;gap:8px;margin-bottom:6px;display:flex}.score{color:#1b4332;font-size:14px;font-weight:700}.badge{border-radius:8px;padding:2px 6px;font-size:9px;font-weight:600}.badge.new-pb{color:#166534;background:#dcfce7}.stats-row{color:#6b7280;gap:12px;margin-bottom:6px;font-size:10px;display:flex}.feed-comment{color:#374151;font-size:11px;font-style:italic}.feed-actions{gap:8px;margin-top:8px;display:flex}.feed-action{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:12px;padding:4px 8px;font-size:10px;transition:all .2s}.feed-action:hover{background:#f3f4f6;border-color:#d1d5db}.achievement-badge{color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:8px;margin-bottom:8px;padding:8px;font-size:11px}.challenge-info{background:#fffbeb;border-radius:8px;margin-bottom:8px;padding:8px}.challenge-title{color:#92400e;margin-bottom:4px;font-size:11px;font-weight:600}.challenge-leader{color:#6b7280;margin-bottom:6px;font-size:10px}.join-challenge-btn{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:6px;padding:4px 8px;font-size:9px;font-weight:600}.social-features-content{flex-direction:column;justify-content:flex-start;display:flex}.social-features-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}.social-feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #1b43321a;border-radius:16px;padding:1.5rem;transition:all .3s}.social-feature-card:hover{background:#ffffffe6;transform:translateY(-2px);box-shadow:0 8px 25px #1b43321a}.social-feature-icon{color:#1b4332;background:#1b43321a;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1rem;display:flex}.social-feature-card h4{color:#1b4332;margin-bottom:.75rem;font-family:Outfit,sans-serif;font-size:1.125rem;font-weight:600;line-height:1.3}.social-feature-card p{color:#6b7280;margin:0;font-size:.875rem;line-height:1.5}.community-benefits-section{text-align:center;margin-bottom:4rem}.community-benefits-title{color:#1b4332;margin-bottom:3rem;font-family:Outfit,sans-serif;font-size:2rem;font-weight:700}.community-benefits-grid{grid-template-columns:repeat(2,1fr);gap:2rem;max-width:800px;margin:0 auto;display:grid}.benefit-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);text-align:center;background:#fffc;border:1px solid #1b43321a;border-radius:20px;padding:2rem 1.5rem;transition:all .3s}.benefit-card:hover{background:#fffffff2;transform:translateY(-5px);box-shadow:0 15px 40px #1b43321a}.benefit-icon{margin-bottom:1rem;font-size:2.5rem;display:block}.benefit-card h4{color:#1b4332;margin-bottom:1rem;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:600}.benefit-card p{color:#6b7280;margin:0;font-size:.9rem;line-height:1.5}.social-proof-section{text-align:center}.social-stats{justify-content:center;gap:4rem;margin-bottom:3rem;display:flex}.stat-item{flex-direction:column;align-items:center;display:flex}.stat-number{color:#1b4332;font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:700;line-height:1}.stat-label{color:#6b7280;margin-top:.5rem;font-size:.875rem}.community-tagline{color:#1b4332;max-width:600px;margin:0 auto;font-size:1.5rem;line-height:1.4}@media (max-width:768px){.social-community-section{padding:3rem 1rem}.social-story-title{font-size:1.875rem}.story-sequence{text-align:center}.story-text{font-size:1rem}.social-features-layout{grid-template-columns:1fr;gap:2rem}.social-phone-mockup{order:2;margin-top:2rem}.social-features-content{order:1}.community-benefits-grid{grid-template-columns:1fr;gap:1.5rem}.social-stats{flex-direction:column;gap:2rem}.stat-number{font-size:2rem}.community-tagline{font-size:1.25rem}}@media (max-width:480px){.social-community-container{padding:0 1rem}.social-post,.notification-item{padding:1rem}.main-message{padding:0 1rem}.story-step{padding:.75rem 1rem}.benefit-card{padding:1.5rem 1rem}.benefit-icon{font-size:2rem}.social-feature-card{padding:1.25rem}}.strava-effect-section{background:linear-gradient(135deg,#0f4c3a 0%,#1b6b4d 50%,#2e8b57 100%);padding:80px 0;position:relative;overflow:hidden}.strava-effect-container{max-width:1200px;margin:0 auto;padding:0 2rem}.strava-effect-section:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 30%,#34d3991a 0%,#0000 50%),radial-gradient(circle at 80% 70%,#22c55e1a 0%,#0000 50%);position:absolute;inset:0}.strava-hero-header{text-align:center;margin-bottom:80px;opacity:1!important;transform:translateY(0)!important}.strava-hero-title{color:#fff;margin-bottom:24px;font-size:3.5rem;font-weight:800;line-height:1.1}.strava-hero-subtitle{color:#fffffff2;margin-bottom:16px;font-size:1.5rem;font-weight:600}.strava-hero-description{color:#ffffffe6;max-width:600px;margin:0 auto;font-size:1.25rem;line-height:1.6}.strava-main-visual{grid-template-columns:1fr 1fr;align-items:center;gap:80px;margin-bottom:80px;display:grid;opacity:1!important;transform:translate(0)!important}.golf-scene-container{min-height:500px;position:relative;opacity:1!important;transform:translate(0)!important}.golf-scene-bg{background:linear-gradient(#34d3991a 0%,#22c55e33 50%,#15803d4d 100%);border-radius:24px;min-height:450px;position:relative;overflow:hidden}.golf-hero-image{-o-object-fit:cover;object-fit:cover;opacity:.7;width:100%;height:100%}.scene-overlay{color:#fff;background:linear-gradient(#0000,#000c);padding:40px 30px 30px;position:absolute;bottom:0;left:0;right:0}.scene-overlay h3{margin-bottom:12px;font-size:2rem;font-weight:700}.scene-overlay p{opacity:.9;font-size:1rem;line-height:1.5}.floating-cards-container{pointer-events:none;z-index:10;position:absolute;inset:0}.floating-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:2px solid #fffc;border-radius:16px;align-items:center;gap:12px;min-width:200px;max-width:280px;padding:20px;display:flex;position:absolute;box-shadow:0 12px 40px #00000040,0 4px 16px #00000026}.floating-card.card-1{z-index:5;top:-15%;left:-15%}.floating-card.card-2{z-index:5;top:-5%;right:-25%}.floating-card.card-3{z-index:5;bottom:30%;left:-35%}.floating-card.card-4{z-index:5;bottom:-5%;right:-35%}@media (max-width:768px){.floating-card.card-1{top:2%;left:10px;right:auto}.floating-card.card-2{top:30%;left:auto;right:10px}.floating-card.card-3{bottom:50%;left:10px;right:auto}.floating-card.card-4{bottom:25%;left:auto;right:10px}.floating-card{min-width:250px;max-width:280px;margin:0 10px;padding:16px}}.player-avatar{border-radius:50%;flex-shrink:0;width:50px;height:50px;overflow:hidden}.player-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.player-info{flex:1}.player-name{color:#1f2937;margin-bottom:4px;font-size:16px;font-weight:700}.player-status{color:#374151;margin-bottom:4px;font-size:14px;font-weight:500}.player-score{color:#059669;font-size:14px;font-weight:700}.social-feed-phone{max-width:350px;margin:0 auto;position:relative}.enhanced-social-feed{background:#fff;border-radius:16px;flex-direction:column;height:100%;display:flex;overflow:hidden}.social-feed-header{text-align:center;background:#fff;border-bottom:1px solid #e5e7eb;border-radius:16px 16px 0 0;padding:16px}.social-feed-header h4{color:#1f2937;margin:0;font-size:18px;font-weight:600}.social-feed-content-area{background:#fff;border-radius:0 0 16px 16px;max-height:400px;padding:16px;overflow-y:auto}.social-feed-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:12px;padding:16px}.social-feed-item:last-child{margin-bottom:0}.feed-user-header{align-items:center;margin-bottom:12px;display:flex}.feed-user-avatar{color:#fff;background:linear-gradient(45deg,#10b981,#34d399);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-right:12px;font-size:14px;font-weight:600;display:flex}.feed-user-info h5{color:#1f2937;margin:0;font-size:14px;font-weight:600}.feed-user-info span{color:#6b7280;font-size:12px}.feed-content{color:#374151;margin-bottom:12px;font-size:14px;line-height:1.5}.feed-stats{color:#6b7280;border-top:1px solid #e5e7eb;justify-content:space-between;padding-top:8px;font-size:12px;display:flex}.social-posts-showcase{text-align:center;margin-bottom:100px;opacity:1!important;transform:translateY(0)!important}.social-posts-showcase h3{color:#fff;margin-bottom:16px;font-size:2.5rem;font-weight:700;line-height:1.1}.social-posts-showcase p{color:#fffc;max-width:600px;margin-bottom:60px;margin-left:auto;margin-right:auto;font-size:1.1rem}.posts-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;max-width:1000px;margin:0 auto;display:grid}.showcase-post{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;background:#fffffffa;border:1px solid #fff6;border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 10px 40px #0000001f,0 4px 12px #00000014}.showcase-post:hover{border-color:#fff9;transform:translateY(-8px)scale(1.02);box-shadow:0 20px 60px #0000002e,0 8px 24px #0000001f}.showcase-post:hover .post-image-container img{transform:scale(1.05)}.post-image-container{width:100%;height:220px;position:relative;overflow:hidden}.post-image-container img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1)}.post-overlay{color:#fff;background:linear-gradient(#0000 0%,#0000004d 40%,#000c 100%);padding:50px 24px 24px;position:absolute;bottom:0;left:0;right:0}.post-author{text-shadow:0 2px 8px #0000004d;margin-bottom:6px;font-size:18px;font-weight:700}.post-action{opacity:.95;text-shadow:0 1px 4px #0000004d;margin-bottom:16px;font-size:15px;line-height:1.4}.social-reactions{gap:20px;font-size:14px;font-weight:600;display:flex}.social-reactions span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;padding:6px 12px;transition:all .3s}.social-reactions span:hover{background:#ffffff4d;transform:scale(1.05)}.community-stats-section{text-align:center;margin-bottom:100px;opacity:1!important;transform:translateY(0)!important}.community-stats-section h3{color:#fff;margin-bottom:16px;font-size:2.5rem;font-weight:700;line-height:1.1}.community-stats-section p{color:#fffc;max-width:500px;margin-bottom:60px;margin-left:auto;margin-right:auto;font-size:1.1rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;max-width:900px;margin:0 auto;display:grid}.stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#fffffffa;border:1px solid #fff6;border-radius:24px;padding:48px 32px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 12px 40px #00000026,0 4px 12px #00000014}.stat-card:before{content:"";opacity:0;background:linear-gradient(90deg,#10b981,#34d399,#6ee7b7);height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.stat-card:hover:before{opacity:1}.stat-card:hover{border-color:#fff9;transform:translateY(-12px)scale(1.03);box-shadow:0 25px 60px #0003,0 8px 24px #0000001f}.stat-number{background:linear-gradient(135deg,#1f2937 0%,#374151 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:3.5rem;font-weight:900;line-height:1}.stat-label{color:#6b7280;letter-spacing:.01em;margin:0;font-size:1.1rem;font-weight:500}.stat-card:hover .stat-number{background:linear-gradient(135deg,#10b981 0%,#34d399 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;transition:all .3s}.live-indicator{color:#10b981;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;font-weight:600;display:flex}.live-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes button-pulse{0%,to{box-shadow:0 0 0 0 var(--pulse-color,#52b78866)}50%{box-shadow:0 0 0 8px var(--pulse-color,#52b78800)}}.friends-avatars{gap:12px;margin-bottom:20px;display:flex}.friend-avatar{width:40px;height:40px;position:relative}.friend-avatar img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:100%;height:100%}.status-badge{border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:0}.status-badge.green{background:#10b981}.status-badge.red{background:#ef4444}.ongoing-rounds{margin-bottom:20px}.ongoing-rounds h5{color:#1f2937;margin-bottom:12px;font-size:16px;font-weight:600}.round-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.round-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.round-name{color:#1f2937;font-size:14px;font-weight:600}.round-players{color:#6b7280;font-size:12px}.round-course{color:#374151;margin-bottom:4px;font-size:14px}.round-date{color:#9ca3af;font-size:12px}.recent-posts{margin-top:20px}.social-post{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.post-header{align-items:center;margin-bottom:12px;display:flex}.post-avatar{border-radius:50%;width:35px;height:35px;margin-right:12px}.post-info{flex:1}.post-name{color:#1f2937;margin-bottom:2px;font-size:14px;font-weight:600}.post-time{color:#6b7280;font-size:12px}.post-image{border-radius:8px;width:100%;margin-bottom:12px;overflow:hidden}.post-image img{width:100%;height:auto;display:block}.post-content{margin-bottom:12px}.post-text{color:#374151;margin-bottom:12px;font-size:14px;line-height:1.5}.post-stats{align-items:center;gap:12px;display:flex}.score-display{color:#10b981;font-size:16px;font-weight:700}.achievement-badge{color:#92400e;background:#fef3c7;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600}.post-actions{border-top:1px solid #e5e7eb;gap:16px;padding-top:12px;display:flex}.action-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;font-size:12px;transition:color .2s}.action-btn:hover{color:#374151}@media (max-width:768px){.strava-effect-section{padding:40px 0 60px}.strava-effect-container{padding:0 1rem}.strava-hero-header{margin-bottom:24px}.strava-hero-title{margin-bottom:8px;font-size:1.75rem}.strava-hero-subtitle{font-size:.95rem}.strava-main-visual{grid-template-columns:1fr;gap:24px}.golf-scene-container{min-height:auto}.golf-scene-bg{height:180px;min-height:180px;margin-bottom:16px!important}.social-card-section{margin-bottom:12px!important}.social-card-section .max-w-2xl{max-width:100%!important}.social-card-section .p-6{padding:10px 12px!important}.social-card-section .rounded-3xl{border-radius:16px!important}.social-card-section .text-sm{font-size:.75rem!important;line-height:1.3!important}.social-card-section .text-base{font-size:.8rem!important;line-height:1.3!important}.social-card-section .gap-3{gap:8px!important}.social-card-section .gap-4{gap:10px!important}.social-card-section img{width:36px!important;height:36px!important}.scene-overlay{padding:20px 16px 16px}.scene-overlay h3{font-size:1.25rem}.floating-cards-container{transform-origin:top;margin-top:-20px;margin-bottom:-60px;transform:scale(.65)}.floating-card.card-1,.floating-card.card-3{display:flex!important}.floating-card.card-2,.floating-card.card-4{display:none!important}.floating-card.card-1{left:-130px!important;right:auto!important}.floating-card.card-3{left:auto!important;right:-130px!important}.social-feed-phone{max-width:260px;margin:0 auto}.social-feed-phone .size-full{max-width:260px!important}.social-posts-showcase{margin-top:16px;margin-bottom:-40px;padding:12px 0 0}.social-posts-showcase h3{margin-bottom:6px;font-size:1.2rem}.social-posts-showcase p{margin-bottom:10px;font-size:.9rem}.social-posts-showcase .group{padding:6px!important}.social-posts-showcase [class*=animate-marquee]{gap:12px!important}.social-posts-showcase .rounded-2xl,.social-posts-showcase .rounded-xl{border-radius:14px!important;padding:12px 14px!important}.social-posts-showcase .text-sm{font-size:.8rem!important;line-height:1.3!important}.social-posts-showcase .font-medium{font-size:.85rem!important}.social-posts-showcase img{width:34px!important;height:34px!important}.social-posts-showcase .gap-3{gap:8px!important}.social-posts-showcase .max-w-xs{max-width:240px!important}}.language-toggle-container{z-index:100;display:inline-block;position:relative}.language-toggle-btn{z-index:101;-webkit-user-select:none;user-select:none;position:relative}.language-toggle-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.language-dropdown{z-index:102;animation:.2s ease-out dropdownFadeIn;position:absolute}.language-option{z-index:103;-webkit-user-select:none;user-select:none;position:relative}.language-option:focus{outline:2px solid var(--color-primary);outline-offset:1px}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.language-toggle-container *{pointer-events:auto}@media (max-width:768px){.mobile-language-toggle{justify-content:center;width:100%;margin-bottom:16px;display:flex}.mobile-language-toggle .language-toggle-btn{min-width:140px}}.golf-features-accordion{--accordion-border:#e5e7eb;--accordion-bg:#fffc;--accordion-hover:#22c55e0d;--accordion-active:#22c55e1a}.golf-features-accordion [data-radix-accordion-item]{border:1px solid var(--accordion-border);background:var(--accordion-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;margin-bottom:16px;transition:all .3s}.golf-features-accordion [data-radix-accordion-item]:hover{border-color:#22c55e;transform:translateY(-2px);box-shadow:0 4px 12px #22c55e1a}.golf-features-accordion [data-radix-accordion-trigger]{color:#1f2937;padding:20px 24px;font-weight:600;transition:all .2s}.golf-features-accordion [data-radix-accordion-trigger]:hover{background:var(--accordion-hover);color:#059669}.golf-features-accordion [data-radix-accordion-trigger][data-state=open]{background:var(--accordion-active);color:#047857}.golf-features-accordion [data-radix-accordion-content]{color:#4b5563;padding:0 24px 24px;line-height:1.6}.golf-features-accordion .feature-icon{background:linear-gradient(135deg,#52b788 0%,#2d5a3d 50%,#1b4332 100%);border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s;display:flex}.golf-features-accordion .feature-icon:hover{filter:brightness(1.1);background:linear-gradient(135deg,#52b788 0%,#2d5a3d 50%,#1b4332 100%);transform:scale(1.05)}.golf-features-accordion .cta-link{color:#059669;align-items:center;gap:8px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.golf-features-accordion .cta-link:hover{color:#047857;text-decoration:underline;transform:translate(4px)}.golf-features-accordion .cta-link svg{transition:transform .2s}.golf-features-accordion .cta-link:hover svg{transform:translate(4px)}@keyframes accordion-down{0%{opacity:0;height:0}to{height:var(--radix-accordion-content-height);opacity:1}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height);opacity:1}to{opacity:0;height:0}}[data-radix-accordion-content][data-state=open]{animation:.3s ease-out accordion-down}[data-radix-accordion-content][data-state=closed]{animation:.3s ease-out accordion-up}@media (hover:hover){.golf-features-accordion [data-radix-accordion-item]:hover{border-color:#22c55e;transform:translateY(-2px);box-shadow:0 4px 12px #22c55e1a}}@media (max-width:768px){#performance-analytics .golf-features-accordion{display:none!important}.golf-features-accordion [data-radix-accordion-trigger]{padding:16px 20px}.golf-features-accordion [data-radix-accordion-content]{padding:0 20px 20px}.golf-features-accordion .feature-icon{width:48px;height:48px}#performance-analytics,#performance-analytics .performance-analytics-container{overflow:visible!important}#performance-analytics .advanced-analytics-section{margin-top:2rem!important;padding:.5rem 0 0!important}#performance-analytics .advanced-analytics-header{margin-bottom:1rem!important}#performance-analytics .advanced-title{margin-bottom:.5rem!important;font-size:1.35rem!important;line-height:1.25!important}#performance-analytics .advanced-subtitle{margin-bottom:1.25rem!important;font-size:.95rem!important;line-height:1.45!important}#performance-analytics .advanced-analytics-content{text-align:left!important;grid-template-columns:1fr!important;align-items:stretch!important;gap:1rem!important;margin-bottom:1.5rem!important;display:grid!important}#performance-analytics .analytics-cards-left{order:1!important;grid-template-columns:1fr!important;gap:.75rem!important;display:grid!important}#performance-analytics .advanced-phone-mockup{order:2!important;width:100%!important;min-width:0!important;max-width:230px!important;margin:.25rem auto .5rem!important}#performance-analytics .advanced-phone-mockup .max-w-\[300px\]{width:100%!important;max-width:230px!important;height:auto!important}#performance-analytics .analytics-cards-right{order:3!important;grid-template-columns:1fr!important;gap:.75rem!important;display:grid!important}#performance-analytics .analytics-feature-card-modern{border-radius:14px!important;margin:0!important;padding:1rem .9rem!important}#performance-analytics .analytics-feature-card-modern h4{font-size:.98rem!important;line-height:1.25!important}#performance-analytics .analytics-feature-card-modern p{font-size:.86rem!important;line-height:1.45!important}}@media (max-width:480px){#performance-analytics .advanced-title{font-size:1.22rem!important}#performance-analytics .advanced-subtitle{font-size:.9rem!important}#performance-analytics .advanced-phone-mockup,#performance-analytics .advanced-phone-mockup .max-w-\[300px\]{max-width:210px!important}}@media (max-width:768px){#performance-analytics .advanced-analytics-content{display:none!important}#performance-analytics .advanced-analytics-mobile{flex-direction:column;gap:1rem;display:flex}#performance-analytics .advanced-phone-mockup-mobile{order:1!important;margin:0 auto .25rem!important}#performance-analytics .advanced-mobile-insights-scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:.75rem;padding:.25rem .1rem .35rem;display:flex;overflow:auto hidden;order:2!important}#performance-analytics .advanced-mobile-insights-scroll::-webkit-scrollbar{display:none}#performance-analytics .advanced-mobile-insight-card{scroll-snap-align:start;background:#fff;border:1px solid #1b43321f;border-radius:14px;min-width:min(82vw,300px);padding:.95rem .9rem;box-shadow:0 8px 20px #1b433214}#performance-analytics .advanced-mobile-insight-head{align-items:center;gap:.7rem;margin-bottom:.65rem;display:flex}#performance-analytics .advanced-mobile-insight-head .feature-icon-modern{flex-shrink:0;justify-content:center!important;align-items:center!important;margin-bottom:0!important;display:flex!important}#performance-analytics .advanced-mobile-insight-head h4{color:#1b4332;margin:0;font-size:.98rem;font-weight:700;line-height:1.2}#performance-analytics .advanced-mobile-insight-card p{color:#4b5563;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:.7rem;font-size:.86rem;line-height:1.45;display:-webkit-box;overflow:hidden}#performance-analytics .advanced-mobile-insight-metric{color:#166534;background:#dcfce7;border-radius:999px;padding:.3rem .55rem;font-size:.75rem;font-weight:600;display:inline-block}}