:root{
  /* Brand */
  --cream:        #f6f2ea;   /* warm off-white background */
  --cream-2:      #efe8db;   /* alt surface */
  --cream-3:      #e7ddcb;   /* deeper sand */
  --ink:          #14211e;   /* charcoal text w/ teal undertone */
  --ink-soft:     #41514c;   /* secondary text */
  --teal-900:     #0a221f;   /* near-black teal (cinematic dark) */
  --teal-800:     #0e2e2a;   /* deep teal */
  --teal-700:     #163f39;
  --teal-600:     #1d534b;
  --teal-500:     #2d6860;   /* mid teal */
  --teal-300:     #6fa49b;   /* muted teal */
  --teal-100:     #cfe0db;
  --accent:       #e1683a;   /* energetic clay, primary CTA */
  --accent-2:     #f08a5d;
  --gold:         #d8a44e;   /* secondary highlight, used sparingly */
  --gold-soft:    #e8c889;
  --ice:          #7bb1d8;   /* cold-lead cue (semantic, not brand) */

  /* WhatsApp (authentic) */
  --wa-header:    #075e54;
  --wa-header-2:  #128c7e;
  --wa-green:     #25d366;
  --wa-wall:      #e9e1d6;   /* beige chat wallpaper */
  --wa-in:        #ffffff;   /* agent / incoming bubble */
  --wa-out:       #d7f7c5;   /* lead / outgoing bubble */
  --wa-out-bd:    #aedb9c;
  --wa-tick:      #34b7f1;   /* blue read ticks */
  --wa-quick:     #0a93d6;   /* quick-reply blue */
  --wa-meta:      #667781;

  /* type */
  --f-ui: "Assistant", "Segoe UI", Arial, sans-serif;
  --f-ed: var(--f-ui);

  --container: 1180px;
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='0.05'/%3E%3C/svg%3E");
  --radius: 18px;
  --shadow-sm: 0 1px 2px rgba(20,33,30,.08), 0 2px 8px rgba(20,33,30,.06);
  --shadow-md: 0 10px 30px -12px rgba(14,46,42,.28);
  --shadow-lg: 0 30px 70px -30px rgba(10,34,31,.55);
  --ease: cubic-bezier(.22,.61,.36,1);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--f-ui);font-weight:400;line-height:1.6;color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,p{margin:0}
