:root{--color-primary: #0B6B2B;--color-primary-hover: #085221;--color-secondary: #2E8B3C;--color-success: #57B33E;--color-bg-warm: #F4F1E8;--color-bg-card: #FFFFFF;--color-text-dark: #231C18;--color-text-brown: #4A2F1B;--color-quati-brown: #8B5A2B;--color-quati-light: #D4A373;--color-amber: #D97706;--color-amber-bg: #FEF3C7;--color-amber-border: #F59E0B;--color-border: #E2DDD3;--color-border-subtle: #EBE7DE;--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--shadow-sm: 0 2px 8px rgba(11, 107, 43, .05);--shadow-md: 0 8px 24px rgba(74, 47, 27, .08);--shadow-lg: 0 16px 36px rgba(11, 107, 43, .12);--shadow-card: 0 4px 20px rgba(0, 0, 0, .04);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 8px;--header-top: 16px;--header-height: 68px;--header-height-scrolled: 60px;--header-radius: 20px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden!important;max-width:100vw;scroll-behavior:smooth;font-family:var(--font-body);background-color:var(--color-bg-warm);color:var(--color-text-dark);line-height:1.6}img,svg,video{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text-brown);line-height:1.2}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-brown{color:var(--color-text-brown)}.text-amber{color:var(--color-amber)}.text-muted{color:#6b655f}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:88px 0;position:relative}.grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.grid-55-45{display:grid;grid-template-columns:55fr 45fr;gap:64px;align-items:center}.grid-signals{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-metrics-2col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-funnel,.grid-tese{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;align-items:center}.arrow-divider{text-align:center;color:#8b5a2b;font-weight:700;font-size:1.2rem}@media (max-width: 1199px){.grid-55-45{grid-template-columns:1fr;gap:40px}}@media (max-width: 992px){.grid-2col{grid-template-columns:1fr;gap:36px}}@media (max-width: 768px){.section{padding:56px 0}.container{padding:0 16px}.grid-signals{grid-template-columns:1fr}.arrow-divider{display:none}.grid-funnel,.grid-tese{grid-template-columns:1fr}}@media (max-width: 520px){.grid-metrics-2col{grid-template-columns:1fr}.btn{width:100%;padding:12px 20px;font-size:.9rem}}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-full);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.badge-primary{background:#0b6b2b1a;color:var(--color-primary);border:1px solid rgba(11,107,43,.2)}.badge-amber{background:var(--color-amber-bg);color:var(--color-amber);border:1px solid var(--color-amber-border)}.badge-brown{background:#8b5a2b1a;color:var(--color-quati-brown);border:1px solid rgba(139,90,43,.2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;border-radius:var(--radius-full);font-family:var(--font-heading);font-weight:700;font-size:1rem;cursor:pointer;transition:all .25s ease;text-decoration:none;border:none;white-space:nowrap}.btn-primary{background-color:var(--color-primary);color:#fff;box-shadow:0 4px 14px #0b6b2b4d}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #0b6b2b66}.btn-secondary{background-color:transparent;color:var(--color-text-brown);border:2px solid var(--color-primary)}.btn-secondary:hover{background-color:#0b6b2b0f;transform:translateY(-2px)}.card{background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-card);padding:32px;transition:transform .3s ease,box-shadow .3s ease;max-width:100%}@media (max-width: 768px){.card{padding:20px;border-radius:16px}}@media (min-width: 1024px){.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}}.page-offset{padding-top:calc(var(--header-top) + var(--header-height) + 16px)}@media (max-width: 767px){:root{--header-height: 60px;--header-top: 12px}.page-offset{padding-top:calc(var(--header-top) + var(--header-height) + 8px)}}.header-wrapper{position:fixed;top:var(--header-top);left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:1240px;z-index:999;transition:top .3s cubic-bezier(.16,1,.3,1),width .3s cubic-bezier(.16,1,.3,1)}.header-wrapper.scrolled{top:10px;width:calc(100% - 24px)}.header-nav{width:100%;height:var(--header-height);background:#ffffffd1;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(226,221,211,.55);border-radius:var(--header-radius);box-shadow:0 4px 20px #4a2f1b0f,0 1px 4px #00000008,inset 0 1px #ffffffe6;transition:height .3s cubic-bezier(.16,1,.3,1),background .3s ease,box-shadow .3s ease;overflow:hidden}.header-nav.scrolled{height:var(--header-height-scrolled);background:#fffffff0;backdrop-filter:blur(28px) saturate(200%);-webkit-backdrop-filter:blur(28px) saturate(200%);box-shadow:0 10px 32px #4a2f1b1a,0 2px 8px #0000000a,inset 0 1px #fffffff2;border-color:#e2ddd3bf}.header-content{height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:16px}.logo-group{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.header-logo{width:36px;height:36px;object-fit:contain;transition:transform .25s ease}.logo-group:hover .header-logo{transform:scale(1.06) rotate(-3deg)}.header-brand-name{font-family:var(--font-heading);font-size:1.05rem;font-weight:800;color:var(--color-text-brown);white-space:nowrap}.header-badge{text-transform:none;font-weight:700;font-size:.72rem;padding:3px 10px;border-radius:6px;background:#0b6b2b14;color:var(--color-primary);border:1px solid rgba(11,107,43,.16);letter-spacing:0}.desktop-nav{display:flex;align-items:center;flex:1;justify-content:center}.desktop-nav .nav-links{display:flex;align-items:center;gap:2px;list-style:none}.desktop-nav .nav-links a{text-decoration:none;color:var(--color-text-brown);font-weight:600;font-size:.875rem;padding:7px 14px;border-radius:8px;transition:all .2s ease}.desktop-nav .nav-links a:hover{color:var(--color-primary);background:#0b6b2b12}.header-ctas{display:flex;align-items:center;gap:8px;flex-shrink:0}.header-btn-ghost{padding:8px 16px;font-family:var(--font-heading);font-weight:600;font-size:.85rem;color:var(--color-text-brown);background:transparent;border:1px solid var(--color-border);border-radius:8px;cursor:pointer;text-decoration:none;transition:all .2s ease;white-space:nowrap}.header-btn-ghost:hover{background:#0b6b2b0f;border-color:#0b6b2b4d;color:var(--color-primary)}.header-btn-primary{padding:8px 18px;font-family:var(--font-heading);font-weight:700;font-size:.85rem;color:#fff;background:var(--color-primary);border:none;border-radius:8px;cursor:pointer;text-decoration:none;transition:all .25s ease;white-space:nowrap;box-shadow:0 3px 12px #0b6b2b47;display:inline-flex;align-items:center;gap:7px}.header-btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 5px 18px #0b6b2b61}.full-nav,.tablet-nav{display:none}@media (min-width: 1200px){.full-nav{display:flex}.tablet-nav{display:none}.header-burger,.header-mobile-cta{display:none!important}.header-ctas{display:flex}}@media (min-width: 768px) and (max-width: 1199px){.full-nav{display:none}.tablet-nav{display:flex}.header-badge{display:none}.header-mobile-cta{display:none!important}}@media (max-width: 767px){.desktop-nav,.header-ctas,.header-badge{display:none}}.header-burger{display:none;width:40px;height:40px;border:1px solid var(--color-border);border-radius:8px;background:#ffffffb3;cursor:pointer;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease;color:var(--color-text-brown)}.header-burger:hover{background:#0b6b2b12;border-color:#0b6b2b40;color:var(--color-primary)}@media (max-width: 1199px){.header-burger{display:flex}}.header-mobile-cta{display:none}@media (max-width: 767px){.header-mobile-cta{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:var(--color-primary);color:#fff;font-family:var(--font-heading);font-weight:700;font-size:.82rem;border-radius:8px;text-decoration:none;box-shadow:0 3px 10px #0b6b2b47;white-space:nowrap;min-height:44px}}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0a0880;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.drawer-overlay.open{opacity:1;pointer-events:auto}.drawer-panel{position:fixed;top:0;right:0;height:100dvh;width:min(92vw,420px);background:#fff;z-index:1001;display:flex;flex-direction:column;transform:translate(100%);transition:transform .35s cubic-bezier(.16,1,.3,1);box-shadow:-20px 0 60px #00000026;overflow-y:auto;border-left:1px solid var(--color-border-subtle)}.drawer-panel.open{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-border-subtle);flex-shrink:0}.drawer-close{width:40px;height:40px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-warm);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-brown);transition:all .2s ease;min-width:44px;min-height:44px}.drawer-close:hover{background:#0b6b2b14;border-color:#0b6b2b40;color:var(--color-primary)}.drawer-body{flex:1;padding:12px 16px 24px;display:flex;flex-direction:column;gap:4px}.drawer-nav-link{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:10px;text-decoration:none;color:var(--color-text-brown);font-family:var(--font-heading);font-weight:600;font-size:1.05rem;transition:all .2s ease;min-height:52px}.drawer-nav-link:hover,.drawer-nav-link:focus{background:#0b6b2b12;color:var(--color-primary);outline:none}.drawer-nav-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.drawer-nav-icon{width:36px;height:36px;border-radius:8px;background:var(--color-bg-warm);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s ease;color:var(--color-quati-brown)}.drawer-nav-link:hover .drawer-nav-icon{background:#0b6b2b1a;color:var(--color-primary)}.drawer-divider{height:1px;background:var(--color-border-subtle);margin:8px 0}.drawer-footer{padding:16px 24px 32px;border-top:1px solid var(--color-border-subtle);display:flex;flex-direction:column;gap:10px;flex-shrink:0}.drawer-cta-primary{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 24px;background:var(--color-primary);color:#fff;font-family:var(--font-heading);font-weight:700;font-size:1rem;border-radius:10px;text-decoration:none;box-shadow:0 4px 16px #0b6b2b4d;transition:all .25s ease;min-height:52px}.drawer-cta-primary:hover{background:var(--color-primary-hover);box-shadow:0 6px 22px #0b6b2b66}.drawer-cta-secondary{display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 24px;background:transparent;color:var(--color-text-brown);font-family:var(--font-heading);font-weight:600;font-size:.95rem;border-radius:10px;border:2px solid var(--color-border);text-decoration:none;transition:all .2s ease;min-height:50px}.drawer-cta-secondary:hover{border-color:var(--color-primary);color:var(--color-primary);background:#0b6b2b0d}.bottom-nav-container{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:998;width:calc(100% - 32px);max-width:620px}@media (min-width: 1024px){.bottom-nav-container{display:none}}.bottom-nav-bar{background:#ffffffe0;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-lg);padding:8px 14px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 16px 36px -6px #4a2f1b1f,0 4px 16px #0000000a,inset 0 1px #fffffff2,inset 0 -1px #e2ddd380}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#6b655f;text-decoration:none;font-size:.72rem;font-weight:600;padding:6px 10px;border-radius:var(--radius-sm);transition:all .25s ease;flex:1;min-height:44px}.bottom-nav-item:hover{color:var(--color-primary);background:#0b6b2b0f}.bottom-nav-item.active{color:var(--color-primary);background:#0b6b2b1a;font-weight:700;box-shadow:inset 0 0 0 1px #0b6b2b26}.bottom-nav-divider{width:1px;height:24px;background:#8b5a2b26;margin:0 4px}.btn-bottom-cta{background:var(--color-primary);color:#fff;text-decoration:none;font-family:var(--font-heading);font-weight:800;font-size:.85rem;padding:8px 18px;border-radius:var(--radius-md);display:flex;align-items:center;gap:4px;box-shadow:0 4px 14px #0b6b2b4d;transition:all .2s ease;flex-shrink:0;min-height:44px}.btn-bottom-cta:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #0b6b2b66}@media (max-width: 480px){.bottom-nav-container{bottom:12px;width:calc(100% - 16px)}.bottom-nav-bar{padding:6px 8px}.bottom-nav-item{font-size:.65rem;padding:4px}.bottom-nav-item span{font-size:.62rem}.btn-bottom-cta{padding:6px 12px;font-size:.78rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #d9770666}50%{box-shadow:0 0 0 8px #d9770600}}@keyframes flowDot{0%,to{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}.animate-fade-in{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) forwards}.pulse-amber{animation:pulseGlow 2s infinite}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.qtr-pipeline,.qtr-step{display:flex;flex-direction:column;align-items:center;gap:0}.qtr-node{padding:8px 20px;border-radius:8px;font-family:var(--font-heading);font-weight:700;font-size:.8rem;letter-spacing:.04em;text-align:center}.qtr-arrow{width:2px;height:28px;background:linear-gradient(to bottom,var(--color-border),var(--color-primary));position:relative}.qtr-arrow:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--color-primary)}.journey-timeline{display:flex;flex-direction:column;gap:0;position:relative}.journey-timeline:before{content:"";position:absolute;left:19px;top:20px;bottom:20px;width:2px;background:linear-gradient(to bottom,var(--color-primary),var(--color-amber))}.journey-step{display:flex;align-items:flex-start;gap:16px;padding:12px 0;position:relative}.journey-dot{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--font-heading);font-weight:800;font-size:.85rem;position:relative;z-index:1}.impact-event{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;border:1px solid var(--color-border-subtle);background:#fff;transition:all .2s ease}.impact-event:hover{border-color:#0b6b2b40;box-shadow:0 2px 8px #0b6b2b0f}.impact-badge-verified{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:4px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.impact-badge-verified.verified{background:#0b6b2b1a;color:var(--color-primary)}.impact-badge-verified.confirmed{background:#57b33e1f;color:var(--color-secondary)}.impact-badge-verified.pending{background:var(--color-amber-bg);color:var(--color-amber)}