/* /growth/ (Virtual Co-host, mockup v0.4, Arvind 2026-11-07): this page's own stylesheet (with nav.css), so the home page and
   blog (site.css) are untouched. Hero, loop, 5-card overview, one feature row per job, control, price, FAQ, CTA.
   Lead forms, WhatsApp links and the chat widget come from site.js; their styles are at the end. */
@font-face{font-family:"Inter";src:url(fonts/inter-var.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
:root{
  --ink:#1E1B1A; --ink-2:#4a4341; --muted:#6B6360;
  --coral:#E8553F; --deep:#B8402D; --coral-soft:#FCEBE7;
  --cream:#F6F0EA; --paper:#FFFCF9; --surface:#fff; --line:#E7DDD4;
  --good:#2f7a4f; --good-soft:#e8f3ec;
  --wa:#008069; --wa-bg:#efeae2; --wa-meta:#667781; --wa-amber:#fff4d6;
  --display:"Outfit","Inter",system-ui,sans-serif;
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --ease:cubic-bezier(.2,.8,.2,1);
  color-scheme:light;
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:84px}
body{overflow-x:hidden}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--surface)}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-family:var(--display);text-wrap:balance;letter-spacing:-.025em}
a{color:inherit}
img{max-width:100%;height:auto;display:block}
:focus-visible{outline:2px solid var(--coral);outline-offset:3px;border-radius:6px}
.wrap{max-width:1240px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
/* One spacing system (Arvind, 2026-11-07): sections 96 / 64px, heading to content 48 / 36px, content 1200px,
   feature rows 72px apart, card grids 16px */
section{padding-block:96px}
.alt{background:var(--cream)}
em{font-style:normal;color:var(--coral)}
.eyebrow{display:inline-block;justify-self:start;font:700 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--coral)}
.h2{font-size:clamp(30px,3.6vw,44px);font-weight:700;line-height:1.08}
.lede{font-size:17.5px;color:var(--ink-2);max-width:56ch}
.head{display:grid;gap:14px;margin-bottom:48px;max-width:720px}
.head.center{margin-left:auto;margin-right:auto;text-align:center;justify-items:center}
.head.center .eyebrow{justify-self:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 15px/1 var(--sans);border-radius:12px;padding:15px 20px;text-decoration:none;border:1px solid transparent;cursor:pointer;white-space:nowrap}
.btn-coral{background:var(--coral);color:#fff;box-shadow:0 8px 20px -10px #E8553F}
.btn-coral:hover{background:var(--deep)}
.checks{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.checks li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;line-height:1.45}
.checks li::before{content:"";width:22px;height:22px;border-radius:50%;margin-top:1px;background:var(--good-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.3 2.3 4.7-4.9' fill='none' stroke='%232f7a4f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat}


/* Top bar and footer: home-assets/nav.css (shared by every public page) */

/* Hero (mockup v0.5, Arvind 2026-11-07): everything centred, then a wide stage with the host's WhatsApp in rings */
.hero{padding-block:72px 88px;overflow:hidden;background:radial-gradient(760px 460px at 50% 78%,#E8553F14,transparent 70%),var(--paper)}
.hero .wrap{display:grid;justify-items:center;gap:56px}
.hero-copy{display:grid;justify-items:center;text-align:center;gap:24px;min-width:0;width:100%}
.ai-badge{display:inline-flex;align-items:center;gap:8px;font:600 13px/1 var(--sans);color:var(--deep);background:var(--coral-soft);border-radius:99px;padding:8px 14px}
.ai-badge::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 4px #E8553F33}
.h1{font-size:clamp(34px,5.2vw,68px);font-weight:800;line-height:1.04;letter-spacing:-.045em}
.h1 .l1,.h1 .l2{display:block;white-space:nowrap}
/* The rotating word in line 2 (script in growth/index.html): words stack in a box whose width the script sets */
.rot{display:inline-block;position:relative;color:var(--coral);white-space:nowrap;vertical-align:baseline}
.rot.js{transition:width .4s var(--ease)}
.rot.js::before{content:"\00a0";visibility:hidden}
.rot.js .rw{position:absolute;left:0;top:0;width:max-content;opacity:0;transform:translateY(.35em);transition:opacity .4s,transform .4s var(--ease)}
.rot.js .rw.on{opacity:1;transform:none}
.rot.js .rw.out{opacity:0;transform:translateY(-.35em)}
.hero .checks{grid-template-columns:repeat(4,auto);justify-content:center;gap:10px 26px;font-weight:500;text-align:left}
.hero .checks li{white-space:nowrap}
.cta{display:grid;justify-items:center;gap:10px;width:min(600px,100%)}
.link-form{display:flex;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:8px;box-shadow:0 2px 4px #1e1b1a0a,0 12px 30px -16px #1e1b1a40}
.link-form input{flex:1;min-width:0;font:400 15px/1 var(--sans);color:var(--ink);border:0;background:transparent;padding:12px 10px}
.link-form input:focus{outline:none}
.lead{display:grid;gap:8px;width:100%}
.final .lead{width:min(560px,100%)}
.form-msg{font-size:13.5px;font-weight:500;padding:0 4px}
.form-msg:empty{display:none}
.form-msg.err{color:#c62f2f}
.form-msg.ok{color:var(--good)}
.final .form-msg{color:#fff}
.link-form button:disabled{opacity:.7;cursor:wait}
.cta-label{font-size:13.5px;font-weight:600;color:var(--ink-2)}
.cta-2{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;font-size:14.5px}
.cta-2 a{font-weight:600;color:var(--ink);text-decoration:none;border-bottom:1.5px solid var(--coral)}
.cta-2 span{color:var(--muted)}

/* Hero stage: rings, phone, 4 floating cards, home chips */
.hstage{position:relative;isolation:isolate;width:min(1100px,100%);min-height:584px;padding-bottom:64px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.rings i{position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%);z-index:-1;pointer-events:none}
.rings i:nth-child(1){width:380px;height:380px;border:1.5px dashed #E8553F40}
.rings i:nth-child(2){width:620px;height:620px;border:1.5px dashed #E8553F29}
.rings i:nth-child(3){width:880px;height:880px;border:1px solid #E8553F14;background:radial-gradient(closest-side,#E8553F12,#E8553F05 60%,transparent)}
.hphone{width:290px;border-radius:38px;padding:10px;background:#16181c;box-shadow:0 2px 4px #1e1b1a14,0 40px 80px -30px #1e1b1a73,inset 0 0 0 1.5px #2a2e35}
.hscreen{border-radius:28px;overflow:hidden;background:var(--wa-bg);height:500px;display:flex;flex-direction:column}
.hhead{flex:none;display:flex;align-items:center;gap:10px;background:#f0f2f5;padding:16px 14px 11px;border-bottom:1px solid #e3e3e3}
.hav{width:34px;height:34px;border-radius:50%;background:#fff;display:grid;place-items:center;flex:none;box-shadow:0 0 0 1px #e3e3e3}
.hhead b{display:block;font:600 14px/1.2 var(--sans)}
.hhead small{display:block;font-size:11.5px;color:var(--wa-meta);line-height:1.25}
.hchat{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:12px 10px 10px;background-image:radial-gradient(#00000008 1px,transparent 1.2px);background-size:14px 14px}
.hday{flex:none;align-self:center;background:#fff;color:#54656f;font:500 10px/1 var(--sans);padding:5px 9px;border-radius:6px;text-transform:uppercase;letter-spacing:.04em;box-shadow:0 1px .5px #0b141a14;margin-bottom:2px}
.hm{flex:none;align-self:flex-start;max-width:88%;background:#fff;border-radius:2px 9px 9px 9px;padding:6px 9px 5px;font-size:12.5px;line-height:1.4;color:#111b21;box-shadow:0 1px .5px #0b141a21;text-align:left}
.hm .tag{display:block;font:700 9.5px/1 var(--sans);letter-spacing:.07em;text-transform:uppercase;color:var(--wa);margin-bottom:4px}
.hm time{display:flex;justify-content:flex-end;align-items:center;gap:3px;font-size:10px;color:var(--wa-meta);margin-top:2px}
.hm time svg{width:15px;height:10px;color:#53bdeb}
.hm.need{background:var(--wa-amber);box-shadow:0 0 0 1px #f3d27a}
.hm.need .tag{color:#9a5b00}
.hm .acts{display:flex;gap:6px;margin-top:7px}
.hm .acts span{flex:1;text-align:center;font-size:12px;font-weight:600;color:#027eb5;background:#fff;border-radius:7px;padding:6px}
.hm.out{align-self:flex-end;background:#d9fdd3;border-radius:9px 2px 9px 9px}
.hchat .off{display:none}
.hchat .pop{animation:hpop .35s ease-out}
@keyframes hpop{from{opacity:0;transform:translateY(10px) scale(.97)}}
.hm .stars{color:#f0a53a;letter-spacing:1px}
.htyping{align-self:flex-start;display:none;gap:4px;background:#fff;border-radius:2px 9px 9px 9px;padding:10px 12px;box-shadow:0 1px .5px #0b141a21}
.htyping.on{display:flex}
.htyping i{width:5px;height:5px;border-radius:50%;background:#9aa4aa;animation:gblink 1s infinite}
.htyping i:nth-child(2){animation-delay:.15s}.htyping i:nth-child(3){animation-delay:.3s}
.fl{position:absolute;z-index:2;display:flex;align-items:center;gap:11px;max-width:270px;background:#ffffffed;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #E7DDD4;border-radius:14px;padding:12px 16px 12px 12px;box-shadow:0 2px 4px #1e1b1a0a,0 18px 40px -20px #1e1b1a4d;text-align:left;animation:bob 6s ease-in-out infinite}
.fl b{display:block;font:600 14px/1.25 var(--sans);color:var(--ink)}
.fl small{display:block;font-size:12px;line-height:1.3;color:var(--muted);margin-top:2px}
.fi{width:38px;height:38px;border-radius:11px;flex:none;display:grid;place-items:center;font:700 17px/1 var(--sans)}
.fi svg{width:19px;height:19px;fill:currentColor}
.fi.amber{background:#fff1d6;color:#c98a12}
.fi.coral{background:var(--coral-soft);color:var(--deep)}
.fi.green{background:#e1f3e7;color:var(--good)}
.f1{top:10%;left:6%}
.f2{top:18%;right:5%;animation-delay:1.5s}
.f3{bottom:26%;left:2%;animation-delay:3s}
.f4{bottom:16%;right:9%;animation-delay:4.5s}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.homes{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.hc{display:inline-flex;align-items:center;gap:7px;font:600 12.5px/1 var(--sans);color:#fff;background:var(--ink);border-radius:99px;padding:8px 13px}
.hc i{width:7px;height:7px;border-radius:50%;background:#3ddc84}
.hc.more{background:var(--surface);color:var(--ink-2);border:1px solid var(--line)}
@media (max-width:980px){.hero .checks{grid-template-columns:repeat(2,auto)}}
@media (max-width:760px){
  .h1{font-size:clamp(30px,8vw,44px)}
  .h1 .l1,.h1 .l2{white-space:normal}
  .h1 .l3{display:block}
  .rings i:nth-child(1){width:270px;height:270px}
  .rings i:nth-child(2){width:360px;height:360px}
  .rings i:nth-child(3){width:460px;height:460px}
}
@media (max-width:520px){.hero .checks{grid-template-columns:auto}.cta-2 .sep{display:none}.hero .cta-2{flex-direction:column;align-items:center}}

/* Loop */
.loop{background:var(--ink);color:#F6F0EA;padding-block:22px}
.loop .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 14px;font:600 17px/1.2 var(--display)}
.loop i{font-style:normal;color:var(--coral)}
.loop b{font-weight:inherit}
.loop small{flex-basis:100%;text-align:center;font:500 13px/1 var(--sans);color:#b9aea8;margin-top:4px}

/* Overview cards */
.five{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.five a{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px 20px;display:flex;flex-direction:column;gap:12px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}
.five a:hover{transform:translateY(-3px);border-color:#f3b9ae;box-shadow:0 18px 40px -24px #1e1b1a55}
.ico{width:44px;height:44px;border-radius:13px;background:var(--coral-soft);color:var(--deep);display:grid;place-items:center;flex:none}
.ico svg{width:23px;height:23px}
.five h3{font-size:17.5px;line-height:1.2}
.five p{font-size:14px;color:var(--muted);line-height:1.45}
.five .go{margin-top:auto;font-size:13px;font-weight:600;color:var(--deep)}

/* Feature rows */
.feat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center}
.feat.flip .visual{order:-1}
.feat .txt{display:grid;gap:18px;min-width:0}
.feat .txt .h2{font-size:clamp(28px,3.2vw,40px)}
.visual{min-width:0;display:grid;justify-items:center}
.info{width:min(440px,100%);border-radius:20px;border:1px solid var(--line);box-shadow:0 30px 60px -36px #1e1b1a66;background:#fff}
.pill-row{display:flex;flex-wrap:wrap;gap:8px}
.pill-row span{font-size:13px;font-weight:500;border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:6px 12px;color:var(--ink-2)}
.pill-row.ok span{background:var(--good-soft);border-color:transparent;color:var(--good)}

/* Comparison */
.vs-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:24px;align-items:center;max-width:960px;margin:0 auto}
.home{background:var(--surface);border:1px solid var(--line);border-radius:22px;overflow:hidden;display:grid}
.home.win{border-color:#9fd0b2;box-shadow:0 30px 60px -36px #2f7a4f66}
.ph{position:relative;aspect-ratio:720/463}
.ph img{width:100%;height:100%;object-fit:cover}
.ph .badge{position:absolute;left:14px;top:14px;background:#fff;border-radius:99px;padding:7px 13px;font-size:13.5px;font-weight:600;box-shadow:0 2px 8px #0002}
.home.win .badge{color:var(--good)}
.home .body{padding:20px;display:grid;gap:14px}
.home h3{font-size:19px}
.home .meta{font-size:14.5px;color:var(--muted);margin-top:-8px}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.stat{border-radius:14px;padding:14px 16px;background:var(--cream)}
.stat b{display:block;font:700 30px/1 var(--display);letter-spacing:-.03em}
.stat span{font-size:13.5px;color:var(--muted)}
.stat.g{background:var(--good-soft)} .stat.g b{color:var(--good)}
.stat.r{background:var(--coral-soft)} .stat.r b{color:var(--deep)}
.verdict{border-radius:12px;padding:12px;text-align:center;font:700 14px/1 var(--sans);letter-spacing:.12em;background:#f1ece7;color:var(--muted)}
.home.win .verdict{background:var(--good);color:#fff}
.vs{width:52px;height:52px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font:700 15px/1 var(--display)}
.punch{text-align:center;font:700 clamp(22px,2.6vw,30px)/1.25 var(--display);letter-spacing:-.02em;margin-top:40px}
.why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:36px;padding-top:28px;border-top:1px solid var(--line)}
.why b{font:600 18px/1.3 var(--display);display:block}
.why span{font-size:15px;color:var(--muted)}
.fix{text-align:center;color:var(--deep);font:600 18px/1.3 var(--display);margin-top:28px}
.sample{text-align:center;font:600 11.5px/1 var(--sans);letter-spacing:.12em;color:var(--muted);margin-top:10px}

/* Insights visual */
.insight{width:min(420px,100%);background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;display:grid;gap:14px;box-shadow:0 30px 60px -36px #1e1b1a66}
.insight h4{margin:0;font:600 13px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.bar{display:grid;gap:6px}
.bar .top{display:flex;justify-content:space-between;font-size:14.5px;font-weight:600}
.bar .top span{color:var(--muted);font-weight:500;font-size:13px}
.track{height:8px;border-radius:99px;background:#f1ece7;overflow:hidden}
.track i{display:block;height:100%;border-radius:99px;background:var(--good)}
.track i.bad{background:var(--coral)}
.quote{font-size:13.5px;color:var(--ink-2);background:var(--cream);border-radius:10px;padding:10px 12px;font-style:italic}
.todo{display:flex;gap:10px;align-items:center;font-size:14px;font-weight:600;background:var(--coral-soft);color:var(--deep);border-radius:12px;padding:12px 14px}

/* Oversee */
.ov{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center}
.alerts{display:grid;gap:10px}
.alert{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px 20px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center}
.alert .ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font:700 16px/1 var(--display);background:#e1f3ee;color:var(--wa)}
.alert .ic.a{background:var(--wa-amber);color:#9a5b00}
.alert b{font-size:15.5px;display:block}
.alert span{font-size:14px;color:var(--muted)}
.never span::before{content:"✕  ";color:var(--deep);font-weight:700}

/* Setup + price */
.sp{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:16px}
.box{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:32px;display:grid;gap:20px;align-content:start}
.box h3{font-size:22px}
.steps{list-style:none;margin:0;padding:0;display:grid;gap:16px;counter-reset:s}
.steps li{counter-increment:s;display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px}
.steps li::before{content:counter(s);width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font:700 14px/1 var(--display)}
.steps b{display:block}
.steps span{font-size:14.5px;color:var(--muted)}
.box.dark{background:var(--ink);color:#fff;border-color:var(--ink)}
.amt{font:800 clamp(44px,6vw,58px)/1 var(--display);letter-spacing:-.04em}
.amt small{font:500 16px/1 var(--sans);color:#cfc4be;letter-spacing:0}
.box.dark .checks{color:#E9E1DA;font-size:15px}
.box.dark .checks li::before{background-color:#2f3a33}

/* FAQ */
.faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
details{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 20px}
summary{cursor:pointer;font:600 16px/1.35 var(--display);list-style:none;display:flex;justify-content:space-between;gap:12px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--coral);font-size:20px;line-height:1;flex:none}
details[open] summary::after{content:"–"}
details p{margin-top:10px;color:var(--ink-2);font-size:15px}

/* Final */
.final{background:var(--coral);color:#fff;border-radius:28px;padding:56px 40px;display:grid;gap:18px;justify-items:center;text-align:center}
.final .h2{color:#fff}
.final p{opacity:.92;max-width:50ch}
.final .link-form{width:min(560px,100%);border:0}
.final .btn-coral{background:var(--ink);box-shadow:none}
.final .cta-2 a{color:#fff;border-color:#fff}
.final .cta-2 span{color:#fff;opacity:.85}

@media (max-width:980px){
  .five{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
  .feat,.ov,.sp{grid-template-columns:minmax(0,1fr)}
  .feat{gap:36px}
  .feat.flip .visual{order:0}
  .vs-wrap{grid-template-columns:minmax(0,1fr)}
  .vs{justify-self:center}
  .why,.faq{grid-template-columns:minmax(0,1fr)}
  section{padding-block:64px}
  .head{margin-bottom:36px}
}
@media (max-width:600px){
  .five{grid-template-columns:minmax(0,1fr)}
  .link-form{flex-direction:column}
  .final{padding:40px 20px}
  .box{padding:24px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}}

/* Animated WhatsApp guest chat in Guest knowledge: the old /growth/ phone (site.css look, site.js [data-chat] loop),
   scoped under .gif so it can't clash with this page's .phone / .chat / .msg (Arvind, 2026-11-07) */
.gif{--wa-out:#d9fdd3;--wa-in:#fff;--wa-head:#f0f2f5;--wa-dark:#008069;--wa-tick:#53bdeb;--wa-link:#027eb5;--gold:#f0a53a;
  --shadow-lg:0 2px 4px #1e1b1a0d,0 24px 60px #1e1b1a1f;--brand:var(--ink);--mono:var(--sans);--serif:var(--sans);--display:var(--sans);
  font-family:var(--sans);font-size:15px;line-height:1.6;padding-top:14px}
.gif p{margin:0}
.gif .wa-head{color:var(--ink)}
.gif .stage{position:relative;display:flex;justify-content:center;min-width:0;z-index:1}
.gif .phone{position:relative;width:272px;max-width:100%;height:548px;border-radius:40px;background:#101215;padding:9px;box-shadow:var(--shadow-lg),inset 0 0 0 1.5px #2a2e35}
.gif .phone::before{content:"";position:absolute;top:16px;left:50%;transform:translateX(-50%);width:76px;height:20px;border-radius:20px;background:#101215;z-index:3}
.gif .screen{position:relative;height:100%;border-radius:32px;overflow:hidden;background:var(--wa-bg);display:flex;flex-direction:column}
.gif .wa-status{height:36px;flex:none;background:var(--wa-head);display:flex;align-items:flex-end;justify-content:space-between;padding:0 22px 4px;font:600 11px/1 var(--sans);color:var(--ink)}
.gif .wa-head{flex:none;display:flex;align-items:center;gap:9px;background:var(--wa-head);padding:7px 11px 9px;border-bottom:1px solid #e3e3e3}
.gif .wa-back{color:var(--ink);font-size:19px;line-height:1;margin-right:-2px}
.gif .wa-av{width:31px;height:31px;border-radius:50%;flex:none;display:grid;place-items:center;font:700 12px/1 var(--display);color:#fff}
.gif .wa-av.pc{background:#0e7c66}
.gif .wa-name{font:600 13.5px/1.15 var(--sans);color:var(--ink)}
.gif .wa-sub{font-size:11px;color:var(--wa-meta);line-height:1.2}
.gif .chat{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:5px;padding:9px 9px 7px;background-color:var(--wa-bg);background-image:radial-gradient(#00000008 1px,transparent 1.2px);background-size:14px 14px}
.gif .wa-input{flex:none;display:flex;align-items:center;gap:7px;padding:6px 8px 13px;background:var(--wa-bg)}
.gif .wa-input div{flex:1;height:33px;border-radius:20px;background:#fff;font-size:12px;color:#6e757a;display:flex;align-items:center;padding:0 13px}
.gif .wa-input i{width:33px;height:33px;border-radius:50%;background:var(--wa-dark);flex:none;display:grid;place-items:center}
.gif .msg{max-width:85%;padding:5px 8px 4px 8px;border-radius:8px;font-size:12px;line-height:1.38;color:#111b21;box-shadow:0 1px .5px #0b141a21;position:relative;white-space:pre-line;overflow-wrap:anywhere}
.gif .msg.in{align-self:flex-start;background:var(--wa-in);border-top-left-radius:2px}
.gif .msg.out{align-self:flex-end;background:var(--wa-out);border-top-right-radius:2px}
.gif .msg .t{float:right;margin:5px 0 -3px 9px;font-size:9.5px;color:var(--wa-meta);display:inline-flex;align-items:center;gap:2px;line-height:1.2}
.gif .msg .t svg{width:14px;height:10px;color:var(--wa-tick)}
.gif .msg b{font-weight:600}
.gif .msg .btns{display:grid;margin:6px -8px -4px -8px;border-top:1px solid #e9edef}
.gif .msg .btns span{position:relative;overflow:hidden;display:block;text-align:center;color:var(--wa-link);font-weight:500;font-size:12px;padding:7px 6px;white-space:normal}
.gif .msg .btns span+span{border-top:1px solid #e9edef}
.gif .day{align-self:center;background:#fff;color:#54656f;font:500 9.5px/1 var(--sans);padding:5px 8px;border-radius:6px;box-shadow:0 1px .5px #0b141a14;margin:3px 0;text-transform:uppercase;letter-spacing:.03em}
.gif .typing{align-self:flex-start;background:#fff;border-radius:8px;border-top-left-radius:2px;padding:9px 11px;display:none;gap:4px;box-shadow:0 1px .5px #0b141a21}
.gif .typing.on{display:flex}
.gif .typing i{width:5px;height:5px;border-radius:50%;background:#9aa4aa;animation:gblink 1s infinite}
.gif .typing i:nth-child(2){animation-delay:.15s}.gif .typing i:nth-child(3){animation-delay:.3s}
@keyframes gblink{0%,60%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}
.gif .chat > .hide{display:none}
.gif .chat > .pop{animation:pop .34s cubic-bezier(.2,.9,.3,1.2)}
@keyframes pop{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
.gif .chat.fading{transition:opacity .4s;opacity:0}
.gif .tap-ring{position:absolute;inset:0;margin:auto;width:26px;height:26px;border-radius:50%;background:#027eb533;transform:scale(0);pointer-events:none}
.gif .tapping .tap-ring{animation:tap .7s ease-out}
@keyframes tap{0%{transform:scale(0);opacity:1}100%{transform:scale(7);opacity:0}}
.gif .guide{display:grid;gap:2px;margin-top:3px}
.gif .guide div{display:flex;gap:6px}
.gif .guide div span:first-child{width:15px;flex:none;text-align:center}
.gif .review-pop{position:absolute;right:-8px;bottom:64px;width:232px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg);padding:12px 13px;display:grid;gap:6px;z-index:5;transform-origin:20% 100%}
.gif .review-pop.wait{opacity:0;transform:translateY(14px) scale(.94)}
.gif .review-pop.show{opacity:1;transform:none;transition:opacity .35s,transform .5s cubic-bezier(.2,.9,.3,1.25)}
.gif .rp-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.gif .rp-badge{display:inline-flex;align-items:center;gap:6px;background:var(--good-soft);color:var(--good);font:700 11px/1 var(--sans);padding:5px 8px;border-radius:99px}
.gif .rp-badge i{width:6px;height:6px;border-radius:50%;background:var(--good)}
.gif .rp-src{font:700 9.5px/1 var(--mono);letter-spacing:.08em;color:var(--muted);text-transform:uppercase}
.gif .stars{color:var(--gold);letter-spacing:2px;font-size:15px;line-height:1}
.gif .rp-quote{font:500 14px/1.4 var(--serif);color:var(--ink)}
.gif .rp-who{font-size:11.5px;color:var(--muted)}
.gif .ai-chip{position:absolute;top:-14px;left:50%;transform:translateX(-50%);z-index:6;display:inline-flex;align-items:center;gap:7px;background:var(--brand);color:#fff;font:600 12px/1 var(--sans);padding:8px 12px;border-radius:99px;box-shadow:var(--shadow-lg);white-space:nowrap}
.gif .ai-chip i{width:7px;height:7px;border-radius:50%;background:#3ddc84;box-shadow:0 0 0 0 #3ddc8499;animation:live 1.8s infinite}
@keyframes live{0%{box-shadow:0 0 0 0 #3ddc8499}70%{box-shadow:0 0 0 7px #3ddc8400}100%{box-shadow:0 0 0 0 #3ddc8400}}
@media (max-width:680px){
  .gif .phone{height:520px}
  .gif .stage{flex-direction:column;align-items:center;gap:14px}
  .gif .review-pop{position:absolute;right:0;left:auto;bottom:56px;width:min(230px,72%)}
}

/* Chat widget (built by site.js): the same look as site.css, in this page's colors */
@keyframes chatin{from{opacity:0;transform:translateY(10px) scale(.98)}}
@keyframes blink{0%,80%,100%{opacity:.3}40%{opacity:1}}
.chatw-btn{position:fixed;right:max(20px,env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:50;display:inline-flex;align-items:center;gap:9px;height:52px;padding:0 20px 0 16px;border:0;border-radius:99px;background:var(--coral);color:#fff;font:600 14.5px/1 var(--sans);cursor:pointer;box-shadow:0 10px 30px #e04f3b55;transition:transform .2s var(--ease),background .2s}
.chatw-btn:hover{background:var(--deep);transform:translateY(-2px)}
.chatw.open .chatw-btn{background:var(--ink);box-shadow:0 2px 4px #1e1b1a0d,0 24px 60px #1e1b1a1f}
.chatw-panel{position:fixed;right:max(20px,env(safe-area-inset-right,0px));bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:50;width:370px;height:min(560px,calc(100vh - 120px));display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 80px #1e1b1a33;overflow:hidden;animation:chatin .25s var(--ease)}
.chatw-panel[hidden]{display:none}
.chatw-head{display:flex;align-items:center;gap:11px;padding:14px 14px 14px 16px;background:var(--ink);color:#fff}
.chatw-head > div{display:grid;gap:3px;flex:1}
.chatw-head b{font-size:15px}
.chatw-head span{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#ffffffa6}
.chatw-head span i{width:7px;height:7px;border-radius:50%;background:#3ddc84}
.chatw-av{width:34px;height:34px;border-radius:50%;background:#fff;display:grid;place-items:center;flex:none}
.chatw-x{width:32px;height:32px;border-radius:50%;border:0;background:#ffffff1a;color:#fff;font-size:20px;line-height:1;cursor:pointer}
.chatw-x:hover{background:#ffffff33}
.chatw-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:9px;background:var(--cream)}
.chatw-msg{max-width:86%;padding:10px 13px;border-radius:14px;font-size:14px;line-height:1.45}
.chatw-msg.bot{align-self:flex-start;background:var(--surface);border:1px solid var(--line);border-top-left-radius:4px}
.chatw-msg.me{align-self:flex-end;background:var(--coral);color:#fff;border-top-right-radius:4px}
.chatw-msg.chips{max-width:100%;padding:0;display:flex;flex-wrap:wrap;gap:7px}
.chatw-msg.chips button{border:1px solid #f6cfc8;background:var(--coral-soft);color:var(--deep);border-radius:99px;padding:8px 12px;font:600 13px/1 var(--sans);cursor:pointer}
.chatw-msg.chips button:hover{background:#fbd9d3}
.chatw-msg.typing{display:inline-flex;gap:4px;padding:13px 14px}
.chatw-msg.typing i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:blink 1s infinite}
.chatw-msg.typing i:nth-child(2){animation-delay:.15s}.chatw-msg.typing i:nth-child(3){animation-delay:.3s}
.chatw-action{display:block;margin-top:9px;text-align:center;background:#25d366;color:#fff;text-decoration:none;font-weight:600;font-size:13.5px;border-radius:10px;padding:9px}
.chatw-form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line);background:var(--surface)}
.chatw-form input{flex:1;min-width:0;border:1px solid var(--line);border-radius:99px;padding:11px 15px;font:400 14px/1 var(--sans);background:var(--cream);color:var(--ink)}
.chatw-form input:focus{outline:2px solid var(--coral);outline-offset:0;border-color:transparent}
.chatw-form button{width:42px;height:42px;border-radius:50%;border:0;background:var(--coral);color:#fff;font-size:15px;cursor:pointer;flex:none}
@media (max-width:680px){
  .chatw-btn{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:50px;height:50px;padding:0;justify-content:center}
  .to-top,.chatw-btn{transition:opacity .25s,transform .25s var(--ease),bottom .3s var(--ease),background .2s}
  .chatw-btn span{display:none}
  .chatw-panel{left:12px;right:12px;width:auto;top:72px;bottom:calc(78px + env(safe-area-inset-bottom,0px));height:auto}
}

/* Mobile pass (Arvind, 2026-11-07: "mobile growth page doesn't look good"): compact hero, checks 2x2, chips above
   the phone, the 4 cards as a static 2x2 grid under it, loop strip 2x2, overview cards as one-line rows */
@media (max-width:760px){
  .hero{padding-block:36px 48px}
  .hero .wrap{gap:32px}
  .hero-copy{gap:18px}
  .hero .checks{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;font-size:14px;width:100%}
  .hero .checks li{grid-template-columns:20px minmax(0,1fr);gap:7px;white-space:normal}
  .hero .checks li::before{width:18px;height:18px;background-size:15px}
  .hstage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;min-height:0;padding:0;width:100%}
  .hstage .rings{position:absolute;inset:-40px 0 auto;height:520px;z-index:-1}
  .hphone{grid-column:1/-1;justify-self:center;width:min(272px,78vw)}
  .hscreen{height:430px}
  .hstage .fl{display:flex;position:static;max-width:none;animation:none;padding:10px;gap:8px;box-shadow:none;align-items:flex-start}
  .hstage .fl b{font-size:12.5px}.hstage .fl small{font-size:11.5px}
  .hstage .fi{width:30px;height:30px;border-radius:9px;font-size:13px}
  .hstage .fi svg{width:15px;height:15px}
  .homes{position:static;grid-column:1/-1;justify-content:center;flex-wrap:wrap;order:-1;margin-bottom:6px;gap:6px}
  .hc{font-size:12px;padding:7px 10px}
  .hc.x{display:inline-flex}
  .loop .wrap{display:grid;grid-template-columns:auto auto;justify-content:center;gap:8px 22px;font-size:15px;text-align:center}
  .loop i{display:none}
  .loop b{font-weight:600}
  .loop small{grid-column:1/-1}
  .five{grid-template-columns:minmax(0,1fr);gap:10px}
  .five a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;padding:14px 16px;gap:14px}
  .five a .ico{width:40px;height:40px}
  .five a h3{font-size:16px}
  .five a p{display:none}
  .five a .go{margin:0 0 0 auto;font-size:0}
  .five a .go::after{content:"→";font-size:18px}
  .h2{font-size:clamp(26px,7.4vw,32px)}
  .lede{font-size:16px}
}