/* ajaw.css - extracted VERBATIM from ajaw_landing.html (live ajaw.ai homepage, 504,477 bytes).
   Do not edit here: this file is the shared AJAW design system. AJAW MRP additions live in ajawmrp.css. */

/* ============ TOKENS — AJAW white world ============ */
:root{
  --ink:#09090b; --grey:#5b5f73; --muted:#8a8fa3; --line:#e7e8f0; --line2:#dfe0ea;
  --canvas:#f6f7fb; --tint:#EEEDFE; --tint2:#f5f4ff;
  --indigo:#3E34F9; --soft:#7871FB; --deep:#251F95; --pink:#F9348C; --pinkbg:#fdeaf4;
  --green:#1eb567; --greenbg:#e7f8ef; --blue:#0ea5e9; --bluebg:#e0f2fe;
  --grad:linear-gradient(135deg,#7871FB,#3E34F9);
  --ease-out:cubic-bezier(.22,1,.36,1);
  --disp:'Clash Display','Space Grotesk',Inter,-apple-system,sans-serif;
  --body:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --ring:0 0 0 .5px #e0e1e8, 0 1px 2px rgba(0,0,0,.05);
  --ring-md:0 0 0 .5px #e0e1e8, 0 2px 8px rgba(14,16,32,.06);
  --ring-brand:0 0 0 .5px #c9c5f5, 0 8px 24px -12px rgba(62,52,249,.18);
  --shadow:var(--ring);
  --shadow-lg:var(--ring-md);
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;}
html{scroll-behavior:smooth;overflow-x:clip;}
body{font-family:var(--body);background:#fff;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip;font-size:16px;line-height:1.55;}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;}
button{font-family:inherit;cursor:pointer;}
.wrap{max-width:1180px;margin:0 auto;padding:0 clamp(20px,5vw,40px);}
::selection{background:rgba(120,113,251,.25);}

/* ============ NAV ============ */
.pillwrap{position:fixed;top:16px;left:0;right:0;z-index:80;display:flex;justify-content:center;padding:0 16px;pointer-events:none;}
.pill{pointer-events:auto;display:flex;align-items:center;gap:4px;background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:999px;padding:8px 8px 8px 18px;backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);box-shadow:var(--ring-md);transition:box-shadow .3s;max-width:100%;}
.pill.scrolled{box-shadow:0 0 0 .5px #e0e1e8, 0 6px 18px -6px rgba(14,16,32,.14);}
.pill-logo{display:flex;align-items:center;margin-right:16px;}
.pill-logo img{height:26px;}
.pill-links{display:flex;align-items:center;gap:2px;}
.pill-links a{font-size:14px;font-weight:600;color:var(--grey);padding:8px 13px;border-radius:999px;transition:color .18s,background .18s;}
.pill-links a:hover{color:var(--ink);background:var(--canvas);}
.pill-sep{width:1px;height:20px;background:var(--line2);margin:0 8px;}
.pill-login{font-size:14px;font-weight:600;color:var(--ink);padding:8px 13px;border-radius:999px;}
.pill-login:hover{background:var(--canvas);}
.pill-cta{background:var(--grad);color:#fff;border:0;border-radius:999px;padding:10px 20px;font-size:14px;font-weight:700;margin-left:6px;transition:transform .25s var(--ease-out),box-shadow .25s;white-space:nowrap;box-shadow:0 1px 2px rgba(62,52,249,.3), 0 2px 8px rgba(62,52,249,.2);}
.pill-cta:hover{transform:translateY(-1px);box-shadow:0 4px 14px -2px rgba(62,52,249,.35);}
.pill-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:11px;border-radius:999px;border:0;background:var(--canvas);margin-left:4px;}
.pill-burger span{display:block;height:2px;background:var(--ink);border-radius:2px;transition:transform .25s,opacity .2s;}
.mnav{display:none;}
body.mega-open::after{content:"";position:fixed;inset:0;z-index:72;background:rgba(20,20,30,.08);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);}
.mega-trigger{position:relative;}
/* Keeps the hover target continuous between the pill and the fixed mega menu. */
.mega-trigger::after{content:"";position:absolute;z-index:83;top:100%;left:-18px;right:-18px;height:30px;}
.mega-toggle{display:inline-flex!important;align-items:center;gap:6px;border:0;background:transparent;}
.mega-toggle svg{width:12px;height:12px;transition:transform .25s var(--ease-out);}
.mega-trigger:hover .mega-toggle svg,.mega-trigger:focus-within .mega-toggle svg,body.mega-open .mega-toggle svg{transform:rotate(180deg);}
.mega-menu{position:fixed;top:78px;left:50%;z-index:84;width:min(896px,calc(100vw - 32px));padding:8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;background:rgba(247,247,250,.97);border:1px solid var(--line2);border-radius:20px;box-shadow:0 24px 60px -20px rgba(14,16,32,.3);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,10px) scale(.985);transform-origin:50% 0;transition:opacity .2s,visibility .2s,transform .3s var(--ease-out);}
.mega-trigger:hover .mega-menu,.mega-trigger:focus-within .mega-menu,body.mega-open .mega-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0) scale(1);}
.mega-col{min-width:0;padding:14px 10px 10px;background:#fff;border:1px solid var(--line);border-radius:14px;}
.mega-col h3{padding:0 10px 10px;font-size:11px;line-height:1.2;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);}
.mega-item{display:flex!important;align-items:center;gap:12px;min-height:64px;padding:9px 10px!important;border-radius:12px!important;color:var(--ink)!important;}
.mega-item:hover,.mega-item:focus-visible{background:#f4f4f7!important;}
.mega-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--grey);}
.mega-icon svg{width:20px;height:20px;}
.mega-copy{min-width:0;display:block;}
.mega-copy b{display:block;font-size:14px;line-height:1.2;font-weight:650;color:var(--ink);}
.mega-copy small{display:block;margin-top:4px;font-size:11.5px;line-height:1.25;font-weight:450;color:var(--muted);white-space:normal;}
.mega-item.featured{background:linear-gradient(135deg,#f2f0ff,#fff);box-shadow:inset 0 0 0 1px #dedaff;}
.mega-item.featured .mega-icon{background:var(--grad);color:#fff;border-color:transparent;}
@media(max-width:880px){
  .pill-links,.pill-sep,.pill-login,.pill-cta{display:none;}
  .pillwrap{top:14px;padding:0 16px;}
  .pill{width:min(100%,820px);min-height:66px;justify-content:space-between;padding:9px 9px 9px 20px;}
  .pill-logo{margin-right:auto;}
  .pill-logo img{height:30px;}
  .pill-burger{display:flex;width:46px;height:46px;margin-left:auto;padding:13px;}
  body.mopen .pill-burger span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  body.mopen .pill-burger span:nth-child(2){opacity:0;}
  body.mopen .pill-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
  body.mopen{overflow:hidden;}
  body.mega-open::after{display:none;}
  .mnav{display:block;position:fixed;inset:0;z-index:79;background:#fff;padding:100px 20px max(28px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;opacity:0;transform:translateY(-14px);pointer-events:none;transition:opacity .22s,transform .3s var(--ease-out);}
  body.mopen .mnav{opacity:1;transform:none;pointer-events:auto;}
  .mnav-toplink{display:block;padding:15px 2px;font-size:17px;font-weight:650;color:var(--ink);border-bottom:1px solid var(--line);}
  .mnav-groups{margin-top:8px;}
  .mnav-group{border-bottom:1px solid var(--line);}
  .mnav-group-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:17px 2px;border:0;background:#fff;font-size:17px;font-weight:650;color:var(--ink);text-align:left;}
  .mnav-group-toggle svg{width:18px;height:18px;transition:transform .25s var(--ease-out);}
  .mnav-group.open .mnav-group-toggle svg{transform:rotate(180deg);}
  .mnav-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s var(--ease-out);}
  .mnav-group.open .mnav-panel{grid-template-rows:1fr;}
  .mnav-panel-inner{min-height:0;overflow:hidden;}
  .mnav-panel .mega-item{min-height:64px;padding:9px 8px!important;}
  .mnav-panel .mega-item:last-child{margin-bottom:10px;}
  .mnav-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:10px;margin-top:24px;padding-bottom:10px;}
  .mnav-actions a{display:flex;align-items:center;justify-content:center;min-height:54px;border:1px solid var(--line2);border-radius:16px;font-size:15px;font-weight:700;}
  .mnav-actions .mcta{background:var(--grad);color:#fff;border-color:transparent;box-shadow:0 8px 22px -10px rgba(62,52,249,.6);}
}

/* ============ HERO ============ */
.hero{position:relative;background:linear-gradient(180deg,#fafbfe 0%,#fff 55%);padding:clamp(130px,17vh,180px) 0 clamp(24px,3vh,40px);}
.hero-in{position:relative;max-width:1180px;margin:0 auto;padding:0 clamp(20px,5vw,40px);text-align:center;}
.hero h1{font-family:var(--disp);font-size:clamp(48px,5.8vw,82px);font-weight:600;letter-spacing:.015em;line-height:1.04;color:var(--ink);margin:0 auto;}
    .hero-sub{font-size:clamp(18px,2.1vw,22px);line-height:1.5;color:var(--grey);max-width:52ch;margin:26px auto 0;}
.hero-sub b{color:var(--ink);font-weight:600;}
.hero-cta{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:34px;}
.btn-main{display:inline-block;background:var(--grad);color:#fff;border:0;border-radius:12px;padding:16px 32px;font-size:16.5px;font-weight:700;box-shadow:0 1px 2px rgba(62,52,249,.3), 0 4px 12px -2px rgba(62,52,249,.25);transition:transform .3s var(--ease-out),box-shadow .3s;}
.btn-main:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(62,52,249,.3), 0 8px 20px -4px rgba(62,52,249,.35);}
.btn-ghost{background:#fff;color:var(--ink);border:0;box-shadow:var(--ring-md);border-radius:12px;padding:16px 28px;font-size:17px;font-weight:600;display:inline-flex;align-items:center;gap:10px;transition:border-color .2s,background .2s;}
.btn-ghost:hover{border-color:#c9c5f5;background:var(--tint2);}
.btn-ghost svg{width:17px;height:17px;color:var(--indigo);}
.hero-note{margin-top:16px;font-size:13.5px;color:var(--muted);}
.hero-trust{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:30px;flex-wrap:wrap;}
.tfaces{display:flex;}
.tfaces img{width:34px;height:34px;border-radius:50%;border:2.5px solid #fff;object-fit:cover;margin-left:-9px;box-shadow:0 2px 8px rgba(14,16,32,.15);}
.tfaces img:first-child{margin-left:0;}
.hero-trust span{font-size:13.5px;color:var(--grey);font-weight:500;}
.hero-trust b{color:var(--ink);}

/* trust marquee */
.marquee{overflow:hidden;margin-top:clamp(30px,4vh,44px);position:relative;}
.marquee::before,.marquee::after{content:"";position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none;}
.marquee::before{left:0;background:linear-gradient(90deg,#fff,transparent);}
.marquee::after{right:0;background:linear-gradient(270deg,#fff,transparent);}
.marquee-track{display:flex;gap:12px;width:max-content;animation:mq 34s linear infinite;padding:4px 0;}
@keyframes mq{to{transform:translateX(-50%);}}
.mchip{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--grey);background:#fff;border:0;border-radius:999px;padding:9px 17px;white-space:nowrap;box-shadow:var(--ring);}
.mchip svg{width:15px;height:15px;color:var(--soft);flex:0 0 auto;}

/* video + floating widgets */
.vzone{position:relative;max-width:1180px;margin:clamp(40px,6vh,60px) auto 0;padding:0 clamp(20px,5vw,40px);}
.vframe{position:relative;max-width:960px;margin:0 auto;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:linear-gradient(165deg,#f5f6ff 0%,#ecefff 60%,#e4e9ff 110%);box-shadow:var(--ring-md), 0 20px 50px -24px rgba(37,31,149,.18);cursor:pointer;}
.vframe.is-video{cursor:default;background:#000;}
.vframe iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.vframe .ajaw-local-video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;background:#08080d;}
.vframe.has-local-video::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(6,7,14,.03),rgba(6,7,14,.32));transition:opacity .25s ease;}
.vframe.has-local-video .vplay,.vframe.has-local-video .vnote,.vframe.has-local-video .vtime{z-index:2;}
.vframe.has-local-video .vplay{border:0;cursor:pointer;}
.vframe.has-local-video.is-playing::after,.vframe.has-local-video.is-playing .vplay,.vframe.has-local-video.is-playing .vnote,.vframe.has-local-video.is-playing .vtime{opacity:0;pointer-events:none;}
.vframe .vplay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:84px;height:84px;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(62,52,249,.35), 0 12px 30px -8px rgba(62,52,249,.35);transition:transform .3s var(--ease-out);}
.vframe:hover .vplay{transform:translate(-50%,-50%) scale(1.07);}
.vframe .vplay svg{width:30px;height:30px;margin-left:4px;color:#fff;}
.vframe .vtime{position:absolute;bottom:18px;right:20px;font-size:12.5px;font-weight:700;color:var(--grey);background:#fff;box-shadow:var(--ring);border-radius:8px;padding:5px 11px;}
.vframe .vnote{position:absolute;top:16px;left:18px;font-size:12px;font-weight:700;color:var(--grey);background:#fff;box-shadow:var(--ring);border-radius:8px;padding:5px 11px;}
.fw{position:absolute;z-index:3;background:#fff;border:0;border-radius:14px;box-shadow:var(--ring-md);text-align:left;opacity:0;transform:scale(.6) translateY(14px);}
.fw.pop{animation:pop .55s var(--ease-out) forwards, bob 6s ease-in-out infinite;animation-delay:var(--pd,0s), calc(var(--pd,0s) + .55s);}
@keyframes pop{0%{opacity:0;transform:scale(.6) translateY(14px);}70%{opacity:1;transform:scale(1.04) translateY(-2px);}100%{opacity:1;transform:scale(1) translateY(0);}}
@keyframes bob{50%{transform:translateY(-8px);}}
.fw-person{top:-26px;left:max(6px,calc(50% - 660px));width:228px;padding:16px;}
.fw-person .ph{display:flex;align-items:center;gap:11px;margin-bottom:10px;}
.fw-person .ph img{width:44px;height:44px;border-radius:12px;object-fit:cover;}
.fw-person .ph b{display:block;font-size:14px;color:var(--ink);line-height:1.2;}
.fw-person .ph span{font-size:11.5px;color:var(--muted);}
.fw-chip{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;border-radius:999px;padding:4px 9px;margin:2px 3px 2px 0;}
.fw-chip.ver{color:var(--deep);background:var(--tint);}
.fw-chip.int{color:#c02662;background:var(--pinkbg);}
.fw-chip.mov{color:#0c7a44;background:var(--greenbg);}
.fw-money{top:-34px;right:max(6px,calc(50% - 655px));width:222px;padding:16px;}
.fw-money .lbl{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);}
.fw-money .amt{font-family:var(--disp);font-size:27px;font-weight:700;color:var(--ink);letter-spacing:-.02em;margin:3px 0 2px;}
.fw-money .up{font-size:12px;font-weight:700;color:var(--green);}
.fw-bars{display:flex;align-items:flex-end;gap:5px;height:38px;margin-top:10px;}
.fw-bars i{flex:1;border-radius:4px 4px 2px 2px;background:var(--tint);}
.fw-bars i.hi{background:var(--grad);}
.fw-leads{bottom:60px;left:max(10px,calc(50% - 630px));width:205px;padding:14px 16px;}
.fw-leads .row{display:flex;align-items:center;gap:10px;}
.fw-leads .tfaces img{width:28px;height:28px;border-width:2px;}
.fw-leads b{font-size:14px;color:var(--ink);display:block;line-height:1.2;}
.fw-leads span{font-size:11px;color:var(--muted);}
.fw-call{bottom:74px;right:max(10px,calc(50% - 625px));width:215px;padding:14px 16px;}
.fw-call .row{display:flex;align-items:center;gap:10px;margin-bottom:8px;}
.fw-call .ic{width:34px;height:34px;border-radius:10px;background:var(--greenbg);color:var(--green);display:flex;align-items:center;justify-content:center;}
.fw-call .ic svg{width:16px;height:16px;}
.fw-call b{font-size:13.5px;color:var(--ink);display:block;line-height:1.2;}
.fw-call span{font-size:11px;color:var(--muted);}
.fw-wave{display:flex;align-items:center;gap:3px;height:22px;}
.fw-wave i{width:3.5px;border-radius:3px;background:var(--soft);animation:wv 1.1s ease-in-out infinite;}
@keyframes wv{0%,100%{transform:scaleY(.35);}50%{transform:scaleY(1);}}
@media(max-width:1290px){.fw{display:none;}}
@media(max-width:640px){
  .hero h1{font-size:clamp(41px,11vw,52px);}
  .hero-cta,.final .hero-cta{flex-direction:column;align-items:stretch;}
  .btn-main{width:100%;text-align:center;padding:19px;font-size:17px;border-radius:14px;}
  .btn-ghost{width:100%;justify-content:center;}
  .flow-cta .btn-main{width:auto;padding:16px 32px;}
  .vzone{padding:0 14px;}
  .vframe{border-radius:16px;}
  .sec{padding:64px 0;}
}

/* ============ SECTION SCAFFOLD ============ */
.sec{padding:clamp(84px,12vh,140px) 0;position:relative;}
.kicker{font-size:12.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--indigo);margin-bottom:16px;}
.chip-k{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:7px 15px;margin-bottom:20px;}
.h2{font-family:var(--disp);font-size:clamp(32px,4.4vw,54px);font-weight:600;letter-spacing:.012em;line-height:1.08;color:var(--ink);}
.h3f{font-family:var(--disp);font-size:clamp(27px,3.2vw,42px);font-weight:600;letter-spacing:.012em;line-height:1.1;color:var(--ink);}
.lead{font-size:clamp(16.5px,1.8vw,19px);color:var(--grey);line-height:1.6;margin-top:18px;max-width:58ch;}
.center{text-align:center;}
.center .lead{margin-left:auto;margin-right:auto;}
.reveal{opacity:0;transform:translateY(48px);transition:opacity .7s ease,transform .85s cubic-bezier(.22,1,.36,1);}
.fshot.reveal{transform:translateY(56px) scale(.97);transition-delay:.12s;}
.fshot.reveal.in{transform:none;}
@keyframes rise{from{opacity:0;transform:translateY(48px);}to{opacity:1;transform:none;}}
.hero h1{animation:rise .85s cubic-bezier(.22,1,.36,1) .05s backwards;}
.hero-sub{animation:rise .85s cubic-bezier(.22,1,.36,1) .18s backwards;}
.hero-cta{animation:rise .85s cubic-bezier(.22,1,.36,1) .28s backwards;}
.hero-note{animation:rise .85s cubic-bezier(.22,1,.36,1) .34s backwards;}
.hero-trust{animation:rise .85s cubic-bezier(.22,1,.36,1) .4s backwards;}
.marquee{animation:rise .85s cubic-bezier(.22,1,.36,1) .5s backwards;}
.vzone{animation:rise .9s cubic-bezier(.22,1,.36,1) .55s backwards;}
.reveal.in{opacity:1;transform:none;}

/* ============ AUTOMATION TIMELINE (per-step cards, Mochi) ============ */
.flow-sec{background:#fff;}
.flow-cta{text-align:center;}

/* ============ TIMELINE — Mochi pinned pan ============ */
.tlwrap{position:relative;background:#fff;padding:clamp(74px,10vh,120px) 0 clamp(66px,9vh,104px);overflow:hidden;}
.tlsticky{display:flex;flex-direction:column;gap:clamp(34px,5vh,52px);}
.tlhero{flex:0 0 auto;}
.tlhero .lead{margin-top:14px;}
.tlrail{display:flex;align-items:flex-start;gap:56px;padding:0 10vw;will-change:transform;flex:0 0 auto;}
.tlstep{position:relative;flex:0 0 auto;width:250px;}
.tlstep:not(:last-child)::after{content:"";position:absolute;top:15px;left:calc(100% - 8px);width:80px;height:2px;background:var(--line);}
.tlhead{display:flex;align-items:center;gap:9px;white-space:nowrap;margin-bottom:14px;position:relative;z-index:1;}
.tlhead .tlic{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
.tlhead .tlic svg{width:15px;height:15px;}
.tlhead b{font-size:15px;font-weight:700;color:var(--ink);}
.tlhead .tlt{font-size:12.5px;color:var(--muted);font-weight:500;}
.tlcard{background:#fff;border-radius:13px;box-shadow:var(--ring-md);padding:13px 14px;max-width:250px;}
.tlrow{display:flex;align-items:center;gap:10px;}
.tlrow img{width:30px;height:30px;border-radius:50%;object-fit:cover;flex:0 0 auto;}
.tlrow b{font-size:13px;font-weight:700;color:var(--ink);display:block;line-height:1.2;}
.tlrow small{font-size:11px;color:var(--muted);display:block;margin-top:1px;}
.tlthumb{width:34px;height:34px;border-radius:8px;flex:0 0 auto;}
.tlthumb-ajaw{background:linear-gradient(135deg,#7871fb,#251f95);display:flex;align-items:center;justify-content:center;overflow:hidden;}
.tlthumb-ajaw img{width:24px;height:24px;object-fit:contain;filter:brightness(0) invert(1);}
.tlthumb-link{background:var(--tint);display:flex;align-items:center;justify-content:center;}
.tlthumb-link svg{width:16px;height:16px;}
.tlwave{display:flex;align-items:center;gap:2.5px;height:20px;flex:0 0 auto;}
.tlwave i{width:3px;border-radius:2px;background:var(--green);animation:wv 1.1s ease-in-out infinite;}
.tlbig{font-family:var(--disp);font-size:19px;font-weight:600;color:var(--ink);display:block;}
@media (prefers-reduced-motion:reduce){.tlwrap{height:auto;}.tlsticky{position:static;height:auto;overflow-x:auto;}}
body.shotflat .tlsticky{gap:40px;}body.shotflat .tlrail{transform:none !important;flex-wrap:wrap;gap:40px;justify-content:center;padding:0 5vw;}body.shotflat .tlstep::after{display:none;}

@media(max-width:767px){
  .tlwrap{
    height:calc(100dvh + var(--tl-travel, 1540px));
    padding:0;
    overflow:clip;
  }
  .tlsticky{
    position:sticky;
    top:0;
    display:flex;
    height:100dvh;
    min-height:620px;
    box-sizing:border-box;
    justify-content:center;
    gap:clamp(28px,4.5vh,42px);
    padding:clamp(108px,15vh,132px) 0 clamp(32px,5vh,48px);
    overflow:hidden;
    background:#fff;
  }
  .tlhero{
    width:100%;
    padding-inline:22px;
  }
  .tlhero .kicker{
    margin-bottom:14px;
    font-size:12px;
  }
  .tlhero .h2{
    max-width:11ch;
    margin-inline:auto;
    font-size:clamp(38px,10.8vw,48px);
    line-height:1.02;
    letter-spacing:-.055em;
  }
  .tlhero .lead{
    max-width:34ch;
    margin-top:16px;
    font-size:clamp(15px,4.3vw,18px);
    line-height:1.55;
  }
  .tlrail{
    width:max-content;
    gap:42px;
    padding:0 12vw;
    transform:translate3d(0,0,0);
    will-change:transform;
  }
  .tlstep{
    width:min(72vw,250px);
  }
  .tlstep:not(:last-child)::after{
    left:calc(100% - 7px);
    width:58px;
  }
  .tlhead b{
    font-size:16px;
  }
  .tlhead .tlt{
    font-size:12px;
  }
  .tlcard{
    width:100%;
    max-width:none;
    min-height:76px;
    display:flex;
    align-items:center;
    padding:15px;
    border-radius:15px;
  }
  .tlrow b{font-size:14px;}
  .tlrow small{font-size:12px;}
}

@media(max-width:767px) and (prefers-reduced-motion:reduce){
  .tlwrap{height:auto;padding:76px 0;}
  .tlsticky{position:static;height:auto;min-height:0;padding:0;overflow:visible;}
  .tlrail{width:auto;overflow-x:auto;scroll-snap-type:x mandatory;transform:none!important;}
  .tlstep{scroll-snap-align:start;}
}

/* ============ FEATURE SPLITS (Mochi alternating) ============ */
.feat{padding:clamp(70px,10vh,110px) 0;}
.feat.alt{background:#fff;}
.feat .wrap{max-width:1340px;}
.fsplit{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.5fr);gap:clamp(26px,3.4vw,54px);align-items:center;}
.fsplit.rev{grid-template-columns:minmax(0,1.5fr) minmax(0,.88fr);}
.fsplit.rev .ftext{order:2;}
.fsplit.rev .fshot{order:1;}
.ftext .lead{margin-top:14px;}
.fcta{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-size:15.5px;font-weight:700;color:var(--indigo);}
.fcta svg{width:16px;height:16px;transition:transform .2s;}
.fcta:hover svg{transform:translateX(3px);}
.fshot{background:#fff;border:0;border-radius:18px;padding:clamp(18px,2.2vw,26px);box-shadow:var(--ring-md);}
.feat.alt .fshot{background:#fff;}
@media(max-width:900px){.fsplit,.fsplit.rev{grid-template-columns:1fr;}.fsplit.rev .ftext{order:1;}.fsplit.rev .fshot{order:2;}}

/* ============ INBOUND AI — editorial WhatsApp story ============ */
.inbound-ai{position:relative;isolation:isolate;height:240vh;min-height:1728px;overflow:clip;padding:0;background:#fff;}
.inbound-ai::before{content:"";position:absolute;z-index:-1;width:620px;height:620px;right:-330px;top:8%;border-radius:50%;background:radial-gradient(circle,rgba(120,113,251,.09),rgba(120,113,251,0) 69%);pointer-events:none;}
.inbound-ai .wrap{max-width:1320px;}
.inbound-ai-sticky{position:sticky;top:0;height:100vh;min-height:640px;overflow:hidden;background:#fff;}
.inbound-ai-grid{position:absolute;inset:0;display:grid;height:100%;grid-template-columns:minmax(0,1fr) minmax(430px,525px);align-items:center;gap:clamp(64px,8vw,124px);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(28px);transition:opacity .52s ease,transform .7s var(--ease-out),visibility .52s;}
.inbound-ai-grid.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:none;}
.inbound-ai-grid.is-before{transform:translateY(-28px);}
.inbound-ai-copy{position:relative;z-index:2;max-width:600px;padding-left:clamp(0px,2vw,28px);}
.inbound-ai-kicker{display:block;margin-bottom:22px;color:#484653;font-size:clamp(13px,1.2vw,16px);font-weight:650;letter-spacing:-.01em;}
.inbound-ai-title{max-width:11.2ch;font-family:var(--disp);font-size:clamp(46px,5.4vw,72px);font-weight:600;letter-spacing:-.035em;line-height:.99;color:var(--ink);}
.inbound-ai-lead{max-width:35ch;margin-top:28px;color:#595762;font-size:clamp(17px,1.75vw,21px);line-height:1.55;letter-spacing:-.018em;}
.inbound-ai-lead .accent{color:#6958ff;}
.inbound-ai-cta{display:inline-flex;align-items:center;justify-content:center;min-height:58px;margin-top:34px;padding:0 25px;border:1px solid #25242a;border-radius:13px;background:#111116;color:#fff;font-size:16px;font-weight:650;letter-spacing:-.01em;box-shadow:0 1px 2px rgba(8,8,12,.32),0 10px 22px -12px rgba(12,10,28,.42);transition:transform .28s var(--ease-out),box-shadow .28s var(--ease-out),background .2s;}
.inbound-ai-cta:hover{transform:translateY(-2px);background:#202027;box-shadow:0 2px 4px rgba(8,8,12,.26),0 16px 30px -15px rgba(12,10,28,.48);}
.inbound-gear{position:absolute;z-index:3;object-fit:contain;opacity:.98;filter:drop-shadow(0 15px 22px rgba(62,52,249,.18));pointer-events:none;}
.inbound-gear.one{left:max(18px,calc(50% - 650px));bottom:38px;width:104px;transform:rotate(-13deg);animation:inbound-gear-one 7s ease-in-out infinite;}
.inbound-gear.two{right:max(10px,calc(50% - 674px));top:84px;width:76px;transform:rotate(16deg);animation:inbound-gear-two 6.3s ease-in-out infinite;}
@keyframes inbound-gear-one{50%{transform:translateY(-10px) rotate(-6deg)}}
@keyframes inbound-gear-two{50%{transform:translateY(8px) rotate(23deg)}}
.inbound-dots{position:absolute;z-index:6;left:50%;bottom:26px;display:flex;gap:9px;transform:translateX(-50%);}
.inbound-dot{width:8px;height:8px;border:0;border-radius:50%;background:#c9c8ce;transition:width .35s var(--ease-out),border-radius .35s,background .3s;}
.inbound-dot.is-active{width:25px;border-radius:999px;background:#6958ff;}

.inbound-phone{position:relative;height:min(708px,calc(100vh - 36px));min-height:620px;border:1px solid #dedee5;border-radius:34px;background:#fff;box-shadow:0 30px 80px -55px rgba(24,20,65,.42);overflow:hidden;}
.inbound-phone-head{height:88px;display:flex;align-items:center;gap:13px;padding:0 28px;border-bottom:1px solid #dedbd7;background:#f0f2f5;}
.inbound-wa-icon{display:grid;width:42px;height:42px;place-items:center;flex:0 0 auto;border-radius:50%;background:#25d366;color:#fff;box-shadow:0 1px 2px rgba(11,20,26,.1),0 8px 18px -10px rgba(18,140,71,.68);}
.inbound-wa-icon svg{width:25px;height:25px;display:block;}
.inbound-phone-head strong{font-family:var(--disp);font-size:20px;font-weight:600;letter-spacing:-.025em;}
.inbound-ai-status{display:flex;align-items:center;gap:8px;margin-left:auto;color:#4d4b56;font-size:13px;font-weight:600;}
.inbound-ai-status i{width:9px;height:9px;border-radius:50%;background:#25d366;box-shadow:0 0 0 5px rgba(37,211,102,.1);animation:inbound-status 2s ease-in-out infinite;}
@keyframes inbound-status{50%{box-shadow:0 0 0 8px rgba(37,211,102,0)}}
.inbound-thread{display:flex;height:calc(100% - 88px);flex-direction:column;gap:17px;padding:24px 20px 78px;background-color:#efeae2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cg fill='none' stroke='%239d9488' stroke-width='1.35' opacity='.16'%3E%3Cpath d='M19 31c8-8 20-8 28 0s8 20 0 28l-6 6-7-7 6-6c4-4 4-10 0-14s-10-4-14 0l-6 6c-4 4-4 10 0 14'/%3E%3Cpath d='M111 18l8 13 15 2-11 10 3 15-15-7-13 7 2-15-11-10 15-2zM31 117c18-13 35 3 29 18-5 12-24 15-33 4-8-10-5-17 4-22zM137 108c9 0 17 7 17 16s-8 16-17 16h-6l-9 8 2-11c-3-3-4-8-4-13 0-9 8-16 17-16zM81 78c4-4 10-4 14 0l7 7c4 4 4 10 0 14s-10 4-14 0l-7-7c-4-4-4-10 0-14z'/%3E%3Cpath d='M151 64c-8 4-13 11-14 20M68 153l7-11 13 2 4 12-9 9-13-4zM8 79c13 1 22 7 28 18'/%3E%3C/g%3E%3C/svg%3E");background-size:180px 180px;}
.inbound-message{display:flex;gap:10px;align-items:flex-start;opacity:0;transform:translateY(12px);}
.inbound-message.out{justify-content:flex-end;}
@keyframes inbound-message-in{to{opacity:1;transform:none}}
.inbound-avatar{display:grid;width:38px;height:38px;place-items:center;flex:0 0 auto;border-radius:50%;background:linear-gradient(145deg,#6f62ff,#3e34f9);color:#fff;font-size:11px;font-weight:800;box-shadow:0 2px 5px rgba(42,34,113,.22);}
.inbound-bubble-wrap{max-width:79%;}
.inbound-bubble{position:relative;padding:9px 11px 7px;border-radius:8px;background:#fff;color:#202124;font-size:14px;line-height:1.38;letter-spacing:-.006em;box-shadow:0 1px .5px rgba(11,20,26,.13);}
.inbound-message:not(.out) .inbound-bubble::before{content:"";position:absolute;left:-7px;top:0;border-style:solid;border-width:0 9px 10px 0;border-color:transparent #fff transparent transparent;}
.inbound-message.out .inbound-bubble{background:#d9fdd3;}
.inbound-message.out .inbound-bubble::after{content:"";position:absolute;right:-7px;top:0;border-style:solid;border-width:0 0 10px 9px;border-color:transparent transparent transparent #d9fdd3;}
.inbound-meta{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin-top:3px;color:#667781;font-size:9.5px;line-height:1;}
.inbound-checks{color:#53bdeb;font-size:12px;font-weight:800;letter-spacing:-.13em;}
.inbound-tag{display:inline-flex;align-items:center;gap:6px;width:max-content;margin-top:7px;padding:4px 8px;border:1px solid rgba(213,213,217,.92);border-radius:999px;background:rgba(255,255,255,.92);color:#4b4952;font-size:9.5px;font-weight:750;box-shadow:0 2px 7px rgba(24,24,32,.04);}
.inbound-tag::before{content:"";width:6px;height:6px;border-radius:50%;background:#3e8cf8;}
.inbound-tag.ai::before{background:#6c5df5;box-shadow:0 0 0 3px rgba(108,93,245,.1);}
.inbound-tag.qualified::before{background:#25bd62;}
.inbound-booked{display:flex;align-items:center;gap:10px;margin-top:0;padding:12px 14px;border:1px solid #bae2c7;border-radius:10px;background:rgba(239,252,242,.95);color:#1f3627;box-shadow:0 1px 4px rgba(21,95,45,.08);opacity:0;transform:translateY(12px);}
.inbound-booked-icon{display:grid;width:32px;height:32px;place-items:center;flex:0 0 auto;border:1px solid rgba(9,132,59,.18);border-radius:50%;background:linear-gradient(145deg,#2bd873,#13af55);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 7px 14px -8px rgba(12,132,57,.72);}
.inbound-booked-icon svg{display:block;width:17px;height:17px;}
.inbound-booked-icon.check svg{width:18px;height:18px;filter:drop-shadow(0 1px 0 rgba(0,92,35,.14));}
.inbound-booked.meeting{padding:11px 14px;border-color:#b8e6c8;background:linear-gradient(135deg,rgba(244,253,247,.98),rgba(231,249,237,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 5px 16px -12px rgba(17,125,58,.38);}
.inbound-booked.meeting .inbound-booked-icon{width:36px;height:36px;border:0;border-radius:11px;background:linear-gradient(145deg,#24cd69,#0da64d);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 8px 16px -9px rgba(7,126,51,.72);}
.inbound-booked.meeting .inbound-booked-icon svg{width:20px;height:20px;}
.inbound-booked-copy{display:flex;min-width:0;flex-direction:column;gap:2px;line-height:1.15;}
.inbound-booked-copy strong{font-size:13px;color:#173a24;}
.inbound-booked-copy small{color:#548064;font-size:10.5px;font-weight:650;}
.inbound-booked strong{font-size:13px;font-weight:750;}
.inbound-booked>span:last-child{margin-left:auto;color:#728077;font-size:10px;white-space:nowrap;}
.inbound-composer{position:absolute;z-index:3;left:12px;right:12px;bottom:11px;display:flex;align-items:center;gap:9px;}
.inbound-composer-plus,.inbound-composer-mic{display:grid;width:38px;height:38px;place-items:center;flex:0 0 auto;border-radius:50%;background:#f0f2f5;color:#54656f;box-shadow:0 1px 3px rgba(11,20,26,.12);}
.inbound-composer-field{display:flex;min-height:42px;flex:1;align-items:center;gap:8px;padding:0 14px;border-radius:999px;background:#fff;color:#667781;font-size:12px;box-shadow:0 1px 3px rgba(11,20,26,.12);}
.inbound-composer-field i{display:block;width:7px;height:7px;border-radius:50%;background:#6c5df5;box-shadow:0 0 0 4px rgba(108,93,245,.1);}

/* Instagram keeps the same AJAW AI behavior inside a recognizable DM surface. */
.inbound-phone.instagram .inbound-phone-head{background:#fff;}
.inbound-ig-icon{display:grid;width:39px;height:39px;place-items:center;flex:0 0 auto;border-radius:12px;background:radial-gradient(circle at 30% 106%,#ffd600 0 25%,#ff7a00 26%,#ff0169 49%,#d300c5 68%,#7638fa 89%);color:#fff;box-shadow:0 7px 18px -9px rgba(211,0,197,.55);}
.inbound-ig-icon svg{width:23px;height:23px;}
.inbound-phone.instagram .inbound-thread{background:#fff;background-image:linear-gradient(180deg,#fff,#fbfbfc);}
.inbound-phone.instagram .inbound-bubble{border-radius:18px;background:#efefef;box-shadow:none;}
.inbound-phone.instagram .inbound-message:not(.out) .inbound-bubble::before,.inbound-phone.instagram .inbound-message.out .inbound-bubble::after{display:none;}
.inbound-phone.instagram .inbound-message.out .inbound-bubble{background:#3797f0;color:#fff;}
.inbound-phone.instagram .inbound-message.out .inbound-meta,.inbound-phone.instagram .inbound-message.out .inbound-checks{color:rgba(255,255,255,.78);}
.inbound-phone.instagram .inbound-composer-field{border:1px solid #dbdbdb;box-shadow:none;}
.inbound-phone.instagram .inbound-composer-plus,.inbound-phone.instagram .inbound-composer-mic{background:#fff;border:1px solid #dbdbdb;box-shadow:none;}

@media(max-width:980px){.inbound-ai-grid{grid-template-columns:minmax(0,1fr) minmax(380px,46%);gap:44px}.inbound-phone{min-height:600px}.inbound-ai-title{font-size:clamp(42px,5.6vw,58px)}.inbound-gear.one{display:none}.inbound-gear.two{right:8px;top:55px;width:58px}}
@media(max-width:760px){
  /* Keep the two inbound channels inside one Mochi-style pinned mobile stage. */
  .inbound-ai{height:250svh;min-height:1700px;padding:0;overflow:clip}
  .inbound-ai-sticky{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;padding-top:94px}
  .inbound-ai-grid{position:absolute;inset:94px 0 18px;display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);align-content:stretch;align-items:start;height:auto;gap:16px;padding-bottom:26px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(24px);transition:none;will-change:opacity,transform;backface-visibility:hidden}
  .inbound-ai-grid.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:none}
  .inbound-ai-copy{max-width:520px;padding-left:0}
  .inbound-ai-kicker{margin-bottom:8px;font-size:11.5px;line-height:1.25}
  .inbound-ai-title{max-width:15ch;font-size:clamp(30px,9.4vw,42px);line-height:.98;letter-spacing:-.04em}
  .inbound-ai-lead{max-width:44ch;margin-top:10px;font-size:13.5px;line-height:1.42;letter-spacing:-.01em}
  .inbound-ai-cta{min-height:40px;margin-top:12px;padding:0 17px;border-radius:10px;font-size:13px}
  .inbound-phone{align-self:stretch;width:min(100%,520px);height:100%;min-height:0;max-height:470px;margin:0 auto;border-radius:24px;box-shadow:0 22px 54px -38px rgba(24,20,65,.48)}
  .inbound-phone-head{height:54px;padding:0 15px;gap:9px}
  .inbound-wa-icon{width:31px;height:31px}.inbound-wa-icon svg{width:19px;height:19px}
  .inbound-ig-icon{width:31px;height:31px;border-radius:9px}.inbound-ig-icon svg{width:18px;height:18px}
  .inbound-phone-head strong{font-size:15px}.inbound-ai-status{gap:6px;font-size:10px}.inbound-ai-status i{width:7px;height:7px}
  .inbound-thread{height:calc(100% - 54px);min-height:0;gap:7px;padding:10px 9px 48px;background-size:130px 130px}
  .inbound-message{gap:7px}.inbound-avatar{width:27px;height:27px;font-size:8px}
  .inbound-bubble-wrap{max-width:87%}.inbound-bubble{padding:6px 8px 5px;font-size:10px;line-height:1.28}.inbound-meta{font-size:7.5px}.inbound-checks{font-size:9px}
  .inbound-tag{gap:4px;margin-top:4px;padding:2px 6px;font-size:7.5px}.inbound-tag::before{width:4px;height:4px}
  .inbound-booked,.inbound-booked.meeting{gap:7px;padding:7px 9px;border-radius:9px}.inbound-booked-icon,.inbound-booked.meeting .inbound-booked-icon{width:27px;height:27px;border-radius:8px}.inbound-booked-icon svg,.inbound-booked.meeting .inbound-booked-icon svg{width:15px;height:15px}.inbound-booked strong,.inbound-booked-copy strong{font-size:9.5px}.inbound-booked-copy small,.inbound-booked>span:last-child{font-size:7.5px}
  .inbound-composer{left:8px;right:8px;bottom:7px;gap:6px}.inbound-composer-plus,.inbound-composer-mic{width:29px;height:29px;font-size:14px}.inbound-composer-field{min-height:31px;padding:0 10px;font-size:9.5px}.inbound-composer-field i{width:5px;height:5px}
  .inbound-gear.one,.inbound-gear.two{display:none}.inbound-dots{display:flex;bottom:8px}.inbound-dot{width:6px;height:6px}.inbound-dot.is-active{width:20px}
}
@media(max-width:460px) and (max-height:720px){
  .inbound-ai-grid{inset:88px 0 16px;gap:10px}.inbound-ai-sticky{padding-top:88px}.inbound-ai-lead{display:none}.inbound-ai-cta{margin-top:9px}.inbound-phone{max-height:430px}.inbound-ai-title{font-size:29px}
}
@media(prefers-reduced-motion:reduce){.inbound-gear,.inbound-ai-status i{animation:none}.inbound-message,.inbound-booked{opacity:1;transform:none;animation:none!important}.inbound-ai-grid{transition:none}}
/* inbox mockup */
.ibx-tabs{display:flex;gap:6px;margin-bottom:12px;}
.ibx-tabs span{font-size:12px;font-weight:700;color:var(--grey);background:var(--canvas);border-radius:999px;padding:6px 14px;}
.ibx-tabs span.on{background:var(--ink);color:#fff;}
.ibx-tabs .cnt{margin-left:auto;font-size:12px;color:var(--muted);align-self:center;font-weight:600;}
.ibx-row{display:flex;align-items:flex-start;gap:11px;padding:11px 10px;border-radius:13px;border:1px solid transparent;}
.ibx-row:hover{background:var(--canvas);}
.ibx-row + .ibx-row{border-top:1px solid var(--line);border-radius:0;}
.ibx-row img{width:36px;height:36px;border-radius:50%;object-fit:cover;flex:0 0 auto;}
.ibx-row .b{min-width:0;flex:1;}
.ibx-row .nm{font-size:13.5px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:8px;}
.ibx-row .nm .tm{margin-left:auto;font-size:11px;color:var(--muted);font-weight:500;}
.ibx-row .pv{font-size:12.5px;color:var(--grey);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:2px 0 6px;}
.tagr{display:flex;gap:5px;flex-wrap:wrap;}
.tg{font-size:10px;font-weight:700;border-radius:6px;padding:2px 8px;}
.tg.wa{color:#0c7a44;background:var(--greenbg);}
.tg.ig{color:#c02662;background:var(--pinkbg);}
.tg.sms{color:#0369a1;background:var(--bluebg);}
.tg.q{color:var(--deep);background:var(--tint);}
.tg.warn{color:#9a3412;background:#feecdc;}
.tg.done{color:#fff;background:var(--green);}
/* call mockup */
.mk-call{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 6px;text-align:center;}
.mk-call .cava{width:62px;height:62px;border-radius:50%;object-fit:cover;box-shadow:0 8px 22px rgba(14,16,32,.18);}
.mk-call .who{font-size:15px;font-weight:700;color:var(--ink);}
.mk-call .st{font-size:12px;color:var(--muted);}
.mk-wave{display:flex;align-items:center;gap:4px;height:36px;margin-top:4px;}
.mk-wave i{width:4.5px;border-radius:3px;background:var(--soft);animation:wv 1.1s ease-in-out infinite;}
.mk-tr{font-size:13px;color:var(--grey);background:var(--canvas);border:1px solid var(--line);border-radius:12px;padding:11px 16px;max-width:88%;}
.mk-tr b{color:var(--ink);}
.mk-actions{display:flex;gap:8px;margin-top:6px;}
.mk-actions span{font-size:11px;font-weight:700;border-radius:999px;padding:6px 13px;}
/* search mockup */
.mk-search{display:flex;align-items:center;gap:9px;background:var(--canvas);border:0;box-shadow:inset 0 0 0 .5px #dcdde6;border-radius:10px;padding:11px 15px;font-size:13px;color:var(--grey);margin-bottom:12px;}
.mk-search svg{width:15px;height:15px;flex:0 0 auto;color:var(--muted);}
.mk-row{display:flex;align-items:center;gap:11px;background:#fff;border:0;border-radius:10px;padding:10px 13px;margin-bottom:8px;box-shadow:var(--ring);}
.mk-row .av{width:32px;height:32px;border-radius:9px;background:var(--grad);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
.mk-row .nm2{font-size:13px;font-weight:700;color:var(--ink);line-height:1.2;}
.mk-row .sub{font-size:11px;color:var(--muted);}
.mk-row .gr{margin-left:auto;font-size:10.5px;font-weight:800;color:#0c7a44;background:var(--greenbg);border-radius:6px;padding:3px 8px;}
.mk-row .gr.b{color:var(--deep);background:var(--tint);}
.mk-row .tel{margin-left:auto;font-size:11px;color:var(--grey);font-weight:600;}
/* CRM profile mockup */
.crm-top{display:flex;align-items:center;gap:12px;margin-bottom:14px;}
.crm-top img{width:46px;height:46px;border-radius:12px;object-fit:cover;}
.crm-top b{display:block;font-size:15px;color:var(--ink);}
.crm-top span{font-size:12px;color:var(--muted);}
.crm-top .tg{margin-left:auto;}
.crm-sec{border-top:1px solid var(--line);padding:11px 0;}
.crm-sec .t{font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:7px;}
.crm-sec ul{list-style:none;}
.crm-sec li{font-size:12.5px;color:var(--grey);padding:2px 0 2px 16px;position:relative;}
.crm-sec li::before{content:"";position:absolute;left:2px;top:9px;width:5px;height:5px;border-radius:50%;background:var(--soft);}
.crm-sec .quote{font-size:12px;color:var(--grey);font-style:italic;background:var(--canvas);border-radius:8px;padding:6px 10px;margin-bottom:5px;display:block;}
/* deals mockup (reused) */
.crmw-head{margin-bottom:14px;}
.crmw-head .ttl{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);}
.crmw-head .big{font-family:var(--disp);font-size:clamp(32px,3.6vw,42px);font-weight:700;letter-spacing:-.03em;color:var(--green);line-height:1.05;margin-top:4px;}
.crmw-head .sub{font-size:13px;color:var(--grey);margin-top:6px;}
.stagebar{display:flex;height:9px;border-radius:6px;overflow:hidden;margin-bottom:7px;}
.stagebar i{display:block;height:100%;}
.stagelegend{display:flex;flex-wrap:wrap;gap:7px 16px;font-size:11px;color:var(--grey);margin-bottom:16px;}
.stagelegend b{color:var(--ink);}
.stagelegend .sw{display:inline-block;width:8px;height:8px;border-radius:3px;margin-right:5px;}
.dealrow{display:flex;align-items:center;gap:12px;background:#fff;border:0;border-radius:10px;padding:11px 14px;margin-bottom:8px;box-shadow:var(--ring);opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .55s var(--ease-out);}
.fshot.in .dealrow{opacity:1;transform:none;}
.dealrow .av2{width:34px;height:34px;border-radius:10px;overflow:hidden;flex:0 0 auto;}
.dealrow .av2 img{width:34px;height:34px;object-fit:cover;}
.dealrow .nm{font-size:13.5px;font-weight:700;color:var(--ink);line-height:1.25;}
.dealrow .co{font-size:11.5px;color:var(--muted);}
.dealrow .fu{margin-left:auto;}
.dealrow .amt{font-family:var(--disp);font-size:15px;font-weight:700;color:var(--ink);white-space:nowrap;margin-left:12px;}
.dealrow.won-row{box-shadow:0 0 0 .5px #b5e6c9, 0 1px 2px rgba(0,0,0,.05);background:linear-gradient(90deg,#f2fcf6,#fff 55%);}
@media(max-width:640px){.dealrow .co{display:none;}}

/* ============ SIN / CON con métricas ============ */
.vs-sec{background:#fff;}
.vs-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:clamp(38px,5vh,54px);align-items:stretch;}
.vs-card{border-radius:24px;padding:clamp(26px,3.2vw,38px);background:#fff;}
.vs-card h3{font-family:var(--disp);font-size:clamp(20px,2.1vw,24px);font-weight:700;color:var(--ink);margin-bottom:6px;}
.vs-card .tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:5px 12px;margin-bottom:16px;}
.vs-card ul{list-style:none;display:flex;flex-direction:column;gap:12px;margin-top:4px;}
.vs-card li{display:flex;gap:12px;font-size:14.5px;line-height:1.5;color:var(--grey);}
.vs-card li .ic{flex:0 0 22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:1px;}
.vs-card li .ic svg{width:12px;height:12px;}
.vs-sin{box-shadow:var(--ring-md);}
.vs-sin .tag{color:#c02662;background:var(--pinkbg);}
.vs-sin li .ic{background:var(--pinkbg);color:#e0447f;}
.vs-con{background:linear-gradient(180deg,var(--tint2),#fff 70%);box-shadow:var(--ring-brand);}
.vs-con .tag{color:var(--deep);background:var(--tint);}
.vs-con li{color:var(--ink);}
.vs-con li .ic{background:var(--greenbg);color:var(--green);}
.vs-stats{margin-top:24px;border-top:1px solid var(--line);padding-top:8px;}
.vs-stat{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:baseline;gap:8px 12px;padding:10px 0;border-bottom:1px dashed var(--line2);}
.vs-stat:last-child{border-bottom:0;}
.vs-stat .l{font-size:13px;color:var(--grey);font-weight:600;}
.vs-stat .v{font-family:var(--disp);font-size:20px;font-weight:600;color:var(--ink);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;}
.vs-con .vs-stat .v{color:var(--indigo);}
.vs-stat .d{font-size:12px;font-weight:800;color:var(--green);justify-self:end;white-space:nowrap;font-variant-numeric:tabular-nums;}
.vs-stat.cash{border-bottom:0;padding-top:14px;}
.vs-stat.cash .l{font-weight:800;color:var(--ink);}
.vs-stat.cash .v{font-size:clamp(19px,2vw,25px);}
.vs-con .vs-stat.cash .v{color:var(--green);}
.vs-note{font-size:11.5px;color:var(--muted);margin-top:12px;}
@media(max-width:860px){.vs-grid{grid-template-columns:1fr;}}

/* ============ COST + CALC ============ */
.cost-sec{background:#fff;}
.cost-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:clamp(38px,5vh,54px);}
.cost-card{border-radius:20px;padding:clamp(24px,3vw,34px);background:#fff;box-shadow:var(--ring-md);}
.cost-card.cost-ajaw{background:linear-gradient(180deg,var(--tint2),#fff 75%);box-shadow:var(--ring-brand);}
.cost-card h3{font-family:var(--disp);font-size:19px;font-weight:700;color:var(--ink);margin-bottom:4px;}
.cost-card .cs{font-size:13px;color:var(--muted);margin-bottom:18px;}
.cost-row{display:flex;justify-content:space-between;gap:14px;font-size:14px;color:var(--grey);padding:12px 2px;border-bottom:1px dashed var(--line2);}
.cost-row span:last-child{font-weight:700;color:var(--ink);white-space:nowrap;}
.cost-total{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding-top:16px;margin-top:4px;}
.cost-total span{font-size:13px;color:var(--muted);}
.cost-total b{font-family:var(--disp);font-size:32px;font-weight:700;color:var(--ink);letter-spacing:-.02em;}
.cost-ajaw .cost-total b{color:var(--indigo);}
.cost-diff{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;background:var(--greenbg);box-shadow:0 0 0 .5px #b5e6c9;border-radius:16px;padding:20px 26px;text-align:center;}
.cost-diff b{font-family:var(--disp);font-size:clamp(22px,2.8vw,30px);font-weight:700;color:#0c7a44;letter-spacing:-.02em;}
.cost-diff>span{font-size:14.5px;color:var(--grey);}
.cost-diff b>span{display:inline-block;margin-right:.16em;color:#575b70;font:inherit;font-size:1.08em;font-variant-numeric:tabular-nums;letter-spacing:-.04em;text-decoration:line-through;text-decoration-thickness:.09em;text-decoration-color:#575b70;}
@media(max-width:767px){
  .cost-diff{padding:28px 22px;gap:18px;}
  .cost-diff b{font-size:clamp(28px,8.8vw,34px);line-height:1.18;}
  .cost-diff b>span{font-size:1.12em;}
  .cost-diff>span{font-size:16px;line-height:1.45;}
}
.calc{max-width:1060px;margin:24px auto 0;background:#fff;border-radius:18px;padding:clamp(22px,3vw,32px);box-shadow:var(--ring-md);}
.calc h4{font-family:var(--disp);font-size:18px;font-weight:700;color:var(--ink);margin-bottom:18px;}
.calc-row{display:flex;align-items:center;gap:24px;margin-bottom:18px;flex-wrap:wrap;}
.calc-row label{flex:1 1 260px;font-size:14px;color:var(--ink);font-weight:600;}
.calc-row label small{display:block;font-weight:400;color:var(--muted);font-size:12px;margin-top:1px;}
.calc-row output{font-family:var(--disp);font-size:19px;font-weight:700;color:var(--indigo);min-width:150px;text-align:right;white-space:nowrap;}
.calc input[type=range]{flex:3 1 300px;accent-color:var(--indigo);height:4px;}
.calc-res{display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:18px;margin-top:4px;}
.calc-res span{font-size:14px;color:var(--grey);max-width:44ch;}
.calc-res b{font-family:var(--disp);font-size:clamp(28px,3.6vw,38px);font-weight:700;color:var(--green);letter-spacing:-.02em;}
.calc-note{font-size:11.5px;color:var(--muted);margin-top:12px;}
@media(max-width:860px){.cost-grid{grid-template-columns:1fr;}}

/* ============ PRICING ============ */
.price-sec{background:#fff;}
.pgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:clamp(40px,5vh,56px);align-items:stretch;max-width:1180px;margin-left:auto;margin-right:auto;}
.pcard{background:#fff;border-radius:18px;padding:28px 24px;display:flex;flex-direction:column;position:relative;box-shadow:var(--ring-md);transition:transform .35s var(--ease-out),box-shadow .35s;}
.pcard:hover{transform:translateY(-3px);box-shadow:0 0 0 .5px #e0e1e8, 0 10px 26px -10px rgba(14,16,32,.14);}
.pcard.hot{background:linear-gradient(180deg,var(--tint2),#fff 60%);box-shadow:var(--ring-brand);}
.pcard .pop{position:absolute;top:-13px;left:50%;transform:translateX(-50%);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--grad);border-radius:999px;padding:6px 15px;white-space:nowrap;box-shadow:0 2px 8px -2px rgba(62,52,249,.4);}
.pcard h3{font-family:var(--disp);font-size:17.5px;font-weight:700;color:var(--ink);}
.pcard .pdesc{font-size:12.5px;color:var(--muted);margin-top:5px;min-height:36px;line-height:1.45;}
.pcard .amt{margin:16px 0 2px;display:flex;align-items:baseline;gap:5px;white-space:nowrap;}
.pcard .amt b{font-family:var(--disp);font-size:clamp(26px,2.6vw,38px);font-weight:600;color:var(--ink);letter-spacing:-.02em;}
.pcard .amt span{font-size:13.5px;color:var(--muted);}
.pcard .amt .ent{font-size:clamp(20px,2vw,26px);}
.pcard ul{list-style:none;display:flex;flex-direction:column;gap:10px;margin:18px 0 24px;flex:1 0 auto;}
.pcard li{display:flex;gap:9px;font-size:13px;color:var(--grey);line-height:1.45;}
.pcard li svg{flex:0 0 15px;height:15px;color:var(--green);margin-top:2px;}
.pbtn{display:block;text-align:center;border-radius:11px;padding:13px;font-size:14px;font-weight:700;border:0;box-shadow:var(--ring);color:var(--ink);background:#fff;transition:all .2s;}
.pbtn:hover{box-shadow:0 0 0 .5px #c9c5f5;background:var(--tint2);}
.pbtn.solid{background:var(--grad);color:#fff;box-shadow:0 1px 2px rgba(62,52,249,.3), 0 4px 12px -2px rgba(62,52,249,.28);}
.pbtn.solid:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(62,52,249,.3), 0 8px 18px -4px rgba(62,52,249,.35);}
.pnote{text-align:center;font-size:13.5px;color:var(--grey);margin-top:26px;font-weight:600;}
.pnote span{color:var(--muted);font-weight:400;}
@media(max-width:1020px){.pgrid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:560px){.pgrid{grid-template-columns:1fr;}}

/* ============ FAQ ============ */
.faq-sec{background:#fafafa;}
.faq{max-width:760px;margin:clamp(38px,5vh,54px) auto 0;background:#fff;border-radius:18px;padding:8px 26px;box-shadow:var(--ring-md);}
.faq details{border-bottom:1px solid var(--line);}
.faq details:last-child{border-bottom:0;}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 2px;font-size:16.5px;font-weight:600;color:var(--ink);cursor:pointer;list-style:none;transition:color .2s;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary:hover{color:var(--indigo);}
.faq summary .pl{flex:0 0 auto;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--line2);display:flex;align-items:center;justify-content:center;transition:transform .3s var(--ease-out),background .25s,border-color .25s;}
.faq summary .pl svg{width:13px;height:13px;color:var(--grey);}
.faq details[open] summary .pl{transform:rotate(45deg);background:var(--tint);border-color:#ddd9fd;}
.faq .ans{padding:0 2px 22px;font-size:15px;color:var(--grey);line-height:1.65;max-width:64ch;}
.faq .ans b{color:var(--ink);}

/* ============ 5-MIN STEPS ============ */
.steps-sec{background:#fff;overflow:hidden;padding-bottom:clamp(80px,11vw,150px);}
.steps-sec .h2{max-width:12ch;margin-inline:auto;}
.steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:clamp(46px,6vh,68px);}
.steps:before{content:"";position:absolute;top:8px;left:10px;right:10px;height:1px;background:#dedee6;transform:scaleX(0);transform-origin:left;transition:transform 1.1s cubic-bezier(.2,.8,.2,1) .15s;}
.steps.in:before{transform:scaleX(1);}
.step{position:relative;padding:36px 38px 26px 0;background:transparent;border:0;box-shadow:none;}
.step:before{content:"";position:absolute;top:2px;left:0;width:13px;height:13px;border:4px solid #fff;border-radius:50%;background:#a4a4aa;box-shadow:0 0 0 1px rgba(20,20,30,.05);z-index:1;}
.step:first-child:before{background:#6b5cff;box-shadow:0 0 0 5px rgba(107,92,255,.09);}
.step .qn{display:none;}
.step b{display:block;font-family:var(--disp);font-size:19px;color:var(--ink);font-weight:700;margin-bottom:8px;letter-spacing:-.02em;}
.step span{max-width:30ch;font-size:14px;color:var(--grey);line-height:1.55;display:block;}
.messages-showcase{position:relative;margin-top:clamp(40px,6vw,76px);padding:38px 0 0;}
.messages-showcase:before{content:"";position:absolute;inset:0 -12vw -60px;background:radial-gradient(circle at 50% 16%,rgba(102,87,255,.12),transparent 37%),linear-gradient(180deg,transparent,#fafaff 70%);pointer-events:none;}
.messages-showcase-badge{position:relative;z-index:3;display:flex;align-items:center;gap:9px;width:max-content;margin:0 auto -18px;padding:10px 16px;border:1px solid #e2e1ec;border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 12px 35px rgba(37,31,83,.12);font-size:12px;font-weight:750;color:#5b5870;backdrop-filter:blur(14px);}
.messages-showcase-badge img{width:21px;height:21px;object-fit:contain;}
.messages-product{position:relative;z-index:2;min-height:620px;border:1px solid #dcdae8;border-radius:28px;background:#f8f9fc;box-shadow:0 36px 90px rgba(31,25,76,.16),0 2px 8px rgba(31,25,76,.05);overflow:hidden;}
.messages-product-top{height:58px;display:grid;grid-template-columns:188px 1fr auto;align-items:center;gap:18px;padding:0 20px;border-bottom:1px solid #e4e5ec;background:#fff;}
.messages-product-top .product-wordmark{height:27px;width:auto;max-width:115px;object-fit:contain;}
.messages-product-title{font-family:var(--disp);font-size:16px;font-weight:720;color:#171721;}
.messages-product-proof{display:flex;align-items:center;gap:9px;white-space:nowrap;}
.product-proof-chip{padding:7px 10px;border:1px solid #e8e7ef;border-radius:10px;background:#fafafe;color:#777487;font-size:10px;}
.product-proof-chip b{display:block;color:#1d1b27;font-size:12px;line-height:1.1;}
.product-proof-chip.won b{color:#0c9b5f;}
.messages-product-body{display:grid;grid-template-columns:188px 280px minmax(360px,1fr) 246px;min-height:562px;}
.messages-side{padding:20px 14px;border-right:1px solid #e3e4eb;background:#fbfcfe;}
.messages-side-label{margin:16px 10px 8px;color:#a09dad;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;}
.messages-side-item{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:10px;color:#686579;font-size:12px;font-weight:650;}
.messages-side-item svg{width:15px;height:15px;stroke:currentColor;}
.messages-side-item.active{background:linear-gradient(135deg,#6958ff,#4537e9);color:#fff;box-shadow:0 8px 18px rgba(83,68,237,.2);}
.conversation-rail{border-right:1px solid #e2e3eb;background:#fff;}
.conversation-head{padding:16px;border-bottom:1px solid #ececf2;}
.conversation-head-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;}
.conversation-head h3{margin:0;font-family:var(--disp);font-size:18px;letter-spacing:-.03em;}
.unread-pill{padding:4px 7px;border-radius:999px;background:#efedff;color:#5949ee;font-size:9px;font-weight:800;}
.channel-tabs{display:flex;gap:5px;overflow:hidden;}
.channel-tab{padding:6px 8px;border:1px solid #e6e5ec;border-radius:8px;color:#817e8d;font-size:9px;white-space:nowrap;}
.channel-tab.active{border-color:#d9d5ff;background:#f3f1ff;color:#5444ec;font-weight:800;}
.conversation-item{display:grid;grid-template-columns:34px 1fr auto;gap:10px;padding:14px 13px;border-bottom:1px solid #f0eff4;}
.conversation-item.active{background:#f5f3ff;box-shadow:inset 3px 0 #5c4cf3;}
.contact-avatar{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:linear-gradient(145deg,#7163ff,#c2bbff);color:#fff;font-size:11px;font-weight:850;}
.contact-avatar.green{background:linear-gradient(145deg,#19a56b,#9ae1bc);}
.contact-avatar.orange{background:linear-gradient(145deg,#ff9a3d,#ffd1a5);}
.contact-copy{min-width:0;}.contact-name{display:flex;align-items:center;gap:5px;color:#25232d;font-size:11px;font-weight:800;}
.wa-dot{width:8px;height:8px;border-radius:50%;background:#22c77a;box-shadow:inset 0 0 0 2px #fff,0 0 0 1px #22c77a;}
.contact-preview{margin-top:3px;color:#858291;font-size:9px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.contact-time{color:#aaa7b4;font-size:8px;}.deal-mini{display:inline-flex;margin-top:5px;padding:3px 6px;border-radius:999px;background:#e8f8ef;color:#148b57;font-size:8px;font-weight:800;}
.message-chat{display:flex;flex-direction:column;background:#f4f1eb;}
.chat-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:63px;padding:11px 16px;border-bottom:1px solid #e1ded8;background:rgba(255,255,255,.96);}
.chat-contact{display:flex;align-items:center;gap:10px;}.chat-contact strong{display:block;font-size:12px;}.chat-contact span{display:block;margin-top:2px;color:#16a162;font-size:9px;}
.channel-badge{padding:7px 9px;border-radius:9px;background:#eaf8f0;color:#138556;font-size:9px;font-weight:800;}
.chat-scroll{display:flex;flex:1;flex-direction:column;gap:8px;padding:18px;background-color:#ece6dd;background-image:radial-gradient(rgba(129,119,103,.08) 1px,transparent 1px);background-size:18px 18px;}
.day-label{align-self:center;padding:4px 8px;border-radius:7px;background:rgba(255,255,255,.78);color:#8d887f;font-size:8px;box-shadow:0 1px 2px rgba(50,44,36,.07);}
.demo-bubble{position:relative;max-width:76%;padding:9px 10px 7px;border-radius:10px;background:#fff;color:#302d2a;font-size:10px;line-height:1.4;box-shadow:0 1px 2px rgba(65,57,47,.1);}
.demo-bubble.out{align-self:flex-end;background:#d9fdd3;}.demo-bubble time{float:right;margin:5px 0 0 8px;color:#98938b;font-size:7px;}
.chat-event{align-self:center;display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(92,76,243,.15);border-radius:9px;background:rgba(255,255,255,.9);color:#514a72;font-size:8px;font-weight:720;box-shadow:0 4px 12px rgba(50,43,90,.07);}
.chat-event i{width:7px;height:7px;border-radius:50%;background:#6553f6;box-shadow:0 0 0 4px rgba(101,83,246,.1);}.chat-event.won{color:#0e8250;border-color:rgba(22,164,98,.18);}.chat-event.won i{background:#19ad68;box-shadow:0 0 0 4px rgba(25,173,104,.1);}
.chat-compose{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;margin-top:auto;padding:10px 12px;border-top:1px solid #dfdcd6;background:#fff;}.chat-compose span{padding:8px 11px;border:1px solid #e4e2e8;border-radius:999px;color:#aaa7b1;font-size:9px;}.chat-compose b{display:grid;width:29px;height:29px;place-items:center;border-radius:50%;background:#6553f6;color:#fff;font-size:12px;}
.message-context{padding:16px;background:#fff;}.message-context h4{margin:0 0 14px;font-family:var(--disp);font-size:14px;}.context-card{margin-bottom:10px;padding:13px;border:1px solid #e8e7ee;border-radius:13px;background:#fbfbfd;}.context-kicker{color:#9995a6;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;}.context-card p{margin:7px 0 0;color:#565261;font-size:9px;line-height:1.5;}.context-row{display:flex;justify-content:space-between;gap:8px;margin-top:9px;color:#817e8c;font-size:9px;}.context-row b{color:#292630;}.deal-won-card{background:linear-gradient(145deg,#effcf5,#fbfffd);border-color:#cdeedc;}.deal-won-card .won-value{margin-top:7px;color:#0b8b54;font-family:var(--disp);font-size:20px;font-weight:760;letter-spacing:-.04em;}
.demo-disclaimer{position:absolute;right:18px;bottom:12px;z-index:4;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.86);color:#9a97a4;font-size:8px;backdrop-filter:blur(8px);}.gear-stage{position:absolute;z-index:3;width:150px;filter:drop-shadow(0 18px 30px rgba(69,52,214,.22));pointer-events:none;}.gear-stage.one{left:-58px;bottom:-45px;transform:rotate(-18deg);}.gear-stage.two{right:-50px;bottom:54px;width:118px;transform:rotate(22deg);opacity:.88;}
@media(max-width:980px){.messages-product{min-height:540px;}.messages-product-top{grid-template-columns:135px 1fr;}.messages-product-proof{display:none;}.messages-product-body{grid-template-columns:130px 245px minmax(360px,1fr);min-width:735px;min-height:480px;}.message-context{display:none;}.messages-product{overflow-x:auto;}.messages-side{padding-inline:8px;}.messages-side-item{padding-inline:8px;font-size:10px;}}
@media(max-width:820px){.steps{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-22px;padding:0 22px 12px;scrollbar-width:none;}.steps::-webkit-scrollbar{display:none;}.steps:before{left:28px;right:-320px;}.step{flex:0 0:min(78vw,300px);padding-right:28px;scroll-snap-align:start;}.messages-showcase{margin-top:30px;padding-top:28px;}.messages-showcase-badge{margin-bottom:-14px;font-size:10px;}.messages-product{border-radius:20px;min-height:510px;}.messages-product-top{position:sticky;left:0;width:100vw;max-width:calc(100vw - 44px);height:52px;padding-inline:14px;}.messages-product-body{grid-template-columns:220px 390px;min-width:610px;min-height:458px;}.messages-side{display:none;}.gear-stage{width:92px;}.gear-stage.one{left:-30px;bottom:-24px;}.gear-stage.two{right:-26px;bottom:34px;width:74px;}}

/* ============ FINAL CTA + FOOTER ============ */
.final{background:linear-gradient(180deg,#fff 0%,var(--tint2) 100%);text-align:center;padding:clamp(90px,13vh,150px) 0;}
.final img.flogo{height:40px;margin:0 auto 28px;}
.final h2{font-family:var(--disp);font-size:clamp(34px,5vw,60px);font-weight:600;color:var(--ink);letter-spacing:.012em;line-height:1.06;max-width:17ch;margin:0 auto;}
.final .lead{margin:18px auto 0;}
.final .hero-cta{margin-top:34px;}
footer{background:#fff;border-top:1px solid var(--line);padding:52px 0 38px;}
.foot-in{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;}
.foot-brand{max-width:280px;}
.foot-brand img{height:26px;margin-bottom:14px;}
.foot-brand p{font-size:13.5px;color:var(--muted);line-height:1.6;}
.foot-cols{display:flex;gap:clamp(30px,5vw,70px);flex-wrap:wrap;}
.fcol h4{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:13px;}
.fcol a{display:block;font-size:14px;color:var(--grey);padding:5px 0;transition:color .18s;}
.fcol a:hover{color:var(--ink);}
.foot-base{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:42px;padding-top:22px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted);}


/* ============ APP WINDOW REPLICAS (real leads-gpt UI) ============ */
.appwin{padding:0 !important;overflow:hidden;}
.aw-chrome{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#fbfbfd;border-bottom:1px solid var(--line);}
.aw-chrome i{width:10px;height:10px;border-radius:50%;background:#e3e4ec;}
.aw-url{margin-left:10px;font-size:11px;color:var(--muted);background:var(--canvas);border-radius:6px;padding:3px 12px;}
.aw-body{display:flex;min-height:340px;background:#f8fafc;text-align:left;}
.aw-side{width:146px;flex:0 0 146px;background:#fff;border-right:1px solid #e2e8f0;padding:12px 8px;}
.aw-logo{height:17px;margin:2px 4px 12px;display:block;}
.aw-sec{font-size:8px;font-weight:800;letter-spacing:.09em;color:#94a3b8;padding:8px 6px 4px;text-transform:uppercase;}
.aw-side a{display:flex;align-items:center;gap:7px;font-size:10.5px;font-weight:500;color:#475569;padding:5px 8px;border-radius:7px;margin-bottom:1px;pointer-events:none;}
.aw-side a svg{width:11px;height:11px;color:#94a3b8;flex:0 0 auto;}
.aw-side a.on{background:linear-gradient(135deg,#7871fb,#251f95);color:#fff;font-weight:600;box-shadow:0 2px 10px rgba(37,31,149,.22);}
.aw-side a.on svg{color:#fff;}
.aw-main{flex:1;padding:13px 14px;min-width:0;}
.aw-title{font-family:var(--disp);font-size:14px;font-weight:600;color:#0f172a;margin-bottom:10px;display:flex;align-items:center;gap:8px;}
.aw-title .cnt{margin-left:auto;font-size:9.5px;color:#64748b;font-weight:500;}
.aw-kpis{display:flex;gap:8px;margin-bottom:10px;}
.aw-kpi{flex:1;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:9px 11px;}
.aw-kpi b{font-family:var(--disp);font-size:16px;font-weight:600;color:#0f172a;display:block;line-height:1.15;}
.aw-kpi.green b{color:#10b981;}
.aw-kpi span{font-size:8.5px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.04em;}
.aw-filters{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:9px;}
.aw-filters span{font-size:9.5px;font-weight:600;color:#4338ca;background:#eef2ff;border-radius:999px;padding:3px 9px;}
.aw-filters .add{color:#64748b;background:#fff;border:1px dashed #cbd5e1;}
.aw-th{display:grid;grid-template-columns:1.7fr 1.3fr 1.1fr 40px;gap:6px;font-size:8px;font-weight:800;color:#94a3b8;letter-spacing:.07em;padding:2px 9px 5px;text-transform:uppercase;}
.aw-tr{display:grid;grid-template-columns:1.7fr 1.3fr 1.1fr 40px;gap:6px;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:9px;padding:7px 9px;margin-bottom:5px;font-size:10.5px;color:#1e293b;}
.aw-tr .who2{display:flex;align-items:center;gap:7px;min-width:0;}
.aw-tr .who2 img,.aw-tr .who2 .ini{width:22px;height:22px;border-radius:7px;object-fit:cover;flex:0 0 auto;}
.aw-tr .who2 .ini{background:linear-gradient(135deg,#7871fb,#251f95);color:#fff;font-size:8.5px;font-weight:700;display:flex;align-items:center;justify-content:center;}
.aw-tr b{font-weight:600;color:#0f172a;display:block;line-height:1.15;font-size:10.5px;}
.aw-tr small{font-size:8.5px;color:#94a3b8;display:block;}
.aw-tr .tel2{font-size:9.5px;color:#1e293b;font-weight:600;display:flex;align-items:center;gap:4px;}
.aw-tr .tel2 svg{width:9px;height:9px;color:#10b981;}
.aw-split{display:flex;background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;min-height:280px;}
.aw-list{width:47%;border-right:1px solid #e2e8f0;padding:9px;}
.aw-search{display:flex;align-items:center;gap:6px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:6px 9px;font-size:9.5px;color:#94a3b8;margin-bottom:7px;}
.aw-search svg{width:10px;height:10px;}
.aw-tabs{display:flex;gap:4px;margin-bottom:8px;}
.aw-tabs span{font-size:9px;font-weight:700;color:#64748b;background:#f1f5f9;border-radius:999px;padding:3px 9px;}
.aw-tabs span.on{background:#0f172a;color:#fff;}
.aw-conv{display:flex;gap:7px;padding:7px 6px;border-radius:8px;align-items:flex-start;}
.aw-conv.sel{background:#eef2ff;}
.aw-conv img{width:26px;height:26px;border-radius:50%;object-fit:cover;flex:0 0 auto;}
.aw-conv .cb{min-width:0;flex:1;}
.aw-conv .cn{font-size:10px;font-weight:700;color:#0f172a;display:flex;justify-content:space-between;gap:6px;}
.aw-conv .cn em{font-style:normal;font-size:8px;color:#94a3b8;font-weight:500;}
.aw-conv .cp{font-size:9px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:1px 0 3px;}
.aw-thread{flex:1;padding:10px 11px;display:flex;flex-direction:column;gap:5px;background:#f8fafc;min-width:0;}
.aw-thhead{display:flex;align-items:center;gap:7px;padding-bottom:7px;border-bottom:1px solid #e2e8f0;margin-bottom:4px;}
.aw-thhead img{width:24px;height:24px;border-radius:50%;object-fit:cover;}
.aw-thhead b{font-size:10.5px;color:#0f172a;display:block;line-height:1.1;}
.aw-thhead small{font-size:8.5px;color:#10b981;font-weight:600;}
.aw-bub{max-width:82%;border-radius:11px;padding:6px 9px;font-size:9.5px;line-height:1.4;background:#fff;border:1px solid #e2e8f0;color:#1e293b;border-bottom-left-radius:4px;}
.aw-bub.out{margin-left:auto;background:#1eb567;border:0;color:#fff;border-bottom-left-radius:11px;border-bottom-right-radius:4px;}
.aw-bub.out.ig2{background:linear-gradient(120deg,#8134af,#dd2a7b);}
.aw-input{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:6px 11px;font-size:9.5px;color:#94a3b8;margin-top:auto;}
.aw-ai{font-size:8.5px;font-weight:700;color:#4338ca;background:#eef2ff;border-radius:999px;padding:2px 8px;margin-left:auto;white-space:nowrap;}
.aw-callrow{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:9px;padding:7px 9px;margin-bottom:5px;font-size:10px;color:#1e293b;}
.aw-callrow .pp{width:20px;height:20px;border-radius:50%;background:#eef2ff;color:#5b4fe5;display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
.aw-callrow .pp svg{width:9px;height:9px;}
.aw-callrow b{font-weight:600;color:#0f172a;font-size:10px;}
.aw-callrow small{color:#94a3b8;font-size:8.5px;display:block;}
.aw-callrow .dur{margin-left:auto;font-size:9px;color:#64748b;font-weight:600;}
.aw-live{background:linear-gradient(135deg,#7871fb,#251f95);border-radius:11px;padding:10px 12px;color:#fff;display:flex;align-items:center;gap:10px;margin-bottom:9px;}
.aw-live img{width:26px;height:26px;border-radius:50%;object-fit:cover;}
.aw-live b{font-size:10.5px;display:block;line-height:1.15;}
.aw-live small{font-size:8.5px;opacity:.8;}
.aw-live .lw{display:flex;align-items:center;gap:2px;height:16px;margin-left:auto;}
.aw-live .lw i{width:2.5px;border-radius:2px;background:#fff;animation:wv 1.1s ease-in-out infinite;}
.aw-crm{display:flex;gap:10px;}
.aw-crm .aw-prof{flex:1;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px;}
.aw-note{font-size:8.5px;color:#94a3b8;text-align:center;margin-top:8px;}
@media(max-width:640px){.aw-side{display:none;}.aw-list{width:42%;}}

.shot-img{padding:0 !important;overflow:hidden;}
.shot-img img{display:block;width:100%;height:auto;}

#f-datos{padding-top:0;}


/* ============ FUGA DE SEGUIMIENTO (problem → untangle) ============ */
.sprawl{background:#fff;padding:clamp(80px,11vh,130px) 0 clamp(60px,8vh,90px);overflow:hidden;}
.sprawl .head{text-align:center;max-width:900px;margin:0 auto;}
.sprawl .h2 em{font-style:normal;color:var(--muted);}
.sprawl .lead{margin:16px auto 0;max-width:56ch;}
.knotwrap{position:relative;max-width:1200px;margin:clamp(30px,5vh,54px) auto 0;padding:0 clamp(16px,4vw,32px);}
.knot{position:relative;width:100%;aspect-ratio:1200/400;}
.knot svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;}
.kpath{fill:none;stroke:#e6e7f0;stroke-width:20;stroke-linecap:round;stroke-linejoin:round;}
.kpath.k2{stroke:#eff0f7;}
.kclean{fill:none;stroke:url(#kgrad);stroke-width:11;stroke-linecap:round;
  stroke-dasharray:var(--len);stroke-dashoffset:var(--len);transition:stroke-dashoffset 1.5s cubic-bezier(.22,1,.36,1) .35s;}
.knot.in .kclean{stroke-dashoffset:0;}
.knode{position:absolute;transform:translate(-50%,-50%) scale(.5);opacity:0;background:#fff;border-radius:14px;
  box-shadow:var(--ring-md);display:flex;align-items:center;justify-content:center;transition:opacity .5s,transform .6s var(--ease-out);}
.knot.in .knode{opacity:1;transform:translate(-50%,-50%) scale(1);}
.knode.ic{width:52px;height:52px;}
.knode.ic svg{width:24px;height:24px;}
.knode.bub{padding:9px 15px;font-size:13.5px;font-weight:600;color:var(--grey);border-radius:999px;white-space:nowrap;}
.knode.gear{width:64px;height:64px;background:var(--grad);box-shadow:0 2px 8px rgba(62,52,249,.35),0 14px 34px -10px rgba(62,52,249,.45);}
.knode.gear img{width:36px;height:36px;}
.knode.win{background:var(--greenbg);box-shadow:0 0 0 .5px #b5e6c9;color:#0c7a44;font-weight:700;}
.sprawl-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,44px);max-width:1140px;margin:clamp(18px,3vh,34px) auto 0;padding:0 clamp(16px,4vw,32px);}
.scol{position:relative;padding-top:26px;}
.scol::before{content:"";position:absolute;top:0;left:26px;width:1px;height:18px;background:var(--line2);}
.scol h4{font-family:var(--disp);font-size:clamp(19px,2vw,23px);font-weight:600;color:var(--ink);letter-spacing:.01em;margin-bottom:8px;}
.scol p{font-size:14.5px;color:var(--grey);line-height:1.55;}
.scol p b{color:var(--ink);font-weight:700;}
.sprawl-cta{max-width:1140px;margin:clamp(34px,5vh,52px) auto 0;padding:clamp(22px,3vw,30px) clamp(24px,3vw,36px);background:linear-gradient(120deg,var(--tint2),#fff 70%);box-shadow:var(--ring-brand);border-radius:20px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;}
.sprawl-cta .sc-ic{width:46px;height:46px;border-radius:14px;background:var(--grad);display:flex;align-items:center;justify-content:center;flex:0 0 auto;box-shadow:0 8px 20px -8px rgba(62,52,249,.5);}
.sprawl-cta .sc-ic img{width:26px;height:26px;}
.sprawl-cta b{font-family:var(--disp);font-size:clamp(17px,1.9vw,21px);font-weight:600;color:var(--ink);display:block;letter-spacing:.01em;}
.sprawl-cta span{font-size:14.5px;color:var(--grey);}
.sprawl-cta .btn-main{margin-left:auto;}
.sprawl-note{max-width:1140px;margin:14px auto 0;padding:0 clamp(16px,4vw,32px);font-size:11.5px;color:var(--muted);text-align:center;}
@media(max-width:900px){
  .sprawl-cols{grid-template-columns:1fr;gap:20px;}
  .scol::before{display:none;}
  .knot{aspect-ratio:1200/520;}
  .knode.bub{font-size:11.5px;padding:7px 11px;}
  .knode.ic{width:42px;height:42px;}
  .sprawl-cta .btn-main{margin-left:0;width:100%;text-align:center;}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;}
  html{scroll-behavior:auto;}
  .reveal{opacity:1;transform:none;}
  .fw{opacity:1;transform:none;}
}
:focus-visible{outline:2px solid var(--indigo);outline-offset:3px;border-radius:6px;}
/* ============ TESTIMONIAL PROOF WALL ============ */
:root {
      color-scheme: light;
      --ajaw-proof-ink: #14131a;
      --ajaw-proof-muted: #686779;
      --ajaw-proof-faint: #f5f5f8;
      --ajaw-proof-line: #e7e6ed;
      --ajaw-proof-purple: #6257e8;
      --ajaw-proof-purple-dark: #4d43d6;
      --ajaw-proof-purple-soft: #efedff;
      --ajaw-proof-whatsapp: #128c60;
      --ajaw-proof-whatsapp-soft: #d9fdd3;
      --ajaw-proof-imessage: #1687f8;
      --ajaw-proof-radius: 22px;
      --ajaw-proof-shadow: 0 24px 70px rgba(47, 43, 78, 0.12),
        0 3px 12px rgba(47, 43, 78, 0.06);
      --ajaw-proof-ease: cubic-bezier(0.16, 1, 0.3, 1);
    }

    .ajaw-proof-section,
    .ajaw-proof-section * {
      box-sizing: border-box;
    }

    .ajaw-proof-preview {
      margin: 0;
      background: #ffffff;
      color: var(--ajaw-proof-ink);
      font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    .ajaw-proof-section {
      position: relative;
      isolation: isolate;
      overflow: hidden;
      width: 100%;
      min-height: 1120px;
      background:
        radial-gradient(circle at 50% 48%, rgba(98, 87, 232, 0.055), transparent 26%),
        linear-gradient(180deg, #ffffff 0%, #fdfdff 100%);
    }

    .ajaw-proof-section::before {
      position: absolute;
      inset: 0;
      z-index: -1;
      background-image: radial-gradient(rgba(82, 77, 109, 0.1) 0.6px, transparent 0.6px);
      background-size: 22px 22px;
      content: "";
      opacity: 0.18;
      -webkit-mask-image: radial-gradient(circle at 50% 50%, #000 0%, transparent 66%);
      mask-image: radial-gradient(circle at 50% 50%, #000 0%, transparent 66%);
      pointer-events: none;
    }

    .ajaw-proof-shell {
      position: relative;
      width: min(100%, 1680px);
      min-height: inherit;
      margin: 0 auto;
    }

    .ajaw-proof-core {
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 3;
      width: min(660px, 46vw);
      padding: 48px 34px;
      text-align: center;
      transform: translate(-50%, -50%);
    }

    .ajaw-proof-kicker {
      display: inline-flex;
      align-items: center;
      min-height: 32px;
      margin: 0 0 22px;
      padding: 6px 13px;
      border: 1px solid #dedbee;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.84);
      color: var(--ajaw-proof-purple-dark);
      font-size: 12px;
      font-weight: 750;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      box-shadow: 0 8px 28px rgba(56, 48, 128, 0.07);
    }

    .ajaw-proof-title {
      max-width: 640px;
      margin: 0 auto;
      color: var(--ajaw-proof-ink);
      font-family: "Space Grotesk", Inter, ui-sans-serif, sans-serif;
      font-size: clamp(44px, 5vw, 72px);
      font-weight: 720;
      letter-spacing: -0.058em;
      line-height: 0.98;
      text-wrap: balance;
    }

    .ajaw-proof-copy {
      max-width: 530px;
      margin: 24px auto 0;
      color: var(--ajaw-proof-muted);
      font-size: clamp(16px, 1.4vw, 19px);
      line-height: 1.55;
      text-wrap: balance;
    }

    .ajaw-proof-cta {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 54px;
      margin-top: 30px;
      padding: 0 24px;
      border: 1px solid var(--ajaw-proof-purple);
      border-radius: 999px;
      background: var(--ajaw-proof-purple);
      color: #ffffff;
      font-size: 15px;
      font-weight: 750;
      line-height: 1;
      text-decoration: none;
      box-shadow: 0 12px 28px rgba(98, 87, 232, 0.24);
      transition:
        background-color 220ms ease,
        border-color 220ms ease,
        box-shadow 220ms ease,
        transform 220ms var(--ajaw-proof-ease);
    }

    .ajaw-proof-cta:hover {
      border-color: var(--ajaw-proof-purple-dark);
      background: var(--ajaw-proof-purple-dark);
      box-shadow: 0 16px 34px rgba(77, 67, 214, 0.27);
      transform: translateY(-2px);
    }

    .ajaw-proof-cta:active {
      transform: translateY(0) scale(0.98);
    }

    .ajaw-proof-cta:focus-visible {
      outline: 3px solid rgba(98, 87, 232, 0.28);
      outline-offset: 4px;
    }

    .ajaw-proof-disclosure {
      display: block;
      max-width: 440px;
      margin: 16px auto 0;
      color: #858394;
      font-size: 12px;
      line-height: 1.45;
    }

    .ajaw-proof-canvas {
      position: absolute;
      inset: 0;
      z-index: 1;
    }

    .ajaw-proof-card {
      position: absolute;
      top: var(--top);
      left: var(--left);
      width: var(--width);
      opacity: 0;
      transform: translate3d(var(--enter-x, 0), 36px, 0) rotate(var(--rotation, 0deg)) scale(0.96);
      transition:
        opacity 820ms var(--ajaw-proof-ease) var(--delay, 0ms),
        transform 920ms var(--ajaw-proof-ease) var(--delay, 0ms);
    }

    .ajaw-proof-card.is-visible {
      opacity: 1;
      transform: translate3d(0, 0, 0) rotate(var(--rotation, 0deg)) scale(1);
    }

    .ajaw-proof-drift {
      animation: ajaw-proof-drift var(--drift-duration, 9s) ease-in-out var(--drift-delay, 0s) infinite alternate;
      animation-play-state: paused;
      will-change: transform;
    }

    .ajaw-proof-section.is-active .ajaw-proof-card.is-visible .ajaw-proof-drift {
      animation-play-state: running;
    }

    .ajaw-proof-frame {
      overflow: hidden;
      border: 1px solid var(--ajaw-proof-line);
      border-radius: var(--ajaw-proof-radius);
      background: rgba(255, 255, 255, 0.97);
      box-shadow: var(--ajaw-proof-shadow);
      transition: box-shadow 260ms ease, transform 260ms var(--ajaw-proof-ease);
    }

    .ajaw-proof-card:hover .ajaw-proof-frame {
      box-shadow: 0 30px 84px rgba(47, 43, 78, 0.16), 0 4px 14px rgba(47, 43, 78, 0.08);
      transform: translateY(-4px);
    }

    .ajaw-proof-placeholder {
      display: flex;
      align-items: center;
      gap: 7px;
      padding: 8px 13px;
      border-bottom: 1px solid rgba(222, 220, 231, 0.72);
      background: #f7f6fa;
      color: #716f80;
      font-size: 9px;
      font-weight: 800;
      letter-spacing: 0.075em;
      line-height: 1.2;
      text-transform: uppercase;
    }

    .ajaw-proof-placeholder-mark {
      width: 7px;
      height: 7px;
      flex: 0 0 auto;
      border-radius: 50%;
      background: var(--ajaw-proof-purple);
      box-shadow: 0 0 0 3px rgba(98, 87, 232, 0.12);
    }

    .ajaw-proof-chatbar {
      display: grid;
      grid-template-columns: 34px 1fr auto;
      align-items: center;
      gap: 10px;
      min-height: 56px;
      padding: 9px 13px;
      border-bottom: 1px solid rgba(222, 220, 231, 0.72);
      background: rgba(255, 255, 255, 0.96);
    }

    .ajaw-proof-avatar {
      position: relative;
      overflow: hidden;
      width: 34px;
      height: 34px;
      border: 2px solid #ffffff;
      border-radius: 50%;
      background:
        linear-gradient(135deg, rgba(98, 87, 232, 0.88), rgba(22, 135, 248, 0.62)),
        #d9d7e8;
      box-shadow: 0 0 0 1px #dedce7;
    }

    .ajaw-proof-avatar::before,
    .ajaw-proof-avatar::after {
      position: absolute;
      background: rgba(255, 255, 255, 0.64);
      content: "";
      filter: blur(3px);
    }

    .ajaw-proof-avatar::before {
      top: 5px;
      left: 9px;
      width: 15px;
      height: 15px;
      border-radius: 50%;
    }

    .ajaw-proof-avatar::after {
      right: 4px;
      bottom: -7px;
      left: 4px;
      height: 21px;
      border-radius: 50% 50% 0 0;
    }

    .ajaw-proof-contact {
      min-width: 0;
    }

    .ajaw-proof-redacted-name {
      width: var(--redaction-width, 94px);
      height: 8px;
      border-radius: 999px;
      background: linear-gradient(90deg, #35333e, #817e8c 54%, #4b4954);
      filter: blur(2.2px);
      opacity: 0.82;
    }

    .ajaw-proof-contact small {
      display: block;
      margin-top: 5px;
      color: #898695;
      font-size: 9px;
      line-height: 1;
    }

    .ajaw-proof-channel {
      border-radius: 999px;
      padding: 5px 8px;
      font-size: 9px;
      font-weight: 780;
      letter-spacing: 0.02em;
      line-height: 1;
    }

    .ajaw-proof-channel--wa {
      background: #e8f7ef;
      color: #08744b;
    }

    .ajaw-proof-channel--im {
      background: #eaf4ff;
      color: #066fd5;
    }

    .ajaw-proof-wa-body {
      min-height: 150px;
      padding: 16px 14px 14px;
      background:
        linear-gradient(rgba(239, 234, 226, 0.91), rgba(239, 234, 226, 0.91)),
        radial-gradient(circle, rgba(83, 96, 88, 0.15) 1px, transparent 1.5px);
      background-size: auto, 16px 16px;
    }

    .ajaw-proof-im-body {
      min-height: 128px;
      padding: 17px 14px 13px;
      background: #ffffff;
    }

    .ajaw-proof-bubble-row {
      display: flex;
      margin-bottom: 8px;
    }

    .ajaw-proof-bubble-row:last-child {
      margin-bottom: 0;
    }

    .ajaw-proof-bubble-row--out {
      justify-content: flex-end;
    }

    .ajaw-proof-bubble {
      position: relative;
      max-width: 86%;
      padding: 9px 11px;
      border-radius: 14px;
      color: #24222b;
      font-size: 11px;
      line-height: 1.38;
      text-wrap: pretty;
    }

    .ajaw-proof-bubble strong {
      font-weight: 760;
    }

    .ajaw-proof-bubble time {
      display: block;
      margin-top: 4px;
      color: #777582;
      font-size: 8px;
      line-height: 1;
      text-align: right;
    }

    .ajaw-proof-bubble--wa-in {
      border: 1px solid rgba(90, 83, 74, 0.08);
      border-bottom-left-radius: 5px;
      background: #ffffff;
      box-shadow: 0 1px 2px rgba(61, 56, 49, 0.08);
    }

    .ajaw-proof-bubble--wa-out {
      border: 1px solid rgba(62, 107, 53, 0.08);
      border-bottom-right-radius: 5px;
      background: var(--ajaw-proof-whatsapp-soft);
      box-shadow: 0 1px 2px rgba(61, 56, 49, 0.06);
    }

    .ajaw-proof-bubble--im-in {
      border-bottom-left-radius: 5px;
      background: #e9e9ed;
      color: #19181e;
    }

    .ajaw-proof-bubble--im-out {
      border-bottom-right-radius: 5px;
      background: var(--ajaw-proof-imessage);
      color: #ffffff;
    }

    .ajaw-proof-bubble--im-out time {
      color: rgba(255, 255, 255, 0.76);
    }

    .ajaw-proof-voice {
      display: grid;
      grid-template-columns: 23px 1fr auto;
      align-items: center;
      gap: 8px;
      min-width: 190px;
    }

    .ajaw-proof-play {
      display: grid;
      width: 23px;
      height: 23px;
      place-items: center;
      border-radius: 50%;
      background: rgba(18, 140, 96, 0.13);
      color: #08744b;
      font-size: 10px;
      font-weight: 900;
    }

    .ajaw-proof-wave {
      display: flex;
      align-items: center;
      gap: 2px;
      height: 20px;
    }

    .ajaw-proof-wave i {
      display: block;
      width: 2px;
      height: var(--bar);
      border-radius: 2px;
      background: rgba(18, 140, 96, 0.72);
    }

    .ajaw-proof-voice-duration {
      color: #696774;
      font-size: 8px;
    }

    .ajaw-proof-im-status {
      margin: 1px 0 9px;
      color: #8b8994;
      font-size: 8px;
      text-align: center;
    }

    .ajaw-proof-chat-input {
      display: grid;
      grid-template-columns: 22px 1fr 22px;
      align-items: center;
      gap: 7px;
      min-height: 38px;
      padding: 6px 10px 8px;
      border-top: 1px solid rgba(222, 220, 231, 0.62);
      background: rgba(255, 255, 255, 0.96);
    }

    .ajaw-proof-input-icon {
      display: grid;
      width: 22px;
      height: 22px;
      place-items: center;
      border-radius: 50%;
      background: #f0eff3;
      color: #777483;
      font-size: 13px;
      font-weight: 500;
    }

    .ajaw-proof-input-line {
      height: 25px;
      border: 1px solid #dedce5;
      border-radius: 999px;
      background: #fbfbfc;
    }

    .ajaw-proof-card--micro .ajaw-proof-frame {
      padding: 15px;
    }

    .ajaw-proof-micro-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      margin-bottom: 11px;
    }

    .ajaw-proof-micro-channel {
      color: var(--ajaw-proof-whatsapp);
      font-size: 11px;
      font-weight: 800;
    }

    .ajaw-proof-micro-label {
      color: #8c8997;
      font-size: 8px;
      font-weight: 750;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }

    .ajaw-proof-micro-copy {
      margin: 0;
      color: #302e38;
      font-size: 12px;
      line-height: 1.44;
    }

    .ajaw-proof-micro-copy span {
      color: #817e8c;
    }

    @keyframes ajaw-proof-drift {
      0% {
        transform: translate3d(0, 0, 0);
      }
      100% {
        transform: translate3d(var(--drift-x, 8px), var(--drift-y, -10px), 0);
      }
    }

    @media (max-width: 1250px) and (min-width: 1100px) {
      .ajaw-proof-core {
        width: 45vw;
      }

      .ajaw-proof-title {
        font-size: clamp(42px, 4.7vw, 60px);
      }

      .ajaw-proof-card {
        width: min(var(--width), 285px);
      }
    }

    @media (max-width: 1099px) {
      .ajaw-proof-section {
        min-height: auto;
        padding: 96px 22px 84px;
      }

      .ajaw-proof-shell {
        min-height: auto;
      }

      .ajaw-proof-core {
        position: relative;
        top: auto;
        left: auto;
        width: min(100%, 680px);
        margin: 0 auto 58px;
        padding: 0;
        transform: none;
      }

      .ajaw-proof-canvas {
        position: relative;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
        gap: 26px;
        width: min(100%, 880px);
        margin: 0 auto;
      }

      .ajaw-proof-card {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        transform: translate3d(0, 28px, 0) scale(0.98);
      }

      .ajaw-proof-card.is-visible {
        transform: translate3d(0, 0, 0) scale(1);
      }

      .ajaw-proof-card:nth-child(3n + 2) {
        margin-top: 54px;
      }

      .ajaw-proof-card--micro {
        align-self: center;
      }
    }

    @media (max-width: 767px) {
      .ajaw-proof-section {
        padding: 76px 0 70px;
      }

      .ajaw-proof-section::before {
        opacity: 0.1;
      }

      .ajaw-proof-core {
        margin-bottom: 42px;
        padding: 0 20px;
      }

      .ajaw-proof-kicker {
        margin-bottom: 17px;
      }

      .ajaw-proof-title {
        max-width: 390px;
        font-size: clamp(38px, 12vw, 54px);
        letter-spacing: -0.052em;
        line-height: 1;
      }

      .ajaw-proof-copy {
        max-width: 420px;
        margin-top: 19px;
        font-size: 16px;
      }

      .ajaw-proof-cta {
        width: min(100%, 270px);
        margin-top: 25px;
      }

      .ajaw-proof-disclosure {
        max-width: 330px;
      }

      .ajaw-proof-canvas {
        display: flex;
        width: 100%;
        gap: 16px;
        margin: 0;
        padding: 16px 20px 36px;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scroll-padding-inline: 20px;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
      }

      .ajaw-proof-canvas::-webkit-scrollbar {
        display: none;
      }

      .ajaw-proof-card,
      .ajaw-proof-card:nth-child(3n + 2) {
        flex: 0 0 min(84vw, 350px);
        width: min(84vw, 350px);
        margin-top: 0;
        scroll-snap-align: center;
      }

      .ajaw-proof-frame {
        box-shadow: 0 18px 48px rgba(47, 43, 78, 0.12), 0 2px 9px rgba(47, 43, 78, 0.06);
      }

      .ajaw-proof-card:hover .ajaw-proof-frame {
        transform: none;
      }

      .ajaw-proof-placeholder {
        font-size: 8px;
      }

      .ajaw-proof-bubble {
        font-size: 11px;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .ajaw-proof-card,
      .ajaw-proof-card.is-visible,
      .ajaw-proof-drift,
      .ajaw-proof-frame,
      .ajaw-proof-cta {
        animation: none !important;
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
      }

      .ajaw-proof-card,
      .ajaw-proof-card.is-visible {
        opacity: 1;
        transform: none;
      }
    }

    @media (prefers-contrast: more) {
      .ajaw-proof-frame,
      .ajaw-proof-chatbar,
      .ajaw-proof-placeholder,
      .ajaw-proof-input-line {
        border-color: #aaa7b4;
      }

      .ajaw-proof-copy,
      .ajaw-proof-disclosure,
      .ajaw-proof-contact small {
        color: #4d4b58;
      }
    }

    /* Mochi-style edge-to-edge proof composition */
    .ajaw-proof-section {
      min-height: 1080px;
      background: #fff;
    }

    .ajaw-proof-section::before {
      display: none;
    }

    .ajaw-proof-shell {
      width: 100%;
      max-width: none;
    }

    .ajaw-proof-core {
      z-index: 5;
      width: min(650px, 42vw);
      padding: 36px 24px;
    }

    .ajaw-proof-kicker,
    .ajaw-proof-copy {
      display: none;
    }

    .ajaw-proof-title {
      max-width: 620px;
      color: #08080a;
      font-size: clamp(50px, 4.25vw, 66px);
      font-weight: 760;
      letter-spacing: -0.06em;
      line-height: 1.01;
    }

    .ajaw-proof-cta {
      min-height: 58px;
      margin-top: 28px;
      padding: 0 30px;
      border-color: #17171d;
      border-radius: 16px;
      background: #17171d;
      font-size: 17px;
      box-shadow: 0 8px 18px rgba(20, 20, 28, 0.15);
    }

    .ajaw-proof-cta:hover {
      border-color: #000;
      background: #000;
      box-shadow: 0 12px 24px rgba(20, 20, 28, 0.2);
    }

    .ajaw-proof-disclosure {
      max-width: 390px;
      margin-top: 13px;
      color: #9a98a4;
      font-size: 10px;
    }

    .ajaw-proof-frame {
      border-radius: 17px;
      box-shadow: 0 12px 32px rgba(26, 24, 40, 0.1), 0 2px 7px rgba(26, 24, 40, 0.05);
    }

    .ajaw-proof-placeholder {
      min-height: 23px;
      padding: 6px 11px;
      font-size: 7px;
      letter-spacing: 0.07em;
    }

    .ajaw-proof-frame--shot {
      position: relative;
      height: var(--shot-height, 238px);
      background: #ece4db;
    }

    .ajaw-proof-shot {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: 50% var(--shot-position, 14%);
    }

    .ajaw-proof-shot-label {
      position: absolute;
      right: 9px;
      bottom: 8px;
      z-index: 3;
      padding: 5px 8px;
      border: 1px solid rgba(255,255,255,.5);
      border-radius: 999px;
      background: rgba(20, 20, 24, .78);
      color: #fff;
      font-size: 8px;
      font-weight: 750;
      letter-spacing: .04em;
      text-transform: uppercase;
      backdrop-filter: blur(8px);
    }

    .ajaw-proof-card--wide.is-testimonial .ajaw-proof-shot {
      opacity: .22;
      filter: blur(3px) saturate(.72);
      transform: scale(1.04);
    }

    .ajaw-proof-card--wide.is-testimonial .ajaw-proof-shot-label {
      display: none;
    }

    .ajaw-proof-testimonial-capture {
      position: absolute;
      inset: 0;
      z-index: 2;
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 8px;
      padding: 15px;
      background: linear-gradient(180deg, rgba(239,234,226,.76), rgba(239,234,226,.9));
    }

    .ajaw-proof-testimonial-meta {
      display: flex;
      align-items: center;
      gap: 7px;
      color: #69666f;
      font-size: 8px;
      line-height: 1;
    }

    .ajaw-proof-testimonial-meta::before {
      width: 18px;
      height: 18px;
      flex: 0 0 auto;
      border-radius: 50%;
      background: linear-gradient(145deg, #d8d5df, #aaa6b6);
      box-shadow: inset 0 0 0 5px rgba(255,255,255,.45);
      content: "";
      filter: blur(.45px);
    }

    .ajaw-proof-testimonial-meta b {
      color: #25232b;
      font-size: 9px;
      font-weight: 760;
    }

    .ajaw-proof-testimonial-bubble {
      position: relative;
      max-width: 94%;
      padding: 10px 11px 9px;
      border-radius: 13px 13px 13px 4px;
      background: #fff;
      color: #1f1e23;
      font-size: clamp(10px, .76vw, 12px);
      line-height: 1.34;
      box-shadow: 0 1px 3px rgba(65,57,49,.11);
    }

    .ajaw-proof-testimonial-bubble time {
      display: block;
      margin-top: 5px;
      color: #9a969d;
      font-size: 7px;
      text-align: right;
    }

    .ajaw-proof-testimonial-reply {
      align-self: flex-end;
      max-width: 78%;
      padding: 7px 9px;
      border-radius: 12px 12px 4px 12px;
      background: #d9fdd3;
      color: #253229;
      font-size: 8px;
      line-height: 1.25;
      box-shadow: 0 1px 2px rgba(65,57,49,.08);
    }

    .ajaw-proof-realchat-frame {
      background: #fff;
    }

    .ajaw-proof-realchat-frame .ajaw-proof-shot,
    .ajaw-proof-realchat-frame .ajaw-proof-shot-label {
      display: none;
    }

    .ajaw-proof-realchat {
      position: absolute;
      inset: 0;
      z-index: 2;
      overflow: hidden;
      color: #18171c;
      font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    .ajaw-realchat-wa {
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 6px;
      padding: 13px 12px 29px;
      background:
        linear-gradient(rgba(239,234,226,.94), rgba(239,234,226,.94)),
        radial-gradient(circle, rgba(92,82,71,.18) 1px, transparent 1.2px);
      background-size: auto, 17px 17px;
    }

    .ajaw-realchat-day {
      align-self: center;
      padding: 3px 8px;
      border-radius: 999px;
      background: rgba(255,255,255,.72);
      color: #77737a;
      font-size: 7px;
      line-height: 1;
      box-shadow: 0 1px 2px rgba(50,45,39,.05);
    }

    .ajaw-realchat-wa-bubble {
      position: relative;
      width: fit-content;
      max-width: 92%;
      padding: 9px 10px 8px;
      border-radius: 12px 12px 12px 4px;
      background: #fff;
      font-size: clamp(9px, .72vw, 11px);
      line-height: 1.32;
      box-shadow: 0 1px 3px rgba(59,52,45,.11);
    }

    .ajaw-realchat-wa-bubble--out {
      align-self: flex-end;
      border-radius: 12px 12px 4px 12px;
      background: #d9fdd3;
    }

    .ajaw-realchat-time {
      display: block;
      margin-top: 4px;
      color: #9a969d;
      font-size: 6.5px;
      line-height: 1;
      text-align: right;
    }

    .ajaw-realchat-reaction {
      align-self: flex-start;
      margin: -2px 0 0 8px;
      padding: 2px 6px;
      border: 1px solid #e7e4e0;
      border-radius: 999px;
      background: #fff;
      font-size: 9px;
      line-height: 1.2;
      box-shadow: 0 2px 5px rgba(36,31,27,.08);
    }

    .ajaw-realchat-input {
      position: absolute;
      right: 9px;
      bottom: 7px;
      left: 9px;
      display: grid;
      grid-template-columns: 15px 1fr 15px;
      align-items: center;
      gap: 5px;
      color: #55525b;
      font-size: 10px;
    }

    .ajaw-realchat-input::before,
    .ajaw-realchat-input::after {
      display: grid;
      place-items: center;
    }

    .ajaw-realchat-input::before { content: "+"; }
    .ajaw-realchat-input::after { content: "◉"; font-size: 8px; }

    .ajaw-realchat-input span {
      height: 16px;
      border: 1px solid rgba(112,106,113,.28);
      border-radius: 999px;
      background: rgba(255,255,255,.8);
    }

    .ajaw-realchat-im {
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 8px;
      padding: 14px 13px;
      background: #fff;
    }

    .ajaw-realchat-im-head {
      color: #85828a;
      font-size: 7px;
      line-height: 1.35;
      text-align: center;
    }

    .ajaw-realchat-im-head b {
      display: block;
      color: #5f5d65;
      font-size: 8px;
      font-weight: 600;
    }

    .ajaw-realchat-im-bubble {
      max-width: 94%;
      padding: 9px 10px;
      border-radius: 14px 14px 14px 5px;
      background: #e9e9ed;
      font-size: clamp(9px, .72vw, 11px);
      line-height: 1.32;
    }

    .ajaw-realchat-im--blue .ajaw-realchat-im-bubble {
      align-self: flex-end;
      border-radius: 14px 14px 5px 14px;
      background: #1687f8;
      color: #fff;
    }

    .ajaw-realchat-voice {
      display: grid;
      grid-template-columns: 22px 1fr auto;
      align-items: center;
      gap: 7px;
      width: min(94%, 250px);
      min-height: 42px;
      padding: 7px 9px;
      border-radius: 13px 13px 5px 13px;
      background: #d9fdd3;
      color: #08744b;
      box-shadow: 0 1px 3px rgba(59,52,45,.1);
    }

    .ajaw-realchat-voice-play {
      display: grid;
      width: 22px;
      height: 22px;
      place-items: center;
      border-radius: 50%;
      background: rgba(18,140,96,.14);
      font-size: 8px;
    }

    .ajaw-realchat-voice-wave {
      height: 20px;
      background: repeating-linear-gradient(90deg, rgba(18,140,96,.76) 0 2px, transparent 2px 5px);
      clip-path: polygon(0 43%,5% 30%,10% 59%,15% 18%,20% 70%,25% 34%,30% 59%,35% 8%,40% 78%,45% 32%,50% 64%,55% 19%,60% 74%,65% 41%,70% 58%,75% 20%,80% 69%,85% 36%,90% 61%,95% 29%,100% 48%,100% 57%,95% 67%,90% 49%,85% 71%,80% 39%,75% 80%,70% 48%,65% 68%,60% 26%,55% 82%,50% 36%,45% 71%,40% 22%,35% 92%,30% 41%,25% 66%,20% 30%,15% 82%,10% 44%,5% 70%,0 57%);
    }

    .ajaw-realchat-voice small {
      color: #5c7668;
      font-size: 7px;
    }

    .ajaw-realchat-proof {
      display: grid;
      align-content: center;
      height: 100%;
      padding: 12px;
      background: linear-gradient(145deg, #dff3df, #edf7ed);
    }

    .ajaw-realchat-proof-card {
      padding: 12px;
      border: 1px solid rgba(92,120,95,.12);
      border-radius: 13px;
      background: rgba(255,255,255,.95);
      box-shadow: 0 4px 12px rgba(49,83,55,.08);
    }

    .ajaw-realchat-proof-row {
      display: grid;
      grid-template-columns: 28px 1fr;
      align-items: center;
      gap: 9px;
    }

    .ajaw-realchat-proof-icon {
      display: grid;
      width: 28px;
      height: 28px;
      place-items: center;
      border-radius: 9px;
      background: #e7f8e9;
      color: #128c60;
      font-size: 14px;
      font-weight: 800;
    }

    .ajaw-realchat-proof-card b {
      display: block;
      margin-bottom: 3px;
      color: #162219;
      font-size: 10px;
      line-height: 1.15;
    }

    .ajaw-realchat-proof-card span {
      display: block;
      color: #58645b;
      font-size: 7.5px;
      line-height: 1.35;
    }

    .ajaw-realchat-preview-label {
      position: absolute;
      bottom: -13px;
      left: 5px;
      color: #aaa7af;
      font-size: 7px;
      font-weight: 500;
      line-height: 1;
      white-space: nowrap;
    }

    .ajaw-proof-card--wide .ajaw-proof-frame {
      min-height: 0;
    }

    .ajaw-proof-card:not(.ajaw-proof-card--wide):not(.ajaw-proof-card--compact) {
      display: none;
    }

    .ajaw-proof-compact {
      padding: 13px 15px 14px;
      background: rgba(255,255,255,.98);
    }

    .ajaw-proof-compact-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 10px;
      color: #777581;
      font-size: 9px;
      line-height: 1;
    }

    .ajaw-proof-compact-head b {
      color: #24232a;
      font-size: 10px;
      font-weight: 760;
    }

    .ajaw-proof-compact-stack {
      display: flex;
      flex-direction: column;
      gap: 7px;
    }

    .ajaw-proof-compact-bubble {
      width: fit-content;
      max-width: 92%;
      padding: 9px 11px;
      border-radius: 14px;
      background: #e9e9ed;
      color: #17171b;
      font-size: 11px;
      line-height: 1.32;
    }

    .ajaw-proof-compact-bubble--blue {
      align-self: flex-end;
      border-bottom-right-radius: 5px;
      background: #1687f8;
      color: #fff;
    }

    .ajaw-proof-compact-bubble--green {
      align-self: flex-end;
      border-bottom-right-radius: 5px;
      background: #d9fdd3;
      color: #1d2a22;
    }

    .ajaw-proof-compact-note {
      margin-top: 8px;
      color: #9a98a4;
      font-size: 8px;
      text-align: right;
    }

    .ajaw-proof-compact-voice {
      display: grid;
      grid-template-columns: 24px 1fr auto;
      align-items: center;
      gap: 8px;
      min-height: 44px;
      padding: 7px 10px;
      border-radius: 13px;
      background: #d9fdd3;
      color: #08744b;
    }

    .ajaw-proof-compact-voice .ajaw-proof-wave {
      min-width: 120px;
    }

    /* Coded chat captures: crisp at every size and shaped like the native apps. */
    .ajaw-wa-capture,
    .ajaw-im-capture {
      position: absolute;
      inset: 0;
      display: flex;
      flex-direction: column;
      overflow: hidden;
      border-radius: inherit;
      font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, sans-serif;
      -webkit-user-select: none;
      user-select: none;
    }

    .ajaw-wa-capture {
      color: #111b21;
      background: #efeae2;
    }

    .ajaw-wa-status {
      position: relative;
      display: flex;
      min-height: 18px;
      align-items: center;
      justify-content: space-between;
      padding: 3px 9px 1px;
      background: #f7f7f8;
      color: #111;
      font-size: 7px;
      font-weight: 720;
      letter-spacing: -.01em;
    }

    .ajaw-wa-status::after {
      position: absolute;
      top: 3px;
      left: 50%;
      width: 40px;
      height: 9px;
      border-radius: 999px;
      background: #050505;
      content: "";
      transform: translateX(-50%);
    }

    .ajaw-wa-status-icons {
      display: flex;
      align-items: center;
      gap: 3px;
    }

    .ajaw-wa-signal {
      display: flex;
      height: 8px;
      align-items: flex-end;
      gap: 1px;
    }

    .ajaw-wa-signal i {
      display: block;
      width: 1.5px;
      border-radius: 1px;
      background: currentColor;
    }

    .ajaw-wa-signal i:nth-child(1) { height: 3px; }
    .ajaw-wa-signal i:nth-child(2) { height: 5px; }
    .ajaw-wa-signal i:nth-child(3) { height: 7px; }

    .ajaw-wa-wifi {
      display: block;
      width: 10px;
      height: 8px;
    }

    .ajaw-wa-wifi svg {
      display: block;
      width: 100%;
      height: 100%;
      fill: none;
      stroke: currentColor;
      stroke-linecap: round;
      stroke-width: 2.35;
    }

    .ajaw-wa-battery {
      position: relative;
      width: 12px;
      height: 6px;
      border: 1px solid currentColor;
      border-radius: 2px;
      opacity: .9;
    }

    .ajaw-wa-battery::before {
      position: absolute;
      inset: 1px;
      border-radius: 1px;
      background: currentColor;
      content: "";
    }

    .ajaw-wa-battery::after {
      position: absolute;
      top: 1px;
      right: -3px;
      width: 1.5px;
      height: 3px;
      border-radius: 0 1px 1px 0;
      background: currentColor;
      content: "";
    }

    .ajaw-wa-header {
      display: grid;
      min-height: 40px;
      grid-template-columns: 10px 29px minmax(0, 1fr) 15px 15px;
      align-items: center;
      gap: 6px;
      padding: 4px 8px;
      border-top: 1px solid rgba(0,0,0,.025);
      border-bottom: 1px solid rgba(17,27,33,.08);
      background: rgba(248,248,249,.98);
      color: #0878ee;
    }

    .ajaw-wa-header svg,
    .ajaw-wa-input svg,
    .ajaw-im-actions svg {
      display: block;
      width: 100%;
      height: 100%;
      fill: none;
      stroke: currentColor;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-width: 1.9;
    }

    .ajaw-wa-avatar,
    .ajaw-im-avatar {
      display: block;
      width: 29px;
      height: 29px;
      border: 1px solid rgba(17,27,33,.08);
      border-radius: 50%;
      object-fit: cover;
      pointer-events: none;
      -webkit-user-drag: none;
      filter: blur(4px) saturate(.72);
      clip-path: circle(46% at 50% 50%);
      transform: scale(1.1);
    }

    .ajaw-wa-identity {
      display: grid;
      width: min(100%, 104px);
      gap: 4px;
      filter: blur(4.5px);
      opacity: .94;
    }

    .ajaw-wa-identity i,
    .ajaw-im-identity i {
      display: block;
      border-radius: 999px;
      background: #15171a;
    }

    .ajaw-wa-identity i:first-child { width: 82%; height: 7px; }
    .ajaw-wa-identity i:last-child { width: 42%; height: 4px; background: #778086; }

    .ajaw-wa-body {
      position: relative;
      display: flex;
      min-height: 0;
      flex: 1;
      flex-direction: column;
      justify-content: flex-start;
      gap: 5px;
      padding: 8px 9px 7px;
      overflow: hidden;
      background-color: #efeae2;
      background-image:
        radial-gradient(circle at 12px 12px, rgba(105,95,84,.075) 0 1px, transparent 1.2px),
        radial-gradient(circle at 34px 29px, transparent 0 5px, rgba(105,95,84,.05) 5.6px 6.4px, transparent 6.8px),
        linear-gradient(45deg, transparent 46%, rgba(105,95,84,.035) 47% 49%, transparent 50%);
      background-size: 44px 44px, 56px 56px, 38px 38px;
    }

    .ajaw-wa-encryption {
      align-self: center;
      max-width: 88%;
      padding: 4px 7px;
      border-radius: 5px;
      background: #ffeeba;
      color: #746644;
      font-size: 5.6px;
      line-height: 1.25;
      text-align: center;
      box-shadow: 0 1px 1px rgba(17,27,33,.07);
    }

    .ajaw-wa-day {
      align-self: center;
      padding: 3px 7px;
      border-radius: 5px;
      background: rgba(255,255,255,.86);
      color: #65727a;
      font-size: 6px;
      line-height: 1;
      box-shadow: 0 1px 1px rgba(17,27,33,.08);
    }

    .ajaw-wa-bubble {
      position: relative;
      width: fit-content;
      max-width: 91%;
      padding: 7px 8px 6px;
      border-radius: 8px;
      background: #fff;
      color: #111b21;
      font-size: clamp(8px, .66vw, 10.5px);
      line-height: 1.3;
      box-shadow: 0 1px 1px rgba(17,27,33,.11);
    }

    .ajaw-wa-bubble::before {
      position: absolute;
      top: 0;
      left: -5px;
      width: 8px;
      height: 9px;
      background: inherit;
      clip-path: polygon(100% 0, 100% 100%, 0 0);
      content: "";
    }

    .ajaw-wa-bubble--out {
      align-self: flex-end;
      background: #d9fdd3;
    }

    .ajaw-wa-bubble--out::before {
      right: -5px;
      left: auto;
      clip-path: polygon(0 0, 100% 0, 0 100%);
    }

    .ajaw-wa-message-meta {
      display: inline-flex;
      float: right;
      align-items: center;
      gap: 2px;
      margin: 5px 0 0 8px;
      color: #879198;
      font-size: 5.7px;
      line-height: 1;
      white-space: nowrap;
    }

    .ajaw-wa-checks {
      color: #34b7f1;
      font-size: 7px;
      font-weight: 750;
      letter-spacing: -3px;
    }

    .ajaw-wa-appointment {
      width: min(91%, 250px);
      padding: 8px 9px;
      border-left: 3px solid #25a75d;
      border-radius: 7px;
      background: #fff;
      box-shadow: 0 1px 1px rgba(17,27,33,.11);
    }

    .ajaw-wa-appointment small,
    .ajaw-wa-appointment span,
    .ajaw-wa-appointment b {
      display: block;
    }

    .ajaw-wa-appointment small {
      margin-bottom: 3px;
      color: #66737b;
      font-size: 6px;
      font-weight: 700;
      letter-spacing: .06em;
      text-transform: uppercase;
    }

    .ajaw-wa-appointment b { font-size: 10px; line-height: 1.15; }
    .ajaw-wa-appointment span { margin-top: 3px; color: #5d686f; font-size: 7px; line-height: 1.25; }

    .ajaw-wa-input {
      display: grid;
      min-height: 29px;
      grid-template-columns: 14px minmax(0, 1fr) 14px 14px;
      align-items: center;
      gap: 5px;
      padding: 4px 7px;
      border-top: 1px solid rgba(17,27,33,.06);
      background: #f7f7f8;
      color: #0878ee;
    }

    .ajaw-wa-input-pill {
      position: relative;
      height: 19px;
      border: 1px solid #d7dadd;
      border-radius: 999px;
      background: #fff;
    }

    .ajaw-wa-input-pill::after {
      position: absolute;
      top: 50%;
      left: 7px;
      color: #9da3a7;
      content: "Mensaje";
      font-size: 6px;
      transform: translateY(-50%);
    }

    .ajaw-wa-capture--short .ajaw-wa-status { display: none; }
    .ajaw-wa-capture--short .ajaw-wa-header { min-height: 34px; grid-template-columns: 9px 24px minmax(0,1fr) 13px 13px; }
    .ajaw-wa-capture--short .ajaw-wa-avatar { width: 24px; height: 24px; }
    .ajaw-wa-capture--short .ajaw-wa-body { padding-block: 6px; }
    .ajaw-wa-capture--short .ajaw-wa-input { min-height: 24px; }
    .ajaw-wa-capture--short .ajaw-wa-input-pill { height: 16px; }

    .ajaw-proof-compact--imessage {
      position: relative;
      overflow: hidden;
      padding: 0 0 12px;
      background: #fff;
    }

    .ajaw-im-status {
      display: flex;
      min-height: 19px;
      align-items: center;
      justify-content: space-between;
      padding: 4px 11px 1px;
      color: #111;
      font-size: 7px;
      font-weight: 720;
    }

    .ajaw-ios-status-icons {
      display: flex;
      align-items: center;
      gap: 4px;
    }

    .ajaw-im-head {
      display: grid;
      min-height: 39px;
      grid-template-columns: 12px 29px minmax(0,1fr) 18px;
      align-items: center;
      gap: 6px;
      padding: 3px 11px 5px;
      border-bottom: 1px solid #ececef;
      color: #0878ee;
    }

    .ajaw-im-back { font-size: 24px; font-weight: 300; line-height: 1; transform: translateY(-1px); }

    .ajaw-im-identity {
      display: grid;
      width: min(100%, 106px);
      gap: 4px;
      filter: blur(4.5px);
    }

    .ajaw-im-identity i:first-child { width: 88%; height: 7px; }
    .ajaw-im-identity i:last-child { width: 48%; height: 4px; background: #83858b; }
    .ajaw-im-actions { display: block; width: 18px; height: 18px; }

    .ajaw-proof-compact--imessage .ajaw-proof-compact-stack { padding: 10px 13px 0; }
    .ajaw-proof-compact--imessage .ajaw-proof-compact-note { padding: 0 14px; }

    .ajaw-proof-compact--imessage .ajaw-proof-compact-bubble {
      position: relative;
      border-bottom-left-radius: 5px;
      font-size: 10px;
    }

    .ajaw-proof-compact--imessage .ajaw-proof-compact-bubble::after {
      position: absolute;
      bottom: 0;
      left: -5px;
      width: 8px;
      height: 9px;
      background: inherit;
      clip-path: polygon(100% 0, 100% 100%, 0 100%);
      content: "";
    }

    .ajaw-proof-compact--imessage .ajaw-proof-compact-bubble--blue::after {
      right: -5px;
      left: auto;
      clip-path: polygon(0 0, 100% 100%, 0 100%);
    }

    @media (min-width: 900px) and (max-width: 1099px) {
      .ajaw-proof-section {
        min-height: 940px;
        padding: 0;
      }

      .ajaw-proof-shell {
        min-height: inherit;
      }

      .ajaw-proof-core {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 52vw;
        margin: 0;
        transform: translate(-50%, -50%);
      }

      .ajaw-proof-canvas {
        position: absolute;
        inset: 0;
        display: block;
        width: 100%;
        margin: 0;
      }

      .ajaw-proof-card {
        position: absolute;
        top: var(--top);
        left: var(--left);
        width: min(var(--width), 30vw);
        margin: 0;
        transform: translate3d(var(--enter-x, 0), 28px, 0) rotate(var(--rotation, 0deg)) scale(.97);
      }

      .ajaw-proof-card.is-visible {
        transform: translate3d(0,0,0) rotate(var(--rotation, 0deg)) scale(1);
      }
    }

    @media (max-width: 1099px) {
      .ajaw-proof-section {
        min-height: auto;
        padding-top: 104px;
      }

      .ajaw-proof-core {
        width: min(100%, 660px);
      }

      .ajaw-proof-title {
        font-size: clamp(46px, 7.1vw, 62px);
      }
    }

    @media (max-width: 767px) {
      .ajaw-proof-section {
        padding-top: 84px;
      }

      .ajaw-proof-core {
        margin-bottom: 34px;
      }

      .ajaw-proof-title {
        max-width: 340px;
        font-size: clamp(42px, 12.2vw, 54px);
      }

      .ajaw-proof-cta {
        width: 100%;
        min-width: 0;
        min-height: 56px;
        border-radius: 15px;
      }

      .ajaw-proof-card {
        flex-basis: min(82vw, 340px);
        width: min(82vw, 340px);
      }

      .ajaw-proof-frame--shot {
        height: 300px;
      }
    }

    .ajaw-proof-mobile-marquee {
      display: none;
    }

    @keyframes ajaw-proof-mobile-marquee {
      from { transform: translate3d(0, -50%, 0); }
      to { transform: translate3d(-50%, -50%, 0); }
    }

    @media (max-width: 767px) {
      .ajaw-proof-section {
        padding-bottom: 54px;
      }

      .ajaw-proof-title {
        max-width: 360px;
        font-size: clamp(38px, 10.4vw, 42px);
        line-height: 1.04;
      }

      .ajaw-proof-disclosure {
        max-width: 340px;
      }

      .ajaw-proof-section.has-mobile-marquee .ajaw-proof-canvas {
        display: none;
      }

      .ajaw-proof-mobile-marquee {
        position: relative;
        display: grid;
        gap: 18px;
        width: 100%;
        margin-top: 14px;
        padding: 4px 0 24px;
        overflow: hidden;
      }

      .ajaw-proof-mobile-row {
        position: relative;
        height: var(--row-height, 148px);
        overflow: visible;
      }

      .ajaw-proof-mobile-track {
        position: absolute;
        top: 50%;
        left: 0;
        display: flex;
        width: max-content;
        transform: translateY(-50%);
        animation: ajaw-proof-mobile-marquee var(--marquee-duration, 36s) linear var(--marquee-delay, 0s) infinite;
        will-change: transform;
      }

      .ajaw-proof-mobile-set {
        display: flex;
        align-items: center;
        gap: 16px;
        padding-right: 16px;
      }

      .ajaw-proof-mobile-row:nth-child(1) {
        --row-height: 148px;
      }

      .ajaw-proof-mobile-row:nth-child(2) {
        --row-height: 174px;
      }

      .ajaw-proof-mobile-row:nth-child(3) {
        --row-height: 142px;
      }

      .ajaw-proof-mobile-marquee .ajaw-proof-card {
        position: relative;
        top: auto;
        left: auto;
        display: block !important;
        flex: 0 0 auto;
        width: min(var(--width), 86vw);
        margin: 0;
        opacity: 1;
        transform: none !important;
        transition: none;
      }

      .ajaw-proof-mobile-marquee .ajaw-proof-drift {
        animation: none !important;
        transform: none !important;
      }

      .ajaw-proof-mobile-marquee .ajaw-proof-frame {
        border-radius: 16px;
        box-shadow: 0 8px 22px rgba(26, 24, 40, .09), 0 1px 4px rgba(26, 24, 40, .05);
      }

      .ajaw-proof-mobile-marquee .ajaw-proof-frame--shot {
        height: clamp(108px, calc(var(--shot-height) * .6), 172px);
      }

      .ajaw-proof-mobile-marquee .ajaw-proof-shot-label {
        right: 7px;
        bottom: 6px;
        font-size: 7px;
      }

      .ajaw-proof-mobile-marquee .ajaw-proof-compact {
        min-height: 104px;
      }
    }

    @media (max-width: 767px) and (prefers-reduced-motion: reduce) {
      .ajaw-proof-mobile-marquee {
        overflow-x: auto;
        scrollbar-width: none;
      }

      .ajaw-proof-mobile-marquee::-webkit-scrollbar {
        display: none;
      }

      .ajaw-proof-mobile-track {
        animation: none;
        transform: translateY(-50%);
      }

      .ajaw-proof-mobile-set:last-child {
        display: none;
      }
    }

    /* Real product capture + readable mobile proof wall. */
    .steps-mobile-inbox,
    .steps-mobile-actions {
      display: none;
    }

    .messages-real-product {
      position: relative;
      z-index: 2;
      overflow: hidden;
      border: 1px solid #dcdae8;
      border-radius: 28px;
      background: #f8f9fc;
      box-shadow: 0 36px 90px rgba(31,25,76,.16), 0 2px 8px rgba(31,25,76,.05);
    }

    .messages-real-product img {
      display: block;
      width: 100%;
      height: auto;
    }

    .messages-real-label {
      position: absolute;
      right: 16px;
      bottom: 14px;
      padding: 6px 9px;
      border: 1px solid rgba(221,219,232,.9);
      border-radius: 999px;
      background: rgba(255,255,255,.9);
      color: #777386;
      font-size: 9px;
      font-weight: 700;
      backdrop-filter: blur(10px);
    }

    @media (max-width: 767px) {
      .ajaw-proof-section {
        padding-top: 74px;
        padding-bottom: 82px;
      }

      .ajaw-proof-core {
        margin-bottom: 40px;
        padding-inline: 20px;
      }

      .ajaw-proof-mobile-marquee {
        gap: 22px;
        margin-top: 20px;
        padding-bottom: 34px;
      }

      .ajaw-proof-mobile-row,
      .ajaw-proof-mobile-row:nth-child(1),
      .ajaw-proof-mobile-row:nth-child(3) {
        --row-height: 286px;
      }

      .ajaw-proof-mobile-row:nth-child(2) {
        --row-height: 306px;
      }

      .ajaw-proof-mobile-set {
        gap: 18px;
        padding-right: 18px;
      }

      .ajaw-proof-mobile-marquee .ajaw-proof-card {
        width: min(var(--width), 91vw);
      }

      .ajaw-proof-mobile-marquee .ajaw-proof-frame--shot {
        height: 268px;
      }

      .ajaw-proof-mobile-marquee .ajaw-proof-compact {
        min-height: 214px;
      }

      .ajaw-proof-mobile-marquee .ajaw-wa-status {
        min-height: 24px;
        padding: 4px 11px 2px;
        font-size: 9px;
      }

      .ajaw-proof-mobile-marquee .ajaw-wa-status::after {
        width: 48px;
        height: 11px;
      }

      .ajaw-proof-mobile-marquee .ajaw-wa-header {
        min-height: 52px;
        grid-template-columns: 13px 37px minmax(0,1fr) 19px 19px;
        gap: 8px;
        padding: 6px 11px;
      }

      .ajaw-proof-mobile-marquee .ajaw-wa-avatar {
        width: 37px;
        height: 37px;
      }

      .ajaw-proof-mobile-marquee .ajaw-wa-identity {
        width: min(100%, 132px);
      }

      .ajaw-proof-mobile-marquee .ajaw-wa-body {
        gap: 8px;
        padding: 11px 13px 10px;
      }

      .ajaw-proof-mobile-marquee .ajaw-wa-day {
        padding: 4px 9px;
        font-size: 8px;
      }

      .ajaw-proof-mobile-marquee .ajaw-wa-encryption {
        padding: 5px 8px;
        font-size: 7px;
      }

      .ajaw-proof-mobile-marquee .ajaw-wa-bubble {
        padding: 10px 11px 9px;
        font-size: 12px;
        line-height: 1.36;
      }

      .ajaw-proof-mobile-marquee .ajaw-wa-message-meta {
        font-size: 7px;
      }

      .ajaw-proof-mobile-marquee .ajaw-wa-input {
        min-height: 38px;
        grid-template-columns: 17px minmax(0,1fr) 17px 17px;
        gap: 7px;
        padding: 5px 9px;
      }

      .ajaw-proof-mobile-marquee .ajaw-wa-input-pill {
        height: 25px;
      }

      .ajaw-proof-mobile-marquee .ajaw-wa-input-pill::after {
        font-size: 8px;
      }

      .ajaw-proof-mobile-marquee .ajaw-proof-compact-bubble {
        font-size: 12px;
        line-height: 1.38;
      }

      .ajaw-proof-mobile-marquee .ajaw-proof-compact-note {
        font-size: 9px;
      }

      .steps-sec {
        padding-top: 70px;
      }

      .steps-mobile-inbox {
        position: relative;
        display: block;
        width: calc(100% - 36px);
        max-width: 390px;
        margin: 0 auto 58px;
      }

      .steps-mobile-inbox-frame {
        position: relative;
        height: 520px;
        overflow: hidden;
        border: 1px solid #dfdde8;
        border-radius: 34px;
        background: #f7f8fc;
        box-shadow: 0 24px 54px rgba(35,29,78,.13);
      }

      .steps-mobile-inbox-frame img {
        position: absolute;
        top: 0;
        left: -126px;
        width: auto;
        max-width: none;
        height: 520px;
      }

      .steps-mobile-inbox-gear {
        position: absolute;
        top: -34px;
        right: -15px;
        width: 104px;
        filter: drop-shadow(0 14px 24px rgba(64,50,200,.25));
        transform: rotate(12deg);
      }

      .steps-mobile-inbox > span {
        position: absolute;
        right: 16px;
        bottom: 14px;
        padding: 6px 9px;
        border: 1px solid #e3e1eb;
        border-radius: 999px;
        background: rgba(255,255,255,.92);
        color: #716e7d;
        font-size: 9px;
        font-weight: 750;
        backdrop-filter: blur(10px);
      }

      .steps-sec .kicker {
        display: none;
      }

      .steps-sec .h2 {
        max-width: 10ch;
        font-size: clamp(42px, 12vw, 54px);
        line-height: 1.02;
      }

      .steps-mobile-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin-top: 30px;
      }

      .steps-mobile-actions a {
        min-height: 58px;
        padding-inline: 12px;
        font-size: 14px;
      }

      .steps {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0;
        overflow: visible;
        margin: 54px 0 0;
        padding: 0;
        scroll-snap-type: none;
      }

      .steps::before {
        top: 8px;
        right: auto;
        bottom: 28px;
        left: 18px;
        width: 1px;
        height: auto;
        transform: scaleY(0);
        transform-origin: top;
      }

      .steps.in::before {
        transform: scaleY(1);
      }

      .step {
        width: 100%;
        min-height: 152px;
        padding: 0 8px 38px 68px;
      }

      .step::before {
        top: 2px;
        left: 12px;
      }

      .step b {
        font-size: 21px;
      }

      .step span {
        max-width: 30ch;
        font-size: 16px;
        line-height: 1.5;
      }

      .messages-showcase {
        display: none;
      }
    }