h1,h2,h3{letter-spacing:-.01em;text-wrap:balance}
h1{font-weight:700}h2,h3{font-weight:600}
h2{font-size:clamp(28px,5vw,52px);line-height:1.1}
h3{font-size:clamp(21px,3.2vw,30px);line-height:1.2}
p{text-wrap:pretty}a{color:inherit;text-decoration:none}svg,img{display:block;max-width:100%}
a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
::selection{background:var(--gold-soft);color:var(--ink)}
[hidden]{display:none!important}
.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:20px}
.section{padding-block:clamp(56px,8vw,112px)}
.cream{background:var(--cream)}.sand{background:var(--cream-2)}
.dark{background-color:#0b2823;background-image:var(--grain);color:var(--cream)}
.site-header{height:76px;background:var(--cream);border-bottom:1px solid var(--cream-3)}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{display:flex;align-items:center;gap:11px;font-weight:700;font-size:18px;letter-spacing:-.01em;color:var(--ink);white-space:nowrap;min-height:44px}
.brand .mark{width:36px;height:36px;border-radius:10px;flex:0 0 auto;background:var(--teal-700);display:grid;place-items:center}
.brand .mark svg{width:21px;height:21px}
.brand b{font-weight:700}.brand span{font-weight:600;color:var(--teal-500)}.brand b{color:var(--ink)}
.header-cta{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 16px;border-radius:999px;background:var(--wa-green);color:#06301c;font-size:14.5px;font-weight:700;white-space:nowrap}
.header-cta svg{width:17px;height:17px;flex:0 0 auto}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;font-size:clamp(15px,1.8vw,17px);padding:15px 26px;min-height:52px;border-radius:999px;white-space:nowrap}
.btn svg{width:18px;height:18px;flex:0 0 auto}
.btn-wa{background:var(--wa-green);color:#06301c}
.btn-wa:hover,.header-cta:hover{background:#21c75e}
.btn-ghost{background:transparent;color:var(--teal-800);border:1.5px solid var(--teal-800)}
.btn-ghost:hover{background:var(--cream)}
.hero{padding-block:clamp(44px,7.4vw,104px) clamp(52px,7.5vw,100px)}
.hero-copy{max-width:1000px}
.eyebrow{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700;color:var(--gold-soft);margin-bottom:20px}
.eyebrow::before{content:"";width:26px;height:2px;background:var(--gold);flex:none}
.hero h1{font-size:clamp(34px,7.4vw,72px);letter-spacing:-.02em;line-height:1.02;max-width:930px}
.hero h1 span{display:block}.hero .em{color:var(--gold-soft);margin-top:8px}
.hero-sub{font-size:clamp(17px,2.2vw,20px);line-height:1.65;max-width:61ch;color:var(--teal-100);margin-top:25px;margin-bottom:27px}
.hero-proof{font-size:14px;color:var(--teal-100);margin-top:13px}
.hero-content{min-width:0}.call-art{max-width:440px;width:100%;margin:30px auto 0}.call-art svg{width:100%;height:auto;overflow:visible}
.art-paper{fill:var(--cream)}.art-sand{fill:var(--cream-3)}.art-ink,.art-dark{fill:var(--teal-800)}.art-teal{fill:var(--teal-600)}.art-panel{fill:var(--teal-700)}.art-gold{fill:var(--gold-soft)}.art-clay{fill:var(--accent)}.art-muted{fill:var(--teal-300)}
.art-stroke{stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.art-stroke.art-gold{fill:none;stroke:var(--gold-soft)}.art-stroke.art-clay{fill:none;stroke:var(--accent)}.art-stroke.art-ink{fill:none;stroke:var(--teal-800)}
.art-orbit{stroke:var(--teal-500);stroke-width:1;opacity:.42}.art-connector{stroke:var(--gold-soft);stroke-width:2;stroke-linecap:round;stroke-dasharray:4 7}.art-rule{stroke:var(--cream-3);stroke-width:1}.art-wave{stroke:var(--gold-soft)}.art-check-box{fill:var(--teal-100)}.art-check{stroke:var(--teal-600);fill:none}
.art-outline{stroke:var(--cream-3);stroke-width:1.5}.task-art{max-width:380px;margin:32px auto 0}.task-art svg,.routing-art svg{width:100%;height:auto}.art-task-path{stroke:var(--teal-300);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.art-envelope{fill:var(--teal-100)}.art-calendar{fill:var(--cream-2)}.art-bell{stroke:var(--teal-600);fill:var(--cream-2)}.routing-art{max-width:340px;margin:28px auto 0}
.call-art.in .art-summary{animation:art-arrive .9s var(--ease) both}.call-art.in .art-call{animation:art-arrive .8s var(--ease) .12s both}.call-art.in .art-spark{animation:art-arrive .7s var(--ease) .3s both}.call-art.in .art-done{animation:art-arrive .7s var(--ease) .45s both}.call-art.in .art-wave{animation:art-voice .8s var(--ease) .25s 2;transform-origin:368px 82px}
.reveal.in .art-action-node{animation:art-arrive .8s var(--ease) .15s both}.reveal.in .art-reminder-node{animation:art-arrive .8s var(--ease) .3s both}
@keyframes art-arrive{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes art-voice{0%,100%{scale:1 1}50%{scale:1 .55}}
.split{display:grid;gap:28px}.prose{font-size:clamp(18px,2vw,21px);line-height:1.7}.prose>p+p{margin-top:20px}
.cost{color:var(--ink-soft);padding-top:20px;border-top:1px solid var(--cream-3)}
.comparison{display:grid;gap:18px;margin-top:34px}
.crm-card{border:1px solid var(--cream-3);border-radius:var(--radius);padding:25px;min-width:0}
.card-label{font-size:14px;font-weight:700;color:var(--ink-soft);margin-bottom:24px;display:flex;align-items:center;gap:10px}
.card-label::before{content:"";width:20px;height:2px;background:var(--teal-500)}
.before{background:var(--cream)}.note-field{padding:22px 18px;border:1px solid var(--cream-3);border-radius:8px;color:var(--ink-soft);font-size:18px;min-height:170px}
.note-line{display:block;height:1px;background:var(--cream-3);margin-top:30px;width:90%}.note-line.short{width:60%;margin-top:22px}
.after{background:var(--wa-in);border-top:3px solid var(--teal-500)}
.after h3{font-size:22px;margin-bottom:12px}.after>p:not(.card-label){font-size:18px;line-height:1.7}
.next-step{margin-top:23px;padding-top:20px;border-top:1px solid var(--cream-3)}.next-step h3{font-size:18px;margin-bottom:6px}.next-step p{font-size:18px;line-height:1.7}
.task-label{display:flex;align-items:center;gap:7px;margin-top:17px;color:var(--ink-soft)}
.soon{display:inline-block;vertical-align:middle;white-space:nowrap;font-size:12px;font-weight:600;line-height:1.5;padding:3px 10px;border-radius:999px;background:var(--cream-3);color:var(--ink-soft)}
.message-demo{max-width:600px;margin:40px auto 0}.wa-label{font-size:17px;margin-bottom:14px}
.wa{background:var(--wa-wall);border-radius:var(--radius);overflow:hidden;border:1px solid var(--cream-3)}
.wa-top{height:44px;background:var(--wa-header);display:flex;align-items:center;padding-inline:20px;color:var(--wa-in)}.wa-top svg{width:23px;height:23px}
.wa-body{padding:24px}.wa-bubble{position:relative;background:var(--wa-in);color:var(--ink);padding:17px 19px;border-radius:0 10px 10px 10px;font-size:17px;line-height:1.65}
.wa-bubble::before{content:"";position:absolute;top:0;right:-9px;border-top:11px solid var(--wa-in);border-right:10px solid transparent}
.wa-bubble bdi{white-space:nowrap}
.demo-end{text-align:center;margin-top:20px}.caption{font-size:14px;color:var(--ink-soft);margin-bottom:23px}
.steps{list-style:none;counter-reset:step;margin:0;padding:0}.steps li{counter-increment:step;position:relative;padding-inline-start:58px;padding-bottom:31px;font-size:19px;line-height:1.65;min-height:66px}
.steps li::before{content:counter(step);position:absolute;inset-inline-start:0;top:0;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--teal-800);color:var(--cream);font-size:16px;font-weight:700}
.steps li:not(:last-child)::after{content:"";position:absolute;inset-inline-start:17px;top:44px;bottom:8px;width:1px;background:var(--cream-3)}
.direct{font-size:19px;line-height:1.7;padding-top:23px;border-top:1px solid var(--cream-3)}
.upcoming{margin-top:16px;font-size:17px;line-height:1.75;color:var(--ink-soft)}.upcoming .soon{margin-inline-end:7px}
.large{font-size:clamp(23px,3vw,30px);font-weight:600;line-height:1.3}.small{font-size:16px!important;line-height:1.65}
.note{padding-top:20px;border-top:1px solid var(--cream-3);color:var(--ink-soft)}
.founder{border-inline-start:3px solid var(--gold);padding-inline-start:23px;margin-top:30px;color:var(--teal-700)}.signature{font-size:16px;margin-top:12px}
.faq-list{border-top:1px solid var(--cream-3)}details{border-bottom:1px solid var(--cream-3)}
summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:21px;min-height:64px;cursor:pointer;font-weight:600;font-size:19px;list-style:none}summary::-webkit-details-marker{display:none}
.faq-plus{width:18px;height:18px;position:relative;flex:none}.faq-plus::before,.faq-plus::after{content:"";position:absolute;background:var(--teal-600);top:8px;left:2px;width:14px;height:2px}.faq-plus::after{transform:rotate(90deg)}details[open] .faq-plus::after{display:none}
details>p{font-size:18px;line-height:1.7;padding-bottom:23px;max-width:59ch;color:var(--ink-soft)}
.contact-inner{max-width:850px;text-align:center}.contact h2{max-width:700px;margin-inline:auto}.contact-body{font-size:clamp(19px,2.2vw,23px);line-height:1.7;color:var(--teal-100);margin:26px auto 29px;max-width:55ch}
.fit{color:var(--teal-100);max-width:65ch;margin:28px auto 0}.contact-sign{margin-top:27px;color:var(--gold-soft);font-size:16px}
.foot{padding-block:30px;background:var(--cream)}.foot .container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px}.foot p{font-size:14px;color:var(--ink-soft)}.foot p a{text-decoration:underline;text-underline-offset:4px;display:inline-flex;align-items:center;min-height:44px}.foot .brand .mark{width:30px;height:30px}
.sticky-cta{position:fixed;inset:auto 0 0;z-index:50;padding:10px 20px max(10px,env(safe-area-inset-bottom));background:var(--cream);border-top:1px solid var(--cream-3)}.sticky-cta .btn{width:100%}
.reveal{opacity:1;transform:none}.reveal-ready{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal-ready.in{opacity:1;transform:none}.message-demo.in .wa-bubble{animation:bubbleIn .8s var(--ease) both}
@keyframes bubbleIn{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@media(max-width:400px){.header-inner{gap:8px}.header-cta{font-size:13px;padding-inline:10px;gap:5px}.brand{gap:7px;font-size:16px}.brand .mark{width:30px;height:30px}.hero h1{font-size:36px}.hero{padding-top:40px}.hero-sub{margin-top:22px}.crm-card{padding:22px}.wa-body{padding:21px 16px}}
@media(min-width:760px){.container{padding-inline:32px}.comparison{grid-template-columns:1fr 1fr;gap:24px}.crm-card{padding:32px}.split{grid-template-columns:.85fr 1.15fr;gap:64px}.sticky-cta{display:none!important}.hero-copy{margin-inline:auto}.hero{padding-inline:0}.hero-proof{font-size:16px}.wa-bubble{font-size:18px}.section h2{max-width:13ch}.contact h2{max-width:22ch}.message-demo{margin-top:48px}}
@media(min-width:1080px){.container{padding-inline:40px}.split{gap:100px}.comparison{gap:28px}.hero-copy{max-width:1000px}.hero-sub{margin-block:30px 32px}}
@media(min-width:760px){.how-heading,.effort-heading{min-width:0}.task-art{margin-top:36px}.routing-art{margin-top:36px}}
@media(min-width:1080px){.hero-grid{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:40px;max-width:var(--container)}.call-art{margin:0;max-width:none}.hero h1{font-size:clamp(34px,5.1vw,72px)}.hero{padding-block:76px 88px}.hero-sub{font-size:19px}.task-art{position:sticky;top:28px}.how-heading h2+.task-art{margin-top:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}}