:root{--grove-green:#389f58;--grove-green-dark:#2d7a46;--grove-green-light:#e8f5ec;--grove-orange:#e8a33c;--grove-orange-dark:#c98a2e;--grove-orange-light:#fef6e8;--ink:#1a1f2e;--ink-light:#3d4559;--ink-muted:#6b7280;--paper:#fafaf9;--paper-warm:#f7f6f3;--border:#e5e4e0;--shadow-sm:0 1px 2px rgba(26,31,46,0.04);--shadow-md:0 4px 12px rgba(26,31,46,0.06);--shadow-lg:0 8px 30px rgba(26,31,46,0.08);--font-display:"Cormorant Garamond",Georgia,serif;--font-body:"DM Sans",-apple-system,sans-serif;--font-mono:"JetBrains Mono",monospace}.marketing-page{font-family:var(--font-body);color:var(--ink);background:var(--paper);min-height:100vh}.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:900px){.hero-subtitle-desktop{display:none!important}.hero-subtitle-mobile{display:inline!important}.how-it-works-text-desktop{display:none!important}.how-it-works-text-mobile{display:inline!important}.browser-extension-text-desktop{display:none!important}.browser-extension-text-mobile{display:inline!important}.vision-text-desktop{display:none!important}.vision-text-mobile{display:inline!important}.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}.home-nav.active .mobile-cta-wrapper{display:block!important}.home-header-content>div:has(.home-cta-button){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:#ccc}@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}.hero-bg-wrapper:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.1) 0,rgba(255,255,255,.3) 50%,rgba(255,255,255,.6) 100%);z-index:2}.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;animation:gradientShift 4s linear infinite}@keyframes gradientShift{0%{background-position:0}to{background-position:200%}}.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:#389f58;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,.particles,.scroll-indicator{display:none}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes floatSlow{0%,to{transform:translateY(0) translateX(0)}33%{transform:translateY(-15px) translateX(10px)}66%{transform:translateY(-5px) translateX(-5px)}}@keyframes pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.particles{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.particle{position:absolute;border-radius:50%}.particle-1{width:20px;height:20px;background:var(--grove-green);opacity:.5;top:15%;right:12%;animation:float 6s ease-in-out infinite}.particle-2{width:14px;height:14px;background:var(--grove-orange);opacity:.6;top:25%;right:25%;animation:floatSlow 8s ease-in-out infinite;animation-delay:-2s}.particle-3{width:28px;height:28px;background:var(--grove-green);opacity:.35;top:60%;right:8%;animation:float 7s ease-in-out infinite;animation-delay:-4s}.particle-4{width:12px;height:12px;background:var(--grove-orange);opacity:.5;top:40%;right:18%;animation:pulse 4s ease-in-out infinite}.particle-5{width:16px;height:16px;background:var(--grove-green);opacity:.45;top:75%;right:22%;animation:floatSlow 9s ease-in-out infinite;animation-delay:-3s}.particle-6{width:10px;height:10px;background:var(--grove-orange);opacity:.55;top:20%;left:10%;animation:float 5s ease-in-out infinite;animation-delay:-1s}.particle-7{width:18px;height:18px;background:var(--grove-green);opacity:.4;top:50%;left:5%;animation:pulse 6s ease-in-out infinite;animation-delay:-2s}.particle-8{width:24px;height:24px;background:var(--grove-orange);opacity:.3;top:80%;left:15%;animation:floatSlow 10s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.earn-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:900px;margin:0 auto}.earn-card{display:flex;align-items:flex-start;gap:16px;padding:24px;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(56,159,88,.1);transform:translateY(-2px)}.earn-card:hover .earn-card-arrow{opacity:1;transform:translateX(0)}.earn-card-icon{width:44px;height:44px;border-radius:12px;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:1.2rem;font-weight:600;color:var(--ink);margin:0 0 4px;line-height:1.2}.earn-card-text p{font-size:.85rem;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{grid-template-columns:1fr;gap:12px}}