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