body{margin:0}:root{--zoe-deep:#00381E;--zoe-terracotta:#D15B3E;--zoe-gold:#E3B455;--ink-900:#0F172A;--ink-700:#334155;--muted:#F7F8F9;--card:#FFFFFF;--ring:rgba(0,0,0,.06)}html{scroll-behavior:smooth}html,body,#root{height:100%}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--ink-900);background:#fff}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 20px}.grid{display:grid;gap:28px}.grid-2,.grid-4{grid-template-columns:1fr}.section{padding:72px 0}.section-white{background:#fff}.section-muted{background:var(--muted)}@media (min-width: 768px){.grid-2{grid-template-columns:1fr 1fr}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.hero{position:relative;min-height:92vh;display:flex;align-items:center;overflow:hidden;isolation:isolate}.bg-hero{background:radial-gradient(1200px 600px at 50% -10%,rgba(227,180,85,.18),transparent 60%),linear-gradient(135deg,var(--zoe-deep) 0%,var(--zoe-terracotta) 50%,var(--zoe-gold) 100%)}.hero:before{content:"";position:absolute;inset:0;background-image:var(--hero-bg);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0;opacity:.92;filter:saturate(1.02) contrast(1.02)}.hero-overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(to bottom,#ffffffa8,#ffffff4d 40%,#ffffffa8);mix-blend:normal}.hero-inner{position:relative;z-index:3;text-align:center}.hero-media{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.media{position:absolute;display:block;width:220px;height:300px;object-fit:cover;border-radius:20px;box-shadow:0 14px 36px #0000002e}.media-1{bottom:10%;left:4%;transform:rotate(-4deg)}.media-2{top:14%;right:6%;transform:rotate(3deg)}.media-3{bottom:16%;right:22%;transform:rotate(-2deg)}@media (min-width: 768px){.media{width:260px;height:360px;border-radius:22px}.media-1{bottom:8%;left:6%}.media-2{top:12%;right:8%}.media-3{bottom:12%;right:28%}}@media (min-width: 1120px){.media{width:300px;height:420px;border-radius:24px}.media-1{bottom:8%;left:8%}.media-2{top:10%;right:10%}.media-3{bottom:12%;right:32%}}@media (prefers-reduced-motion: no-preference){.media-1{animation:float1 8s ease-in-out infinite}.media-2{animation:float2 9s ease-in-out infinite}.media-3{animation:float3 10s ease-in-out infinite}@keyframes float1{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-8px) rotate(-3deg)}}@keyframes float2{0%,to{transform:translateY(0) rotate(3deg)}50%{transform:translateY(10px) rotate(4deg)}}@keyframes float3{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(-1deg)}}}.logo-wrap{display:flex;justify-content:center;align-items:center;margin-bottom:28px;padding-top:8px}.logo-img{height:clamp(64px,10vw,128px);width:auto;display:block;filter:drop-shadow(0 8px 24px rgba(0,0,0,.1));transition:transform .25s ease,filter .25s ease,opacity .25s ease}.logo-glow{filter:drop-shadow(0 10px 30px rgba(0,56,30,.18)) drop-shadow(0 4px 14px rgba(209,91,62,.12)) drop-shadow(0 2px 10px rgba(227,180,85,.12))}.logo-wrap:hover .logo-img{transform:translateY(-2px)}.hero-title{font-size:clamp(28px,4.2vw,56px);line-height:1.08;margin:4px auto 10px;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,var(--zoe-deep),var(--zoe-terracotta),var(--zoe-gold));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{margin:0 auto 24px;color:var(--ink-700);max-width:820px;font-size:clamp(16px,1.6vw,20px)}.cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:18px}.value-ribbon{margin:18px auto 0;display:inline-block;padding:10px 16px;border-radius:999px;font-weight:700;color:#0f1f19;background:linear-gradient(135deg,#00381e14,#d15b3e1a,#e3b4551a);border:1px solid rgba(0,0,0,.06)}.btn{appearance:none;border:1px solid transparent;border-radius:999px;padding:12px 18px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:transform .15s ease,box-shadow .2s ease,background .2s ease,color .2s ease,border-color .2s ease}.btn .icon{width:18px;height:18px}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{color:#fff;background:linear-gradient(180deg,#0e6a49,#0a5d3f);box-shadow:0 10px 30px #00381e33}.btn-primary:hover{background:linear-gradient(180deg,#0c6545,#09533a)}.btn-outline{color:var(--zoe-terracotta);border-color:var(--zoe-terracotta);background:#fff}.btn-outline:hover{color:#fff;background:var(--zoe-terracotta);border-color:var(--zoe-terracotta)}.btn-block{width:100%}.section-title{font-size:clamp(24px,3.2vw,36px);margin:0 0 8px;letter-spacing:-.01em;font-weight:800;color:var(--zoe-deep)}.section-lead{margin:0 0 26px;color:var(--ink-700)}.card{background:var(--card);border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:22px;box-shadow:0 10px 30px #0000000a}.card-tonal{background:linear-gradient(180deg,#00381e05,#0000)}.card h3{margin:10px 0 8px;font-size:18px;font-weight:700}.card p{margin:0;color:var(--ink-700)}.card-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,var(--zoe-deep),var(--zoe-terracotta));box-shadow:0 6px 16px #00381e2e}.bullets{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:10px}.bullets li{display:flex;align-items:flex-start;gap:10px;color:var(--ink-700)}.li-icon{width:18px;height:18px;color:var(--zoe-deep);margin-top:2px}.signup h3{margin:0 0 6px;font-weight:800}.signup p{margin:0 0 16px;color:var(--ink-700)}.input{display:block;width:100%;height:44px;padding:10px 12px;border-radius:10px;border:1.5px solid #E5E7EB;background:#fff;color:var(--ink-900);outline:none;transition:border-color .2s ease,box-shadow .2s ease;margin-bottom:10px}.input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98133}.form-msg{font-size:14px;margin-top:8px}.form-msg.ok{color:#0f766e}.form-msg.err{color:#b91c1c}.community-section{position:relative;isolation:isolate;background:radial-gradient(800px 380px at 10% 10%,rgba(227,180,85,.08),transparent 60%),radial-gradient(700px 360px at 90% 30%,rgba(0,56,30,.06),transparent 60%),#fff;border-top:1px solid rgba(0,0,0,.04)}.community-grid{align-items:center}.community-title{margin-bottom:6px}.community-bullets{margin-top:14px}.community-bullets li{font-size:16px}.community-stats{display:flex;gap:18px;flex-wrap:wrap;margin:22px 0 8px}.stat{background:#fff;border:1px solid rgba(0,0,0,.06);box-shadow:0 8px 24px #0000000f;border-radius:14px;padding:12px 14px;min-width:140px}.stat-num{display:block;font-weight:800;font-size:22px;color:var(--zoe-deep);line-height:1.1}.stat-label{display:block;color:var(--ink-700);font-size:13px}.community-note{margin-top:10px;font-size:13px;color:var(--ink-700)}.community-preview{display:grid;gap:14px;align-content:center;justify-items:center}.phone-frame{width:min(100%,360px);aspect-ratio:9 / 16;padding:0;background:transparent;border-radius:0;box-shadow:none;position:relative;overflow:visible}.phone-frame:before{content:none}.phone-screen{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0;display:block;box-shadow:none}.preview-cards{display:grid;gap:12px;grid-template-columns:1fr;width:100%}.mini-card{background:var(--card);border:1px solid rgba(0,0,0,.06);border-radius:14px;padding:14px 16px;box-shadow:0 10px 24px #0000000d}.mini-card h4{margin:0 0 6px;font-weight:800;font-size:16px;color:var(--zoe-deep)}.mini-card p{margin:0;color:var(--ink-700);font-size:14px}@media (min-width: 768px){.preview-cards{grid-template-columns:repeat(3,1fr)}}.product-showcase{padding:40px 0!important;overflow:visible!important;width:100vw;margin-left:calc(-50vw + 50%)}.product-showcase-grid{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:0 max(20px,calc((100vw - 1120px)/2)) 20px;scrollbar-width:thin;scrollbar-color:rgba(0,56,30,.3) transparent;width:100%}.product-showcase-grid::-webkit-scrollbar{height:8px}.product-showcase-grid::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.product-showcase-grid::-webkit-scrollbar-thumb{background:#00381e4d;border-radius:10px}.product-showcase-grid::-webkit-scrollbar-thumb:hover{background:#00381e80}.product-card{position:relative;overflow:hidden;min-width:280px;width:280px;height:400px;cursor:pointer;transition:transform .3s ease;scroll-snap-align:start;flex-shrink:0;border-radius:12px}@media (min-width: 768px){.product-card{min-width:320px;width:320px;height:450px}}.product-image{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.product-card:hover .product-image{transform:scale(1.05)}.product-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0000001a,#00000080);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:24px;gap:12px}.product-title{color:#fff;font-size:clamp(20px,2.5vw,28px);font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.3)}.btn-outline-white{color:#fff;border:2px solid #fff;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 20px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease;font-size:14px;border-radius:999px}.btn-outline-white:hover{background:#fff;color:var(--zoe-deep);transform:translateY(-2px)}.footer{background:#0b2117;color:#cfe0da}.footer-inner{padding:20px 0;display:flex;align-items:center;justify-content:space-between}.footer a{color:#e7f3ef;text-decoration:underline}.footer a:hover{color:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.zoe-root{min-height:100vh;display:flex;flex-direction:column}@media (prefers-reduced-motion: no-preference){.hero-enter{opacity:0;transform:translateY(10px) scale(.992);animation:heroFade .6s ease .08s forwards}@keyframes heroFade{to{opacity:1;transform:translateY(0) scale(1)}}}.gated-landing{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.fixed-logo{position:fixed;top:24px;left:24px;z-index:100}.fixed-logo-img{height:auto;width:clamp(100px,12vw,140px);display:block;filter:drop-shadow(0 4px 12px rgba(0,0,0,.1));transition:transform .2s ease}.fixed-logo-img:hover{transform:translateY(-2px)}@media (max-width: 768px){.fixed-logo{top:16px;left:16px}}.gated-hero{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;background-repeat:no-repeat;isolation:isolate}.gated-hero:before{content:"";position:absolute;inset:0;background-image:var(--hero-bg);background-size:60%;background-position:right center;background-repeat:no-repeat;z-index:0;opacity:1}@media (max-width: 768px){.gated-hero:before{background-size:90%}}.gated-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,#fff3,#ffffff1a 40%,#fff3)}.gated-content{position:relative;z-index:2;text-align:center;padding:40px 20px;max-width:680px;margin:0 auto 0 5%}@media (max-width: 768px){.gated-content{margin:0 auto}}.gated-title{font-size:clamp(32px,5vw,64px);line-height:1.1;margin:16px 0;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,var(--zoe-deep),var(--zoe-terracotta),var(--zoe-gold));-webkit-background-clip:text;background-clip:text;color:transparent}.gated-subtitle{font-size:clamp(22px,2.8vw,32px);font-weight:800;line-height:1.3;letter-spacing:.02em;color:var(--zoe-deep);max-width:560px;margin:0 auto 40px;text-transform:uppercase}.gated-cta{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:48px;padding:32px;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;border:1px solid rgba(0,0,0,.08);box-shadow:0 20px 60px #0000001a}.gated-icon{color:var(--zoe-deep);width:64px;height:64px;stroke-width:2;animation:pulse 2s ease-in-out infinite}.gated-chat-button{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#0e6a49,#0a5d3f);color:#fff;border:none;cursor:pointer;box-shadow:0 8px 24px #0e6a494d;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease;animation:pulse 2s ease-in-out infinite}.gated-chat-button:hover{transform:scale(1.05);box-shadow:0 12px 32px #0e6a4966}.gated-cta-text{font-size:22px;font-weight:600;letter-spacing:-.005em;line-height:1.4;color:var(--zoe-deep);margin:0;max-width:420px;font-style:normal}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@media (max-width: 768px){.gated-content{padding:24px 16px}.gated-cta{padding:24px;margin-top:32px}}.chatbot-trigger{position:fixed;bottom:24px;right:24px;z-index:1000;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#0e6a49,#0a5d3f);color:#fff;border:none;cursor:pointer;box-shadow:0 8px 24px #0e6a494d;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease}.chatbot-trigger:hover{transform:scale(1.05);box-shadow:0 12px 32px #0e6a4966}.chatbot-window{position:fixed;bottom:24px;right:24px;z-index:1000;width:min(420px,calc(100vw - 32px));height:min(600px,calc(100vh - 100px));background:#fff;border-radius:20px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;overflow:hidden}.chatbot-header{background:linear-gradient(135deg,#0e6a49,#0a5d3f);color:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between}.chatbot-header-content{display:flex;align-items:center;gap:12px}.chatbot-avatar{width:40px;height:40px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}.chatbot-title{margin:0;font-size:16px;font-weight:700}.chatbot-subtitle{margin:0;font-size:12px;opacity:.8}.chatbot-close{background:transparent;border:none;color:#fff;cursor:pointer;padding:4px;display:flex;opacity:.9;transition:opacity .2s}.chatbot-close:hover{opacity:1}.chatbot-messages{flex:1;overflow-y:auto;padding:20px;background:#f8f9fa}.chatbot-date{text-align:center;color:#6b7280;font-size:13px;margin-bottom:16px}.chatbot-message{margin-bottom:16px}.chatbot-message-content{background:#fff;border-radius:16px;padding:12px 16px;max-width:85%;box-shadow:0 2px 8px #0000000f}.chatbot-message-content p{margin:0;color:#1f2937;font-size:15px;line-height:1.5}.chatbot-message.user .chatbot-message-content{background:#0e6a49;color:#fff;margin-left:auto}.chatbot-message.user .chatbot-message-content p{color:#fff}.chatbot-options{display:flex;flex-direction:column;gap:8px;margin-top:12px}.chatbot-option-btn{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:12px 16px;text-align:left;cursor:pointer;font-size:14px;transition:all .2s ease;color:#1f2937}.chatbot-option-btn:hover{border-color:#0e6a49;background:#f0fdf4}.chatbot-input-form{display:flex;gap:8px;margin-top:12px}.chatbot-input{flex:1;padding:10px 12px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;transition:border-color .2s}.chatbot-input:focus{outline:none;border-color:#0e6a49}.chatbot-send-btn{background:#0e6a49;color:#fff;border:none;border-radius:10px;padding:10px 14px;cursor:pointer;display:flex;align-items:center;transition:background .2s}.chatbot-send-btn:hover{background:#0a5d3f}.typeform-container{width:100%;min-height:500px;margin:2rem auto;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #00000014}.typeform-container>div{width:100%;height:100%;min-height:500px}@media (min-width: 768px){.typeform-container{min-height:600px}.typeform-container>div{min-height:600px}}@media (max-width: 768px){.chatbot-window{bottom:16px;right:16px;width:calc(100vw - 32px);height:calc(100vh - 120px)}.chatbot-trigger{bottom:16px;right:16px}}