:root{
  --paper:#F7F6F2; --ink:#1B1F23; --panel:#20242A; --panel-2:#282D34;
  --wa:#25D366; --wa-d:#1EA952; --wa-t:#E4F8ED;
  --amber:#C2410C; --amber-d:#9A3412; --amber-t:#FBE9DD;
  --teal:#0E6E56; --teal-d:#0A5541; --teal-t:#E3F1EB;
  --mut:#5F6368; --mut-2:#8A8F94; --hair:#E5E4DE; --hair-d:#363B42;
  --disp:'Archivo',sans-serif; --serif:'Source Serif 4',Georgia,serif; --mono:'IBM Plex Mono',monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--wa-d);outline-offset:2px}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut-2)}
h1,h2,h3{font-family:var(--disp);line-height:1.1;letter-spacing:-.02em}
h2{font-size:clamp(26px,3.6vw,36px);font-weight:800;margin:14px 0 16px}
.lede{font-size:19px;color:var(--mut);max-width:62ch}
section{padding:76px 0}
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--disp);font-weight:700;font-size:16px;text-decoration:none;padding:15px 26px;border-radius:8px;letter-spacing:.01em;cursor:pointer;border:none}
.btn-wa{background:var(--wa);color:#0A2A18}
.btn-wa:hover{background:var(--wa-d);color:#fff}
.btn-amber{background:var(--amber);color:#fff}
.btn-amber:hover{background:var(--amber-d)}
.btn-ghost{border:1px solid var(--hair-d);color:#E8EAED;background:none}
.btn-ghost:hover{border-color:#E8EAED}
.btn-dark{background:var(--ink);color:#fff}
.btn-dark:hover{background:#000}
.wa-ico{width:19px;height:19px;flex:none}

nav{position:sticky;top:0;z-index:20;background:rgba(32,36,42,.96);backdrop-filter:blur(6px);border-bottom:1px solid var(--hair-d)}
.nav-in{max-width:1080px;margin:0 auto;padding:0 24px;height:62px;display:flex;align-items:center;justify-content:space-between}
.mark{display:flex;align-items:center;gap:11px;text-decoration:none}
.mark-sq{display:flex;gap:4px}
.mark-sq i{width:9px;height:9px;border-radius:2px;background:#4A4F55}
.mark-sq i:last-child{background:var(--wa)}
.mark .mk{flex:none}
.mark .tagline{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:#6B7280;margin-left:4px}
@media(max-width:700px){.mark .tagline{display:none}}
.mark b{font-family:var(--disp);font-weight:800;font-size:17px;color:#fff;letter-spacing:-.01em}
.nav-links{display:flex;align-items:center;gap:22px}
.nav-links a{font-family:var(--disp);font-weight:600;font-size:14px;color:#C7CBD0;text-decoration:none}
.nav-links a:hover{color:#fff}
.nav-links a.active{color:#fff}
.nav-cta{background:var(--wa);color:#0A2A18!important;padding:9px 16px;border-radius:7px}
.nav-cta:hover{background:var(--wa-d);color:#fff!important}
@media(max-width:820px){
  .nav-in{height:auto;padding:8px 14px;flex-wrap:wrap;gap:8px}
  .nav-links{gap:10px 14px;width:100%;flex-wrap:wrap;padding-bottom:2px}
  .nav-links::-webkit-scrollbar{display:none}
  .nav-links a{font-size:13px;white-space:nowrap;flex:none}
  .nav-cta{padding:7px 13px}
  .mark b{font-size:15px}
  .mark .tagline{display:none}
}

footer{background:#171B20;color:#8A8F94;padding:38px 0;font-family:var(--mono);font-size:13px}
.foot-in{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
footer a{color:#C7CBD0;text-decoration:none}
footer a:hover{color:#fff}

/* ---- try-it box (shared) ---- */
.try{background:#0B141A;border:1px solid #24303A;border-radius:16px;padding:20px;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.try-label{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--wa);margin-bottom:12px;display:flex;align-items:center;gap:8px}
.try-label .dot{width:7px;height:7px;border-radius:50%;background:var(--wa);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.5)}70%{box-shadow:0 0 0 7px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
@media (prefers-reduced-motion:reduce){.try-label .dot{animation:none}}
.try-row{display:flex;gap:10px}
.try-input{flex:1;background:#131E26;border:1px solid #2A3742;border-radius:10px;padding:14px 15px;color:#E8EAED;font-family:var(--serif);font-size:16px;resize:none;min-height:74px;line-height:1.4}
.try-input::placeholder{color:#6B747C}
.try-send{background:var(--wa);color:#0A2A18;border:none;border-radius:10px;padding:0 20px;font-family:var(--disp);font-weight:800;font-size:15px;cursor:pointer;flex:none;display:flex;align-items:center;gap:7px}
.try-send:hover{background:var(--wa-d);color:#fff}
.try-send:disabled{opacity:.5;cursor:default}
.try-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.try-chip{font-family:var(--disp);font-weight:600;font-size:12.5px;color:#B7BCC2;background:#1A2630;border:1px solid #2A3742;border-radius:999px;padding:7px 13px;cursor:pointer}
.try-chip:hover{border-color:var(--wa);color:#fff}
.try-answer{margin-top:16px;background:#131E26;border:1px solid #24303A;border-radius:12px;padding:16px 18px;font-size:15px;line-height:1.6;color:#E4E7EA;display:none}
.try-answer.show{display:block}
.try-answer .who{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--wa);margin-bottom:8px;display:flex;align-items:center;gap:8px}
.try-answer em{color:#9AA0A6;font-size:13px}
.try-answer strong{color:#fff}
.try-cont{display:none;margin-top:14px;gap:10px;flex-wrap:wrap;align-items:center}
.try-cont.show{display:flex}
.try-cont .note{font-family:var(--mono);font-size:11.5px;color:var(--mut-2)}
.typing{display:inline-flex;gap:4px;padding:4px 0}
.typing i{width:6px;height:6px;border-radius:50%;background:#6B747C;animation:blink 1.2s infinite}
.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}
@keyframes blink{0%,60%,100%{opacity:.25}30%{opacity:1}}
.try-foot{font-family:var(--mono);font-size:11px;color:#5A6068;margin-top:12px;line-height:1.6}

@media(max-width:900px){.trust-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:640px){.trust-grid{grid-template-columns:1fr!important}}

/* ---- plant scan modal ---- */
.modal-veil{position:fixed;inset:0;background:rgba(10,14,20,.72);backdrop-filter:blur(4px);z-index:200;display:none;align-items:center;justify-content:center;padding:24px}
.modal-veil.open{display:flex}
.modal{background:#161B21;border:1px solid #2A313A;border-radius:16px;width:100%;max-width:560px;padding:30px 30px 26px;position:relative;max-height:90vh;overflow-y:auto;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.modal-x{position:absolute;top:14px;right:16px;background:none;border:none;color:#7A828C;font-size:26px;line-height:1;cursor:pointer;padding:4px 8px}
.modal-x:hover{color:#fff}
.modal-k{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);margin-bottom:10px}
.modal h3{font-family:var(--disp);font-size:24px;font-weight:800;color:#fff;letter-spacing:-.01em;margin-bottom:8px}
.modal-sub{font-family:var(--serif);font-size:15px;color:#A8AEB6;line-height:1.5;margin-bottom:22px}
.modal form label{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#8A9099;margin-bottom:14px}
.modal form input,.modal form textarea{display:block;width:100%;margin-top:7px;background:#0F141A;border:1px solid #2A313A;border-radius:9px;padding:12px 13px;color:#E8EAED;font-family:var(--serif);font-size:15.5px;letter-spacing:0;text-transform:none}
.modal form input:focus,.modal form textarea:focus{outline:none;border-color:var(--amber)}
.modal form textarea{resize:vertical}
.mf-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:520px){.mf-row{grid-template-columns:1fr}}
.mf-submit{width:100%;justify-content:center;margin-top:6px}
.mf-note{font-family:var(--mono);font-size:11px;color:#6B7280;text-align:center;margin-top:12px}
.modal-done{display:none;text-align:center;padding:14px 4px 6px}
.modal-done.show{display:block}
.done-tick{width:52px;height:52px;border-radius:50%;background:rgba(37,211,102,.14);border:1px solid #25D366;color:#25D366;font-size:24px;line-height:50px;margin:0 auto 18px}
.modal-done p{font-family:var(--serif);font-size:15.5px;color:#A8AEB6;line-height:1.55;margin-bottom:12px}
.done-quiet{font-family:var(--mono)!important;font-size:12px!important;color:#6B7280!important}
.btn-ghost-dark{border:1px solid #2A313A;color:#C7CBD0;background:none;margin-top:8px}
.btn-ghost-dark:hover{border-color:#C7CBD0;color:#fff}

.panel-lt{background:#F7F6F2;border:1px solid var(--hair);border-radius:12px;padding:24px}
.panel-lt h3{font-family:var(--disp);font-size:18px;font-weight:700;margin-bottom:9px;letter-spacing:-.01em}
.panel-lt p{font-family:var(--serif);font-size:15px;color:var(--mut);line-height:1.55}
.disc-k{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--amber-d);margin-bottom:9px}
.nope{border:1px solid var(--hair-d);border-radius:10px;padding:16px 16px;font-family:var(--disp);font-weight:600;font-size:14.5px;line-height:1.45;color:#E8EAED}
@media(max-width:820px){.story-grid{grid-template-columns:1fr!important}}

@media(max-width:560px){.stat-row2{grid-template-columns:1fr!important}}

/* ---- mobile polish ---- */
@media(max-width:700px){
  section{padding:52px 0}
  .wrap{padding:0 18px}
  .try-row{flex-direction:column}
  .try-send{padding:13px 20px;justify-content:center}
  .try-input{min-height:88px}
  .btn{width:100%;justify-content:center}
  .hero-ctas .btn,.ctas .btn,.pcta .btn{width:100%}
  .strip-in{gap:10px 20px;padding:14px 18px}
  .strip span{font-size:11.5px}
  .modal{padding:24px 20px 20px;border-radius:14px;max-height:94vh}
  .modal h3{font-size:20px}
  .foot-in{flex-direction:column;gap:8px}
}
@media(max-width:420px){
  .try-chips{gap:6px}
  .try-chip{font-size:11.5px;padding:6px 10px}
}

/* ---- ask: conversation thread ---- */
.try-thread{display:none;flex-direction:column;gap:12px;margin-top:14px;max-height:min(52vh,430px);overflow-y:auto;padding:4px 2px 2px;scroll-behavior:smooth}
.try-thread.show{display:flex}
.try-thread::-webkit-scrollbar{width:6px}
.try-thread::-webkit-scrollbar-thumb{background:#2A3742;border-radius:3px}
.msg{max-width:92%;font-size:15px;line-height:1.6}
.msg.me{align-self:flex-end;background:#173a2a;border:1px solid #22503a;color:#E9FBF1;border-radius:11px 11px 3px 11px;padding:10px 13px;font-family:var(--serif)}
.msg.bot{align-self:flex-start;color:#E4E7EA;font-family:var(--serif);max-width:100%}
.msg.bot .who{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;color:#25D366;margin-bottom:6px;display:flex;align-items:center;gap:7px;text-transform:uppercase}
.msg.bot .body{white-space:pre-wrap}
.msg.bot .body strong{color:#fff}
.msg.bot .body em{color:#9AA0A6;font-style:italic}
.msg .cursor{display:inline-block;width:7px;height:15px;background:#25D366;vertical-align:-2px;margin-left:2px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.try-followup{font-family:var(--mono);font-size:11px;color:#5A6068;margin-top:10px}
