.section-title{font-family:var(--font-display)!important;font-weight:600!important;letter-spacing:-.01em;color:var(--ink)}.flow-card{background:white;border-radius:20px;padding:36px;box-shadow:var(--shadow-md);border:1px solid var(--border);transition:all .3s ease}.flow-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.flow-card h3{font-family:var(--font-display);font-size:1.4rem;font-weight:600}.step-number{font-family:var(--font-mono);font-weight:500}@media (max-width:1200px){.hero-container{gap:4rem!important;padding:0 40px!important}.hero-text{width:500px!important}.hero-text h1{font-size:4.5rem!important}.hero-text p{font-size:1.1rem!important}.hero-text>div{gap:1rem!important}.hero-btn-primary,.hero-btn-secondary{padding:14px 32px!important;font-size:1rem!important}.hero-btn-primary svg,.hero-btn-secondary svg{width:18px!important;height:18px!important}}@media (max-width:1024px){.extension-showcase{flex-wrap:wrap;justify-content:center;gap:1.5rem;overflow-x:visible;perspective:none}.extension-screenshot.far-left,.extension-screenshot.far-right,.extension-screenshot.near-left,.extension-screenshot.near-right{transform:none}.extension-screenshot.far-left img,.extension-screenshot.far-right img,.extension-screenshot.side img{width:140px;opacity:1}.extension-screenshot.center img{width:160px}}@media (max-width:900px){.hero-container{flex-direction:column!important;gap:2rem!important;padding:0 20px!important;align-items:center!important}.hero-container,.hero-text{text-align:center!important}.hero-text{width:100%!important;max-width:none!important;flex:none!important}.hero-text h1{font-size:3.5rem!important}.hero-text h1,.hero-text p{text-align:center!important}.hero-text p{font-size:1.125rem!important}.hero-text>div{justify-content:center!important;flex-direction:column!important;align-items:center!important;gap:.75rem!important}#header-content{background:rgba(255,255,255,.98)!important}.mobile-cta-wrapper{display:none!important}.section-container .screenshots-container{flex-direction:column!important;gap:3rem!important;align-items:center!important}.section-container .screenshots-container>div{width:100%!important;max-width:280px!important;text-align:center!important}.section-container .screenshots-container img{width:100%!important;max-width:280px!important;height:auto!important}.section-container .screenshots-container>div>div{gap:1.5rem!important}.x-screenshots-container{flex-wrap:wrap!important}.x-screenshots-container img{height:auto!important;width:100%!important;max-width:300px!important}}.screenshot-thumbnail:hover{transform:scale(1.05)}.screenshot-lightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);z-index:10000;justify-content:center;align-items:center;cursor:pointer}.screenshot-lightbox.active{display:flex}.screenshot-lightbox img{max-width:90%;max-height:90%;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.5)}.screenshot-lightbox-close{position:absolute;top:20px;right:30px;font-size:40px;color:white;cursor:pointer;font-weight:300;line-height:1}.screenshot-lightbox-close:hover{color:var(--color-border-dark)}@media (max-width:480px){.hero-text h1{font-size:2rem!important}.hero-text p{font-size:1rem!important}}.hero-bg-wrapper{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:0;overflow:hidden;pointer-events:none}.hero-bg-image{top:50%;left:50%;transform:translate(-50%,-50%);object-fit:cover;opacity:.5;visibility:visible;filter:brightness(1.1) saturate(1.2)}.hero-bg-image,.hero-bg-wrapper:before{position:absolute;width:100%;height:100%}.hero-bg-wrapper:before{content:"";top:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,.4) 30%,rgba(255,255,255,.6) 70%,rgba(255,255,255,.9));z-index:1}.home-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:transparent;padding:120px 32px 80px;overflow:visible}.home-hero:before{display:none}.home-hero-content{position:relative;z-index:10;max-width:1200px;margin:0 auto;animation:heroContentRise 1.5s cubic-bezier(.22,1,.36,1) forwards;opacity:0}@keyframes heroContentRise{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.home-title{font-family:var(--font-display);font-size:clamp(3.5rem,8vw,5.5rem);font-weight:600;letter-spacing:-.02em;line-height:1.15;margin-bottom:2rem}.home-title span{-webkit-text-stroke:0;paint-order:normal;filter:none}.gradient-text{background:linear-gradient(90deg,var(--grove-green) 0,var(--grove-orange) 25%,var(--grove-green) 50%,var(--grove-orange) 75%,var(--grove-green) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-family:var(--font-body);font-size:1.35rem;line-height:1.7;color:var(--ink-muted)}.home-section{position:relative;z-index:5;background:transparent}.scroll-indicator{position:fixed;bottom:40px;left:50%;transform:translateX(-50%);z-index:100;animation:bounceIndicator 2s ease-in-out infinite;opacity:0;animation-delay:2s}@keyframes bounceIndicator{0%,20%,to{opacity:.6;transform:translateX(-50%) translateY(0)}10%{opacity:1;transform:translateX(-50%) translateY(-10px)}}.scroll-indicator:before{content:"↓";font-size:2rem;color:var(--grove-green);display:block;animation:pulse 2s ease-in-out infinite}.shuffling-testimonials{perspective:1000px}.shuffle-card{transition:all .4s cubic-bezier(.4,0,.2,1)}.shuffle-card.position-front{transform:translateX(-50%) rotate(1deg) translateY(0) translateX(0);z-index:3;opacity:1}.shuffle-card.position-middle{transform:translateX(-50%) rotate(-2deg) translateY(8px) translateX(-12px);z-index:2;opacity:.9}.shuffle-card.position-back{transform:translateX(-50%) rotate(-5deg) translateY(16px) translateX(-24px);z-index:1;opacity:.8}.shuffle-card.shuffling-out{transform:translateX(100%) rotate(10deg) translateY(-20px) scale(.9);opacity:0;z-index:4}@media (max-width:500px){.shuffling-testimonials{height:220px}.shuffle-card{width:300px!important;padding:20px!important}.shuffle-card p:first-child{font-size:1rem!important}}@media (max-width:900px){.home-hero{min-height:90vh;padding:100px 24px 60px}.hero-testimonials,.scroll-indicator{display:none}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.earn-showcase{display:flex;gap:32px;max-width:900px;margin:0 auto;position:relative}.profile-showcase-side{flex-shrink:0;width:340px;position:relative;align-self:flex-start;-webkit-mask-image:linear-gradient(180deg,black 0,black 40%,rgba(0,0,0,.5) 60%,transparent 80%);mask-image:linear-gradient(180deg,black 0,black 40%,rgba(0,0,0,.5) 60%,transparent 80%)}.profile-showcase-img{width:100%;height:auto;border-radius:14px;border:1px solid var(--border);cursor:pointer;transition:all .3s ease}.profile-showcase-img:hover{transform:scale(1.03)}@media (max-width:700px){.earn-showcase{flex-direction:column;align-items:center}.profile-showcase-side{display:none}}.earn-cta-wrapper{margin-top:-2rem;text-align:center;position:relative;z-index:10}@media (max-width:700px){.earn-cta-wrapper{margin-top:1.5rem}}.earn-grid{display:flex;flex-direction:column;gap:10px;flex:1 1;min-width:0}.earn-card{display:flex;align-items:flex-start;gap:12px;padding:16px;background:white;border-radius:16px;border:1px solid var(--border);text-decoration:none;color:inherit;transition:all .25s ease;position:relative}.earn-card:hover{border-color:var(--grove-green);box-shadow:0 4px 20px rgba(var(--grove-primary-rgb),.1);transform:translateY(-2px)}.earn-card:hover .earn-card-arrow{opacity:1;transform:translateX(0)}.earn-card-icon{width:36px;height:36px;border-radius:10px;background:var(--grove-green-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}.earn-card-text{flex:1 1;min-width:0}.earn-card-text h3{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--ink);margin:0 0 4px;line-height:1.2}.earn-card-text p{font-size:.8rem;color:var(--ink-muted);margin:0;line-height:1.5}.earn-card-arrow{color:var(--grove-green);opacity:0;transform:translateX(-4px);transition:all .25s ease;flex-shrink:0;margin-top:2px}@media (max-width:600px){.earn-grid{gap:10px}}.hero-stats-strip{display:flex;justify-content:center;gap:48px;margin-top:28px;padding:16px 0 0;border-top:1px solid rgba(0,0,0,.06)}.hero-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.hero-stat-number{font-size:1.5rem;font-weight:700;color:var(--grove-green,#2d6a4f);font-family:var(--font-mono,monospace)}.hero-stat-label{font-size:.7rem;color:var(--ink-muted,#888);text-transform:uppercase;letter-spacing:.08em;font-weight:600}