@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/plusjakartasans-latin.woff2)format("woff2")}@font-face{font-family:Fragment Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/fragment-mono-latin.woff2)format("woff2")}:root{--cream:#f4f3fa;--mint:#e2f1e9;--sky:#e6e9fb;--pink:#f0e6f2;--yellow:#e8c98a;--orange:#c8843f;--amber:#d9a05b;--sunset:#c8843f;--blue:#0031fe;--green:#25d366;--ink:#12161e;--muted:#5a5f72;--line:#12161e1f;--line-strong:#12161e38;--header-glass:#f4f3faad;--white:#fff;--sans:"Plus Jakarta Sans", system-ui, sans-serif;--mono:"Fragment Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ease:cubic-bezier(.2,.86,.28,1.06)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(circle at 12% 16%, #e8c98a8a, transparent 26rem), radial-gradient(circle at 50% 8%, #c8843f2e, transparent 24rem), radial-gradient(circle at 86% 12%, #0031fe2e, transparent 30rem), linear-gradient(180deg, var(--cream) 0%, #f7f6fc 46%, #f7fbf4 100%);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}a,button{color:inherit;font:inherit}.site-header{z-index:50;color:#fffffff0;pointer-events:none;transition:padding .182s var(--ease), color .182s var(--ease);padding:14px clamp(14px,2.4vw,34px);position:fixed;top:0;left:0;right:0}.header-shell{pointer-events:auto;width:100%;min-height:70px;transition:min-height .182s var(--ease), background .182s var(--ease), box-shadow .182s var(--ease), border-color .182s var(--ease), backdrop-filter .182s var(--ease), transform .182s var(--ease);border:1px solid #0000;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:12px clamp(14px,2.4vw,28px);display:grid;position:relative}.site-header.is-scrolled{color:var(--ink);padding-block-start:10px;padding-block-end:10px}.site-header--light-surface:not(.is-scrolled){color:var(--ink)}.site-header--light-surface:not(.is-scrolled) .brand-logo{--logo-ink:#12161e;--logo-swirl-main:#0031fe;--logo-swirl-accent:#25d366}.site-header--light-surface:not(.is-scrolled) .site-nav a,.site-header--light-surface:not(.is-scrolled) .signin,.site-header--light-surface:not(.is-scrolled) .language-switch{color:#12161eb8}.site-header--light-surface:not(.is-scrolled) .site-nav a:hover,.site-header--light-surface:not(.is-scrolled) .signin:hover,.site-header--light-surface:not(.is-scrolled) .language-switch:hover{color:var(--ink)}.site-header--light-surface:not(.is-scrolled) .header-cta{border-color:var(--ink);background:var(--ink);color:var(--white)}.site-header.is-scrolled .header-shell{background:var(--header-glass);-webkit-backdrop-filter:blur(14px)saturate(125%);backdrop-filter:blur(14px)saturate(125%);border-color:#12161e1a;min-height:62px;box-shadow:0 12px 34px #12161e1a}.brand,.site-nav a,.signin,.language-switch,.header-cta,.button,.eyebrow,.signal-board,.love-strip,.card-label{font-family:var(--mono)}.brand{align-items:center;width:122px;min-width:122px;height:40px;font-weight:700;text-decoration:none;transition:width .434s cubic-bezier(.74,0,.26,1),min-width .434s cubic-bezier(.74,0,.26,1);display:inline-flex}.brand-logo{--logo-ink:#f8f7fc;--logo-swirl-main:#f8f7fc;--logo-swirl-accent:#f8f7fc;flex:none;width:122px;height:auto;display:block}.site-header.is-scrolled .brand{width:64px;min-width:64px}.site-header.is-logo-repositioning .brand-logo__word-clip,.site-header.is-logo-repositioning .brand-logo__letter,.site-header.is-logo-repositioning .brand-logo__swirl-position,.site-header.is-logo-repositioning .brand-logo__swirl-draw{will-change:transform}.site-header.is-scrolled .brand-logo{--logo-ink:#12161e;--logo-swirl-main:#0031fe;--logo-swirl-accent:#25d366}.brand-logo>path{stroke:var(--logo-ink);transition:stroke .182s var(--ease)}.brand-logo__word-rest path{fill:var(--logo-ink)}.brand-logo__letter{opacity:1;transform-box:fill-box;transform-origin:bottom;transition:fill .182s var(--ease), opacity .35s cubic-bezier(.55, .085, .68, .53), transform .364s cubic-bezier(.55, .085, .68, .53);transform:translateY(0)rotate(0)}.site-header.is-scrolled .brand .brand-logo__letter--a{opacity:0;transition-delay:0s;transform:translateY(34px)rotate(6deg)}.site-header.is-scrolled .brand .brand-logo__letter--n{opacity:0;transition-delay:45ms;transform:translateY(32px)rotate(-3deg)}.site-header.is-scrolled .brand .brand-logo__letter--i{opacity:0;transition-delay:63ms;transform:translateY(30px)rotate(4deg)}.site-header:not(.is-scrolled) .brand .brand-logo__letter--i{transition-delay:0s}.site-header:not(.is-scrolled) .brand .brand-logo__letter--n{transition-delay:45ms}.site-header:not(.is-scrolled) .brand .brand-logo__letter--a{transition-delay:63ms}.brand-logo__word-rest{opacity:1;transform-box:fill-box;transform-origin:0;transition:transform .364s cubic-bezier(.74,0,.26,1);transform:translate(0)}.brand-logo__word-clip{transform-box:fill-box;transform-origin:0;transition:transform .434s cubic-bezier(.74,0,.26,1);transform:scaleX(1)}.site-header.is-scrolled .brand .brand-logo__word-rest{transform:translate(-3px)skew(-4deg)}.site-header.is-scrolled .brand .brand-logo__word-clip{transform:scaleX(0)}.brand-logo__swirl-position{transition:transform .434s cubic-bezier(.74,0,.26,1);transform:translate(0)}.site-header.is-scrolled .brand .brand-logo__swirl-position{transform:translate(-116px)}.brand-logo__swirl-main,.brand-logo__swirl-accent{stroke-dasharray:1;stroke-dashoffset:1px}.brand-logo__swirl-main{stroke:var(--logo-swirl-main);animation:jawbiSwirlDrawMain 4.2s var(--ease) infinite}.brand-logo__swirl-accent{stroke:var(--logo-swirl-accent);animation:jawbiSwirlDrawAccent 4.2s var(--ease) infinite}.brand .brand-logo__swirl-draw{transform-box:fill-box;transform-origin:50%}.site-header.is-scrolled.is-logo-repositioning .brand .brand-logo__swirl-draw{animation:.434s cubic-bezier(.26,.9,.32,1.04) both jawbiSwirlCompactLand}.site-header:not(.is-scrolled).is-logo-repositioning .brand .brand-logo__swirl-draw{animation:.434s cubic-bezier(.2,.86,.28,1.06) both jawbiSwirlExpandRelease}.site-nav{justify-content:center;align-items:center;gap:clamp(16px,3vw,36px);display:flex}.product-nav{font-family:var(--mono);position:relative}.product-nav summary{color:#ffffffd1;cursor:pointer;transition:color .126s var(--ease);align-items:center;gap:6px;font-size:13px;list-style:none;display:inline-flex}.product-nav summary::-webkit-details-marker{display:none}.product-nav summary span{transition:transform .126s var(--ease);font-size:15px;display:inline-block}.product-nav[open] summary span{transform:rotate(180deg)}.product-nav summary:hover{color:var(--white)}.product-nav summary:focus-visible{color:var(--white)}.site-header.is-scrolled .product-nav summary,.site-header--light-surface:not(.is-scrolled) .product-nav summary{color:var(--muted)}.site-header.is-scrolled .product-nav summary:hover,.site-header--light-surface:not(.is-scrolled) .product-nav summary:hover{color:var(--ink)}.site-header.is-scrolled .product-nav summary:focus-visible{color:var(--ink)}.site-header--light-surface:not(.is-scrolled) .product-nav summary:focus-visible{color:var(--ink)}.product-nav__panel{z-index:70;color:var(--ink);-webkit-backdrop-filter:blur(18px)saturate(120%);backdrop-filter:blur(18px)saturate(120%);animation:productMenuIn .154s var(--ease) both;background:#fffffff5;border:1px solid #12161e1a;border-radius:12px;padding:clamp(22px,3vw,34px);position:fixed;top:98px;left:clamp(14px,2.4vw,34px);right:clamp(14px,2.4vw,34px);box-shadow:0 28px 70px #12161e33}.site-header.is-scrolled .product-nav__panel{top:88px}.product-nav__panel>p{color:var(--muted);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 18px;font-size:10px}.product-nav__grid{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.site-nav .product-nav__grid a{min-width:0;min-height:154px;color:var(--ink);transition:background .126s var(--ease), transform .126s var(--ease);border-left:1px solid #12161e1a;grid-template-columns:44px minmax(0,1fr) auto;align-items:start;gap:16px;padding:22px;text-decoration:none;display:grid;position:relative}.site-nav .product-nav__grid a:last-child{border-right:1px solid #12161e1a}.site-nav .product-nav__grid a:hover,.product-nav__grid a.is-active{color:var(--ink);background:#f4f3fa;transform:translateY(-3px)}.site-nav .product-nav__grid a:focus-visible{color:var(--ink);background:#f4f3fa;transform:translateY(-3px)}.product-nav__icon{background:#fff;border-radius:11px;place-items:center;width:44px;height:44px;display:grid;box-shadow:inset 0 0 0 1px #12161e14}.product-nav__icon svg{width:24px;height:24px}.product-nav__grid a>span:nth-child(2){gap:8px;display:grid}.product-nav__grid strong{font-family:var(--sans);font-size:clamp(1.1rem,1.5vw,1.35rem);line-height:1}.product-nav__grid small{color:var(--muted);font-family:var(--sans);font-size:.86rem;line-height:1.3}.product-nav__grid i{color:var(--muted);font-style:normal}@keyframes productMenuIn{0%{opacity:0;transform:translateY(-10px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.site-nav a,.signin,.language-switch{color:#ffffffd1;transition:color .126s var(--ease);font-size:13px;text-decoration:none}.site-nav a:hover,.signin:hover,.language-switch:hover{color:var(--white)}.site-header.is-scrolled .site-nav a,.site-header.is-scrolled .signin,.site-header.is-scrolled .language-switch{color:var(--muted)}.site-header.is-scrolled .site-nav a:hover,.site-header.is-scrolled .signin:hover,.site-header.is-scrolled .language-switch:hover{color:var(--ink)}.header-actions{align-items:center;gap:14px;display:flex}.mobile-menu-toggle{width:42px;height:42px;color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:50%;place-items:center;gap:5px;padding:10px;display:none}.mobile-menu-toggle span{background:currentColor;width:17px;height:1px;display:block}.mobile-navigation{z-index:180;pointer-events:auto;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.mobile-navigation__backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03100d8f;border:0;position:absolute;top:0;bottom:0;left:0;right:0}.mobile-navigation__panel{min-height:100dvh;padding:18px clamp(18px, 5vw, 34px) max(24px, env(safe-area-inset-bottom));color:#fbfafe;animation:mobileNavigationIn .196s var(--ease) both;background-color:#061d18;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:64px 64px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow-y:auto}.mobile-navigation__topbar{grid-template-columns:auto 1fr auto;align-items:center;gap:16px;display:grid}.mobile-navigation__brand{display:inline-flex}.mobile-navigation__brand .brand-logo{--logo-ink:#fbfafe;--logo-swirl-main:#0031fe;--logo-swirl-accent:#25d366;width:118px}.mobile-navigation__language{color:#fbfafeb8;font-family:var(--mono);justify-self:start;font-size:11px;text-decoration:none}.mobile-navigation__close{color:#fbfafe;cursor:pointer;background:0 0;border:1px solid #fbfafe66;border-radius:50%;width:44px;height:44px;position:relative}.mobile-navigation__close span{background:currentColor;width:19px;height:1px;position:absolute;top:50%;left:50%}.mobile-navigation__close span:first-child{transform:translate(-50%,-50%)rotate(45deg)}.mobile-navigation__close span:last-child{transform:translate(-50%,-50%)rotate(-45deg)}.mobile-navigation__cta{background:linear-gradient(135deg, var(--yellow), var(--orange));color:#12161e;width:-moz-fit-content;width:fit-content;min-height:44px;font-family:var(--mono);text-transform:uppercase;border:1px solid #12161e;border-radius:999px;justify-content:center;align-self:flex-start;align-items:center;gap:14px;margin-top:24px;padding:0 18px;font-size:10px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:3px 4px #fbfafee0}.mobile-navigation__links{margin-top:38px}.mobile-navigation__group{border-top:1px solid #fbfafe33;border-bottom:1px solid #fbfafe33}.mobile-navigation__group summary{color:#fbfafe;min-height:66px;font-family:var(--mono);cursor:pointer;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;list-style:none;display:flex}.mobile-navigation__group summary::-webkit-details-marker{display:none}.mobile-navigation__group summary span{transition:transform .126s var(--ease)}.mobile-navigation__group[open] summary span{transform:rotate(180deg)}.mobile-navigation__products{border-top:1px solid #fbfafe1f}.mobile-navigation__products a{color:#fbfafe;border-bottom:1px solid #fbfafe1f;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:78px;padding:12px 0;text-decoration:none;display:grid}.mobile-navigation__products a:last-child{border-bottom:0}.mobile-navigation__products a.is-active{color:var(--yellow)}.mobile-navigation__product-icon{background:#fbfafe;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.mobile-navigation__product-icon svg{width:22px;height:22px}.mobile-navigation__products a>span:nth-child(2){gap:3px;display:grid}.mobile-navigation__products strong{font-size:1.08rem;line-height:1}.mobile-navigation__products small{color:#fbfafe94;font-size:.82rem;line-height:1.25}.mobile-navigation__products i{color:#fbfafe7a;font-style:normal}.mobile-navigation__primary{display:grid}.mobile-navigation__primary a{color:#fbfafe;min-height:58px;font-family:var(--mono);text-transform:uppercase;border-bottom:1px solid #fbfafe29;justify-content:space-between;align-items:center;font-size:12px;text-decoration:none;display:flex}.mobile-navigation__primary a span{color:#fbfafe75}.mobile-navigation__footer{color:#fbfafe8f;font-family:var(--mono);justify-content:space-between;align-items:center;gap:18px;margin-top:auto;padding-top:34px;font-size:9px;display:flex}.mobile-navigation__footer a{color:var(--yellow);text-decoration:none}@keyframes mobileNavigationIn{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}.language-switch{width:42px;height:42px;transition:color .126s var(--ease), background .126s var(--ease), transform .126s var(--ease);border:1px solid;border-radius:50%;flex:0 0 42px;place-items:center;font-size:11px;font-weight:700;text-decoration:none;display:inline-grid}.language-switch:hover{background:#ffffff1f;transform:translateY(-2px)}.site-header.is-scrolled .language-switch:hover{background:#12161e14}.header-cta,.button{min-height:46px;transition:transform .126s var(--ease), box-shadow .126s var(--ease), background .126s var(--ease);border-radius:999px;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.header-cta{color:var(--white);font-family:var(--mono);box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#12161e1f;border:1px solid #ffffffd6;padding:0 20px;font-size:13px}.site-header.is-scrolled .header-cta{border-color:var(--ink);background:linear-gradient(135deg, var(--yellow), var(--orange));color:var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:4px 5px #12161eeb}.button{border:1px solid var(--line-strong);font-family:var(--mono);padding:0 24px;font-size:13px;font-weight:700}.header-cta:hover,.button:hover{transform:translateY(-2px);box-shadow:0 14px 34px #12161e24}.button-primary{border-color:var(--ink);background:linear-gradient(135deg, var(--yellow), var(--orange));color:var(--ink);box-shadow:4px 5px #12161ee6}.button-secondary{color:var(--ink);background:#ffffffb8}.hero{isolation:isolate;grid-template-columns:minmax(0,1.04fr) minmax(500px,.96fr);align-items:center;gap:clamp(28px,4vw,72px);width:100%;min-height:max(760px,100svh);margin:0;padding:clamp(126px,13vh,170px) clamp(24px,7vw,120px) clamp(72px,9vh,110px);display:grid;position:relative;overflow:hidden}.hero:before{z-index:-1;content:"";pointer-events:none;background:0 0;position:absolute;top:0;bottom:0;left:0;right:0}.hero-media{z-index:-2;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.hero-media,.hero-media__poster,.hero-media img,.hero-media__video{width:100%;height:100%}.hero-media__poster,.hero-media__video{position:absolute;top:0;bottom:0;left:0;right:0}.hero-media__poster{z-index:0;display:block}.hero-media img{--hero-cover-scale:1.055;object-fit:cover;object-position:center center;transform:scale(var(--hero-cover-scale));transform-origin:54%;will-change:transform;animation:.7s cubic-bezier(.2,.86,.28,1.06) both heroCoverZoomIn;display:block}.hero-media__video{z-index:1;object-fit:cover;object-position:center center;opacity:0;transition:opacity .294s ease-out;display:block}.hero-media__video.is-ready{opacity:1}@keyframes heroCoverZoomIn{0%{transform:scale(var(--hero-cover-scale))}to{transform:scale(1.008)}}.hero-copy{z-index:4;color:#fffffff5;width:100%;max-width:650px;position:relative}.eyebrow{color:#0b9f75;text-transform:uppercase;margin:0 0 18px;font-size:12px;font-weight:700}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;max-width:780px;margin-bottom:24px;font-size:clamp(3.748rem,7.675vw,7.853rem);font-weight:800;line-height:.84}.hero h1{font-size:clamp(3.748rem,6.247vw,6.604rem)}.hero-title__mobile,.hero-lead--mobile{display:none}.hero-title__desktop{display:block}.product-route-loading{background:#f7f6fc;min-height:100svh}h2{letter-spacing:0;font-size:clamp(2.276rem,4.997vw,5.533rem);font-weight:800;line-height:.9}h3{font-size:clamp(1.205rem,1.785vw,1.785rem);line-height:1.05}.hero-lead{color:#ffffffc7;max-width:650px;font-size:clamp(1.1rem,1.5vw,1.3rem);line-height:1.55}.hero .eyebrow{color:#e8c98a}.hero .button-secondary{color:var(--white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#12161e42;border-color:#ffffff94}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.signal-board{width:-moz-fit-content;width:fit-content;color:var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border:2px solid #12161e;border-radius:999px;align-items:center;gap:14px;margin-top:28px;padding:10px 14px 10px 10px;display:flex;box-shadow:5px 6px #e8c98aeb}.channel-stack{display:flex}.channel-stack span{background:linear-gradient(135deg, var(--yellow), var(--orange));width:38px;height:38px;font-family:var(--mono);border:2px solid #12161e;border-radius:50%;place-items:center;font-size:11px;font-weight:800;display:grid}.channel-stack span+span{margin-left:-12px}.signal-copy{gap:1px;display:grid}.signal-copy strong{font-size:14px}.signal-copy span{color:var(--muted);font-size:12px}.hero-stage{z-index:3;pointer-events:none;justify-self:end;width:min(640px,46vw);min-width:0;height:clamp(610px,70vh,670px);position:relative}.hero-stage.is-popup-only .story-preview,.hero-stage.is-popup-only .bubble,.hero-stage.is-popup-only .phone-card,.hero-stage.is-popup-only .stats-card,.hero-stage.is-popup-only .live-inbox-card{display:none}.story-preview{z-index:1;transform-origin:50%;background:#fffdf8;border:2px solid #12161e;border-radius:28px;width:272px;position:absolute;top:82px;left:0;overflow:hidden;transform:rotate(-2.4deg);box-shadow:10px 12px #12161ef0,0 28px 70px #04081047}.story-top{color:var(--ink);align-items:center;gap:9px;padding:13px 14px 11px;display:flex}.story-brand-avatar,.contact-avatar{background:linear-gradient(135deg, var(--yellow), var(--orange));color:var(--ink);font-family:var(--mono);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.story-brand-avatar{width:32px;height:32px;font-size:11px}.story-top div{gap:1px;min-width:0;display:grid}.story-top strong{font-size:12px}.story-top small{color:var(--muted);font-size:10px}.story-channel{border:1px solid var(--line-strong);font-family:var(--mono);background:#f5f7fb;border-radius:999px;margin-left:auto;padding:6px 8px;font-size:9px;font-weight:700}.story-product{background:#d8dee8;height:190px;position:relative;overflow:hidden}.story-product img{object-fit:cover;object-position:72% center;width:100%;height:100%;display:block}.story-product:after{content:"";background:linear-gradient(#0000,#080c14d1);position:absolute;top:48%;bottom:0;left:0;right:0}.story-product__caption{z-index:1;color:#fff;gap:2px;display:grid;position:absolute;bottom:13px;left:14px;right:14px}.story-product__caption small{font-family:var(--mono);text-transform:uppercase;font-size:9px}.story-product__caption strong{font-size:19px}.story-engagement{justify-content:space-between;gap:8px;padding:11px 14px 8px;font-size:10px;display:flex}.story-engagement span{color:var(--muted)}.story-comment{background:#f5f7fb;border:1px solid #12161e1f;border-radius:16px;gap:9px;margin:0 10px 12px;padding:10px;display:flex}.story-comment>span{width:28px;height:28px;color:var(--blue);font-family:var(--mono);background:#dfe9ff;border-radius:50%;flex:none;place-items:center;font-size:9px;font-weight:700;display:grid}.story-comment div{min-width:0}.story-comment strong,.story-comment small{font-size:9px;display:block}.story-comment p{margin:2px 0 4px;font-size:11px;line-height:1.25}.story-comment small{color:var(--muted)}.phone-card{z-index:3;background:radial-gradient(circle at 100% 0,#d9a05b2e,#0000 12rem),#fff;border:2px solid #12161e;border-radius:32px;width:min(404px,65%);padding:14px;position:absolute;top:62px;right:0;transform:rotate(1deg);box-shadow:12px 14px #12161e,0 30px 90px #0408104d}.phone-toolbar{color:var(--muted);font-family:var(--mono);text-transform:uppercase;justify-content:space-between;align-items:center;padding:3px 5px 10px;font-size:9px;display:flex}.phone-live,.bubble-two{align-items:center;gap:7px;display:inline-flex}.phone-live .live-dot,.bubble-two .live-dot{width:7px;height:7px;box-shadow:0 0 0 5px #25d3661f}.phone-top{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:7px 8px 12px;display:flex}.avatar{background:var(--yellow);width:44px;height:44px;font-family:var(--mono);border-radius:16px;place-items:center;font-weight:700;display:grid}.phone-top strong,.phone-top small{display:block}.phone-top small{color:var(--muted);margin-top:3px;font-size:11px}.queue-count{color:var(--muted);font-family:var(--mono);background:#f1f3f7;border-radius:999px;margin-left:auto;padding:6px 8px;font-size:9px}.contact-strip{align-items:center;gap:9px;padding:11px 8px;display:flex}.contact-avatar{width:34px;height:34px;color:var(--blue);background:#dfe9ff;font-size:9px}.contact-strip div{gap:1px;min-width:0;display:grid}.contact-strip strong{font-size:12px}.contact-strip small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.channel-token{background:var(--blue);color:#fff;font-family:var(--mono);border-radius:10px;margin-left:auto;padding:7px 9px;font-size:9px;font-weight:700}.chat-thread{background:#f4f6fa;border-radius:22px;align-content:start;gap:8px;min-height:270px;padding:11px;display:grid}.chat-msg{color:#1c2430;max-width:90%;transition:opacity .168s var(--ease), transform .168s var(--ease), background .168s var(--ease);animation:messageIn .294s var(--ease) both;transform-origin:0 100%;border-radius:16px;margin:0;padding:10px 12px;font-size:12px;line-height:1.3;position:relative}.chat-msg p{margin:0}.incoming{background:#fff}.system{background:#fff7d6;border:1px solid #12161e1f;justify-self:center;align-items:flex-start;gap:9px;max-width:100%;font-size:10px;display:flex}.system>div{gap:3px;display:grid}.system strong,.system small{font-family:var(--mono)}.system small{color:#77662c;font-size:8px}.analysis-check{background:var(--green);color:#fff;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:grid}.outgoing{transform-origin:100% 100%;background:linear-gradient(135deg,#ffe98a,#ffc79f);justify-self:end}.message-meta{justify-content:space-between;gap:12px;margin-bottom:5px;font-size:9px;display:flex}.message-meta time,.delivery-status{color:var(--muted);font-family:var(--mono);font-size:8px}.delivery-status{text-align:right;margin-top:6px;display:block}.typing-indicator{width:-moz-fit-content;width:fit-content;min-width:66px;animation:messageIn .224s var(--ease) both;background:#e8ebfb;border-radius:999px;align-items:center;gap:5px;padding:12px 15px;display:inline-flex}.typing-indicator span{background:#12161e85;border-radius:50%;width:7px;height:7px;animation:.644s ease-in-out infinite typingDot}.typing-indicator span:nth-child(2){animation-delay:.077s}.typing-indicator span:nth-child(3){animation-delay:.154s}.flow-mini{background:#f6f7fb;border-radius:18px;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:8px;margin-top:11px;padding:10px;display:grid}.node{min-width:52px;height:29px;font-family:var(--mono);background:#fff;border-radius:999px;place-items:center;font-size:9px;display:grid}.node.is-hot{background:var(--blue);color:#fff}.node.is-complete{color:#08764f;background:#e2f1e9}.line{background:var(--line-strong);height:2px}.bubble,.stats-card{font-family:var(--mono);background:#fff;border:2px solid #12161e;position:absolute;box-shadow:9px 10px #12161eeb}.live-inbox-card{z-index:4;background:#fff;border:2px solid #12161e;border-radius:22px;width:292px;padding:13px;position:absolute;bottom:4px;left:2px;transform:rotate(-1.4deg);box-shadow:8px 9px #12161e}.live-inbox-card__top{font-family:var(--mono);align-items:center;gap:8px;margin-bottom:12px;font-size:12px;display:flex}.live-dot{background:var(--green);border-radius:50%;width:9px;height:9px;animation:1.8s ease-in-out infinite livePulse;box-shadow:0 0 0 7px #25d36624}.live-inbox-card ul{gap:5px;margin:0;padding:0;list-style:none;display:grid}.live-inbox-card li{min-height:40px;color:var(--muted);border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:5px 7px;font-size:11px;display:grid}.live-inbox-card li.is-active{color:var(--ink);background:#e8ebfb}.live-inbox-card li span{width:28px;height:28px;color:var(--blue);font-family:var(--mono);background:#e8ebfb;border-radius:50%;place-items:center;font-size:10px;display:grid}.live-inbox-card li div{gap:1px;min-width:0;display:grid}.live-inbox-card li strong,.live-inbox-card li small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.live-inbox-card li small,.live-inbox-card li time{color:var(--muted);font-size:9px}.live-inbox-card li time{font-family:var(--mono)}.bubble{z-index:2;border-radius:999px;padding:11px 14px;font-size:11px;animation:4.8s ease-in-out infinite floaty}.bubble-one{background:var(--pink);z-index:4;top:43px;left:18px}.bubble-two{background:var(--mint);z-index:4;animation-delay:-1.4s;top:24px;right:16px}.hero-message-popups{z-index:7;filter:drop-shadow(0 18px 28px #0408104d);pointer-events:none;width:min(342px,100% - 32px);height:216px;position:absolute;bottom:126px;left:112px}.hero-popup-item{position:absolute;bottom:0;right:0}.hero-popup-question{will-change:transform;align-items:flex-end;gap:9px;width:min(310px,92%);transition:transform .392s cubic-bezier(.34,1.24,.44,1);display:flex;left:0;right:auto;transform:translate(0,0)}.hero-message-popups.has-reply .hero-popup-question{transform:translateY(-134px)}.hero-popup-avatar{color:#2047a8;width:34px;height:34px;font-family:var(--mono);background:linear-gradient(135deg,#f1f5ff,#c8d7ff);border:2px solid #ffffffc7;border-radius:50%;flex:none;place-items:center;font-size:9px;font-weight:800;display:grid;box-shadow:0 6px 18px #0408103d}.hero-popup-message{will-change:opacity, transform;border:1px solid #ffffff2e;border-radius:19px;padding:12px 14px;animation:.364s cubic-bezier(.34,1.24,.44,1) both heroPopupRise;box-shadow:0 10px 30px #04081038}.hero-popup-message small{font-family:var(--mono);text-transform:uppercase;margin-bottom:5px;font-size:8px;display:block}.hero-popup-message p{margin:0;font-size:13px;line-height:1.3}.hero-popup-message--incoming{color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#121419f0;flex:1}.hero-popup-message--incoming small{color:#ffffff94}.hero-popup-reply{width:min(296px,88%)}.hero-popup-message--outgoing{color:#12161e;transform-origin:100% 100%;background:linear-gradient(135deg,#ffd84f,#ff8a43);border-color:#12161ed1}.hero-popup-message--outgoing small{color:#12161e9e}.hero-popup-action{min-height:38px;font-family:var(--mono);background:#ffffff85;border:1px solid #12161e33;border-radius:12px;place-items:center;margin-top:10px;font-size:10px;font-weight:700;display:grid}.hero-popup-typing{background:#ffffffeb;border-radius:999px;gap:5px;padding:11px 14px;animation:.252s cubic-bezier(.34,1.24,.44,1) both heroPopupRise;display:flex;right:28px;box-shadow:0 9px 26px #04081038}.hero-popup-typing span{background:#12161e8c;border-radius:50%;width:6px;height:6px;animation:.644s ease-in-out infinite typingDot}.hero-popup-typing span:nth-child(2){animation-delay:.077s}.hero-popup-typing span:nth-child(3){animation-delay:.154s}.stats-card{z-index:5;background:var(--yellow);border-radius:20px;width:172px;padding:15px;bottom:2px;right:24px}.hero-stage .stats-card,.hero-stage .live-inbox-card,.stats-card strong,.stats-card span{display:block}.stats-card strong{font-size:2rem;line-height:.9}.stats-card span{color:#263442;margin-top:6px;font-size:11px}.love-strip{color:#fff;background:#12161e;border-block-start:2px solid #12161e;border-block-end:2px solid #12161e;width:100%;display:flex;overflow:hidden}.love-strip span{flex:1 0 max-content;text-align:center;border-right:1px solid #ffffff2e;min-width:190px;padding:18px 24px;font-size:12px}.section{width:min(1180px,100% - 48px);margin:0 auto;padding:clamp(76px,10vw,136px) 0}.section-heading{max-width:920px;margin-bottom:38px}.centered{text-align:center;margin-inline-start:auto;margin-inline-end:auto}.channel-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.channel-card,.comparison-card,.workflow-card,.faq-list details{border:2px solid #12161e;box-shadow:8px 9px #12161e}.channel-card{border-radius:34px;min-height:290px;padding:24px}.channel-card>span{width:54px;height:54px;font-family:var(--mono);background:#fff;border:2px solid #12161e;border-radius:18px;place-items:center;font-weight:700;display:grid}.channel-card h3{margin:70px 0 14px}.channel-card p,.comparison-card li,.automation-copy p,.faq-list p{color:var(--muted);line-height:1.55}.instagram{background:var(--pink)}.whatsapp{background:var(--mint)}.messenger{background:var(--sky)}.tiktok{background:#efe6ff}.audience-expander{--audience-progress:0;--audience-mask-scale:1.62;--audience-mask-x:0px;--audience-mask-y:0px;--audience-photo-scale:1.24;--audience-content-opacity:0;--audience-fill-progress:0;--audience-cards-progress:0;--audience-cards-lift:0;--audience-panel-progress:0;--audience-panel-top:100svh;--audience-copy-shift:0px;--audience-copy-opacity:1;background:var(--yellow);border-block-start:2px solid #12161e;border-block-end:2px solid #12161e;min-height:390svh;position:relative}.audience-sticky{isolation:isolate;background:#148dd1;min-height:100svh;position:sticky;top:0;overflow:hidden}.audience-photo{z-index:0;transform:scale(var(--audience-photo-scale));transform-origin:50%;will-change:transform;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.audience-photo img{object-fit:cover;object-position:center center;width:100%;height:100%;display:block}.audience-photo__shade{background:linear-gradient(#090f1b0f,#090f1b1f);position:absolute;top:0;bottom:0;left:0;right:0}.audience-mask-layer{z-index:2;background:linear-gradient(#12161e14 1px, transparent 1px), linear-gradient(90deg, #12161e14 1px, transparent 1px), var(--yellow);clip-path:url(#jawbi-audience-mask);will-change:clip-path;background-size:25vw 25vw;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.audience-mask-svg{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.audience-mask__text{fill:#fff;stroke:#fff;stroke-width:24px;stroke-linejoin:round;paint-order:stroke fill;font-family:var(--display);letter-spacing:0;transform:translate3d(var(--audience-mask-x), var(--audience-mask-y), 0) scale(var(--audience-mask-scale));transform-origin:0 0;will-change:transform;font-size:clamp(15rem,25vw,24rem);font-weight:900}.audience-mask__fill{fill:#fff;transform:scaleX(var(--audience-fill-progress));transform-box:fill-box;transform-origin:0;will-change:transform}.audience-intro{z-index:3;opacity:var(--audience-content-opacity);transform:translateY(calc((1 - var(--audience-content-opacity)) * 5vh));transform-origin:50%;will-change:opacity, transform;align-content:center;padding:clamp(96px,10vh,132px) clamp(16px,5vw,72px) clamp(38px,5vh,72px);display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.audience-intro[aria-hidden=true]{pointer-events:none}.audience-copy{z-index:3;position:relative}.audience-copy-ink-layer{display:none}.audience-sticky .eyebrow{color:#12161e;text-align:center}.audience-sticky h2{z-index:2;text-align:center;max-width:980px;margin:0 auto;font-size:clamp(2.677rem,6.247vw,7.496rem);position:relative}.audience-sticky h2 span{display:block}.audience-word{color:#12161e14;letter-spacing:0;width:max-content;transform:translate(-50%, -50%) scale(calc(.78 + var(--audience-progress) * .36));transform-origin:50%;pointer-events:none;will-change:transform;font-size:clamp(8rem,26vw,32rem);font-weight:800;line-height:.78;position:absolute;top:46%;left:50%}.audience-progress{z-index:3;background:#12161e2e;width:min(150px,42vw);height:2px;margin:clamp(20px,4vw,36px) auto 0;position:relative;overflow:hidden}.audience-progress span{transform-origin:0;width:100%;height:100%;transition:transform .182s var(--ease);background:#12161e;display:block;transform:scaleX(.25)}.audience-cards{z-index:3;width:min(1180px,100%);opacity:min(1, calc(var(--audience-cards-progress) * 4));transform:translateY(calc((1 - var(--audience-cards-progress)) * 16vh));will-change:opacity, transform;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:clamp(24px,4vh,46px) auto 0;display:grid;position:relative}.audience-cards article{opacity:0;pointer-events:none;min-height:clamp(282px,32vh,328px);transition:opacity .252s var(--ease), transform .294s var(--ease), box-shadow .168s var(--ease);transition-delay:calc(var(--card-index,0) * 45ms);background:#fffde8f5;border:2px solid #12161e;border-radius:0;padding:22px 22px 66px;position:relative;transform:translateY(42px)scale(.96)rotate(-1deg);box-shadow:8px 9px #12161e}.audience-cards article.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)rotate(0)}.audience-cards article.is-visible:hover{transform:translateY(-6px)scale(1.01);box-shadow:11px 13px #12161e}.audience-card-icon{background:linear-gradient(135deg, var(--yellow), var(--orange));width:54px;height:54px;font-family:var(--mono);border:2px solid #12161e;border-radius:16px;place-items:center;margin-bottom:0;font-weight:800;display:grid}.audience-card__top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.audience-card__top small{color:#35554b;font-family:var(--mono);text-transform:uppercase;align-items:center;gap:7px;font-size:9px;font-weight:700;display:inline-flex}.audience-card__top i{background:#24a876;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #24a87621}.audience-cards strong{font-size:clamp(1.5rem,2.4vw,2.4rem);line-height:.98;display:block}.audience-cards span{color:#263442;max-width:25ch;margin-top:18px;line-height:1.45;display:block}.audience-card__message{background:#eef2ff;border:1px solid #12161e2e;gap:7px;margin-top:16px;padding:12px 13px;display:grid}.audience-card__message small{color:#536079;font-family:var(--mono);text-transform:uppercase;font-size:8px;font-weight:700}.audience-card__message p{color:var(--ink);margin:0;font-size:.85rem;line-height:1.35}.audience-cards a{color:var(--ink);font-family:var(--mono);text-underline-offset:5px;font-size:12px;text-decoration:underline;position:absolute;bottom:22px;left:24px}.functional-demo{background:linear-gradient(#12161e14 1px, transparent 1px), linear-gradient(90deg, #12161e14 1px, transparent 1px), var(--yellow);background-size:25vw 25vw;border-block-start:2px solid #12161e;border-block-end:2px solid #12161e;position:relative;overflow:hidden}.functional-demo__inner{grid-template-columns:minmax(0,.9fr) minmax(520px,1fr);align-items:center;gap:clamp(48px,7vw,104px);width:min(1420px,100% - 64px);min-height:max(820px,100svh);margin:0 auto;padding:clamp(84px,10vw,132px) 0;display:grid}.functional-demo__copy{max-width:660px}.functional-demo .eyebrow{color:#12161e}.functional-demo h2{max-width:780px;margin-bottom:24px;font-size:clamp(3.213rem,5.622vw,6.425rem);line-height:.86}.functional-demo__lead{color:#26262e;max-width:590px;font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.55}.demo-step-controls{background:#12161e;border:2px solid #12161e;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;margin-top:34px;display:grid}.demo-step-controls button{color:#26262e;cursor:pointer;min-width:0;min-height:52px;font-family:var(--mono);transition:background .154s var(--ease), color .154s var(--ease), transform .112s var(--ease);background:#fff8c8;border:0;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-size:11px;display:flex}.demo-step-controls button:hover{background:#f9f8fd}.demo-step-controls button:focus-visible{background:#f9f8fd}.demo-step-controls button:active{transform:scale(.98)}.demo-step-controls button.is-active{color:#f4f3fa;background:#12161e}.demo-step-controls button span{opacity:.62;font-size:9px}.demo-step-copy{min-height:92px;animation:demoCopyIn .322s var(--ease) both;gap:6px;padding-top:20px;display:grid}.demo-step-copy strong{font-size:1.25rem}.demo-step-copy span{color:#26262e;max-width:58ch;line-height:1.45}.functional-demo__actions{align-items:center;gap:12px;margin-top:22px;display:flex}.demo-primary-action{color:#f4f3fa;background:#12161e;border-color:#12161e;box-shadow:5px 6px #c8843ff5}.demo-pause{cursor:pointer;min-width:88px;min-height:46px;font-family:var(--mono);transition:background .126s var(--ease), color .126s var(--ease), transform .112s var(--ease);background:0 0;border:1px solid #12161e;border-radius:999px;padding:0 18px;font-size:12px}.demo-pause:hover{color:#f4f3fa;background:#12161e}.demo-pause:focus-visible{color:#f4f3fa;background:#12161e}.demo-pause:active{transform:scale(.97)}.functional-demo__visual{isolation:isolate;min-height:700px;position:relative;container-type:inline-size}.social-post,.direct-message{background:#f9f8fd;border:2px solid #12161e;box-shadow:12px 14px #12161e}.social-post{z-index:1;width:min(430px,76cqw);animation:demoPanelIn .364s var(--ease) both;border-radius:34px;position:absolute;top:0;left:0;overflow:hidden}.social-post__top,.direct-message__top{font-family:var(--mono);align-items:center;gap:10px;display:flex}.social-post__top{color:#f4f3fa;background:#12161e;min-height:72px;padding:13px 16px}.social-avatar,.direct-message__top>span{background:var(--yellow);color:#12161e;border-radius:14px;flex:none;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.social-post__top div,.direct-message__top{min-width:0}.social-post__top strong,.social-post__top small,.direct-message__top strong,.direct-message__top small{display:block}.social-post__top small,.direct-message__top small{opacity:.66;margin-top:3px}.social-live{color:#e8c98a;border:1px solid #f4f3fa47;border-radius:999px;margin-left:auto;padding:6px 8px;font-size:9px}.social-post__media{background:#2e2b25;height:260px;position:relative;overflow:hidden}.social-post__media:after{content:"";pointer-events:none;background:linear-gradient(#0000,#12161ed6);position:absolute;top:42%;bottom:0;left:0;right:0}.social-post__media img{object-fit:cover;object-position:72% center;width:100%;height:100%;display:block}.social-post__media p{z-index:1;color:#f4f3fa;margin:0;font-size:1.15rem;font-weight:700;line-height:1.2;position:absolute;bottom:16px;left:18px;right:18px}.social-post__media strong{color:#e8c98a}.social-comment{color:#f4f3fa;opacity:0;background:#12161e;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:100px;padding:16px;display:grid;transform:translateY(20px)}.social-comment.is-visible{opacity:1;animation:demoCommentIn .364s var(--ease) both;transform:translateY(0)}.social-comment>span{color:#12161e;width:38px;height:38px;font-family:var(--mono);background:#c8843f;border-radius:50%;place-items:center;font-weight:800;display:grid}.social-comment strong,.social-comment p{margin:0}.social-comment p{color:#f4f3fac2;margin-top:4px;font-size:13px;line-height:1.3}.social-comment small{color:#f4f3fa80;font-family:var(--mono);align-self:start;font-size:9px}.signal-route{font-family:var(--mono);opacity:0;transition:opacity .224s var(--ease), transform .252s var(--ease);background:#f4f3fa;border:1px solid #12161e29;grid-template-columns:auto 34px auto 34px auto;align-items:center;gap:6px;padding:8px 10px;font-size:9px;display:grid;position:relative;transform:translateY(-10px)}.signal-route.is-active{opacity:1;transform:translateY(0)}.signal-route i{background:#12161e2e;height:2px;display:block;position:relative;overflow:hidden}.signal-route i:after{content:"";background:var(--blue);transform-origin:0;animation:demoSignal .532s var(--ease) .098s forwards;position:absolute;top:0;bottom:0;left:0;right:0;transform:scaleX(0)}.direct-message{z-index:2;opacity:0;pointer-events:none;width:min(390px,72cqw);transition:opacity .252s var(--ease), transform .308s var(--ease);border-radius:30px;gap:10px;padding:18px;display:grid;position:absolute;bottom:66px;right:0;transform:translateY(28px)scale(.97)}.direct-message.is-visible{opacity:1;transform:translateY(0)scale(1)}.direct-message__top{padding-bottom:6px}.direct-message__top small{color:var(--green);margin-left:auto}.direct-message>p{max-width:88%;animation:messageIn .294s var(--ease) both;border-radius:20px;margin:0;padding:12px 14px;line-height:1.35}.direct-message__incoming{background:#e8ebfb}.direct-message__outgoing{background:linear-gradient(135deg,#fff0ad,#ffd2b7);justify-self:end;animation-delay:.126s!important}.lead-outcome{opacity:0;transition:opacity .224s var(--ease), transform .266s var(--ease);background:#e9f9db;border:1px solid #12161e2e;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid;transform:translateY(12px)scale(.98)}.lead-outcome.is-visible{opacity:1;transform:translateY(0)scale(1)}.lead-outcome__check{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.lead-outcome strong,.lead-outcome small{display:block}.lead-outcome small{color:#3d5c4a;margin-top:3px;font-size:10px}.lead-score{font-family:var(--mono);font-size:12px;font-weight:800}.functional-demo__status{z-index:4;color:#12161e;width:min(440px,84cqw);font-family:var(--mono);background:#c8843f;grid-template-columns:1fr auto;gap:12px;padding:16px 18px 14px;display:grid;position:absolute;bottom:0;right:0}.functional-demo__progress{background:#12161e2e;grid-column:1/-1;height:4px;position:relative;overflow:hidden}.functional-demo__progress i,.functional-demo__progress b{transform-origin:0;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.functional-demo__progress i{transition:transform .252s var(--ease);background:#12161e}.functional-demo__progress b{background:#f4f3fa8a;animation:3.2s linear forwards demoTimer}.people-section{width:min(1280px,100% - 48px);margin:0 auto;padding:clamp(60px,8vw,112px) 0}.people-copy{justify-content:space-between;align-items:end;gap:28px;margin-bottom:26px;display:flex}.people-copy h2{max-width:760px;margin:0}.people-row{grid-template-columns:1.1fr .9fr 1fr;gap:20px;display:grid}.person-card{background:#fff;border:2px solid #12161e;border-radius:42px;min-height:430px;position:relative;overflow:hidden;box-shadow:8px 9px #12161e}.usecase-card{background:#f9f8fd}.usecase-card:nth-child(2){background:#e9f9db}.usecase-card:nth-child(3){background:#ffe5f3}.usecase-demo{background-color:#e8c98a75;background-image:linear-gradient(#12161e14 1px,#0000 1px),linear-gradient(90deg,#12161e14 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:64px 64px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-bottom:2px solid #12161e;place-items:center;min-height:260px;padding:24px;display:grid;position:relative}.story-frame,.mini-phone,.comment-card{background:#fff;border:2px solid #12161e;box-shadow:7px 8px #12161ee6}.story-frame{color:#fff;background:linear-gradient(#12161e1f,#12161e9e),linear-gradient(135deg,#c8843f,#e8c98a 58%,#0031fe);border-radius:28px;width:172px;min-height:220px;padding:14px;transform:rotate(-3deg)}.story-badge{color:var(--ink);font-family:var(--mono);background:#ffffffdb;border-radius:999px;padding:6px 8px;font-size:10px;display:inline-flex}.story-item{background:linear-gradient(135deg,#fff8dc,#c8843f);border:2px solid #12161e;border-radius:18px;width:88px;height:102px;margin:34px auto 20px}.story-frame p{margin:0;font-weight:800}.dm-pill{font-family:var(--mono);animation:replyPop 3.4s var(--ease) infinite;background:#fff;border:2px solid #12161e;border-radius:999px;padding:12px 14px;font-size:12px;position:absolute;bottom:30px;right:34px;box-shadow:5px 6px #12161ee0}.mini-phone{background:#f8fff2;border-radius:30px;gap:10px;width:212px;padding:18px;display:grid;transform:rotate(3deg)}.mini-phone span{color:#0b9f75;font-family:var(--mono)}.mini-phone p,.comment-card p{margin:0}.mini-phone p{background:#fff;border-radius:18px;padding:11px 12px}.mini-phone .reply{background:linear-gradient(135deg,#fff0ad,#ffd2b7)}.community-demo{align-content:center;gap:14px}.comment-card{border-radius:24px;width:min(260px,100%);padding:14px}.comment-card strong{font-family:var(--mono);margin-bottom:8px;font-size:12px;display:block}.comment-card.answer{background:#fff4bf;margin-left:42px}.person-card:nth-child(2){background:var(--mint);margin-top:42px}.person-card:nth-child(3){background:var(--pink);margin-top:12px}.person-card img{object-fit:cover;filter:saturate(1.02)contrast(1.02);width:100%;height:245px;display:block}.person-card>.usecase-copy>span{color:var(--blue);font-family:var(--mono);text-transform:uppercase;font-size:12px}.person-card>.usecase-copy h3{margin:12px 0 10px}.person-card>.usecase-copy p{color:var(--muted);margin:0;line-height:1.48}.before-after{width:min(1720px,100% - 48px);padding-bottom:0;scroll-margin-top:96px}.before-after .section-heading{max-width:1120px;margin-bottom:clamp(58px,8vw,96px)}.before-after .section-heading h2{text-wrap:balance;max-width:16ch;margin-inline-start:auto;margin-inline-end:auto;font-size:clamp(3.213rem,6.425vw,6.604rem);line-height:.86}.comparison-subtitle{color:var(--muted);margin:24px 0 0;font-size:clamp(1rem,1.8vw,1.3rem)}.comparison-scroll{--comparison-before-x:0%;--comparison-before-y:0%;--comparison-before-scale:1;--comparison-before-opacity:1;--comparison-after-scale-x:1;--comparison-after-content-scale-x:1;--comparison-after-border-x:2px;--comparison-after-shadow-x:8px;--comparison-after-radius-x:42px;--comparison-after-mobile-y:112%;--comparison-after-mobile-opacity:0;--comparison-scratch-offset:1;--comparison-scratch-opacity:0;--comparison-progress:0;min-height:220svh;position:relative}.comparison-grid{overflow-clip-margin:12px;isolation:isolate;height:min(700px,100svh - 120px);min-height:600px;position:sticky;top:96px;overflow:clip}.comparison-card{contain:paint;will-change:transform, opacity;border-radius:42px;width:calc(50% - 12px);min-width:0;height:100%;padding:clamp(30px,3.4vw,46px);position:absolute;top:0;overflow:hidden}.comparison-card.before{z-index:1;opacity:var(--comparison-before-opacity);transform:translate3d(var(--comparison-before-x), var(--comparison-before-y), 0) scale(var(--comparison-before-scale));transform-origin:bottom;background:#f4f6f1;left:0}.comparison-card.after{z-index:2;border-inline-width:var(--comparison-after-border-x);border-radius:var(--comparison-after-radius-x) / 42px;background:var(--yellow);box-shadow:var(--comparison-after-shadow-x) 9px 0 #12161e;transform:scaleX(var(--comparison-after-scale-x));transform-origin:100%;right:0}.comparison-scroll[data-comparison-phase=after] .comparison-card.before,.comparison-scroll[data-comparison-phase=transition] .comparison-card.before{pointer-events:none}.comparison-card__content{z-index:1;flex-direction:column;height:100%;display:flex;position:relative}.comparison-card.after .comparison-card__content{transform:scaleX(var(--comparison-after-content-scale-x));transform-origin:50%;will-change:transform}.comparison-scratch{z-index:-1;fill:none;width:min(640px,96%);height:214px;opacity:var(--comparison-scratch-opacity);pointer-events:none;stroke:var(--blue);stroke-dasharray:1;stroke-dashoffset:var(--comparison-scratch-offset);stroke-linecap:round;stroke-linejoin:round;stroke-width:5px;position:absolute;top:48px;left:50%;overflow:visible;transform:translate(-50%)rotate(-1.5deg)}.comparison-scratch path{vector-effect:non-scaling-stroke}.comparison-scratch__underline{stroke-width:4px}.comparison-progress{z-index:4;background:#12161e21;border-radius:999px;width:2px;height:96px;position:absolute;top:50%;right:10px;overflow:hidden;transform:translateY(-50%)}.comparison-progress span{border-radius:inherit;background:var(--ink);width:100%;height:100%;transform:scaleY(var(--comparison-progress));transform-origin:top;display:block}.comparison-card__heading{text-align:center;flex-direction:column;align-items:center;display:flex}.card-label{font-family:var(--mono);background:#fff9;border:1px solid #12161e33;border-radius:999px;margin:0;padding:8px 12px;font-size:12px;display:inline-flex}.comparison-card h3{text-wrap:balance;max-width:9.5em;min-height:2.55em;margin:clamp(26px,4vh,44px) auto 0;font-size:clamp(2.499rem,4.284vw,4.774rem);line-height:.84}.comparison-card ul{gap:0;margin:auto 0 0;padding:0;list-style:none;display:grid}.comparison-card li{color:#303846;min-height:58px;font-family:var(--mono);text-transform:uppercase;border-bottom:1px solid #12161e24;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;font-size:clamp(.66rem,1vw,.78rem);line-height:1.28;display:grid}.comparison-card li:before{display:none}.comparison-card li:last-child{border-bottom:0}.comparison-check{color:#f8f7fc;background:#12161e;border-radius:7px;place-items:center;width:23px;height:23px;font-size:12px;font-style:normal;line-height:1;display:grid}.comparison-card.after .comparison-check{color:#12161e;background:#f8f7fc}.comparison-cta{color:#f8f7fc;min-height:58px;font-family:var(--mono);letter-spacing:.02em;text-transform:uppercase;background:#12161e;border:2px solid #12161e;border-radius:999px;justify-content:space-between;align-items:center;gap:18px;margin-top:24px;padding:0 22px;font-size:12px;transition:transform .182s cubic-bezier(.34,1.24,.44,1),background-color .182s,color .182s;display:flex}.comparison-card.after .comparison-cta{color:#12161e;background:#f8f7fc}.comparison-cta i{width:24px;height:14px;color:inherit;flex:0 0 24px;font-style:normal;display:block;position:relative}.comparison-cta i:before{content:"";background:currentColor;border-radius:999px;width:21px;height:2px;position:absolute;top:6px;right:1px}.comparison-cta i:after{content:"";border-top:2px solid;border-right:2px solid;width:8px;height:8px;position:absolute;top:2px;right:1px;transform:rotate(45deg)}.before-after [data-reveal]{opacity:0;transition:opacity .49s cubic-bezier(.5,.04,.16,1),transform .49s cubic-bezier(.5,.04,.16,1);transform:translateY(50px);transition-delay:0s!important}.before-after [data-reveal].is-visible{opacity:1;transform:translateY(0)}.comparison-row,.comparison-cta{opacity:0;transform:translateY(18px)}.comparison-card.is-visible .comparison-row{opacity:1;transition:opacity .364s cubic-bezier(.34,1.24,.44,1),transform .364s cubic-bezier(.34,1.24,.44,1);transition-delay:calc(.126s + var(--row-index) * 63ms);transform:translateY(0)}.comparison-card.is-visible .comparison-cta{opacity:1;transition:opacity .364s cubic-bezier(.34,1.24,.44,1) .392s,transform .364s cubic-bezier(.34,1.24,.44,1) .392s,background-color .182s,color .182s;transform:translateY(0)}@media (hover:hover) and (pointer:fine){.comparison-cta:hover{transform:translateY(-3px)}}.automations{grid-template-columns:minmax(0,.82fr) minmax(420px,.72fr);align-items:center;gap:clamp(36px,6vw,88px);display:grid}.automation-copy p{max-width:620px;font-size:1.15rem}.template-stack{background:#fff;border:2px solid #12161e;border-radius:38px;gap:12px;padding:20px;display:grid;box-shadow:12px 14px #12161e}.template-item{border:1px solid var(--line);cursor:pointer;background:#f7f8fb;border-radius:999px;min-height:54px}.template-item.is-active{background:linear-gradient(135deg, var(--yellow), var(--orange));color:var(--ink);border-color:#12161e;box-shadow:3px 4px #12161ee6}.template-preview{background:radial-gradient(circle at 100% 0%, #c8843f38, transparent 9rem), var(--cream);border-radius:28px;margin-top:10px;padding:22px}.template-preview strong,.template-preview p{margin:0;display:block}.template-preview p{color:var(--muted);margin-top:8px}.product-flows{width:min(1280px,100% - 48px)}.flow-showcase{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.flow-card{min-height:370px;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .126s var(--ease), box-shadow .126s var(--ease);background:#fff;border:2px solid #12161e;border-radius:38px;padding:28px;position:relative;overflow:hidden;box-shadow:8px 9px #12161e}.purchase-flow{background:radial-gradient(circle at 88% 16%, #c8843f59, transparent 10rem), var(--yellow)}.support-flow{background:radial-gradient(circle at 12% 18%,#e8c98a7a,#0000 11rem),#ffe4c3}.human-flow{background:radial-gradient(circle at 82% 12%,#d9a05b70,#0000 11rem),#f0e6f2}.flow-card__icon{width:62px;height:62px;font-family:var(--mono);background:#fff;border:2px solid #12161e;border-radius:22px;place-items:center;font-size:24px;display:grid;box-shadow:5px 6px #12161eeb}.flow-card h3{margin:72px 0 12px}.flow-card p{color:var(--muted);line-height:1.5}.mini-status{gap:8px;margin-top:22px;display:grid}.mini-status span,.ticket-widget,.handoff-avatars{border:1px solid var(--line-strong);background:#ffffffb3;border-radius:18px}.mini-status span{color:var(--muted);padding:10px 12px}.mini-status .is-done{color:var(--green)}.mini-status .is-active{color:var(--ink);background:linear-gradient(135deg, var(--yellow), var(--orange));animation:2.4s ease-in-out infinite activeStatus}.ticket-widget{gap:6px;margin-top:26px;padding:18px;display:grid}.ticket-widget strong{font-family:var(--mono);font-size:22px}.ticket-widget span{color:var(--orange)}.handoff-avatars{align-items:center;gap:14px;width:-moz-fit-content;width:fit-content;margin-top:28px;padding:12px;display:flex}.handoff-avatars span{width:64px;height:54px;font-family:var(--mono);background:#fff;border:2px solid #12161e;border-radius:999px;place-items:center;font-size:12px;font-weight:700;display:grid}.handoff-avatars i{background:#12161e;width:70px;height:2px;display:block;position:relative}.handoff-avatars i:after{content:"";border-top:2px solid #12161e;border-right:2px solid #12161e;width:10px;height:10px;position:absolute;top:-4px;right:-1px;transform:rotate(45deg)}.launch{width:min(1720px,100% - 48px);padding:clamp(76px,6vw,96px) 0 clamp(96px,8vw,128px)}.launch-heading{text-align:center;justify-items:center;gap:22px;max-width:1240px;margin:0 auto clamp(48px,5vw,72px);display:grid}.launch-heading .eyebrow,.launch-heading h2,.launch-heading>p{margin:0}.launch-heading h2{color:var(--ink);letter-spacing:-.065em;font-size:clamp(4.016rem,7.318vw,7.407rem);font-weight:750;line-height:.82;display:grid}.launch-heading>p:last-child{color:#343a45;max-width:720px;font-size:clamp(1.15rem,1.7vw,1.55rem);line-height:1.35}.launch-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2vw,30px);display:grid}.launch-step{min-width:0}.launch-demo{border:2px solid var(--ink);isolation:isolate;background:#fffef7;min-height:clamp(320px,26vw,390px);position:relative;overflow:hidden}.launch-demo__index{z-index:8;width:42px;height:42px;font-family:var(--mono);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;border:1px solid #12161e8c;border-radius:50%;place-items:center;font-size:10px;display:grid;position:absolute;top:18px;left:18px}.launch-step__copy{gap:10px;padding-top:24px;display:grid}.launch-step__copy p,.launch-step__copy h3{margin:0}.launch-step__label{color:var(--blue);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.launch-step__copy h3{letter-spacing:-.035em;font-size:clamp(1.562rem,2.053vw,2.097rem);line-height:1}.launch-step__copy>p:last-child{max-width:42ch;color:var(--muted);font-size:clamp(1rem,1.25vw,1.16rem);line-height:1.5}.launch-access-demo{background:var(--yellow);place-items:center;display:grid}.launch-access-grid{z-index:-1;background-image:linear-gradient(#12161e1c 1px,#0000 1px),linear-gradient(90deg,#12161e1c 1px,#0000 1px);background-size:25% 25%;position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px}.launch-access-cta-wrap{opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(18px - 50%))scale(.96)}.launch-access-cta{border:2px solid var(--ink);background:var(--orange);min-width:214px;min-height:60px;box-shadow:6px 7px 0 var(--ink);color:var(--ink);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;transform-origin:50%;transition:background .112s var(--ease), box-shadow .112s var(--ease), transform .07s var(--ease);border-radius:999px;justify-content:center;align-items:center;padding:14px 28px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.launch-access-cta:hover{box-shadow:4px 5px 0 var(--ink);background:#ff9f5e}.launch-access-cta:focus-visible{box-shadow:4px 5px 0 var(--ink);background:#ff9f5e}.launch-access-cta:focus-visible{outline-offset:4px;outline:3px solid #0031fe7a}.launch-access-cta:active{box-shadow:2px 3px 0 var(--ink);transform:translate(3px,3px)scale(.98)}.launch-step.is-visible .launch-access-cta-wrap{animation:launchAccessIn .476s var(--ease) .126s both}.launch-step.is-visible .launch-access-cta{animation:4.8s ease-in-out .77s infinite launchCtaPress}.launch-cursor{z-index:6;opacity:0;width:30px;fill:var(--ink);filter:drop-shadow(0 2px #ffffffbf);pointer-events:none;position:absolute;top:59%;left:66%}.launch-step.is-visible .launch-cursor{animation:launchCursorClick 4.8s var(--ease) .77s infinite}.launch-access-status{font-family:var(--mono);opacity:0;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd1;border:1px solid #12161e8c;border-radius:999px;align-items:center;gap:7px;margin:0;padding:9px 13px;font-size:10px;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%,10px)}.launch-access-status span{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.launch-step.is-visible .launch-access-status{animation:launchStatusIn .364s var(--ease) 1.9s both}.launch-channels-demo{background:conic-gradient(from 90deg at 1px 1px, #f2f5ef 25%, #dfc6ea 0 50%, #f2f5ef 0 75%, #dfc6ea 0) 0 0 / 50% 50%}.launch-connectors{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.launch-connectors path{fill:none;stroke:var(--ink);stroke-dasharray:260;stroke-dashoffset:260px;stroke-linecap:round;stroke-width:2px}.launch-step.is-visible .launch-connectors path{animation:launchConnectorDraw .644s var(--ease) both}.launch-step.is-visible .launch-connectors path:nth-child(2){animation-delay:.252s}.launch-step.is-visible .launch-connectors path:nth-child(3){animation-delay:.434s}.launch-step.is-visible .launch-connectors path:nth-child(4){animation-delay:.532s}.launch-step.is-visible .launch-connectors path:nth-child(5){animation-delay:.63s}.launch-brand-node,.launch-link-node,.launch-channel-node{z-index:2;border:2px solid var(--ink);background:#fffef7;place-items:center;display:grid;position:absolute}.launch-brand-node{opacity:0;width:39%;min-height:112px;top:50%;left:7%;transform:translateY(-50%)scale(.9)}.launch-brand-node .brand-logo{filter:none;width:min(142px,76%)}.launch-step.is-visible .launch-brand-node{animation:launchBrandNodeIn .476s var(--ease) .084s both}.launch-link-node{background:var(--blue);width:68px;height:68px;box-shadow:5px 6px 0 var(--ink);opacity:0;border-radius:20px;top:50%;left:55%;transform:translate(-50%,-50%)scale(.78)}.launch-link-node:after{content:"";opacity:0;border:1px solid #0031fe8c;border-radius:24px;position:absolute;top:-8px;bottom:-8px;left:-8px;right:-8px}.launch-link-node svg{fill:none;stroke:#fff;stroke-linecap:round;stroke-width:2.4px;width:34px}.launch-step.is-visible .launch-link-node{animation:launchLinkNodeIn .434s var(--ease) .301s both}.launch-step.is-visible .launch-link-node:after{animation:3.4s ease-out .98s infinite launchLinkPulse}.launch-channel-node{opacity:0;border-radius:50%;width:56px;height:56px;right:7%;transform:translateY(-50%)scale(.72)}.launch-channel-node .network-logo{width:30px;height:30px}.launch-channel-node--instagram{top:25%}.launch-channel-node--whatsapp{top:50%}.launch-channel-node--facebook{top:75%}.launch-step.is-visible .launch-channel-node{animation:launchChannelNodeIn .392s var(--ease) both}.launch-step.is-visible .launch-channel-node--instagram{animation-delay:.574s}.launch-step.is-visible .launch-channel-node--whatsapp{animation-delay:.686s}.launch-step.is-visible .launch-channel-node--facebook{animation-delay:.798s}.launch-setup-demo{background-color:#f8f3e8;background-image:linear-gradient(#12161e0f 1px,#0000 1px),linear-gradient(90deg,#12161e0f 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:64px 64px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.launch-setup-panel{z-index:2;border:2px solid var(--ink);box-shadow:7px 8px 0 var(--ink);opacity:0;background:#fffef8;position:absolute;top:50px;bottom:24px;left:24px;right:24px;transform:translateY(20px)scale(.98)}.launch-step.is-visible .launch-setup-panel{animation:launchSetupPanelIn .448s var(--ease) .112s both}.launch-setup-panel__top{border-bottom:2px solid var(--ink);min-height:58px;font-family:var(--mono);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:11px;font-weight:700;display:flex}.launch-setup-panel__top strong{color:#08764f;letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:7px;font-size:9px;display:inline-flex}.launch-setup-panel__top strong i{background:var(--green);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #25d36621}.launch-setup-list{gap:7px;padding:14px;display:grid}.launch-setup-row{opacity:0;background:#eef1ed;border:1px solid #12161e1a;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:51px;padding:9px 11px;font-size:13px;display:grid;transform:translateY(10px)}.launch-step.is-visible .launch-setup-row{animation:launchSetupRowIn .336s var(--ease) both;animation-delay:calc(.504s + var(--row-index) * .126s)}.launch-setup-row>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.launch-setup-row strong{background:var(--blue);color:#fff;min-height:30px;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:8px;display:inline-flex}.launch-setup-row strong i{width:15px;height:15px;color:var(--blue);background:#fff;border-radius:50%;place-items:center;font-size:9px;font-style:normal;display:grid}.launch-setup-progress{background:#12161e1f;height:3px;margin:0 14px;overflow:hidden}.launch-setup-progress span{background:var(--green);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.launch-step.is-visible .launch-setup-progress span{animation:launchSetupProgress 4.8s var(--ease) 1.8s infinite}.faq-section{color:#f6f5fb;background:#06080c;border-top:1px solid #f6f5fb1f;padding:clamp(64px,7vw,96px) 24px}.faq-shell{width:min(1180px,100%);margin:0 auto}.faq-heading{text-align:center;justify-items:center;gap:18px;margin-bottom:clamp(40px,4vw,64px);display:grid}.faq-heading h2{color:#f6f5fb;letter-spacing:0;margin:0;font-size:clamp(3.391rem,5.979vw,5.354rem);line-height:.82}.faq-heading h2 span{display:block}.faq-mark{clip-path:polygon(4% 8%,100% 0,88% 100%,56% 75%,0 80%);background:#ff5c1f;width:44px;height:50px;display:block;position:relative;transform:rotate(4deg)}.faq-mark:before{content:"••";color:#06080c;letter-spacing:2px;font-size:17px;line-height:1;position:absolute;top:9px;left:12px}.faq-mark:after{content:"";border-bottom:3px solid #06080c;border-radius:50%;width:17px;height:8px;position:absolute;top:25px;left:14px;transform:rotate(-4deg)}.faq-list{border-top:1px solid #f6f5fb3d;width:min(1080px,100%);margin:0 auto;display:block}.faq-item{border-bottom:1px solid #f6f5fb3d}.faq-question{color:#f6f5fb;cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:minmax(0,1fr) 20px;align-items:center;gap:28px;width:100%;min-height:72px;padding:17px 8px;font-size:clamp(1.08rem,1.45vw,1.45rem);font-weight:400;line-height:1.3;display:grid}.faq-question:hover{color:#e8c98a}.faq-question:focus-visible{outline-offset:6px;outline:2px solid #e8c98a}.faq-chevron{width:14px;height:14px;transition:transform .224s var(--ease);border-bottom:2px solid;border-right:2px solid;display:block;transform:translateY(-4px)rotate(45deg)}.faq-item.is-open .faq-chevron{transform:translateY(4px)rotate(225deg)}.faq-answer{opacity:0;transition:grid-template-rows .252s var(--ease), opacity .168s ease;grid-template-rows:0fr;display:grid}.faq-answer.is-open{opacity:1;grid-template-rows:1fr}.faq-answer>div{overflow:hidden}.faq-answer p{color:#bdbdb5;max-width:72ch;margin:0;padding:0 56px 24px 8px;font-size:1rem;line-height:1.55}.site-footer{color:#f6f5fb;background:#06080c;border-top:1px solid #f6f5fb29;padding:clamp(72px,7vw,112px) clamp(24px,3.2vw,64px) 34px;display:block}.site-footer__grid{grid-template-columns:minmax(480px,.92fr) minmax(520px,1.08fr);gap:clamp(44px,6vw,100px);width:min(1880px,100%);margin:0 auto;display:grid}.site-footer__navigation{flex-direction:column;min-width:0;display:flex}.footer-brand{align-self:flex-start;width:clamp(188px,16vw,256px);display:inline-flex;position:relative}.footer-brand .footer-brand__logo{filter:brightness(0)invert();width:100%;height:auto;display:block}.footer-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:clamp(72px,8vw,118px);display:grid}.footer-link-group{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.footer-link-group strong{color:#787c8a;font-family:var(--mono);letter-spacing:0;text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:400}.footer-link-group a{color:#d7d6d0;transition:color .126s ease, transform .168s var(--ease);font-size:1rem;line-height:1.25;text-decoration:none}.footer-link-group a:hover{color:#e8c98a;transform:translate(4px)}.footer-link-group a:focus-visible{outline-offset:5px;outline:2px solid #e8c98a}.footer-brand:focus-visible{outline-offset:5px;outline:2px solid #e8c98a}.footer-motion{aspect-ratio:16/9;isolation:isolate;background:#e8c98a;border:1px solid #f6f5fb2e;min-width:0;position:relative;overflow:hidden}.footer-motion__video{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.site-footer__bottom{color:#787c8a;width:min(1880px,100%);font-family:var(--mono);grid-template-columns:minmax(480px,.92fr) minmax(520px,1.08fr);gap:clamp(44px,6vw,100px);margin:18px auto 0;font-size:11px;line-height:1.5;display:grid}.site-footer__bottom span:last-child{text-align:right}[data-reveal]{opacity:0;transition:opacity .364s var(--ease), transform .364s var(--ease);transform:translateY(16px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}@keyframes floaty{0%,to{transform:translate(0,0)}50%{transform:translate(7px,-5px)}}@keyframes livePulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.22)}}@keyframes activeStatus{0%,to{transform:translate(0)}50%{transform:translate(6px)}}@keyframes jawbiSwirlDrawMain{0%{stroke-dashoffset:1px;opacity:0}.01%{stroke-dashoffset:1px;opacity:1}34%,75%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:-1px;opacity:1}}@keyframes jawbiSwirlDrawAccent{0%,17.99%{stroke-dashoffset:1px;opacity:0}18%{stroke-dashoffset:1px;opacity:1}42%,75%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:-1px;opacity:1}}@keyframes jawbiSwirlCompactLand{0%{filter:drop-shadow(0 0 #0031fe00);transform:scale(1)rotate(0)}70%{filter:drop-shadow(0 2px 5px #0031fe38);transform:scale(1.075)rotate(2deg)}86%{filter:drop-shadow(0 1px 2px #0031fe14);transform:scale(.99)rotate(-.6deg)}to{filter:drop-shadow(0 0 #0031fe00);transform:scale(1)rotate(0)}}@keyframes jawbiSwirlExpandRelease{0%{transform:scale(1)rotate(0)}42%{transform:scale(1.045)rotate(-1.6deg)}76%{transform:scale(.995)rotate(.4deg)}to{transform:scale(1)rotate(0)}}@keyframes messageIn{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes heroPopupRise{0%{opacity:0;transform:translate(-26px,6px)}60%{opacity:1}to{opacity:1;transform:translate(0,0)}}@keyframes typingDot{0%,to{opacity:.42;transform:translateY(0)}45%{opacity:1;transform:translateY(-4px)}}@keyframes productGlow{0%,to{opacity:.7;transform:scale(.94)}50%{opacity:1;transform:scale(1.08)}}@keyframes replyPop{0%,58%,to{opacity:1;transform:translateY(0)scale(1)}68%{opacity:1;transform:translateY(-8px)scale(1.04)}}@keyframes demoPanelIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes demoCopyIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes demoCommentIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes demoSignal{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes demoTimer{0%{opacity:.28;transform:scaleX(0)}to{opacity:.62;transform:scaleX(1)}}@keyframes launchAccessIn{0%{opacity:0;transform:translate(-50%,calc(18px - 50%))scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes launchCtaPress{0%,38%,54%,to{box-shadow:6px 7px 0 var(--ink);transform:translate(0)scale(1)}44%,49%{box-shadow:2px 3px 0 var(--ink);transform:translate(3px,3px)scale(.98)}}@keyframes launchCursorClick{0%,8%{opacity:0;transform:translate(36px,30px)scale(1)}18%{opacity:1}40%{opacity:1;transform:translate(-30px,-28px)scale(1)}47%{opacity:1;transform:translate(-30px,-28px)scale(.84)}55%,76%{opacity:1;transform:translate(-30px,-28px)scale(1)}to{opacity:0;transform:translate(-46px,-42px)scale(1)}}@keyframes launchStatusIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes launchConnectorDraw{0%{stroke-dashoffset:260px}to{stroke-dashoffset:0}}@keyframes launchBrandNodeIn{0%{opacity:0;transform:translateY(-50%)scale(.9)}to{opacity:1;transform:translateY(-50%)scale(1)}}@keyframes launchLinkNodeIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.78)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes launchChannelNodeIn{0%{opacity:0;transform:translateY(-50%)scale(.72)}to{opacity:1;transform:translateY(-50%)scale(1)}}@keyframes launchLinkPulse{0%{opacity:.62;transform:scale(.88)}72%,to{opacity:0;transform:scale(1.18)}}@keyframes launchSetupPanelIn{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes launchSetupRowIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes launchSetupProgress{0%{opacity:.45;transform:scaleX(0)}68%,86%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}@media (max-width:1080px){.automations{grid-template-columns:1fr}.hero{min-height:auto;display:block}.hero-copy{width:min(650px,100%)}.hero-stage{width:min(680px,100%);height:650px;margin:44px auto 0}.phone-card{width:404px;max-width:63%;top:62px;left:auto;right:0;transform:rotate(1deg)}.story-preview{top:82px;left:0;right:auto}.channel-grid,.flow-showcase,.audience-cards,.launch-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.launch-step--automations{grid-column:1/-1;justify-self:center;width:min(620px,100%)}.audience-cards article{min-height:266px;padding:20px 22px 60px}.audience-card-icon{width:48px;height:48px;margin-bottom:0}.audience-cards strong{font-size:clamp(1.4rem,2.6vw,2rem)}.audience-cards span{margin-top:12px;font-size:.95rem}.audience-cards a{bottom:18px;left:22px;right:22px}.people-row{grid-template-columns:1fr}.functional-demo__inner{grid-template-columns:1fr;width:min(860px,100% - 48px)}.functional-demo__copy{max-width:none}.functional-demo h2{max-width:860px}.functional-demo__visual{width:min(620px,100%);margin:0 auto}.person-card:nth-child(2),.person-card:nth-child(3){margin-top:0}.site-footer__grid{grid-template-columns:1fr}.footer-links{margin-top:64px}.footer-motion{width:min(860px,100%)}.site-footer__bottom{grid-template-columns:1fr auto}}@media (max-width:900px){.site-header.is-mobile-menu-open{z-index:200}.header-shell{grid-template-columns:auto 1fr}.site-nav{display:none}.header-actions{justify-self:end}.mobile-menu-toggle,.mobile-navigation{display:grid}}@media (max-width:760px){html,body{overflow-x:clip}.love-strip{display:none}.site-header{padding:8px 10px;display:block}.header-shell{justify-content:space-between;gap:12px;min-height:58px;padding:8px 10px;display:flex}.site-header.is-scrolled{padding-block-start:7px;padding-block-end:7px}.site-header.is-scrolled .header-shell{min-height:56px}.site-nav,.signin{display:none}.header-actions{gap:8px;display:flex}.header-actions>.header-cta{display:none}.language-switch{flex-basis:36px;width:36px;height:36px;font-size:10px}.header-cta{white-space:nowrap;min-height:42px;padding:0 12px;font-size:10px}.brand-logo,.site-header.is-scrolled .brand-logo{width:112px}.brand{width:112px;min-width:112px;height:37px}.site-header.is-scrolled .brand{width:58px;min-width:58px}.section,.before-after{width:calc(100vw - 32px);max-width:calc(100vw - 32px)}.hero{width:100%;max-width:none;height:100svh;min-height:100svh;padding:124px 20px 24px;display:block}.hero:before{background:0 0}.hero-media img{--hero-cover-scale:1.045;object-position:80% center;transform-origin:72%}.hero-media{height:100%}.hero-copy{width:100%;max-width:390px}.hero-copy>.eyebrow,.hero-title__desktop,.hero-lead--desktop,.hero-actions,.signal-board{display:none}.hero .hero-title{letter-spacing:-.045em;max-width:none;margin:0 0 18px;font-size:clamp(2.053rem,10.084vw,2.454rem);line-height:.94}.hero-title__mobile{flex-direction:column;gap:0;display:flex}.hero-title__mobile span{display:block}.hero-lead--mobile{color:#ffffffeb;text-wrap:balance;max-width:330px;margin:0;font-size:clamp(.98rem,4.1vw,1.08rem);line-height:1.42;display:block}h1{max-width:340px;font-size:clamp(2.856rem,14.278vw,3.793rem);line-height:.88}h2{font-size:clamp(2.276rem,10.709vw,3.57rem)}.hero-lead{max-width:340px}.site-footer{flex-direction:column}.hero-stage{width:100%;height:100%;min-height:0;margin:0;position:absolute;top:0;bottom:0;left:0;right:0}.phone-card{border-radius:28px;width:min(292px,100vw - 60px);max-width:none;padding:11px;top:148px;bottom:auto;left:auto;right:4px;transform:rotate(.8deg);box-shadow:10px 11px #12161e,0 18px 60px #12161e29}.story-preview{transform-origin:0 0;border-radius:24px;width:220px;top:8px;bottom:auto;left:0;right:auto;transform:rotate(-2.4deg)scale(.92)}.story-product{height:140px}.story-engagement{display:none}.story-comment{margin-top:10px}.bubble-one{display:none}.bubble-two{top:124px;bottom:auto;right:6px}.hero-message-popups{width:auto;height:188px;bottom:24px;left:16px;right:16px}.hero-popup-question{width:min(286px,88%)}.hero-message-popups.has-reply .hero-popup-question{transform:translateY(-126px)}.hero-popup-reply{width:min(278px,86%)}.hero-popup-message{border-radius:16px;padding:10px 12px}.hero-popup-message p{font-size:11px}.hero-popup-action{min-height:34px;margin-top:8px;font-size:9px}.hero-stage .stats-card,.live-inbox-card{display:none!important}.phone-toolbar,.queue-count{display:none}.chat-thread{min-height:286px;padding:9px}.chat-msg{max-width:94%;padding:9px 10px;font-size:11px}.flow-mini{gap:5px;padding:8px}.node{min-width:44px;font-size:8px}.channel-grid,.comparison-grid,.flow-showcase{grid-template-columns:1fr}.launch{width:calc(100vw - 32px);max-width:calc(100vw - 32px);padding-block-start:82px;padding-block-end:82px}.launch-heading{gap:18px;margin-bottom:48px}.launch-heading h2{font-size:clamp(2.856rem,14.1vw,4.462rem);line-height:.86}.launch-heading>p:last-child{max-width:31ch;font-size:1.05rem}.launch-steps{grid-template-columns:1fr;gap:48px}.launch-step--automations{grid-column:auto;width:100%}.launch-demo{min-height:320px}.launch-step__copy{padding-top:20px}.launch-step__copy h3{font-size:1.606rem}.launch-brand-node{width:40%;min-height:96px;left:6%}.launch-link-node{border-radius:17px;width:60px;height:60px}.launch-channel-node{width:50px;height:50px;right:6%}.launch-channel-node .network-logo{width:27px;height:27px}.launch-setup-panel{top:46px;bottom:20px;left:18px;right:18px}.launch-setup-panel__top{min-height:52px;padding:10px 12px}.launch-setup-list{gap:6px;padding:11px}.launch-setup-row{min-height:44px;padding:7px 9px;font-size:12px}.launch-setup-row strong{min-height:28px;padding:4px 8px}.audience-expander{min-height:370svh}.audience-sticky{min-height:100svh;padding:0;top:0}.audience-intro{padding:90px 16px 28px}.audience-sticky h2{font-size:clamp(2.856rem,12.494vw,4.284rem)}.audience-word{font-size:clamp(6.4rem,39vw,10rem);top:43%}.audience-cards{height:248px;margin-top:26px;display:block;position:relative}.audience-cards article{opacity:0;pointer-events:none;min-height:232px;position:absolute;top:0;bottom:0;left:0;right:0;transform:translateY(24px)scale(.96)}.audience-cards article.is-visible{opacity:0;pointer-events:none;transform:translateY(-16px)scale(.97)}.audience-cards article.is-current{z-index:2;opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.audience-photo img{object-position:62% center}.audience-mask__text{font-size:clamp(11rem,46vw,17rem)}.functional-demo__inner{width:calc(100% - 32px);min-height:auto;padding:76px 0 68px}.functional-demo h2{font-size:clamp(2.677rem,11.601vw,3.748rem);line-height:.88}.functional-demo__lead{font-size:1rem}.demo-step-controls button{flex-direction:column;gap:2px;min-height:58px;padding:8px 4px;font-size:9px}.demo-step-copy{min-height:126px}.functional-demo__actions{align-items:stretch}.functional-demo__actions .button{flex:1;min-width:0;padding-inline-start:14px;padding-inline-end:14px;font-size:11px}.demo-pause{min-width:78px;padding-inline-start:12px;padding-inline-end:12px;font-size:11px}.functional-demo__visual{min-height:830px}.social-post{border-radius:28px;width:calc(100% - 18px)}.social-post__top{min-height:64px;padding:10px 12px}.social-post__media{height:220px}.social-post__media p{font-size:1rem;bottom:13px;left:14px;right:14px}.social-comment{min-height:92px;padding:12px}.signal-route{grid-template-columns:auto 20px auto 20px auto;gap:4px;padding:8px;font-size:7px}.direct-message{border-radius:26px;width:calc(100% - 22px);padding:14px;top:390px;bottom:auto;right:0;box-shadow:8px 9px #12161e}.direct-message__top small{font-size:9px}.direct-message>p{font-size:13px}.functional-demo__status{width:calc(100% - 10px);padding:14px}.channel-card,.comparison-card,.person-card,.flow-card{box-shadow:5px 6px #12161e}.people-section{width:calc(100vw - 32px);max-width:calc(100vw - 32px)}.people-copy{display:block}.person-card{min-height:auto}.person-card img{height:220px}.faq-section{padding:64px 16px 72px}.faq-heading{gap:16px;margin-bottom:40px}.faq-heading h2{font-size:clamp(2.811rem,13.386vw,4.016rem);line-height:.84}.faq-mark{width:40px;height:46px}.faq-mark:before{font-size:16px;top:8px;left:11px}.faq-mark:after{width:17px;top:23px;left:12px}.faq-question{grid-template-columns:minmax(0,1fr) 18px;gap:16px;min-height:68px;padding:16px 0;font-size:1.08rem}.faq-chevron{width:13px;height:13px}.faq-answer p{padding:0 34px 22px 0;font-size:.96rem}.site-footer{padding:68px 16px 28px}.footer-brand{width:184px}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:46px 24px;margin-top:56px}.footer-link-group:last-child{grid-column:1/-1}.footer-motion__video{object-position:center}.site-footer__bottom{grid-template-columns:1fr;gap:6px;margin-top:16px}.site-footer__bottom span:last-child{text-align:left}}@media (max-width:430px){.header-shell{gap:6px;padding-inline-start:8px;padding-inline-end:8px}}@media (max-width:360px){.brand-logo,.site-header.is-scrolled .brand-logo{width:96px}.brand{width:96px;min-width:96px;height:32px}.site-header.is-scrolled .brand{width:50px;min-width:50px}.header-actions{gap:5px}.language-switch{flex-basis:32px;width:32px;min-width:32px;height:32px;min-height:32px}.mobile-menu-toggle{width:36px;height:36px}}@media (prefers-reduced-motion:reduce){.mobile-navigation__panel{animation:none}.mobile-navigation__group summary span{transition:none}}@media (max-width:360px),(max-width:760px) and (max-height:640px){.hero{padding-top:96px}.hero .hero-title{margin-bottom:12px;font-size:clamp(1.829rem,9.816vw,2.053rem)}.hero-lead--mobile{max-width:270px;font-size:.8rem;line-height:1.35}.hero-popup-message p{font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;transform:none}.hero-media img{transform:scale(var(--hero-cover-scale));will-change:auto;animation:none}.brand-logo__swirl-draw path{stroke-dashoffset:0;opacity:1;animation:none!important}.launch-access-cta-wrap{opacity:1;transform:translate(-50%,-50%)scale(1)}.launch-access-status{opacity:1;transform:translate(-50%)}.launch-cursor{display:none}.launch-connectors path{stroke-dashoffset:0}.launch-brand-node{opacity:1;transform:translateY(-50%)scale(1)}.launch-link-node{opacity:1;transform:translate(-50%,-50%)scale(1)}.launch-channel-node{opacity:1;transform:translateY(-50%)scale(1)}.launch-setup-panel,.launch-setup-row{opacity:1;transform:none}.launch-setup-progress span{opacity:1;transform:scaleX(1)}.audience-expander{min-height:auto}.audience-sticky{min-height:auto;position:relative;overflow:visible}.audience-intro{opacity:1;position:relative;transform:none}.audience-photo,.audience-mask-svg{display:none}.audience-mask-layer{clip-path:none;min-height:auto;position:relative}.audience-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));height:auto;display:grid}.audience-cards article,.audience-cards article.is-visible,.audience-cards article.is-current{opacity:1;pointer-events:auto;position:relative;top:auto;bottom:auto;left:auto;right:auto;transform:none}}.functional-demo{--story-progress:0;height:calc((var(--story-count) + .75) * 100svh);border-block:2px solid var(--ink);background:linear-gradient(#12161e17 1px, transparent 1px), linear-gradient(90deg, #12161e17 1px, transparent 1px), var(--yellow);background-size:25vw 25vw;position:relative;overflow:visible}.functional-demo__inner{grid-template-columns:minmax(380px,.88fr) minmax(540px,1.12fr);align-items:center;gap:clamp(42px,6vw,104px);width:min(1500px,100% - 64px);height:100svh;min-height:760px;margin:0 auto;padding:clamp(88px,9vh,112px) 0 clamp(44px,6vh,72px);display:grid;position:sticky;top:0;overflow:hidden}.functional-demo__copy{z-index:3;align-self:center;max-width:680px;position:relative}.functional-demo .eyebrow{color:var(--ink);margin-bottom:clamp(22px,3vh,36px)}.service-story__copy{animation:serviceCopyIn .364s var(--ease) both}.service-story__kicker{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:700;display:block}.functional-demo h2{letter-spacing:-.055em;max-width:10ch;margin:0;font-size:clamp(3.168rem,4.908vw,5.89rem);line-height:.88}.functional-demo__lead{color:#26262e;max-width:56ch;margin:24px 0 0;font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.48}.service-story__nav{border:2px solid var(--ink);background:var(--ink);grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;margin-top:clamp(26px,3.5vh,40px);display:grid}.service-story__nav button{color:#4b4724;cursor:pointer;min-width:0;min-height:62px;transition:color .126s var(--ease), background .154s var(--ease), transform .098s var(--ease);background:#fff8c8;border:0;place-items:center;gap:3px;padding:8px 6px;display:grid}.service-story__nav button span{font-family:var(--mono);font-size:12px;font-weight:800}.service-story__nav button small{text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.1;overflow:hidden}.service-story__nav button.is-active{background:var(--ink);color:#f4f3fa}.service-story__nav button:active{transform:scale(.97)}.service-story__nav button:focus-visible{z-index:1;outline:3px solid var(--blue);outline-offset:-3px;position:relative}.functional-demo__actions{justify-content:space-between;align-items:center;gap:16px;margin-top:22px;display:flex}.demo-primary-action{border-color:var(--ink);background:var(--ink);color:#f4f3fa;box-shadow:5px 6px #c8843ff5}.functional-demo__actions>span{font-family:var(--mono);text-transform:uppercase;align-items:center;gap:8px;font-size:10px;display:inline-flex}.functional-demo__actions>span i{animation:serviceScrollHint 1.8s var(--ease) infinite;font-size:18px;font-style:normal}.functional-demo__visual{isolation:isolate;width:100%;height:min(73vh,720px);min-height:620px;position:relative;container-type:inline-size}.service-device{--scene-accent:#c13584;border:2px solid var(--ink);box-shadow:13px 15px 0 var(--ink);color:#efeef8;animation:serviceDeviceIn .392s var(--ease) both;background:#070a10;border-radius:clamp(34px,4vw,54px);position:absolute;top:0;bottom:72px;left:0;right:0;overflow:hidden}.service-device--whatsapp{--scene-accent:#25d366}.service-device--facebook{--scene-accent:#5b51d8}.service-device--tiktok{--scene-accent:#c8843f}.service-device__chrome{min-height:58px;font-family:var(--mono);background:#0f131b;border-bottom:1px solid #efeef824;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 22px;display:grid}.service-device__lights{gap:6px;display:flex}.service-device__lights i{background:#efeef847;border-radius:50%;width:7px;height:7px}.service-device__chrome>strong{letter-spacing:.04em;align-items:center;gap:8px;font-size:11px;display:flex}.service-device__chrome>strong span{border:1px solid color-mix(in srgb, var(--scene-accent), white 28%);background:var(--scene-accent);color:#0a0d14;border-radius:50%;place-items:center;width:30px;height:30px;font-size:9px;display:grid}.service-device__chrome>small{color:#efeef894;justify-self:end;font-size:9px}.service-device__chrome>small:before{content:"";background:#25d366;border-radius:50%;width:6px;height:6px;margin-right:7px;animation:2.4s ease-in-out infinite serviceLivePulse;display:inline-block}.service-scene{background:radial-gradient(circle at 76% 18%, color-mix(in srgb, var(--scene-accent), transparent 72%), transparent 34%), linear-gradient(#ffffff0e 1px, transparent 1px), linear-gradient(90deg, #ffffff0e 1px, transparent 1px), #070a10;height:calc(100% - 58px);animation:serviceSceneIn .364s var(--ease) 56ms both;background-size:auto,72px 72px,72px 72px,auto;gap:clamp(14px,2cqw,24px);padding:clamp(18px,3cqw,34px) clamp(18px,3.2cqw,38px) 106px;display:grid;position:relative;overflow:hidden}.service-scene article{min-width:0}.scene-app-bar{min-height:46px;font-family:var(--mono);border-bottom:1px solid #12161e1f;align-items:center;gap:9px;padding:8px 11px;display:flex}.scene-app-bar .scene-avatar{background:var(--scene-accent);color:#101217;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:9px;font-weight:800;display:grid}.scene-app-bar strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.scene-app-bar small{color:#68707d;margin-left:auto;font-size:8px}.scene-conversation{color:var(--ink);background:#f7f6fc;border:1px solid #12161e38;overflow:hidden}.scene-bubble{max-width:88%;animation:serviceMessageIn .301s var(--ease) .126s both;border-radius:18px 18px 18px 5px;margin:0;padding:11px 13px;font-size:clamp(10px,1.35cqw,13px);line-height:1.32}.scene-bubble--incoming{background:#edf0f4}.scene-bubble--jawbi{background:color-mix(in srgb, var(--scene-accent), white 68%);border-radius:18px 18px 5px;justify-self:end;animation-delay:.238s}.scene-conversation button,.messenger-handoff button{background:var(--scene-accent);color:#0f131b;min-height:42px;font-family:var(--mono);pointer-events:none;border:0;border-radius:999px;font-size:10px;font-weight:800}.service-scene--instagram{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center}.instagram-post{color:#efeef8;background:#0f131b;border:1px solid #efeef82e;overflow:hidden;transform:rotate(-2deg)}.instagram-post .scene-app-bar{border-color:#efeef81f}.instagram-post .scene-app-bar small{color:#efeef894}.instagram-post__media{height:clamp(180px,29cqw,270px);position:relative;overflow:hidden}.instagram-post__media:after{content:"";background:linear-gradient(#0000,#070a10cc);position:absolute;top:48%;bottom:0;left:0;right:0}.instagram-post__media img,.whatsapp-product__image img,.tiktok-video>img{object-fit:cover;width:100%;height:100%;display:block}.instagram-post__media img{object-position:72% center;animation:9s ease-in-out infinite alternate serviceMediaDrift}.instagram-post__media>span{z-index:1;background:var(--yellow);color:var(--ink);font-family:var(--mono);padding:6px 8px;font-size:8px;font-weight:800;position:absolute;bottom:14px;left:14px}.scene-comment{color:var(--ink);animation:serviceMessageIn .301s var(--ease) .126s both;background:#f7f6fc;grid-template-columns:auto minmax(0,1fr);gap:8px;padding:11px;display:grid}.scene-comment>span,.facebook-comment>span,.facebook-answer>span{width:28px;height:28px;font-family:var(--mono);background:#ffb68b;border-radius:50%;place-items:center;font-size:8px;font-weight:800;display:grid}.scene-comment p,.facebook-comment p,.facebook-answer p{margin:0;font-size:10px;line-height:1.25}.scene-comment strong,.facebook-comment strong,.facebook-answer strong{margin-bottom:3px;display:block}.scene-comment small{color:#747b86;grid-column:2;font-size:8px}.instagram-dm{align-content:center;gap:10px;min-height:360px;padding:0 14px 16px;display:grid;transform:translateY(22px)rotate(1deg)}.instagram-dm .scene-app-bar{margin:0 -14px 2px}.instagram-dm button,.tiktok-lead>button{width:100%}.service-scene--whatsapp{grid-template-columns:minmax(160px,.72fr) minmax(260px,1.28fr);align-items:center}.whatsapp-product{color:#efeef8;background:#14171a;border:1px solid #efeef82e;overflow:hidden;transform:translateY(-18px)rotate(-2deg)}.whatsapp-product__image{height:clamp(170px,26cqw,240px);position:relative;overflow:hidden}.whatsapp-product__image img{object-position:72% center;animation:9s ease-in-out infinite alternate serviceMediaDrift}.whatsapp-product__image span{color:#0d2217;font-family:var(--mono);background:#25d366;padding:6px 8px;font-size:8px;font-weight:800;position:absolute;top:12px;left:12px}.whatsapp-product>div:last-child{gap:5px;padding:14px;display:grid}.whatsapp-product small,.whatsapp-product p{color:#efeef8a3;margin:0;font-size:9px}.whatsapp-chat{background:radial-gradient(circle at 10% 10%,#25d36614,#0000 26%),#f7f6fc;align-content:center;gap:10px;min-height:390px;padding:0 16px 16px;display:grid}.whatsapp-chat .scene-app-bar{background:#f2f6f0;margin:0 -16px 4px}.commerce-action{grid-template-columns:auto 1fr;align-items:center;gap:10px;padding-top:2px;display:grid}.commerce-action>span{font-family:var(--mono);font-size:11px;font-weight:800}.service-scene--facebook{grid-template-columns:minmax(0,1.12fr) minmax(210px,.88fr);align-items:center}.facebook-thread{color:var(--ink);background:#f7f6fc;border:1px solid #efeef833;overflow:hidden;transform:rotate(-1deg)}.facebook-thread__post{background:linear-gradient(145deg,#cad8ff,#f4f3fa);align-content:end;gap:8px;min-height:130px;padding:18px;display:grid}.facebook-thread__post strong{max-width:14ch;font-size:clamp(17px,2.5cqw,27px);line-height:.95}.facebook-thread__post span{color:#4b5872;font-size:9px}.facebook-comment,.facebook-answer{border-top:1px solid #12161e1a;grid-template-columns:auto minmax(0,1fr);gap:9px;padding:12px 14px;display:grid}.facebook-answer{animation:serviceMessageIn .301s var(--ease) .182s both;background:#edf2ff}.facebook-answer>span{background:var(--scene-accent);color:#fff}.messenger-handoff{background:#151820;border:1px solid #efeef833;gap:14px;padding:clamp(16px,2.5cqw,24px);display:grid;transform:translateY(20px)rotate(1deg)}.messenger-handoff__head{gap:5px;display:grid}.messenger-handoff__head span{color:#8fa8ff;font-family:var(--mono);text-transform:uppercase;font-size:9px}.messenger-handoff dl{background:#efeef81f;gap:1px;margin:0;display:grid}.messenger-handoff dl div{background:#151820;grid-template-columns:1fr auto;gap:12px;padding:10px;font-size:9px;display:grid}.messenger-handoff dt{color:#efeef88f}.messenger-handoff dd{margin:0;font-weight:700}.messenger-handoff button{justify-content:space-between;align-items:center;padding:0 14px;display:flex}.service-scene--tiktok{grid-template-columns:minmax(180px,.78fr) minmax(270px,1.22fr);align-items:center}.tiktok-video{background:#171014;border:1px solid #efeef83d;height:min(48vh,440px);min-height:350px;position:relative;overflow:hidden;transform:rotate(-2deg)}.tiktok-video>img{object-position:52% center;animation:9s ease-in-out infinite alternate serviceMediaDrift}.tiktok-video:after{content:"";background:linear-gradient(#0000,#070a10e6);position:absolute;top:40%;bottom:0;left:0;right:0}.tiktok-video__overlay{z-index:2;gap:5px;display:grid;position:absolute;bottom:24px;left:16px;right:46px}.tiktok-video__overlay span{color:#ff86aa;font-family:var(--mono);font-size:8px}.tiktok-video__overlay strong{font-size:clamp(16px,2.7cqw,25px);line-height:.95}.tiktok-video__rail{z-index:2;font-family:var(--mono);justify-items:center;gap:8px;font-size:9px;display:grid;position:absolute;bottom:22px;right:10px}.tiktok-lead{align-content:center;gap:10px;min-height:390px;padding:0 16px 16px;display:grid;transform:translateY(16px)rotate(1deg)}.tiktok-lead .scene-app-bar{margin:0 -16px 4px}.lead-fields{flex-wrap:wrap;gap:6px;display:flex}.lead-fields span{color:#5c6470;font-family:var(--mono);border:1px solid #12161e29;border-radius:999px;padding:6px 8px;font-size:8px}.service-device__outcome{z-index:5;min-height:68px;animation:serviceOutcomeIn .336s var(--ease) .364s both;background:#191c22;border:1px solid #efeef82e;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 14px;display:grid;position:absolute;bottom:clamp(16px,2.5cqw,28px);left:clamp(18px,3cqw,36px);right:clamp(18px,3cqw,36px);box-shadow:0 14px 34px #00000057}.service-outcome__check{background:var(--scene-accent);color:#101217;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.service-device__outcome div{gap:2px;display:grid}.service-device__outcome small,.service-device__outcome p{color:#efeef894;font-family:var(--mono);margin:0;font-size:8px}.service-device__outcome strong{font-size:14px}.functional-demo__status{z-index:6;background:var(--orange);width:min(520px,88cqw);color:var(--ink);font-family:var(--mono);grid-template-columns:1fr auto;gap:10px;padding:14px 18px 13px;display:grid;position:absolute;bottom:0;right:0}.functional-demo__status>span,.functional-demo__status>strong{font-size:11px}.functional-demo__progress{background:0 0;grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:7px;height:4px;display:grid;position:relative;overflow:visible}.functional-demo__progress i{transform-origin:50%;height:4px;transition:background .182s var(--ease), transform .182s var(--ease);background:#12161e33;display:block;position:relative;top:auto;bottom:auto;left:auto;right:auto;transform:none}.functional-demo__progress i.is-active{background:var(--ink);transform:scaleY(1.35)}.service-reduced-list{display:none}@keyframes serviceCopyIn{0%{opacity:0;transform:translateX(-22px)}to{opacity:1;transform:translateX(0)}}@keyframes serviceDeviceIn{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes serviceSceneIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes serviceMessageIn{0%{opacity:0;transform:translateY(13px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes serviceOutcomeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes serviceMediaDrift{0%{transform:scale(1.02)translate(-1%)}to{transform:scale(1.1)translate(2%,-1%)}}@keyframes serviceLivePulse{0%,to{opacity:.48;transform:scale(.84)}50%{opacity:1;transform:scale(1)}}@keyframes serviceScrollHint{0%,to{transform:translateY(-2px)}50%{transform:translateY(5px)}}@media (hover:hover) and (pointer:fine){.service-story__nav button:hover:not(.is-active){color:var(--ink);background:#fffdf1}}@media (max-width:1180px){.functional-demo__inner{grid-template-columns:minmax(330px,.8fr) minmax(500px,1.2fr);gap:34px;width:min(1100px,100% - 48px)}.functional-demo h2{font-size:clamp(2.856rem,4.64vw,4.73rem)}.functional-demo__visual{min-height:580px}.service-device__outcome p{text-align:right;max-width:22ch}}@media (max-width:820px){.functional-demo{height:calc((var(--story-count) + .55) * 100svh);background-size:50vw 50vw}.functional-demo__inner{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;gap:14px;width:100%;min-height:680px;padding:82px 16px 16px}.functional-demo__copy{width:100%;max-width:none}.functional-demo .eyebrow{margin-bottom:10px;font-size:9px}.service-story__kicker{margin-bottom:6px;font-size:9px}.functional-demo h2{max-width:12ch;font-size:clamp(1.919rem,8.389vw,3.123rem);line-height:.9}.functional-demo__lead{max-width:62ch;margin-top:10px;font-size:.88rem;line-height:1.32}.service-story__nav{margin-top:13px}.service-story__nav button{min-height:44px;padding:5px}.service-story__nav button small{display:none}.functional-demo__actions{margin-top:10px}.functional-demo__actions .button{min-height:40px;padding-inline-start:14px;padding-inline-end:14px;font-size:10px}.functional-demo__actions>span{font-size:8px}.functional-demo__visual{align-self:stretch;width:100%;height:auto;min-height:0}.service-device{box-shadow:7px 8px 0 var(--ink);border-radius:28px;top:0;bottom:54px;left:0;right:0}.service-device__chrome{min-height:42px;padding:0 12px}.service-device__lights{gap:4px}.service-device__lights i{width:5px;height:5px}.service-device__chrome>strong span{width:24px;height:24px}.service-device__chrome>small{font-size:7px}.service-scene{background-size:auto,48px 48px,48px 48px,auto;gap:9px;height:calc(100% - 42px);padding:10px 10px 74px}.scene-app-bar{min-height:36px;padding:5px 7px}.scene-app-bar .scene-avatar{width:24px;height:24px}.scene-app-bar strong{font-size:8px}.scene-bubble{padding:8px 9px;font-size:9px}.service-scene--instagram{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}.instagram-post__media{height:clamp(110px,31cqw,170px)}.scene-comment{padding:7px}.scene-comment p,.facebook-comment p,.facebook-answer p{font-size:8px}.scene-comment>span,.facebook-comment>span,.facebook-answer>span{width:23px;height:23px}.instagram-dm,.whatsapp-chat,.tiktok-lead{min-height:230px;padding:0 8px 8px}.instagram-dm .scene-app-bar,.whatsapp-chat .scene-app-bar,.tiktok-lead .scene-app-bar{margin-inline-start:-8px;margin-inline-end:-8px}.service-scene--whatsapp{grid-template-columns:minmax(105px,.72fr) minmax(170px,1.28fr)}.whatsapp-product__image{height:clamp(100px,29cqw,160px)}.whatsapp-product>div:last-child{padding:8px}.commerce-action{grid-template-columns:1fr;gap:5px}.commerce-action>span{font-size:9px}.service-scene--facebook{grid-template-columns:minmax(0,1.1fr) minmax(120px,.9fr)}.facebook-thread__post{min-height:70px;padding:9px}.facebook-comment,.facebook-answer{gap:6px;padding:7px}.messenger-handoff{gap:7px;padding:8px}.messenger-handoff dl div{padding:6px;font-size:7px}.service-scene--tiktok{grid-template-columns:minmax(110px,.74fr) minmax(170px,1.26fr)}.tiktok-video{height:28vh;min-height:220px}.lead-fields span{padding:4px 6px;font-size:7px}.service-device__outcome{min-height:54px;padding:8px 9px;bottom:9px;left:10px;right:10px}.service-outcome__check{width:28px;height:28px}.service-device__outcome strong{font-size:11px}.service-device__outcome p{display:none}.functional-demo__status{width:calc(100% - 8px);padding:10px 12px 9px}.functional-demo__status>span,.functional-demo__status>strong{font-size:9px}}@media (max-width:480px) and (max-height:760px){.functional-demo__inner{min-height:620px;padding-top:70px}.functional-demo h2{font-size:clamp(1.696rem,7.853vw,2.276rem)}.functional-demo__lead{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.functional-demo__actions{display:none}}@media (max-width:820px){.functional-demo{height:auto;min-height:0;overflow:hidden}.functional-demo__inner{grid-template-rows:auto auto;gap:24px;width:100%;height:auto;min-height:0;padding:108px 16px 72px;position:relative;top:auto;overflow:visible}.functional-demo__copy{align-self:auto}.service-story__nav button,.functional-demo__actions .button{min-height:48px}.functional-demo__actions>span{display:none}.functional-demo__visual{width:100%;height:clamp(410px,112vw,470px);min-height:410px;margin:0}}@media (max-width:760px){.audience-expander{background:var(--yellow);height:auto;min-height:300svh}.audience-sticky{contain:paint;background:#148dd1;height:100svh;min-height:0;position:sticky;top:0;overflow:hidden}.audience-photo{transform:scale(var(--audience-photo-scale));transform-origin:50%;position:absolute;top:0;bottom:0;left:0;right:0}.audience-photo img{object-position:58% center}.audience-photo__shade{background:linear-gradient(#06080c1f,#06080c0a 44%,#06080c9e)}.audience-mask-layer{clip-path:none;background:0 0;min-height:0;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.audience-mask-layer:before{z-index:0;background:linear-gradient(#12161e14 1px, transparent 1px), linear-gradient(90deg, #12161e14 1px, transparent 1px), var(--yellow);content:"";height:100svh;transform:translate3d(0, var(--audience-panel-top), 0);will-change:transform;background-size:50vw 50vw;position:absolute;top:0;left:0;right:0}.audience-intro{padding:92px 16px 24px;display:block;position:absolute;top:0;bottom:0;left:0;right:0;opacity:1!important;transform:none!important}.audience-intro[aria-hidden=true]{pointer-events:auto}.audience-copy{z-index:4;opacity:var(--audience-copy-opacity);transform:translateY(calc(-50% - var(--audience-copy-shift)));will-change:opacity, transform;transition:opacity .126s linear;position:absolute;top:52%;left:16px;right:16px}.audience-copy-ink-layer{z-index:4;clip-path:inset(var(--audience-panel-top) 0 0 0);pointer-events:none;will-change:clip-path;display:block;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.audience-sticky .eyebrow{color:var(--yellow);text-align:center}.audience-sticky h2{max-width:11ch;color:var(--yellow);text-align:center;text-shadow:0 2px 18px #12161e38;margin:10px auto 0;font-size:clamp(2.365rem,10.709vw,3.257rem);line-height:.88}.audience-copy--ink .eyebrow,.audience-copy--ink .audience-title-clone{color:var(--ink);text-shadow:none}.audience-word,.audience-mask-svg{display:none}.audience-progress{background:#ffe80057;width:112px;margin-top:16px;display:block}.audience-progress span{background:var(--yellow);transition:transform .182s var(--ease)}.audience-copy--ink .audience-progress{background:#12161e2e}.audience-copy--ink .audience-progress span{background:var(--ink)}.audience-cards{z-index:5;width:auto;height:auto;opacity:min(1, calc(var(--audience-panel-progress) * 3));transform:translateY(calc(var(--audience-panel-top) - var(--audience-cards-lift) * 95svh - var(--audience-cards-lift) * 240px));will-change:opacity, transform;flex-direction:column;gap:14px;margin:0;display:flex;position:absolute;top:160px;left:16px;right:16px}.audience-cards article{opacity:0;pointer-events:none;min-height:194px;transition:opacity .126s linear, box-shadow .168s var(--ease);flex:none;padding:18px 18px 54px;transition-delay:0s;position:relative;top:auto;bottom:auto;left:auto;right:auto;transform:none}.audience-cards article.is-visible{opacity:1;pointer-events:auto;transform:none}.audience-cards article.is-current{z-index:2;opacity:1;transform:none}.audience-card__top{margin-bottom:12px}.audience-card-icon{width:36px;height:36px}.audience-card-icon .network-logo{width:30px;height:30px}.audience-cards strong{font-size:1.55rem}.audience-cards span{margin-top:8px;font-size:.86rem;line-height:1.35}.audience-card__message{gap:4px;margin-top:10px;padding:9px 10px}.audience-card__message p{font-size:.78rem}.audience-cards a{bottom:16px;left:18px;right:18px}.faq-section{padding-bottom:72px;scroll-margin-top:86px}.site-footer{padding-top:56px;scroll-margin-top:86px}.site-footer__grid{gap:40px}.footer-links{gap:34px 20px;margin-top:44px}.footer-link-group{gap:0}.footer-link-group strong{margin-bottom:8px}.footer-link-group a{align-items:center;min-height:44px;display:flex}}@media (prefers-reduced-motion:reduce){.functional-demo{height:auto;overflow:hidden}.functional-demo__inner{width:min(1120px,100% - 40px);height:auto;min-height:0;padding:88px 0 28px;display:block;position:relative;overflow:visible}.functional-demo__copy{max-width:760px}.service-story__nav,.functional-demo__actions,.functional-demo__visual{display:none}.service-reduced-list{background:var(--ink);grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;width:min(1120px,100% - 40px);margin:0 auto;padding:0 0 88px;display:grid}.service-reduced-list article{background:#fff8c8;align-content:start;gap:12px;min-height:260px;padding:26px;display:grid}.service-reduced-list article>span{font-family:var(--mono);text-transform:uppercase;font-size:10px}.service-reduced-list h3,.service-reduced-list p{margin:0}.service-reduced-list h3{max-width:14ch;font-size:clamp(1.517rem,2.677vw,2.409rem);line-height:.96}.service-reduced-list p{color:#464526;line-height:1.45}.service-reduced-list strong{font-family:var(--mono);margin-top:auto;font-size:11px}}@media (max-width:640px) and (prefers-reduced-motion:reduce){.service-reduced-list{grid-template-columns:1fr}.service-reduced-list article{min-height:230px}}.functional-demo__inner{grid-template-columns:minmax(420px,1fr) minmax(440px,.92fr);gap:clamp(52px,8vw,132px)}.functional-demo__copy{text-align:center;max-width:760px}.functional-demo .eyebrow{display:none}.service-story__copy{justify-items:center;display:grid}.service-story__kicker{margin-bottom:18px}.functional-demo h2{max-width:11ch;margin-inline-start:auto;margin-inline-end:auto;font-size:clamp(3.034rem,4.462vw,5.354rem);line-height:.87}.functional-demo__lead{max-width:44ch;margin:28px auto 0;font-size:clamp(1.02rem,1.28vw,1.22rem)}.service-story__nav{background:0 0;border:0;gap:2px;width:max-content;margin:0;display:flex;position:absolute;top:-76px;left:50%;transform:translate(-50%)}.service-story__nav button{color:#0000;background:0 0;border:0;place-items:center;width:44px;min-height:44px;padding:0;display:grid;position:relative}.service-story__nav button:after{content:"";width:34px;height:5px;transition:background .154s var(--ease), transform .182s var(--ease);background:#12161e29;border-radius:999px;transform:scaleX(.62)}.service-story__nav button.is-active{color:#0000;background:0 0}.service-story__nav button.is-active:after{background:var(--ink);transform:scaleX(1.18)}.service-story__nav button span,.service-story__nav button small{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.service-story__nav button:focus-visible{outline:2px solid var(--blue);outline-offset:-4px;border-radius:999px}.functional-demo__actions{margin-top:clamp(38px,5vh,64px);display:block}.functional-demo__actions .demo-primary-action{width:100%;min-height:54px;box-shadow:none}.functional-demo__actions>span{display:none}.functional-demo__visual{justify-items:center;width:100%;height:min(80vh,800px);min-height:690px;display:grid}.service-device{width:min(438px,82cqw);height:calc(100% - 76px);box-shadow:none;color:#efeef8;animation:serviceDeviceIn .364s var(--ease) both;background:#070a10;border:2px solid #0f131b;border-radius:42px;position:relative;top:auto;bottom:auto;left:auto;right:auto;overflow:hidden}.mobile-device__statusbar{color:#efeef8b8;height:30px;font-family:var(--mono);background:#090a0d;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 20px;font-size:8px;display:grid}.mobile-device__statusbar>span:last-child{letter-spacing:.12em;justify-self:end}.mobile-device__statusbar>i{background:#020304;border-radius:0 0 14px 14px;width:86px;height:20px}.mobile-device__header{background:#0f131b;border-bottom:1px solid #efeef81a;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:10px;height:62px;padding:0 15px;display:grid}.mobile-device__back{color:#efeef8b8;font-size:26px;line-height:1}.mobile-device__avatar{background:var(--scene-accent);color:#0c0e12;width:36px;height:36px;font-family:var(--mono);border-radius:50%;place-items:center;font-size:9px;font-weight:800;display:grid}.mobile-device__header div{gap:2px;min-width:0;display:grid}.mobile-device__header strong,.mobile-device__header small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-device__header strong{font-size:12px}.mobile-device__header small{color:#efeef87a;font-size:8px}.mobile-device__channel{width:31px;height:31px;color:var(--scene-accent);font-family:var(--mono);border:1px solid #efeef829;border-radius:50%;place-items:center;font-size:8px;font-weight:800;display:grid}.mobile-chat{background:radial-gradient(circle at 16px 16px,#ffffff0e 0 2px,#0000 2.5px) 0 0/42px 42px,linear-gradient(45deg,#0000 47%,#ffffff06 48% 52%,#0000 53%) 0 0/74px 74px,#070a10;height:calc(100% - 142px);position:relative;overflow:hidden}.mobile-chat:after{background:radial-gradient(circle at 60% 88%, color-mix(in srgb, var(--scene-accent), transparent 82%), transparent 38%);content:"";pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.mobile-chat__context{z-index:2;min-height:58px;animation:mobileContextIn .322s var(--ease) both;background:#121419eb;border:1px solid #efeef81c;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid;position:absolute;top:18px;left:16px;right:16px}.mobile-chat__context img{object-fit:cover;object-position:68% center;border-radius:8px;width:42px;height:42px}.service-device--tiktok .mobile-chat__context img{object-position:52% center}.mobile-chat__context div{gap:3px;min-width:0;display:grid}.mobile-chat__context small{color:color-mix(in srgb, var(--scene-accent), white 26%);font-family:var(--mono);font-size:7px}.mobile-chat__context strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.mobile-chat__context>span{background:var(--scene-accent);color:#0a0d14;border-radius:50%;place-items:center;width:24px;height:24px;font-size:11px;font-weight:900;display:grid}.mobile-chat__thread{z-index:3;flex-direction:column;gap:9px;display:flex;position:absolute;bottom:14px;left:14px;right:14px}.mobile-chat__thread time{color:#efeef857;font-family:var(--mono);letter-spacing:.04em;align-self:center;font-size:7px}.mobile-message{border-radius:17px 17px 17px 5px;gap:4px;max-width:86%;margin:0;padding:11px 13px;font-size:clamp(10px,1.15cqw,12px);line-height:1.3;display:grid}.mobile-message small{font-family:var(--mono);opacity:.58;font-size:7px;font-weight:800}.mobile-message--incoming{color:#efeef8;animation:mobileIncomingCycle 7.2s var(--ease) infinite;background:#25282d;align-self:flex-start}.mobile-message--jawbi{background:color-mix(in srgb, var(--scene-accent), #18241e 52%);color:#efeef8;animation:mobileReplyCycle 7.2s var(--ease) infinite;border-radius:17px 17px 5px;align-self:flex-end}.mobile-typing{animation:mobileTypingCycle 7.2s var(--ease) infinite;align-self:flex-end;align-items:center;gap:8px;display:flex}.mobile-typing>span{background:#1b1e23;border-radius:15px 15px 5px;gap:3px;padding:8px 10px;display:flex}.mobile-typing i{background:var(--scene-accent);border-radius:50%;width:4px;height:4px;animation:.574s ease-in-out infinite mobileTypingDot}.mobile-typing i:nth-child(2){animation-delay:.084s}.mobile-typing i:nth-child(3){animation-delay:.168s}.mobile-typing em{color:#efeef873;font-family:var(--mono);font-size:7px;font-style:normal}.mobile-chat__action{background:var(--scene-accent);color:#0a0d14;min-width:68%;min-height:40px;font-family:var(--mono);opacity:0;pointer-events:none;animation:mobileActionCycle 7.2s var(--ease) infinite;border:0;border-radius:999px;justify-content:space-between;align-self:flex-end;align-items:center;padding:0 14px;font-size:9px;font-weight:800;display:flex}.mobile-chat__result{opacity:0;min-width:68%;animation:mobileResultCycle 7.2s var(--ease) infinite;background:#15181d;border:1px solid #efeef821;align-self:flex-end;align-items:center;gap:8px;padding:8px 10px;display:flex}.mobile-chat__result>span{background:var(--scene-accent);color:#0a0d14;border-radius:50%;place-items:center;width:25px;height:25px;font-weight:900;display:grid}.mobile-chat__result div{gap:1px;display:grid}.mobile-chat__result small{color:#efeef87a;font-family:var(--mono);font-size:7px}.mobile-chat__result strong{font-size:10px}.mobile-device__composer{color:#efeef857;background:#0f131b;border-top:1px solid #efeef81a;justify-content:space-between;align-items:center;height:50px;padding:0 15px;font-size:9px;display:flex}.mobile-device__composer i{border:1px solid #efeef829;border-radius:50%;place-items:center;width:28px;height:28px;font-style:normal;display:grid}.functional-demo__status{color:#efeef8;background:#ee0bdd;width:min(438px,82cqw);min-height:64px;padding:12px 18px 10px;left:50%;right:auto;transform:translate(-50%)}.functional-demo__status>span{font-family:var(--sans);gap:2px;font-size:16px;font-weight:800;display:grid}.functional-demo__status>span small{font-family:var(--mono);opacity:1;text-transform:uppercase;font-size:7px;font-weight:500}.functional-demo__status>strong{align-self:end;font-size:11px}.functional-demo__progress i{background:#efeef852}.functional-demo__progress i.is-active{background:#efeef8}@keyframes mobileContextIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes mobileIncomingCycle{0%,5%{opacity:0;transform:translateY(14px)scale(.97)}11%,91%{opacity:1;transform:translateY(0)scale(1)}97%,to{opacity:0;transform:translateY(-4px)scale(.99)}}@keyframes mobileTypingCycle{0%,25%{opacity:0;transform:translateY(10px)}31%,42%{opacity:1;transform:translateY(0)}47%,to{opacity:0;transform:translateY(-5px)}}@keyframes mobileReplyCycle{0%,39%{opacity:0;transform:translateY(14px)scale(.97)}47%,91%{opacity:1;transform:translateY(0)scale(1)}97%,to{opacity:0;transform:translateY(-4px)scale(.99)}}@keyframes mobileActionCycle{0%,53%{opacity:0;transform:translateY(12px)}60%,91%{opacity:1;transform:translateY(0)}97%,to{opacity:0;transform:translateY(-4px)}}@keyframes mobileResultCycle{0%,65%{opacity:0;transform:translateY(10px)}72%,91%{opacity:1;transform:translateY(0)}97%,to{opacity:0;transform:translateY(-4px)}}@keyframes mobileTypingDot{0%,to{opacity:.34;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@media (max-width:1180px){.functional-demo__inner{grid-template-columns:minmax(350px,.9fr) minmax(410px,1.1fr);gap:38px}.functional-demo h2{font-size:clamp(2.766rem,4.462vw,4.462rem)}.service-device,.functional-demo__status{width:min(410px,86cqw)}}@media (max-width:820px){.functional-demo__inner{grid-template-rows:auto auto;grid-template-columns:1fr;gap:34px;padding:112px 16px 72px}.functional-demo__copy{text-align:center;max-width:none}.functional-demo h2{max-width:11ch;font-size:clamp(2.276rem,9.816vw,3.302rem)}.functional-demo__lead{max-width:40ch;margin-top:18px;font-size:.98rem}.service-story__nav{justify-content:center;margin:18px auto 0;position:relative;top:auto;left:auto;transform:none}.functional-demo__actions{margin-top:20px}.functional-demo__visual{height:clamp(610px,164vw,670px);min-height:610px}.service-device{width:min(340px,100vw - 40px);height:calc(100% - 66px);box-shadow:none;border-radius:34px;top:auto;bottom:auto;left:auto;right:auto}.functional-demo__status{width:min(340px,100vw - 40px)}.mobile-chat__context{top:14px}.mobile-chat__thread{gap:7px;bottom:11px;left:11px;right:11px}.mobile-message{padding:9px 11px;font-size:10px}.mobile-chat__action,.mobile-chat__result{min-width:72%}}@media (max-width:380px){.functional-demo__inner{padding-inline-start:12px;padding-inline-end:12px}.functional-demo h2{font-size:2.142rem}.functional-demo__visual{height:590px;min-height:590px}.service-device,.functional-demo__status{width:min(320px,100vw - 32px)}.mobile-chat__context{left:10px;right:10px}}@media (prefers-reduced-motion:reduce){.mobile-message,.mobile-typing,.mobile-chat__action,.mobile-chat__result,.mobile-chat__context{opacity:1;transform:none;animation:none!important}.mobile-typing,.functional-demo__visual{display:none}}.service-device[data-scene-phase]{isolation:isolate}.reference-chat__history{z-index:2;transform:translate3d(0, var(--conversation-lift,7%), 0);will-change:transform;transition:transform .126s cubic-bezier(.32,1.18,.46,1);position:absolute;top:0;bottom:0;left:0;right:0}.service-device[data-scene-phase="0"] .reference-chat__history{animation:.364s cubic-bezier(.2,.86,.28,1.06) both referenceHistoryEnter}.reference-chat__timeline{z-index:8;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;display:grid;position:absolute;top:8px;left:18px;right:18px}.reference-chat__timeline i{background:#f7f6fc33;border-radius:999px;height:3px;position:relative;overflow:hidden}.reference-chat__timeline i:after{border-radius:inherit;content:"";opacity:0;transform-origin:0;transition:opacity .168s ease-out, transform .294s var(--ease);background:#f7f6fc;position:absolute;top:0;bottom:0;left:0;right:0;transform:scaleX(0)}.reference-chat__timeline i.is-active:after{opacity:1;transform:scaleX(1)}.service-device[data-scene-phase] .reference-chat__media,.service-device[data-scene-phase] .reference-chat__reaction,.service-device[data-scene-phase] .reference-chat__trigger,.service-device[data-scene-phase] .reference-chat__reply,.service-device[data-scene-phase] .reference-chat__follow-up,.service-device[data-scene-phase] .reference-chat__typing-row,.service-device[data-scene-phase] .reference-chat__input i{animation:none}.reference-chat__media video,.reference-chat__media img{object-fit:cover;width:100%;height:100%;display:block}.service-device--instagram .reference-chat__media video{object-position:77% center}.service-device--instagram .reference-chat__media :-webkit-any(img,video){object-position:50% 56%}.service-device--instagram .reference-chat__media :is(img,video){object-position:50% 56%}.service-device--whatsapp .reference-chat__media :-webkit-any(img,video){object-position:50% 52%}.service-device--whatsapp .reference-chat__media :is(img,video){object-position:50% 52%}.service-device--facebook .reference-chat__media :-webkit-any(img,video){object-position:50% 50%}.service-device--facebook .reference-chat__media :is(img,video){object-position:50% 50%}.service-device--tiktok .reference-chat__media :-webkit-any(img,video){object-position:50% 44%}.service-device--tiktok .reference-chat__media :is(img,video){object-position:50% 44%}.service-device[data-flow=qualify] .reference-chat__media :-webkit-any(img,video){object-position:50% 56%}.service-device[data-flow=qualify] .reference-chat__media :is(img,video){object-position:50% 56%}.service-device[data-flow=faq] .reference-chat__media :-webkit-any(img,video){object-position:50% 42%}.service-device[data-flow=faq] .reference-chat__media :is(img,video){object-position:50% 42%}.service-device[data-flow=followup] .reference-chat__media :-webkit-any(img,video){object-position:50% 48%}.service-device[data-flow=followup] .reference-chat__media :is(img,video){object-position:50% 48%}.service-device[data-scene-phase] .reference-chat__media{opacity:1;transition:opacity .252s ease-out, transform .392s var(--ease);transform:none}.service-device[data-scene-phase] .reference-chat__reaction,.service-device[data-scene-phase] .reference-chat__trigger,.service-device[data-scene-phase] .reference-chat__thinking,.service-device[data-scene-phase] .reference-chat__reply,.service-device[data-scene-phase] .reference-chat__follow-up,.service-device[data-scene-phase] .reference-chat__typing-row,.service-device[data-scene-phase] .reference-chat__result{opacity:0;pointer-events:none;transition:opacity .252s ease-out, transform .35s var(--ease);transform:translateY(13px)scale(.985)}.service-device[data-scene-phase="4"] .reference-chat__follow-up,.service-device[data-scene-phase="4"] .reference-chat__typing-row,.service-device[data-scene-phase="4"] .reference-chat__result{opacity:1;transform:translateY(0)scale(1)}.service-device:-webkit-any([data-scene-phase="1"],[data-scene-phase="2"],[data-scene-phase="3"],[data-scene-phase="4"]) .reference-chat__reaction{opacity:1;transform:translateY(0)scale(1)}.service-device:is([data-scene-phase="1"],[data-scene-phase="2"],[data-scene-phase="3"],[data-scene-phase="4"]) .reference-chat__reaction{opacity:1;transform:translateY(0)scale(1)}.service-device:-webkit-any([data-scene-phase="1"],[data-scene-phase="2"],[data-scene-phase="3"],[data-scene-phase="4"]) .reference-chat__trigger{opacity:1;transform:translateY(0)scale(1)}.service-device:is([data-scene-phase="1"],[data-scene-phase="2"],[data-scene-phase="3"],[data-scene-phase="4"]) .reference-chat__trigger{opacity:1;transform:translateY(0)scale(1)}.service-device:-webkit-any([data-scene-phase="3"],[data-scene-phase="4"]) .reference-chat__reply{opacity:1;transform:translateY(0)scale(1)}.service-device:is([data-scene-phase="3"],[data-scene-phase="4"]) .reference-chat__reply{opacity:1;transform:translateY(0)scale(1)}.service-device[data-scene-phase="2"] .reference-chat__thinking{opacity:1;transform:translateY(0)scale(1)}.reference-chat__thinking{z-index:5;align-items:center;gap:8px;display:flex;position:absolute;top:41.5%;right:7%}.reference-chat__thinking>span{color:#0f131b;width:28px;height:28px;font-family:var(--mono);background:#ffe26d;border-radius:9px;place-items:center;font-size:10px;font-weight:800;display:grid}.reference-chat__thinking p{background:#202126;border:1px solid #f7f6fc1f;border-radius:14px 14px 5px;align-items:center;gap:4px;margin:0;padding:9px 11px;display:flex}.reference-chat__thinking small{color:#f7f6fca3;font-family:var(--mono);margin-right:4px;font-size:7px}.reference-chat__thinking i,.service-device[data-scene-phase="4"] .reference-chat__input i{background:#c58bf5;border-radius:50%;width:4px;height:4px;animation:.532s ease-in-out infinite referenceTypingDot}.reference-chat__thinking i:nth-of-type(2),.service-device[data-scene-phase="4"] .reference-chat__input i:nth-of-type(2){animation-delay:.077s}.reference-chat__thinking i:nth-of-type(3),.service-device[data-scene-phase="4"] .reference-chat__input i:nth-of-type(3){animation-delay:.154s}.reference-chat__delivered{color:#f7f6fc9e;font-family:var(--mono);justify-self:end;font-size:7px}.reference-chat__result{background:#17181d;border:1px solid #f7f6fc24;border-radius:14px;align-items:center;gap:9px;min-width:76%;padding:9px 11px;display:flex}.reference-chat__result>span{color:#0f131b;background:#ffe26d;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:13px;font-weight:900;display:grid}.reference-chat__result p{gap:2px;min-width:0;margin:0;display:grid}.reference-chat__result small{color:#f7f6fc80;font-family:var(--mono);font-size:7px}.reference-chat__result strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.service-device[data-scene-phase="4"] .reference-chat__choices span:first-child{animation:referenceChoiceConfirm .434s var(--ease) .126s both}.service-device[data-scene-phase="4"] .reference-chat__input span{animation:.574s steps(16,end) .07s both referenceInputReveal}.functional-demo__progress i{background:#efeef852;position:relative;overflow:hidden}.functional-demo__progress i b{transform-origin:0;background:#efeef8;width:auto;height:auto;position:absolute;top:0;bottom:0;left:0;right:0;transform:scaleX(0)}.functional-demo__progress i.is-complete b{transform:scaleX(1)}.functional-demo__progress i.is-current b{transform:scaleX(var(--scene-progress,0))}@keyframes referenceChoiceConfirm{0%{transform:scale(1);box-shadow:0 0 #ffe26d00}45%{transform:scale(.97);box-shadow:0 0 0 4px #ffe26d57}to{transform:scale(1);box-shadow:0 0 #ffe26d00}}@keyframes referenceInputReveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes referenceHistoryEnter{0%{opacity:0;transform:translateY(16%)}to{opacity:1;transform:translate3d(0, var(--conversation-lift,7%), 0)}}@media (max-width:820px){.reference-chat__history{transition-duration:.434s}.reference-chat__timeline{left:15px;right:15px}.reference-chat__thinking{right:6%}.reference-chat__thinking>span{width:24px;height:24px}.reference-chat__result{min-width:72%;padding:7px 9px}.reference-chat__result>span{width:24px;height:24px}}@media (prefers-reduced-motion:reduce){.reference-chat__history{transition:none;transform:none;animation:none!important}.reference-chat__thinking i,.reference-chat__input i,.reference-chat__choices span:first-child,.reference-chat__input span{animation:none!important}}.network-logo{box-sizing:border-box;flex:none;width:32px;height:32px;display:block}.channel-stack span{background:#f7f6fc;border-color:#f7f6fc;overflow:hidden}.channel-stack .network-logo{width:100%;height:100%}.channel-card.instagram,.channel-card.whatsapp,.channel-card.messenger,.channel-card.tiktok{background:#fbfafe;border-radius:0;flex-direction:column;min-height:280px;padding:28px;display:flex}.channel-card__title{align-items:center;gap:12px;display:flex}.channel-card__title .network-logo{background:0 0;border:0;border-radius:0;width:36px;height:36px;padding:0}.channel-card__title h3{margin:0;font-size:clamp(1.383rem,1.963vw,2.008rem)}.channel-card>p{color:#202329;margin:24px 0 0;font-size:1rem;line-height:1.5}.channel-card>a{width:-moz-fit-content;width:fit-content;color:var(--ink);font-family:var(--mono);text-transform:uppercase;transition:gap .154s var(--ease), color .154s var(--ease);border-bottom:1px solid;align-items:center;gap:10px;margin-top:auto;padding-bottom:4px;font-size:11px;text-decoration:none;display:inline-flex}.channel-card>a:hover{color:#6540d8;gap:15px}.channel-card>a:focus-visible{color:#6540d8;gap:15px}.audience-card-icon{background:0 0;border:0;border-radius:0;width:34px;height:34px;margin-bottom:12px;padding:0;overflow:hidden}.audience-card-icon .network-logo{width:30px;height:30px}.reference-chat__media-label .network-logo{width:17px;height:17px}@media (max-width:1080px){.channel-card.instagram,.channel-card.whatsapp,.channel-card.messenger,.channel-card.tiktok{min-height:250px}}@media (max-width:640px){.channel-card__title .network-logo{width:32px;height:32px}.channel-card.instagram,.channel-card.whatsapp,.channel-card.messenger,.channel-card.tiktok{min-height:230px;padding:24px}}.functional-demo__visual{height:min(86vh,830px);min-height:760px}.service-device{aspect-ratio:1/1.57;color:#f7f6fc;contain:layout paint;background:#050507;border:0;border-radius:34px;place-self:start center;width:min(438px,82cqw);height:auto;position:relative;overflow:hidden}.service-device:before{content:none}.reference-chat__media{z-index:2;width:52%;height:37%;animation:referenceMediaCycle 8.6s var(--ease) infinite;background:#191a1f;border-radius:22px;margin:0;position:absolute;top:20px;left:23%;overflow:hidden}.reference-chat__media img{object-fit:cover;width:100%;height:100%}.service-device--instagram .reference-chat__media img{object-position:77% center}.service-device--whatsapp .reference-chat__media img{object-position:56% center}.service-device--facebook .reference-chat__media img{object-position:61% center}.service-device--tiktok .reference-chat__media img{object-position:50% center}.reference-chat__media:after{content:"";background:linear-gradient(#0000,#030305d6);position:absolute;top:58%;bottom:0;left:0;right:0}.reference-chat__media-label{z-index:2;color:#f7f6fc;font-family:var(--mono);letter-spacing:.02em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;align-items:center;gap:6px;font-size:8px;display:flex;position:absolute;bottom:11px;left:12px;right:12px;overflow:hidden}.reference-chat__reaction{z-index:3;filter:drop-shadow(0 8px 14px #00000059);width:66px;height:66px;animation:referenceReactionCycle 8.6s var(--ease) infinite;place-items:center;font-size:46px;display:grid;position:absolute;bottom:8px;right:-26px}.reference-chat__avatar{color:#f7f6fc;width:37px;height:37px;font-family:var(--mono);background:#7c34d5;border:2px solid #f7f6fcdb;border-radius:50%;flex:none;place-items:center;font-size:8px;font-weight:800;display:grid;overflow:hidden}.service-device--whatsapp .reference-chat__avatar{color:#07170d;background:#21c063}.service-device--facebook .reference-chat__avatar{background:#1877f2}.service-device--tiktok .reference-chat__avatar{background:#fe2c55}.reference-chat__avatar img{object-fit:cover;width:100%;height:100%}.service-device--instagram .reference-chat__avatar img,.service-device--tiktok .reference-chat__avatar img{object-position:78% center}.service-device--whatsapp .reference-chat__avatar img{object-position:49% center}.service-device--facebook .reference-chat__avatar img{object-position:61% center}.reference-chat__trigger{z-index:4;width:78%;animation:referenceIncomingCycle 8.6s var(--ease) infinite;align-items:end;gap:9px;display:flex;position:absolute;top:31.5%;left:5.5%}.reference-chat__trigger p{color:#f7f6fc;background:#303035;border-radius:16px 16px 16px 5px;gap:3px;max-width:78%;margin:0;padding:10px 12px;font-size:10px;line-height:1.3;display:grid}.reference-chat__trigger small,.reference-chat__reply>small{font-family:var(--mono);opacity:.56;font-size:7px}.reference-chat__thread{z-index:3;justify-items:end;gap:10px;display:grid;position:absolute;top:45%;left:22%;right:6%}.reference-chat__reply{color:#f7f6fc;width:100%;animation:referenceReplyCycle 8.6s var(--ease) infinite;background:#7c34d5;border-radius:23px;gap:8px;padding:15px;display:grid}.reference-chat__reply p,.reference-chat__follow-up{margin:0;font-size:14px;line-height:1.32}.reference-chat__choices{gap:7px;display:grid}.reference-chat__choices span{color:#f7f6fc;text-align:center;background:#9b60dd;border-radius:12px;place-items:center;min-height:39px;padding:7px 10px;font-size:12px;font-weight:700;display:grid}.reference-chat__follow-up{color:#f7f6fc;max-width:92%;animation:referenceFollowUpCycle 8.6s var(--ease) infinite;background:#7c34d5;border-radius:21px 21px 5px;padding:12px 15px}.reference-chat__typing-row{animation:referenceTypingCycle 8.6s var(--ease) infinite;justify-self:stretch;align-items:center;gap:9px;display:flex}.reference-chat__input{color:#f7f6fc80;background:#303035;border-radius:999px;flex:1;align-items:center;gap:5px;min-width:0;min-height:38px;padding:0 13px;font-size:12px;display:flex}.reference-chat__input span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.reference-chat__input i{background:#c58bf5;border-radius:50%;width:4px;height:4px;animation:.532s ease-in-out infinite referenceTypingDot}.reference-chat__input i:nth-of-type(2){animation-delay:.077s}.reference-chat__input i:nth-of-type(3){animation-delay:.154s}.functional-demo__status{background:#9e008f;width:min(438px,82cqw);min-height:68px;padding:14px 18px 11px}@keyframes referenceMediaCycle{0%,5%{opacity:0;transform:translateY(10px)scale(.98)}11%,93%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-4px)scale(.995)}}@keyframes referenceReactionCycle{0%,13%{opacity:0;transform:translateY(10px)scale(.7)rotate(-9deg)}19%,88%{opacity:1;transform:translateY(0)scale(1)rotate(0)}93%,to{opacity:0;transform:translateY(-5px)scale(.92)rotate(5deg)}}@keyframes referenceIncomingCycle{0%,17%{opacity:0;transform:translateY(12px)}24%,91%{opacity:1;transform:translateY(0)}97%,to{opacity:0;transform:translateY(-4px)}}@keyframes referenceReplyCycle{0%,34%{opacity:0;transform:translateY(14px)scale(.98)}42%,91%{opacity:1;transform:translateY(0)scale(1)}97%,to{opacity:0;transform:translateY(-4px)scale(.995)}}@keyframes referenceFollowUpCycle{0%,57%{opacity:0;transform:translateY(12px)}64%,91%{opacity:1;transform:translateY(0)}97%,to{opacity:0;transform:translateY(-4px)}}@keyframes referenceTypingCycle{0%,71%{opacity:0;transform:translateY(10px)}78%,91%{opacity:1;transform:translateY(0)}97%,to{opacity:0;transform:translateY(-4px)}}@keyframes referenceTypingDot{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@media (max-width:1180px){.service-device,.functional-demo__status{width:min(410px,86cqw)}}@media (max-width:820px){.functional-demo__visual{height:610px;min-height:610px}.service-device,.functional-demo__status{width:min(340px,100vw - 40px)}.service-device{border-radius:30px}.reference-chat__reply{gap:6px;padding:12px}.reference-chat__reply p,.reference-chat__follow-up{font-size:11px}.reference-chat__choices span{min-height:33px;font-size:10px}.reference-chat__follow-up{padding:10px 12px}.reference-chat__trigger p{padding:8px 10px;font-size:8px}.reference-chat__avatar{width:31px;height:31px}.reference-chat__input{min-height:33px;font-size:10px}}@media (max-width:380px){.functional-demo__visual{height:570px;min-height:570px}.service-device,.functional-demo__status{width:min(320px,100vw - 32px)}}@media (prefers-reduced-motion:reduce){.reference-chat__media,.reference-chat__reaction,.reference-chat__trigger,.reference-chat__reply,.reference-chat__follow-up,.reference-chat__typing-row,.reference-chat__input i{opacity:1;transform:none;animation:none!important}.functional-demo__visual{display:none}}.functional-demo:not(.product-functional-demo) .functional-demo__inner{grid-template-columns:minmax(420px,1fr) minmax(360px,.78fr);gap:clamp(44px,6vw,96px);min-height:max(720px,90svh)}.functional-demo:not(.product-functional-demo) .functional-demo__visual{align-content:start;row-gap:8px;height:646px;min-height:646px}.functional-demo:not(.product-functional-demo) .service-device,.functional-demo:not(.product-functional-demo) .functional-demo__status{width:min(360px,72cqw)}.functional-demo:not(.product-functional-demo) .functional-demo__status{justify-self:center;position:static;transform:none}.functional-demo:not(.product-functional-demo) .service-device--whatsapp{background-color:#0b141a;background-image:linear-gradient(#050e0c24,#050e0c61),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='%231b2a31' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 23h27a8 8 0 0 1 8 8v10a8 8 0 0 1-8 8H32l-9 7 2-7h-7a8 8 0 0 1-8-8V31a8 8 0 0 1 8-8Z'/%3E%3Cpath d='m76 26 6 6 11-13M131 18c12 0 22 8 22 18s-10 18-22 18a26 26 0 0 1-10-2l-10 5 3-10a16 16 0 0 1-5-11c0-10 10-18 22-18Z'/%3E%3Ccircle cx='33' cy='106' r='16'/%3E%3Cpath d='M25 105c5 7 11 7 16 0M27 99h.1M39 99h.1M75 87l28 12-12 6-5 14-11-32ZM86 104l17-5M133 91h25a7 7 0 0 1 7 7v10a7 7 0 0 1-7 7h-11l-8 7 2-7h-8a7 7 0 0 1-7-7V98a7 7 0 0 1 7-7Z'/%3E%3Cpath d='M17 147c8-7 17-7 25 0M18 158h23M73 151h30M78 143l-7 8 7 8M131 148l5 5 10-11'/%3E%3C/g%3E%3C/svg%3E");background-position:50%;background-size:auto,180px 180px}@media (max-width:820px){.functional-demo:not(.product-functional-demo) .functional-demo__inner{grid-template-columns:1fr;min-height:auto}.functional-demo:not(.product-functional-demo) .functional-demo__visual{height:566px;min-height:566px}.functional-demo:not(.product-functional-demo) .service-device,.functional-demo:not(.product-functional-demo) .functional-demo__status{width:min(310px,100vw - 40px)}}@media (max-width:380px){.functional-demo:not(.product-functional-demo) .functional-demo__visual{height:530px;min-height:530px}.functional-demo:not(.product-functional-demo) .service-device,.functional-demo:not(.product-functional-demo) .functional-demo__status{width:min(285px,100vw - 32px)}}.usecase-section{scroll-margin-top:110px}.usecase-card{isolation:isolate;--usecase-delay:0s;min-height:548px;transition:transform .294s cubic-bezier(.34,1.24,.44,1),box-shadow .294s cubic-bezier(.34,1.24,.44,1)}.usecase-card:nth-child(2){--usecase-delay:-1.2s}.usecase-card:nth-child(3){--usecase-delay:-2.4s}.usecase-demo{contain:paint;background-size:54px 54px;min-height:328px;padding:22px;overflow:hidden}.usecase-card:first-child .usecase-demo{background-color:#ffe783}.usecase-card:nth-child(2) .usecase-demo{background-color:#dff4a8}.usecase-card:nth-child(3) .usecase-demo{background-color:#ffd8b1}.person-card>.usecase-copy{padding:25px 26px 28px}.usecase-copy>span{color:var(--blue);letter-spacing:.02em;align-items:center;gap:7px;display:inline-flex}.usecase-copy h3{max-width:18ch;font-size:clamp(1.321rem,1.963vw,1.785rem);line-height:.98}.usecase-copy p{max-width:44ch}.usecase-demo .usecase-channel,.usecase-demo .jawbi-avatar,.usecase-demo .dm-pill__avatar{text-transform:none;flex:none;place-items:center;padding:0;display:grid}.usecase-channel{background:#fff;border-radius:7px;width:26px;height:26px;box-shadow:0 2px 8px #12161e24}.usecase-channel .network-logo{width:20px;height:20px}.story-frame,.mini-phone,.comment-card{box-shadow:7px 8px #12161eeb}.story-frame{color:#fff;background:#20222a;border-radius:28px;width:214px;min-height:276px;padding:0;animation:8.2s cubic-bezier(.34,1.24,.44,1) infinite usecaseStoryFloat;position:relative;overflow:hidden;transform:rotate(-2.5deg)}.story-frame:after{z-index:1;content:"";pointer-events:none;background:linear-gradient(#080c15b3,#0000 32% 55%,#080c15e0);position:absolute;top:0;bottom:0;left:0;right:0}.story-frame img{object-fit:cover;filter:saturate(1.04)contrast(1.03);width:100%;height:100%;animation:8.2s ease-in-out infinite usecaseStoryImage;position:absolute;top:0;bottom:0;left:0;right:0;transform:scale(1.03)}.story-progress{z-index:3;grid-template-columns:repeat(3,1fr);gap:4px;padding:0;display:grid;position:absolute;top:10px;left:10px;right:10px}.story-progress i{background:#ffffff61;border-radius:999px;height:2px;overflow:hidden}.story-progress i:after{border-radius:inherit;content:"";transform-origin:0;background:#fff;width:100%;height:100%;display:block;transform:scaleX(0)}.story-progress i:first-child:after{transform:scaleX(1)}.story-progress i:nth-child(2):after{animation:8.2s linear infinite usecaseStoryProgress}.story-profile{z-index:3;text-shadow:0 1px 10px #000000b8;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;padding:0;display:grid;position:absolute;top:20px;left:12px;right:12px}.story-profile strong,.story-profile small{color:#fff;font-family:var(--sans);text-transform:none}.story-profile strong{font-size:11px}.story-profile small{opacity:.82;font-size:8px}.story-caption{z-index:3;padding:0;position:absolute;bottom:18px;left:14px;right:14px}.story-caption .story-badge{color:#12161e;letter-spacing:.04em;margin-bottom:8px;padding:5px 7px;font-size:8px}.story-caption p{color:#fff;text-wrap:balance;max-width:15ch;font-size:16px;line-height:1.02}.story-reaction{z-index:4;filter:drop-shadow(0 4px 8px #12161e4d);opacity:0;font-size:31px;animation:8.2s cubic-bezier(.34,1.24,.44,1) infinite usecaseReactionIn;position:absolute;bottom:68px;right:13px;transform:translateY(10px)scale(.62)rotate(-8deg)}.dm-pill{z-index:5;width:min(228px,100% - 42px);font-family:var(--sans);opacity:0;border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:10px 12px;font-size:12px;animation:8.2s cubic-bezier(.34,1.24,.44,1) infinite usecaseDmIn;display:grid;bottom:24px;right:16px;transform:translateY(18px)scale(.96)}.dm-pill__avatar,.jawbi-avatar{background:#12161e;border-radius:50%;width:29px;height:29px;color:#fff!important;font-family:var(--mono)!important;letter-spacing:0!important;font-size:9px!important}.dm-pill>span:nth-child(2){color:#12161e;font-family:var(--sans);text-transform:none;gap:2px;font-size:11px;line-height:1.15;display:grid}.dm-pill small{color:#6a6e7e;font-size:8px}.dm-pill>i{color:#fff;background:#0031fe;border-radius:50%;place-items:center;width:20px;height:20px;font-size:10px;font-style:normal;display:grid}.mini-phone{background:linear-gradient(#ffffffb8,#ffffffb8),#efeae2 radial-gradient(circle at 20% 10%,#d0dfcd 0 2px,#0000 2px 100%) 0 0/18px 18px;border-radius:30px;width:238px;min-height:280px;padding:0 13px 14px;animation:8.2s cubic-bezier(.34,1.24,.44,1) infinite usecasePhoneFloat;display:block;position:relative;overflow:hidden;transform:rotate(1.7deg)}.mini-phone__header{background:#f8f8f8;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin:0 -13px 16px;padding:12px 13px;display:grid}.mini-phone__header>span:nth-child(2){color:#12161e;font-family:var(--sans);text-transform:none;display:grid}.mini-phone__header strong{font-size:11px}.mini-phone__header small{color:#4f846d;font-size:8px}.mini-phone__header>i{color:#67717d;letter-spacing:2px;font-size:12px;font-style:normal}.mini-phone .chat-bubble{color:#2c3035;gap:4px;max-width:88%;padding:10px 11px 7px;font-size:10px;line-height:1.3;display:grid;position:relative;box-shadow:0 2px 5px #12161e14}.chat-bubble small{color:#777f82;justify-self:end;font-size:7px}.chat-bubble small b{color:#25a7dc;font-weight:800}.mini-phone .chat-bubble--incoming{opacity:1;background:#fff;border-radius:7px 12px 12px;transform:none}.mini-phone .chat-bubble--reply{opacity:0;background:#d9fdd3;border-radius:12px 7px 12px 12px;margin:8px 0 0 auto;animation:8.2s cubic-bezier(.34,1.24,.44,1) infinite usecaseReplyIn;transform:translateY(12px)}.usecase-typing,.community-typing{opacity:0;align-items:center;display:flex}.usecase-typing{background:#fff;border-radius:7px 12px 12px;gap:4px;width:47px;margin-top:8px;padding:9px 11px;animation:8.2s infinite usecaseTypingIn;transform:translateY(8px)}.usecase-typing i,.community-typing i{background:#7a8087;border-radius:50%;width:4px;height:4px;animation:.546s ease-in-out infinite usecaseTypingDot}.usecase-typing i:nth-child(2),.community-typing i:nth-of-type(2){animation-delay:.07s}.usecase-typing i:nth-child(3),.community-typing i:nth-of-type(3){animation-delay:.14s}.community-demo{flex-direction:column;justify-content:center;gap:12px;display:flex}.community-demo .comment-card{background:#fff;border-radius:18px;width:min(284px,92%);padding:13px 14px;box-shadow:5px 6px #12161ee6}.comment-card--question{opacity:1;align-self:flex-start;transform:none}.comment-card__head{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-bottom:9px;padding:0;display:grid}.comment-card__head>span:nth-child(2){color:#12161e;font-family:var(--sans);text-transform:none;display:grid}.comment-card__head strong{font-family:var(--sans);margin:0;font-size:10px}.comment-card__head small{color:#7a8087;font-size:7px}.community-demo .comment-card p{color:#333944;font-size:10px;line-height:1.35}.comment-actions{color:#6a6e7e;font-family:var(--sans);margin-top:7px;font-size:7px;display:block}.community-typing{color:#606773;background:#ffffffdb;border-radius:999px;align-self:center;gap:5px;padding:6px 10px 6px 6px;font-size:7px;animation:8.2s infinite usecaseCommunityTyping;transform:translateY(8px)}.community-typing .jawbi-avatar,.comment-card__head .jawbi-avatar{background:#12161e;width:24px;height:24px;font-size:8px!important}.community-demo .comment-card.answer{opacity:0;background:#fff4bf;align-self:flex-end;margin:0;animation:8.2s cubic-bezier(.34,1.24,.44,1) infinite usecaseAnswerIn;transform:translateY(14px)}.verified-badge{color:#fff;background:#0031fe;border-radius:50%;place-items:center;width:17px;height:17px;font-size:9px;font-style:normal;display:grid}.story-frame,.story-frame img,.story-progress i:nth-child(2):after,.story-reaction,.dm-pill,.mini-phone,.chat-bubble--incoming,.chat-bubble--reply,.usecase-typing,.comment-card--question,.community-typing,.community-demo .comment-card.answer{animation-delay:var(--usecase-delay)}@media (hover:hover) and (pointer:fine){.usecase-card:hover{transform:translateY(-7px);box-shadow:12px 14px #12161e}}@keyframes usecaseStoryFloat{0%,to{transform:rotate(-2.5deg)translateY(0)}50%{transform:rotate(-1.2deg)translateY(-4px)}}@keyframes usecaseStoryImage{0%,to{transform:scale(1.03)}82%{transform:scale(1.1)}}@keyframes usecaseStoryProgress{0%,7%{transform:scaleX(0)}86%,to{transform:scaleX(1)}}@keyframes usecaseReactionIn{0%,20%,94%,to{opacity:0;transform:translateY(10px)scale(.62)rotate(-8deg)}27%,88%{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes usecaseDmIn{0%,34%,94%,to{opacity:0;transform:translateY(18px)scale(.96)}42%,88%{opacity:1;transform:translate(0,0)scale(1)}}@keyframes usecasePhoneFloat{0%,to{transform:rotate(1.7deg)translateY(0)}50%{transform:rotate(.8deg)translateY(-4px)}}@keyframes usecaseIncomingIn{0%,9%,94%,to{opacity:0;transform:translateY(12px)}16%,89%{opacity:1;transform:translateY(0)}}@keyframes usecaseTypingIn{0%,27%,48%,to{opacity:0;transform:translateY(8px)}33%,42%{opacity:1;transform:translateY(0)}}@keyframes usecaseReplyIn{0%,46%,94%,to{opacity:0;transform:translateY(12px)}54%,89%{opacity:1;transform:translateY(0)}}@keyframes usecaseTypingDot{0%,to{opacity:.34;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@keyframes usecaseCommunityTyping{0%,27%,48%,to{opacity:0;transform:translateY(8px)}33%,42%{opacity:1;transform:translateY(0)}}@keyframes usecaseAnswerIn{0%,46%,94%,to{opacity:0;transform:translateY(14px)}54%,89%{opacity:1;transform:translateY(0)}}@media (max-width:1180px){.usecase-card{min-height:0}.usecase-demo{min-height:350px}.story-frame{width:232px;min-height:294px}.mini-phone{width:252px}.community-demo .comment-card{width:min(340px,88%)}}@media (max-width:640px){.usecase-section{padding-top:72px}.people-copy h2{margin-top:16px}.usecase-demo{min-height:322px;padding:18px}.story-frame{width:214px;min-height:272px}.dm-pill{width:min(220px,100% - 32px);right:12px}.community-demo .comment-card{width:min(282px,94%)}.person-card>.usecase-copy{padding:22px 22px 26px}}@media (prefers-reduced-motion:reduce){.story-frame,.story-frame img,.story-progress i:nth-child(2):after,.story-reaction,.dm-pill,.mini-phone,.chat-bubble--incoming,.chat-bubble--reply,.usecase-typing,.comment-card--question,.community-typing,.community-demo .comment-card.answer,.usecase-typing i,.community-typing i{animation:none!important}.story-frame,.story-frame img,.story-reaction,.dm-pill,.mini-phone,.chat-bubble--incoming,.chat-bubble--reply,.comment-card--question,.community-demo .comment-card.answer{opacity:1;transform:none}.usecase-typing,.community-typing{display:none}.story-progress i:nth-child(2):after{transform:scaleX(1)}}@media (max-width:920px){.before-after{padding-bottom:0}.before-after .section-heading{margin-bottom:48px}.before-after .section-heading h2{font-size:clamp(2.811rem,9.816vw,4.819rem)}.comparison-scroll{min-height:205svh}.comparison-grid{height:min(620px,100svh - 108px);min-height:560px;position:sticky;top:88px}.comparison-card{width:calc(50% - 10px);min-height:0}}@media (max-width:640px){.before-after .section-heading{margin-bottom:38px}.before-after .section-heading h2{font-size:clamp(2.677rem,12.851vw,4.105rem)}.comparison-subtitle{margin-top:18px}.comparison-scroll{min-height:195svh}.comparison-grid{height:min(570px,100svh - 92px);min-height:520px;top:76px}.comparison-card{border-radius:32px;width:100%;min-height:0;padding:26px 22px}.comparison-card.before{transform:translate3d(calc(-50% + var(--comparison-before-x)), var(--comparison-before-y), 0) scale(var(--comparison-before-scale));left:50%}.comparison-card.after{opacity:var(--comparison-after-mobile-opacity);transform:translate3d(-50%, var(--comparison-after-mobile-y), 0);left:50%;right:auto}.comparison-card.after .comparison-card__content{transform:none}.comparison-scratch{stroke-width:4px;width:96%;height:190px;top:42px}.comparison-card h3{min-height:2.4em;margin-top:28px;font-size:clamp(2.454rem,11.601vw,3.57rem)}.comparison-card li{gap:10px;min-height:58px;font-size:.64rem}.comparison-check{width:21px;height:21px}.comparison-cta{min-height:54px;margin-top:20px;padding-inline-start:18px;padding-inline-end:18px;font-size:10px}}@media (prefers-reduced-motion:reduce){.comparison-scroll{min-height:auto}.comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;height:auto;min-height:0;display:grid;position:relative;top:auto;overflow:visible}.comparison-card,.comparison-card.before,.comparison-card.after{opacity:1;will-change:auto;width:100%;height:auto;min-height:620px;position:relative;top:auto;bottom:auto;left:auto;right:auto;transform:none}.comparison-card.after .comparison-card__content{will-change:auto;transform:none}.comparison-scratch{opacity:1;stroke-dashoffset:0}.comparison-progress{display:none}.before-after [data-reveal],.comparison-row,.comparison-cta,.comparison-card.is-visible .comparison-row,.comparison-card.is-visible .comparison-cta{opacity:1;transition:none;transform:none}}@media (max-width:920px) and (prefers-reduced-motion:reduce){.comparison-grid{grid-template-columns:1fr}}@media (max-width:640px) and (prefers-reduced-motion:reduce){.comparison-card,.comparison-card.before,.comparison-card.after{min-height:570px}}@media (prefers-reduced-motion:reduce){.audience-expander{background:var(--yellow);min-height:auto}.audience-sticky{background:var(--yellow);height:auto;min-height:auto;position:relative;top:auto;overflow:visible}.audience-photo,.audience-mask-svg,.audience-mask-layer:before,.audience-copy-ink-layer,.audience-word{display:none}.audience-mask-layer,.audience-intro,.audience-copy,.audience-cards{position:relative;top:auto;bottom:auto;left:auto;right:auto;opacity:1!important;transform:none!important}.audience-mask-layer{background:linear-gradient(#12161e14 1px, transparent 1px), linear-gradient(90deg, #12161e14 1px, transparent 1px), var(--yellow);clip-path:none;background-size:25vw 25vw;min-height:auto;overflow:visible}.audience-intro{padding:96px 16px 72px;display:block}.audience-sticky .eyebrow,.audience-sticky h2{color:var(--ink);text-align:center;text-shadow:none}.audience-sticky h2{max-width:980px;margin-inline-start:auto;margin-inline-end:auto}.audience-progress{background:#12161e2e}.audience-progress span{background:var(--ink)}.audience-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;width:min(1180px,100%);height:auto;margin:34px auto 0;display:grid}.audience-cards article,.audience-cards article.is-visible,.audience-cards article.is-current{opacity:1;pointer-events:auto;min-height:282px;position:relative;top:auto;bottom:auto;left:auto;right:auto;transform:none}}.launch{width:min(1200px,100% - 48px)}.launch-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.2vw,32px)}.launch-step--automations{grid-column:auto;width:auto}.launch-demo{aspect-ratio:360/246;contain:paint;background:#f7f8f5;border:1px solid #12161e14;min-height:0}.launch-step__copy{gap:8px;padding-top:18px}.launch-step__copy h3{color:var(--ink);letter-spacing:-.035em;font-size:clamp(1.071rem,1.517vw,1.445rem);font-weight:750;line-height:1.08}.launch-step__copy h3 span{white-space:nowrap}.launch-step__copy>p:last-child{color:#30343d;max-width:34ch;font-size:clamp(.98rem,1.2vw,1.12rem);line-height:1.45}.launch-reference-access{background:#fff200;place-items:center;display:grid}.launch-reference-grid{background-image:linear-gradient(#12161e1c 1px,#0000 1px),linear-gradient(90deg,#12161e1c 1px,#0000 1px);background-size:20% 33.333%;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px}.launch-reference-button-wrap{z-index:2;position:relative}.launch-reference-button{color:#fff;min-height:clamp(48px,4.6vw,60px);font-family:var(--mono);letter-spacing:.055em;text-transform:uppercase;transform-origin:50%;background:#f508ec;border-radius:999px;justify-content:center;align-items:center;padding:12px clamp(24px,3vw,38px);font-size:clamp(.7rem,.9vw,.84rem);font-weight:600;text-decoration:none;display:inline-flex}.launch-reference-button:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.launch-reference-cursor{z-index:3;width:clamp(24px,2.7vw,34px);fill:var(--ink);filter:drop-shadow(0 1px #ffffffa6);opacity:0;pointer-events:none;transform-origin:8px 6px;position:absolute;top:69%;left:79%;transform:translate(0)rotate(-8deg)}.launch-reference-channels{background:#e9f2ec;place-items:center;display:grid}.launch-reference-checker{background:conic-gradient(from 90deg at 1px 1px, #e9f2ec 25%, #d9bee7 0 50%, #e9f2ec 0 75%, #d9bee7 0) 0 0 / 50% 66.666%;position:absolute;top:-8%;bottom:-8%;left:-8%;right:-8%;transform:translate(0,0)scale(1.08)}.launch-reference-connectors{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.launch-reference-connector-rail,.launch-reference-connector-signal{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}.launch-reference-connector-rail{stroke:#12161e2b;stroke-width:1.2px}.launch-reference-connector-signal{stroke:#0031fe;stroke-dasharray:1;stroke-dashoffset:1px;stroke-width:2.4px;opacity:0}.launch-reference-channel-nodes{z-index:3;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.launch-reference-channel-node{aspect-ratio:1;opacity:0;background:#fff;border:1px solid #12161e1f;border-radius:50%;place-items:center;width:clamp(40px,4.2vw,50px);display:grid;position:absolute;transform:translate(-50%,-50%)scale(.76);box-shadow:0 8px 20px #12161e14}.launch-reference-channel-node:after{border-radius:inherit;content:"";opacity:0;border:1px solid #0031fe47;position:absolute;top:-5px;bottom:-5px;left:-5px;right:-5px;transform:scale(.84)}.launch-reference-channel-node--instagram,.launch-reference-channel-node--whatsapp{left:21.1%}.launch-reference-channel-node--tiktok,.launch-reference-channel-node--facebook{left:78.9%}.launch-reference-channel-node--instagram,.launch-reference-channel-node--tiktok{top:26.4%}.launch-reference-channel-node--whatsapp,.launch-reference-channel-node--facebook{top:73.6%}.launch-reference-channel-node .network-logo{width:clamp(22px,2.3vw,27px);height:clamp(22px,2.3vw,27px)}.launch-reference-mark-wrap{z-index:4;aspect-ratio:1;background:#fff;border-radius:50%;place-items:center;width:clamp(104px,11.5vw,146px);display:grid;position:relative;box-shadow:0 8px 24px #12161e0a}.launch-reference-mark{width:74%;overflow:visible}.launch-reference-mark__swirl,.launch-reference-mark__accent{stroke-dasharray:1;stroke-dashoffset:0}.launch-reference-automations{background:#fff}.launch-reference-setup,.launch-reference-chat{position:absolute;top:0;bottom:0;left:0;right:0}.launch-reference-setup{align-content:center;gap:clamp(7px,.9vw,11px);padding:clamp(18px,2.5vw,34px);display:grid}.launch-reference-setup-row{min-width:0;color:var(--ink);opacity:0;background:#e9f2ec;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:clamp(9px,1vw,13px) clamp(10px,1.5vw,17px);font-size:clamp(.68rem,.92vw,.88rem);display:flex;transform:translateY(10px)}.launch-reference-setup-row>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.launch-reference-setup-row strong{color:#fff;font-family:var(--mono);letter-spacing:.045em;text-transform:uppercase;background:#4b50d5;border-radius:999px;flex:none;padding:7px 14px;font-size:clamp(.55rem,.7vw,.68rem);font-weight:600}.launch-reference-chat{opacity:0;background:radial-gradient(circle at 25% 18%,#0031fe1c,#0000 29%),linear-gradient(145deg,#f6f7f4,#eef2ee);align-content:end;padding:clamp(18px,2.4vw,32px);display:grid}.launch-reference-chat__incoming,.launch-reference-chat__reply{color:var(--ink);opacity:0;border-radius:15px;transform:translateY(14px)scale(.98)}.launch-reference-chat__incoming{background:#fff;width:74%;margin-right:auto;padding:14px 16px 14px 43px;position:relative;box-shadow:0 8px 22px #12161e14}.launch-reference-chat__incoming>span{background:var(--ink);color:#fff;width:38px;height:38px;font-family:var(--mono);border:3px solid #fff;border-radius:50%;place-items:center;font-size:9px;display:grid;position:absolute;top:50%;left:-13px;transform:translateY(-50%)}.launch-reference-chat__incoming p,.launch-reference-chat__reply p{margin:0;font-size:clamp(.72rem,.95vw,.9rem);line-height:1.35}.launch-reference-chat__reply{color:#fff;background:#7b37d2;width:80%;margin:12px 0 0 auto;padding:14px;box-shadow:0 10px 26px #4d189d2e}.launch-reference-chat__reply strong{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;margin-bottom:5px;font-size:9px;font-weight:650;display:block}.launch-reference-chat__reply>span{text-align:center;background:#fff3;border-radius:9px;margin-top:10px;padding:8px 10px;font-size:clamp(.66rem,.85vw,.78rem);display:block}.launch-reference-actions{justify-content:center;gap:16px;margin-top:clamp(48px,5vw,70px);display:flex}.launch-reference-actions .button{min-width:min(250px,100%)}.launch-reference-access .launch-reference-button,.launch-reference-access .launch-reference-cursor,.launch-reference-channels .launch-reference-checker,.launch-reference-connector-signal,.launch-reference-channel-node,.launch-reference-channel-node:after,.launch-reference-channels .launch-reference-mark-wrap,.launch-reference-mark__swirl,.launch-reference-mark__accent,.launch-reference-setup,.launch-reference-setup-row,.launch-reference-chat,.launch-reference-chat__incoming,.launch-reference-chat__reply{animation-play-state:paused!important}.launch-reference-button{animation:5s cubic-bezier(.4,0,.2,1) infinite launchReferenceButton}.launch-reference-cursor{animation:5s cubic-bezier(.5,.04,.16,1) infinite launchReferenceCursor}.launch-reference-checker{animation:10s cubic-bezier(.5,.04,.16,1) infinite launchReferenceChecker}.launch-reference-connector-signal{animation:10s cubic-bezier(.2,.86,.28,1.06) infinite launchReferenceConnector;animation-delay:calc(var(--route-index) * .294s)}.launch-reference-channel-node{animation:10s cubic-bezier(.2,.86,.28,1.06) infinite launchReferenceChannelNode;animation-delay:calc(var(--node-index) * .294s)}.launch-reference-channel-node:after{animation:10s cubic-bezier(.2,.86,.28,1.06) infinite launchReferenceChannelPulse;animation-delay:calc(var(--node-index) * .294s)}.launch-reference-mark-wrap{animation:10s cubic-bezier(.5,.04,.16,1) infinite launchReferenceMark}.launch-reference-mark__swirl{animation:10s cubic-bezier(.5,.04,.16,1) infinite launchReferenceMarkDraw}.launch-reference-mark__accent{animation:10s cubic-bezier(.5,.04,.16,1) .084s infinite launchReferenceMarkDraw}.launch-reference-setup{animation:10s cubic-bezier(.5,.04,.16,1) infinite launchReferenceSetupScene}.launch-reference-setup-row{animation:10s cubic-bezier(.5,.04,.16,1) infinite launchReferenceSetupRow;animation-delay:calc(var(--row-index) * .077s)}.launch-reference-chat{animation:10s cubic-bezier(.5,.04,.16,1) infinite launchReferenceChatScene}.launch-reference-chat__incoming{animation:10s cubic-bezier(.5,.04,.16,1) infinite launchReferenceIncoming}.launch-reference-chat__reply{animation:10s cubic-bezier(.5,.04,.16,1) infinite launchReferenceReply}.launch.is-motion-active .launch-reference-button,.launch.is-motion-active .launch-reference-cursor,.launch.is-motion-active .launch-reference-checker,.launch.is-motion-active .launch-reference-connector-signal,.launch.is-motion-active .launch-reference-channel-node,.launch.is-motion-active .launch-reference-channel-node:after,.launch.is-motion-active .launch-reference-mark-wrap,.launch.is-motion-active .launch-reference-mark__swirl,.launch.is-motion-active .launch-reference-mark__accent,.launch.is-motion-active .launch-reference-setup,.launch.is-motion-active .launch-reference-setup-row,.launch.is-motion-active .launch-reference-chat,.launch.is-motion-active .launch-reference-chat__incoming,.launch.is-motion-active .launch-reference-chat__reply{animation-play-state:running!important}@keyframes launchReferenceCursor{0%,8%{opacity:0;transform:translate(0,0)rotate(-8deg)}14%{opacity:1}34%,43%{opacity:1;transform:translate(-460%,-255%)rotate(-8deg)}47%{opacity:1;transform:translate(-460%,-255%)rotate(-8deg)scale(.86)}53%{opacity:1;transform:translate(-460%,-255%)rotate(-8deg)scale(1)}66%{opacity:0;transform:translate(-460%,-255%)rotate(-8deg)}to{opacity:0;transform:translate(0,0)rotate(-8deg)}}@keyframes launchReferenceButton{0%,42%,54%,to{transform:scale(1)}47%{transform:scale(.93)}}@keyframes launchReferenceChecker{0%,12%{transform:translate(-4%)scale(1.08)}35%,60%{transform:translate(4%,-3%)scale(1.08)}82%,to{transform:translate(-4%)scale(1.08)}}@keyframes launchReferenceConnector{0%,10%{opacity:0;stroke-dashoffset:1px}17%{opacity:1}38%,82%{opacity:1;stroke-dashoffset:0}94%,to{opacity:0;stroke-dashoffset:-1px}}@keyframes launchReferenceChannelNode{0%,17%{opacity:0;transform:translate(-50%,-50%)scale(.76)}25%,84%{opacity:1;transform:translate(-50%,-50%)scale(1)}94%,to{opacity:0;transform:translate(-50%,-50%)scale(.9)}}@keyframes launchReferenceChannelPulse{0%,25%,to{opacity:0;transform:scale(.84)}31%{opacity:.85;transform:scale(1)}39%{opacity:0;transform:scale(1.28)}}@keyframes launchReferenceMark{0%{opacity:1;transform:scale(.92)}14%,86%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(.92)}}@keyframes launchReferenceMarkDraw{0%,8%{stroke-dashoffset:1px}30%,82%{stroke-dashoffset:0}to{stroke-dashoffset:-1px}}@keyframes launchReferenceSetupScene{0%,48%{opacity:1;transform:translate(0,0)}57%,to{opacity:0;transform:translateY(-8px)}}@keyframes launchReferenceSetupRow{0%,5%{opacity:0;transform:translateY(10px)}14%,48%{opacity:1;transform:translate(0,0)}57%,to{opacity:0;transform:translateY(-5px)}}@keyframes launchReferenceChatScene{0%,45%{opacity:0;transform:translateY(8px)}52%,91%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translateY(-5px)}}@keyframes launchReferenceIncoming{0%,49%{opacity:0;transform:translateY(14px)scale(.98)}58%,91%{opacity:1;transform:translate(0,0)scale(1)}to{opacity:0;transform:translateY(-4px)scale(1)}}@keyframes launchReferenceReply{0%,59%{opacity:0;transform:translateY(14px)scale(.98)}69%,91%{opacity:1;transform:translate(0,0)scale(1)}to{opacity:0;transform:translateY(-4px)scale(1)}}@media (max-width:900px){.launch{width:min(680px,100% - 32px)}.launch-steps{grid-template-columns:1fr;gap:44px}.launch-step--automations{grid-column:auto;width:100%}.launch-demo{aspect-ratio:360/238}.launch-step__copy h3{font-size:clamp(1.205rem,4.462vw,1.562rem)}.launch-step__copy>p:last-child{max-width:46ch}.launch-reference-mark-wrap{width:clamp(112px,25vw,150px)}.launch-reference-actions{align-items:stretch}}@media (max-width:480px){.launch-demo{aspect-ratio:1.28}.launch-reference-setup{gap:7px;padding:16px}.launch-reference-setup-row{padding:9px 10px;font-size:.68rem}.launch-reference-setup-row strong{padding:6px 9px;font-size:.52rem}.launch-reference-channel-node{width:42px}.launch-reference-channel-node .network-logo{width:23px;height:23px}.launch-reference-actions{flex-direction:column;gap:12px}.launch-reference-actions .button{width:100%}}@media (prefers-reduced-motion:reduce){.launch-reference-button,.launch-reference-checker,.launch-reference-connector-signal,.launch-reference-channel-node,.launch-reference-channel-node:after,.launch-reference-mark-wrap,.launch-reference-mark__swirl,.launch-reference-mark__accent,.launch-reference-setup,.launch-reference-setup-row,.launch-reference-chat,.launch-reference-chat__incoming,.launch-reference-chat__reply{animation:none!important}.launch-reference-cursor{display:none}.launch-reference-checker,.launch-reference-connector-signal,.launch-reference-channel-node,.launch-reference-mark-wrap,.launch-reference-setup,.launch-reference-setup-row{opacity:1}.launch-reference-checker,.launch-reference-mark-wrap,.launch-reference-setup,.launch-reference-setup-row{transform:none}.launch-reference-channel-node{transform:translate(-50%,-50%)}.launch-reference-connector-signal{stroke-dashoffset:0}.launch-reference-channel-node:after{opacity:0}.launch-reference-chat{display:none}.launch-reference-mark__swirl,.launch-reference-mark__accent{stroke-dashoffset:0}}.automations{grid-template-columns:minmax(0,1fr) minmax(360px,.68fr);align-items:start;gap:clamp(44px,6vw,82px);width:min(1160px,100% - 48px);padding-block-start:clamp(72px,7vw,104px);padding-block-end:clamp(72px,7vw,104px)}.automation-copy{align-content:start;display:grid}.automation-copy .eyebrow,.automation-copy h2,.automation-copy>p,.automation-copy .button{margin:0}.automation-copy .eyebrow{margin-bottom:22px}.automation-copy h2{text-wrap:balance;max-width:14ch;font-size:clamp(2.9rem,4.105vw,4.239rem);line-height:.92}.automation-copy>p:not(.eyebrow){color:#4e5261;max-width:55ch;margin-top:clamp(28px,3.2vw,42px);font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.58}.automation-copy .button{justify-self:start;min-height:48px;margin-top:28px}.template-stack{border-radius:30px;align-self:start;gap:10px;width:100%;padding:18px;box-shadow:8px 9px #12161e}.template-stack__header{color:#4e5261;min-height:42px;font-family:var(--mono);letter-spacing:.07em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:16px;padding:0 8px 6px;font-size:11px;font-weight:700;display:flex}.template-stack__header strong{width:34px;height:28px;color:var(--ink);border:1px solid #12161e33;border-radius:999px;place-items:center;font-size:10px;display:grid}.template-flow-list{isolation:isolate;gap:10px;display:grid;position:relative}.template-flow-indicator{z-index:1;background:linear-gradient(135deg, var(--yellow), var(--orange));will-change:transform;border:1px solid #12161e;border-radius:18px;height:62px;transition:transform .308s cubic-bezier(.84,0,.16,1);position:absolute;top:0;bottom:auto;left:0;right:0;transform:translate(0,0);box-shadow:0 0 0 4px #0031fe57}.template-flow-row{height:62px;position:relative}.template-flow-row__surface{z-index:0;border:1px solid var(--line);background:#f7f8fb;border-radius:18px;position:absolute;top:0;bottom:0;left:0;right:0}.template-flow-list[data-active-index="1"] .template-flow-indicator{transform:translateY(72px)}.template-flow-list[data-active-index="2"] .template-flow-indicator{transform:translateY(144px)}.template-flow-list[data-active-index="3"] .template-flow-indicator{transform:translateY(216px)}.template-item{z-index:1;width:100%;min-width:0;height:62px;min-height:62px;color:var(--ink);font:inherit;text-align:left;background:0 0;border-color:#0000;border-radius:18px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 14px;transition:background-color .126s cubic-bezier(.3,1.2,.4,1),border-color .126s cubic-bezier(.3,1.2,.4,1),transform .126s cubic-bezier(.3,1.2,.4,1);display:grid;position:relative}.template-item__index{color:#6a6e7e;font-family:var(--mono);letter-spacing:.05em;font-size:10px}.template-item__label{min-width:0;font-size:clamp(.93rem,1.15vw,1.05rem);font-weight:650;line-height:1.2}.template-item__state{color:#4e5261;min-width:30px;min-height:30px;font-family:var(--mono);border-radius:999px;place-items:center;font-size:11px;line-height:1;display:grid}.template-item.is-active{box-shadow:none;background:0 0;border-color:#0000}.template-item.is-active .template-item__index{color:#12161ead}.template-item.is-active .template-item__state{color:#fff;letter-spacing:.04em;text-transform:uppercase;background:#12161e;min-width:54px;padding-inline-start:10px;padding-inline-end:10px;font-size:9px}.template-item__progress{transform-origin:0;height:2px;animation:template-cycle-progress var(--template-cycle-duration) linear forwards;background:#12161e94;border-radius:999px;position:absolute;bottom:5px;left:16px;right:16px;transform:scaleX(0)}.template-stack[data-paused=true] .template-item__progress{animation-play-state:paused}.template-item:focus-visible{outline-offset:3px;outline:3px solid #0031fe7a}.template-preview{border:1px solid #12161e1c;border-radius:22px;align-content:center;gap:8px;min-height:142px;margin-top:6px;padding:22px;animation:.294s cubic-bezier(.3,1.2,.4,1) both template-preview-enter;display:grid}@keyframes template-cycle-progress{to{transform:scaleX(1)}}@keyframes template-preview-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translate(0,0)}}.template-preview__eyebrow{color:#6a6e7e;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:700}.template-preview>strong{font-size:clamp(1.05rem,1.45vw,1.25rem);line-height:1.2}.template-preview p{color:#4e5261;max-width:46ch;margin-top:0;font-size:.98rem;line-height:1.48}.template-stack.template-stack--whatsapp{--whatsapp-green:#08a884;--whatsapp-green-dark:#075e54;color:#f4f7f8;background:#071218;border:2px solid #0c1820;border-radius:42px;grid-template-rows:34px 72px minmax(0,1fr) 68px 96px;justify-self:end;gap:0;width:min(100%,430px);height:660px;min-height:0;padding:0;display:grid;position:relative;overflow:hidden;box-shadow:10px 12px #12161e}.template-stack--whatsapp:before{z-index:4;content:"";background:#050b0f;border-radius:0 0 20px 20px;width:126px;height:30px;position:absolute;top:0;left:50%;transform:translate(-50%)}.automation-phone__statusbar,.automation-phone__header,.automation-phone__composer,.automation-phone__flow{z-index:2;position:relative}.automation-phone__statusbar{color:#aeb2c2;font-family:var(--mono);letter-spacing:.04em;background:#0b161d;justify-content:space-between;align-items:center;padding:0 24px;font-size:9px;display:flex}.automation-phone__system-status{align-items:end;gap:4px;display:flex}.automation-phone__system-status i{background:currentColor;border-radius:2px;width:3px;display:block}.automation-phone__system-status i:first-child{height:6px}.automation-phone__system-status i:nth-child(2){height:9px}.automation-phone__system-status i:nth-child(3){background:0 0;border:2px solid;border-radius:50%;width:8px;height:8px}.automation-phone__header{background:#202c33;border-bottom:1px solid #ffffff14;grid-template-columns:18px 50px minmax(0,1fr) 22px 10px;align-items:center;gap:12px;padding:12px 22px;display:grid}.automation-phone__back{border-bottom:2px solid #aeb2c2;border-left:2px solid #aeb2c2;width:12px;height:12px;transform:rotate(45deg)}.automation-phone__avatar{background:#fffdf4;border-radius:50%;place-items:center;width:50px;height:50px;display:grid}.automation-phone__avatar .network-logo{width:28px;height:28px}.automation-phone__identity{gap:2px;min-width:0;display:grid}.automation-phone__identity strong{font-size:1.03rem;line-height:1.1}.automation-phone__identity small{color:#8d9aa1;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.automation-phone__search{border:2px solid #aeb2c2;border-radius:50%;width:14px;height:14px;position:relative}.automation-phone__search:after{content:"";background:#aeb2c2;width:6px;height:2px;position:absolute;bottom:-3px;right:-4px;transform:rotate(-48deg)}.automation-phone__menu{justify-items:center;gap:3px;display:grid}.automation-phone__menu i{background:#aeb2c2;border-radius:50%;width:3px;height:3px}.automation-phone__chat{background:radial-gradient(circle at 18px 18px,#ffffff0b 0 2px,#0000 2.5px) 0 0/72px 72px,radial-gradient(circle at 54px 54px,#0000 0 11px,#ffffff07 12px 13px,#0000 14px) 0 0/144px 144px,repeating-linear-gradient(45deg,#0000 0 72px,#ffffff05 73px 79px,#0000 80px 150px),linear-gradient(145deg,#071218,#09171d 72%,#073127);grid-template-rows:auto minmax(0,1fr);min-height:0;padding:20px 18px 18px;display:grid;position:relative;overflow:hidden}.automation-phone__date{color:#92a2aa;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;background:#18252c;border-radius:9px;justify-self:center;padding:7px 12px;font-size:9px}.automation-phone__thread{flex-direction:column;justify-content:flex-end;gap:8px;min-height:0;padding-top:18px;display:flex}.automation-message{opacity:0;border-radius:13px;width:-moz-fit-content;width:fit-content;max-width:84%;padding:10px 12px 7px;position:relative;transform:translateY(14px)scale(.98);box-shadow:0 2px 8px #00000029}.automation-message:after{content:"";border-style:solid;width:0;height:0;position:absolute;bottom:0}.automation-message small{color:#8ad7c4;margin-bottom:3px;font-size:.68rem;font-weight:700;display:block}.automation-message p,.automation-phone__result p{margin:0}.automation-message p{color:#f4f7f8;padding-right:30px;font-size:.9rem;line-height:1.28}.automation-message time{color:#92a2aa;font-family:var(--mono);text-align:right;margin-top:3px;font-size:8px;display:block}.automation-message time span{color:#53bdeb}.automation-message--incoming{background:#202c33;border-top-left-radius:4px;align-self:flex-start}.automation-message--incoming:after{border-width:0 8px 8px 0;border-color:#0000 #202c33 #0000 #0000;left:-7px}.automation-message--outgoing{background:var(--whatsapp-green-dark);border-top-right-radius:4px;align-self:flex-end}.automation-message--outgoing:after{border-width:8px 8px 0 0;border-color:var(--whatsapp-green-dark) transparent transparent transparent;right:-7px}.automation-message--first{animation:automation-message-enter .252s var(--ease) .084s both}.automation-message--outgoing{animation:automation-message-enter .266s var(--ease) .952s both}.automation-message--followup{animation:automation-message-enter .266s var(--ease) 2.18s both}.automation-message--typing{background:var(--whatsapp-green-dark);justify-content:center;align-self:flex-end;align-items:center;gap:4px;width:54px;min-height:34px;padding:8px 12px;animation:.784s .427s both automation-typing-cycle;display:flex}.automation-message--typing i{background:#d7eee9;border-radius:50%;width:5px;height:5px;animation:.434s ease-in-out infinite alternate automation-typing-dot}.automation-message--typing i:nth-child(2){animation-delay:.07s}.automation-message--typing i:nth-child(3){animation-delay:.14s}.automation-phone__result{opacity:0;width:min(92%,410px);animation:automation-message-enter .294s var(--ease) 2.94s both;background:#171c22;border:1px solid #ffffff24;border-radius:14px;grid-template-columns:36px minmax(0,1fr);align-self:flex-end;align-items:center;gap:10px;padding:11px 12px;display:grid;transform:translateY(14px);box-shadow:0 4px 16px #0003}.automation-phone__result-icon{background:var(--yellow);color:#12161e;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.automation-phone__result>span:last-child{min-width:0}.automation-phone__result small{color:#8d9aa1;font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;font-size:8px;display:block}.automation-phone__result strong{margin-top:2px;font-size:.88rem;display:block}.automation-phone__result p{color:#9eabb1;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:.72rem;line-height:1.3;display:-webkit-box;overflow:hidden}.automation-phone__composer{background:#111b21;border-top:1px solid #ffffff14;grid-template-columns:28px minmax(0,1fr) 24px 44px;align-items:center;gap:8px;padding:13px 16px;display:grid}.automation-phone__emoji,.automation-phone__attach{color:#98a6ad;place-items:center;font-size:1.3rem;line-height:1;display:grid}.automation-phone__input{color:#83929a;background:#202c33;border-radius:999px;align-items:center;min-width:0;min-height:44px;padding:0 16px;font-size:.86rem;display:flex}.automation-phone__send{background:var(--whatsapp-green);border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.automation-phone__send i{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:10px solid #071218;width:0;height:0;margin-left:3px}.automation-phone__flow{color:#fff;background:#087f68;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 18px;padding:16px 20px 14px;display:grid}.automation-phone__flow-copy{gap:2px;display:grid}.automation-phone__flow-copy small{font-family:var(--mono);letter-spacing:.07em;text-transform:uppercase;font-size:8px}.automation-phone__flow-copy strong{font-size:1.12rem;line-height:1.1}.automation-phone__flow-count{font-family:var(--mono);font-size:.8rem;font-weight:700}.automation-phone__flow-steps{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.automation-phone__flow-steps button{cursor:pointer;background:0 0;border:0;height:24px;min-height:24px;padding:0;position:relative;overflow:visible}.automation-phone__flow-steps button:before{content:"";background:#ffffff85;border-radius:999px;height:5px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.automation-phone__flow-steps button.is-active:before{background:#ffffff9e}.automation-phone__flow-steps button:focus-visible{outline-offset:4px;outline:3px solid #fff}.automation-phone__flow-progress{z-index:1;transform-origin:0;height:5px;animation:automation-flow-progress var(--template-cycle-duration) linear forwards;background:#fff;border-radius:999px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)scaleX(0)}.template-stack--whatsapp[data-paused=true] .automation-phone__flow-progress,.template-stack--whatsapp[data-paused=true] .automation-message,.template-stack--whatsapp[data-paused=true] .automation-phone__result,.template-stack--whatsapp[data-paused=true] .automation-message--typing i{animation-play-state:paused}@keyframes automation-message-enter{to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes automation-typing-cycle{0%,to{opacity:0;transform:translateY(10px)scale(.96)}18%,72%{opacity:1;transform:translate(0,0)scale(1)}}@keyframes automation-typing-dot{to{opacity:.38;transform:translateY(-2px)}}@keyframes automation-flow-progress{to{transform:translateY(-50%)scaleX(1)}}@media (hover:hover) and (pointer:fine){.template-item:not(.is-active):hover{background:#fff;border-color:#12161e47;transform:translate(3px)}}.product-flows{width:min(1280px,100% - 48px);padding-block-start:clamp(88px,9vw,124px);padding-block-end:clamp(88px,9vw,124px)}.product-flows__heading{text-align:left;grid-template-columns:minmax(0,1.25fr) minmax(280px,.55fr);align-items:end;gap:clamp(36px,6vw,84px);max-width:none;margin-bottom:clamp(40px,5vw,60px);display:grid}.product-flows__heading .eyebrow,.product-flows__heading h2,.product-flows__lede{margin:0}.product-flows__heading .eyebrow{margin-bottom:20px}.product-flows__heading h2{text-wrap:balance;max-width:17ch;font-size:clamp(3.123rem,5.176vw,5.354rem);line-height:.91}.product-flows__lede{color:#4e5261;max-width:36ch;padding-bottom:6px;font-size:clamp(1rem,1.25vw,1.14rem);line-height:1.55}.flow-showcase{gap:24px}.flow-card{border-radius:30px;flex-direction:column;min-height:410px;padding:26px;transition:none;display:flex;transform:none;box-shadow:6px 7px #12161e}.flow-card__header{justify-content:space-between;align-items:center;gap:16px;display:flex}.flow-card__icon{border-radius:16px;width:52px;height:52px;font-size:20px;box-shadow:3px 4px #12161eeb}.flow-card__index{color:#12161e9e;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:700}.flow-card__content{gap:12px;margin-top:40px;margin-bottom:24px;display:grid}.flow-card h3,.flow-card__content p{margin:0}.flow-card h3{font-size:clamp(1.383rem,1.963vw,1.785rem);line-height:1.05}.flow-card__content p{color:#4e5261;max-width:38ch;font-size:.98rem;line-height:1.5}.mini-status,.ticket-widget,.handoff-avatars{margin-top:auto}.mini-status{gap:8px}.mini-status span{border-radius:14px;align-items:center;gap:10px;min-height:46px;padding:10px 13px;font-size:.9rem;display:flex}.mini-status span:before{content:"";opacity:.72;background:currentColor;border-radius:50%;flex:0 0 7px;width:7px;height:7px}.mini-status .is-active{animation:none}.ticket-widget{border-radius:18px;align-content:center;gap:5px;min-height:112px;padding:18px}.ticket-widget small{color:#6a6e7e;font-family:var(--mono);letter-spacing:.07em;text-transform:uppercase;font-size:9px;font-weight:700}.ticket-widget strong{font-size:clamp(1.2rem,2vw,1.5rem)}.handoff-avatars{border-radius:18px;justify-content:center;width:100%;min-height:112px;padding:16px}.handoff-avatars span{width:62px;height:48px}.handoff-avatars i{width:clamp(44px,5vw,68px)}@media (max-width:1080px){.automations{grid-template-columns:1fr;gap:52px}.automation-copy{max-width:760px}.automation-copy h2{max-width:11ch}.template-stack{max-width:760px}.template-stack.template-stack--whatsapp{justify-self:center}.product-flows__heading{grid-template-columns:1fr;gap:24px}.product-flows__lede{max-width:52ch}.flow-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}.human-flow{grid-column:1/-1;justify-self:center;width:min(620px,100%)}}@media (max-width:720px){.automations,.product-flows{width:calc(100% - 32px);padding-block-start:72px;padding-block-end:72px}.automation-copy .eyebrow,.product-flows__heading .eyebrow{margin-bottom:16px}.automation-copy h2,.product-flows__heading h2{max-width:11ch;font-size:clamp(2.409rem,11.155vw,3.57rem);line-height:.93}.automation-copy>p:not(.eyebrow){margin-top:24px;font-size:1rem}.automation-copy .button{width:100%;margin-top:24px}.template-stack{border-radius:24px;gap:8px;padding:12px;box-shadow:5px 6px #12161e}.template-stack.template-stack--whatsapp{border-radius:28px;grid-template-rows:32px 68px minmax(0,1fr) 62px 92px;height:590px;min-height:0;padding:0;box-shadow:5px 6px #12161e}.template-stack--whatsapp:before{width:104px;height:26px}.automation-phone__statusbar{padding-inline-start:18px;padding-inline-end:18px}.automation-phone__header{grid-template-columns:16px 44px minmax(0,1fr) 20px 8px;gap:9px;padding:10px 14px}.automation-phone__avatar{width:44px;height:44px}.automation-phone__avatar .network-logo{width:25px;height:25px}.automation-phone__chat{padding:16px 12px 12px}.automation-phone__thread{gap:7px;padding-top:12px}.automation-message{max-width:90%;padding:9px 10px 6px}.automation-message p{padding-right:18px;font-size:.82rem}.automation-phone__result{grid-template-columns:32px minmax(0,1fr);width:96%;padding:9px 10px}.automation-phone__result-icon{width:32px;height:32px}.automation-phone__composer{grid-template-columns:22px minmax(0,1fr) 20px 40px;gap:6px;padding:10px}.automation-phone__input{min-height:40px;padding-inline-start:12px;padding-inline-end:12px}.automation-phone__send{width:40px;height:40px}.automation-phone__flow{padding:14px 14px 12px}.automation-phone__flow-copy strong{font-size:1rem}.template-flow-list{gap:8px}.template-flow-indicator,.template-flow-row{height:60px}.template-flow-list[data-active-index="1"] .template-flow-indicator{transform:translateY(68px)}.template-flow-list[data-active-index="2"] .template-flow-indicator{transform:translateY(136px)}.template-flow-list[data-active-index="3"] .template-flow-indicator{transform:translateY(204px)}.template-stack__header{padding-inline-start:6px;padding-inline-end:6px}.template-item{border-radius:16px;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;height:60px;min-height:60px;padding:8px 10px}.template-item__label{font-size:.93rem}.template-preview{border-radius:18px;min-height:136px;padding:18px}.product-flows__heading{gap:20px;margin-bottom:34px}.product-flows__lede{font-size:1rem}.flow-showcase{grid-template-columns:1fr;gap:20px}.human-flow{grid-column:auto;width:100%}.flow-card{border-radius:26px;min-height:390px;padding:22px;box-shadow:5px 6px #12161e}.flow-card__content{margin-top:32px;margin-bottom:22px}.flow-card__content p{font-size:.95rem}}@media (prefers-reduced-motion:reduce){.template-flow-indicator{will-change:auto;transition:none}.template-preview{animation:none}.template-item__progress{display:none}.automation-message,.automation-phone__result{opacity:1;animation:none;transform:none}.automation-message--typing,.automation-phone__flow-progress{display:none}}.jawbi-site-footer{color:#f6f5fb;background:#06080c;border-top:1px solid #f6f5fb29;padding:clamp(72px,7vw,112px) clamp(24px,3.2vw,64px) 34px;font-family:Plus Jakarta Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;display:block}.jawbi-site-footer *,.jawbi-site-footer :before,.jawbi-site-footer :after{box-sizing:border-box}.jawbi-site-footer a{color:inherit;text-decoration:none}.jawbi-site-footer__grid{grid-template-columns:minmax(480px,.92fr) minmax(520px,1.08fr);gap:clamp(44px,6vw,100px);width:min(1880px,100%);margin:0 auto;display:grid}.jawbi-site-footer__navigation{flex-direction:column;min-width:0;display:flex}.jawbi-footer-brand{align-self:flex-start;width:clamp(188px,16vw,256px);display:inline-flex}.jawbi-footer-brand .brand-logo{--logo-ink:#f8f7fc;--logo-swirl-main:#f8f7fc;--logo-swirl-accent:#f8f7fc;width:100%;height:auto;display:block}.jawbi-footer-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:clamp(72px,8vw,118px);display:grid}.jawbi-footer-link-group{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.jawbi-footer-link-group strong{color:#787c8a;text-transform:uppercase;margin-bottom:12px;font-family:Fragment Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:400}.jawbi-footer-link-group a{color:#d7d6d0;font-size:1rem;line-height:1.25;transition:color .126s,transform .168s cubic-bezier(.2,.86,.28,1.06)}.jawbi-footer-link-group a:hover{color:#e8c98a;transform:translate(4px)}.jawbi-footer-link-group a:focus-visible{outline-offset:5px;outline:2px solid #e8c98a}.jawbi-footer-brand:focus-visible{outline-offset:5px;outline:2px solid #e8c98a}.jawbi-footer-motion{aspect-ratio:16/9;isolation:isolate;background:#e8c98a;border:1px solid #f6f5fb2e;min-width:0;position:relative;overflow:hidden}.jawbi-footer-motion__video{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.jawbi-site-footer__bottom{color:#787c8a;grid-template-columns:minmax(480px,.92fr) minmax(520px,1.08fr);gap:clamp(44px,6vw,100px);width:min(1880px,100%);margin:18px auto 0;font-family:Fragment Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.5;display:grid}.jawbi-site-footer__bottom span:last-child{text-align:right}@media (max-width:1200px){.jawbi-site-footer__grid{grid-template-columns:1fr}.jawbi-footer-links{margin-top:64px}.jawbi-footer-motion{width:min(860px,100%)}.jawbi-site-footer__bottom{grid-template-columns:1fr auto}}@media (max-width:600px){.jawbi-site-footer{padding:56px 16px 28px;scroll-margin-top:86px}.jawbi-site-footer__grid{gap:40px}.jawbi-footer-brand{width:184px}.jawbi-footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 20px;margin-top:44px}.jawbi-footer-link-group{gap:8px}.jawbi-footer-link-group:last-child{grid-column:1/-1}.jawbi-footer-link-group strong{margin-bottom:8px}.jawbi-site-footer__bottom{grid-template-columns:1fr;gap:6px;margin-top:16px}.jawbi-site-footer__bottom span:last-child{text-align:left}}@media (prefers-reduced-motion:reduce){.jawbi-footer-link-group a{transition:none}}.privacy-notice{z-index:240;color:#12161e;-webkit-backdrop-filter:blur(18px)saturate(120%);backdrop-filter:blur(18px)saturate(120%);background:#f7f6fcf7;border:1px solid #12161e29;border-radius:18px;width:min(430px,100vw - 36px);padding:22px;animation:.252s cubic-bezier(.2,.86,.28,1.06) both privacyNoticeIn;position:fixed;bottom:18px;right:18px;box-shadow:0 24px 70px #061d1847}.privacy-notice__heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.privacy-notice__heading strong{font-size:1.35rem;line-height:1}.privacy-notice__heading span{font-family:Fragment Mono,ui-monospace,monospace;font-size:24px}.privacy-notice>p{color:#555f6d;margin:16px 0 0;font-size:1rem;line-height:1.4}.privacy-notice__links{flex-wrap:wrap;gap:8px 18px;margin-top:18px;display:flex}.privacy-notice__links a{color:#12161e;text-underline-offset:3px;font-size:.92rem;font-weight:700}.privacy-notice>button{color:#fbfafe;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background:#12161e;border:1px solid #12161e;border-radius:999px;width:100%;min-height:50px;margin-top:20px;font-family:Fragment Mono,ui-monospace,monospace;font-size:11px;font-weight:700;transition:transform .126s,background .126s}.privacy-notice>button:hover{background:#08775d;transform:translateY(-2px)}.privacy-notice>button:focus-visible{outline-offset:3px;outline:3px solid #0031fe7a}.privacy-notice__links a:focus-visible{outline-offset:3px;outline:3px solid #0031fe7a}@keyframes privacyNoticeIn{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.privacy-notice{border-radius:16px;width:auto;padding:18px;bottom:8px;left:8px;right:8px}.privacy-notice__heading strong{font-size:1.22rem}.privacy-notice>p{margin-top:13px;font-size:.94rem}.privacy-notice__links{margin-top:14px}.privacy-notice>button{margin-top:16px}}@media (prefers-reduced-motion:reduce){.privacy-notice{animation:none}.privacy-notice>button{transition:none}}

/* jawbi logo — two artworks rather than a filter, so the blue survives.
   src is the light one (default context is the dark hero); light surfaces swap. */
img.brand-logo{flex:none;width:122px;height:auto;display:block;object-fit:contain}
.site-header--light-surface:not(.is-scrolled) img.brand-logo,.site-header.is-scrolled img.brand-logo{content:url(/assets/jawbi-logo.png)}
@media (max-width:560px){img.brand-logo{width:104px}}

/* ── jawbi section overrides ── rebuilt by rebuild.py ── */

/* logo: two artworks rather than a filter, so the blue survives */
img.brand-logo{flex:none;width:122px;height:auto;display:block;object-fit:contain}
.site-header--light-surface:not(.is-scrolled) img.brand-logo,
.site-header.is-scrolled img.brand-logo{content:url(/assets/jawbi-logo.png)}
@media (max-width:560px){img.brand-logo{width:104px}}

/* channel cards — frameless; the surface arrives on hover */
.channel-card.instagram,.channel-card.whatsapp,
.channel-card.messenger,.channel-card.tiktok{
  background:#0000;border:0;border-radius:26px;box-shadow:none;
  transition:background-color .22s var(--ease),box-shadow .22s var(--ease),transform .22s var(--ease)}
.channel-card.instagram:hover,.channel-card.whatsapp:hover,
.channel-card.messenger:hover,.channel-card.tiktok:hover,.channel-card:focus-within{
  transform:translateY(-3px);box-shadow:0 18px 40px -16px #12161e3d,0 2px 6px -2px #12161e1f}
.channel-card.instagram:hover,.channel-card.instagram:focus-within{background:#c1358414}
.channel-card.whatsapp:hover ,.channel-card.whatsapp:focus-within {background:#25d3661f}
.channel-card.messenger:hover,.channel-card.messenger:focus-within{background:#0866ff17}
.channel-card.tiktok:hover   ,.channel-card.tiktok:focus-within   {background:#12161e12}

/* audience section — photo as the background, four white cards that flip */
.audience-expander{min-height:0;height:auto}
.audience-sticky{position:relative;min-height:0;height:auto;overflow:hidden;border-radius:28px}
.audience-photo{position:absolute;inset:0;height:100%;width:100%;z-index:0;
  transform:none;clip-path:none;-webkit-mask:none;mask:none}
.audience-photo img{width:100%;height:100%;object-fit:cover;transform:none}
.audience-photo__shade{opacity:1;background:linear-gradient(180deg,#12161e94 0%,#12161e4d 45%,#12161e99 100%)}
.audience-mask-layer{display:block;position:relative;z-index:2;background:0 0;
  clip-path:none;min-height:0;padding:clamp(28px,4vw,56px)}
.audience-intro{opacity:1;position:relative;transform:none;display:flex;
  flex-direction:column;gap:clamp(24px,3vw,40px)}
.audience-copy{position:relative;transform:none;opacity:1}
.audience-copy .eyebrow{color:#ffffffb8}
.audience-copy h2{color:#fff;max-width:22ch}
.audience-copy-ink-layer,.audience-word,.audience-progress,
.audience-expander>.audience-sticky>svg,.audience-mask-svg{display:none}
.audience-cards{opacity:1;position:relative;height:auto;display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;perspective:820px;perspective-origin:50% 45%}
.audience-cards article,.audience-cards article.is-visible,
.audience-cards article.is-current{
  opacity:1;pointer-events:auto;position:relative;inset:auto;
  background:#fff;border:0;border-radius:20px;padding:20px;color:var(--ink);
  display:flex;flex-direction:column;align-items:flex-start;
  box-shadow:0 16px 34px -18px #12161e5c;transform-style:preserve-3d;
  transition:transform .72s cubic-bezier(.42,.02,.2,1),box-shadow .3s var(--ease)}
.audience-cards article *{color:var(--ink)}
.audience-cards article p{color:var(--muted)}
.audience-cards article:hover,.audience-cards article:focus-within{
  transform:rotateY(180deg);box-shadow:0 26px 50px -20px #12161e80}
.audience-cards article>*{backface-visibility:hidden;-webkit-backface-visibility:hidden}
.audience-cards .audience-card__message{
  position:absolute;inset:0;margin:0;display:flex;flex-direction:column;
  justify-content:flex-end;gap:9px;border-radius:20px;padding:18px;overflow:hidden;
  transform:rotateY(180deg);backface-visibility:hidden;-webkit-backface-visibility:hidden}

/* the channel label becomes the chat header */
.audience-cards .audience-card__message small{
  position:absolute;top:16px;left:18px;right:18px;
  font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;
  color:#ffffffa8;opacity:0}
/* the customer's message */
.audience-cards .audience-card__message p{
  margin:0;align-self:flex-start;max-width:88%;
  background:#ffffff26;color:#fff;border-radius:14px 14px 14px 4px;
  padding:9px 12px;font-size:.86rem;line-height:1.4;opacity:0}
/* Jawbi's answer */
.audience-cards .audience-card__message:after{
  align-self:flex-end;max-width:88%;
  background:#fff;color:#12161e;border-radius:14px 14px 4px 14px;
  padding:9px 12px;font-size:.86rem;line-height:1.4;font-weight:500;opacity:0}

/* the conversation plays once the card has turned far enough to be read */
@keyframes audienceBubbleIn{from{opacity:0;transform:translateY(10px) scale(.96)}
  to{opacity:1;transform:none}}
.audience-cards article:hover .audience-card__message small,
.audience-cards article:focus-within .audience-card__message small{
  animation:audienceBubbleIn .3s var(--ease) .38s both}
.audience-cards article:hover .audience-card__message p,
.audience-cards article:focus-within .audience-card__message p{
  animation:audienceBubbleIn .34s cubic-bezier(.34,1.24,.44,1) .48s both}
.audience-cards article:hover .audience-card__message:after,
.audience-cards article:focus-within .audience-card__message:after{
  animation:audienceBubbleIn .34s cubic-bezier(.34,1.24,.44,1) .78s both}

/* each channel: its own colour, and the reply it would actually send */
.audience-cards article:nth-child(1) .audience-card__message{background:#c13584}
.audience-cards article:nth-child(2) .audience-card__message{background:#12161e}
.audience-cards article:nth-child(3) .audience-card__message{background:#128c7e}
.audience-cards article:nth-child(4) .audience-card__message{background:#0866ff}
.audience-cards article:nth-child(1) .audience-card__message:after{
  content:"Yes \2014 sending you the options and the link now."}
.audience-cards article:nth-child(2) .audience-card__message:after{
  content:"Yes. How many people are you covering?"}
.audience-cards article:nth-child(3) .audience-card__message:after{
  content:"Yes, in stock. Casablanca in 24 h."}
.audience-cards article:nth-child(4) .audience-card__message:after{
  content:"Checking now \2014 what is your order number?"}
@media (prefers-reduced-motion:reduce){
  .audience-cards article{transition:none}
  .audience-cards article:hover,.audience-cards article:focus-within{transform:none}
  .audience-cards .audience-card__message{position:relative;inset:auto;transform:none;margin-top:14px}}
@media (max-width:960px){.audience-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.audience-cards{grid-template-columns:1fr}
  .audience-sticky{border-radius:20px}}

/* ghost conversation behind the front face */
.audience-cards article{isolation:isolate}
.audience-cards article:before{
  content:"";position:absolute;inset:0;border-radius:20px;z-index:0;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 200' preserveAspectRatio='xMidYMid slice'%3E%3Crect x='10' y='14' width='150' height='58' rx='14' fill='%2312161e' fill-opacity='.05' stroke='%2312161e' stroke-opacity='.12' stroke-width='1.5'/%3E%3Crect x='24' y='28' width='104' height='7' rx='3.5' fill='%2312161e' fill-opacity='.26'/%3E%3Crect x='24' y='42' width='72' height='7' rx='3.5' fill='%2312161e' fill-opacity='.26'/%3E%3Crect x='58' y='84' width='160' height='44' rx='14' fill='%2312161e' fill-opacity='.05' stroke='%2312161e' stroke-opacity='.12' stroke-width='1.5'/%3E%3Crect x='72' y='98' width='118' height='7' rx='3.5' fill='%2312161e' fill-opacity='.26'/%3E%3Crect x='30' y='138' width='180' height='58' rx='14' fill='%230031fe' fill-opacity='.10' stroke='%230031fe' stroke-opacity='.45' stroke-width='1.5'/%3E%3Crect x='44' y='152' width='138' height='7' rx='3.5' fill='%230031fe' fill-opacity='.55'/%3E%3Crect x='44' y='166' width='96' height='7' rx='3.5' fill='%230031fe' fill-opacity='.55'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:center;background-size:106% auto;
  opacity:0;transform:translateY(6px);
  transition:opacity .32s var(--ease),transform .32s var(--ease);
  backface-visibility:hidden;-webkit-backface-visibility:hidden}
.audience-cards article:hover:before,.audience-cards article:focus-within:before{
  opacity:1;transform:none}
.audience-cards article>*{position:relative;z-index:1}
.audience-cards .audience-card__message{z-index:2}

/* the ghosts land first, then the card turns; it returns immediately on leave */
.audience-cards article:hover,.audience-cards article:focus-within{
  transition:transform .72s cubic-bezier(.42,.02,.2,1) .45s,box-shadow .3s var(--ease)}
@media (prefers-reduced-motion:reduce){
  .audience-cards article:before{transition:none}
  .audience-cards article:hover,.audience-cards article:focus-within{transition:none}}

/* card front: title, copy, then the link pinned to the bottom */
.audience-cards article>strong{display:block;margin-top:14px;font-size:1.42rem;line-height:1.15}
.audience-cards article>span{display:block;margin-top:10px;font-size:.92rem;line-height:1.5;color:var(--muted)}
.audience-cards article>a{margin-top:auto;padding-top:14px}

/* ── section 5: the cards turn, and land looking exactly as they were ── */
.people-row{perspective:1700px;
  /* three identical cards: equal columns, no stagger, equal height */
  grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.people-row .person-card.usecase-card:nth-child(2),
.people-row .person-card.usecase-card:nth-child(3){margin-top:0}
.people-row .person-card.usecase-card{
  overflow:visible;transform-style:preserve-3d;
  transition:transform 0s,box-shadow .3s var(--ease);
  /* the shape of the section-3 cards: frameless, soft shadow */
  border:0;border-radius:20px;
  box-shadow:0 16px 34px -18px #12161e5c}
/* the demo used to be clipped by the card; it now rounds its own top corners */
.people-row .person-card .usecase-demo{border-radius:20px 20px 0 0}
/* it turns on hover and, like the audience cards, returns immediately on leave */
.people-row .person-card.usecase-card:hover,
.people-row .person-card.usecase-card:focus-within{
  transform:rotateY(180deg);box-shadow:0 26px 50px -20px #12161e80;
  transition:transform .72s cubic-bezier(.42,.02,.2,1),box-shadow .3s var(--ease)}

/* the face blanks for the ~180 ms around 90deg and turns with the card, so it
   is never seen mirrored and is back — unchanged — once the card has landed */
@keyframes usecaseFaceTurn{
  0%,36%{opacity:1;transform:none}
  37%,49%{opacity:0;transform:none}
  50%,62%{opacity:0;transform:rotateY(180deg)}
  63%,100%{opacity:1;transform:rotateY(180deg)}}
.people-row .person-card.usecase-card:hover>.usecase-demo,
.people-row .person-card.usecase-card:hover>.usecase-copy,
.people-row .person-card.usecase-card:focus-within>.usecase-demo,
.people-row .person-card.usecase-card:focus-within>.usecase-copy{
  animation:usecaseFaceTurn .72s linear both}

@media (prefers-reduced-motion:reduce){
  .people-row .person-card.usecase-card:hover,
  .people-row .person-card.usecase-card:focus-within{
    transform:none;box-shadow:0 16px 34px -18px #12161e5c;transition:none}
  .people-row .person-card.usecase-card:hover>.usecase-demo,
  .people-row .person-card.usecase-card:hover>.usecase-copy,
  .people-row .person-card.usecase-card:focus-within>.usecase-demo,
  .people-row .person-card.usecase-card:focus-within>.usecase-copy{animation:none}}

/* section 5 — each card carries its own channel colour, as in section 6 */
.people-row .person-card.usecase-card:nth-child(1){background:#f9e9f2}
.people-row .person-card.usecase-card:nth-child(2){background:#d8f2e2}
.people-row .person-card.usecase-card:nth-child(3){background:#e3ebfd}
.people-row .usecase-card:nth-child(1) .usecase-demo{background-color:#f3d7e6}
.people-row .usecase-card:nth-child(2) .usecase-demo{background-color:#c5ebd4}
.people-row .usecase-card:nth-child(3) .usecase-demo{background-color:#cfdefb}

/* section 5 heading — centred over the row, a step down in size */
.people-section .people-copy{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;gap:12px;margin-bottom:38px}
.people-section .people-copy .eyebrow{text-align:center}
.people-section .people-copy h2{
  text-wrap:balance;max-width:20ch;margin:0 auto;
  font-size:clamp(1.928rem,3.898vw,4.316rem);line-height:.92}
@media (max-width:760px){
  .people-section .people-copy h2{max-width:16ch;font-size:clamp(1.85rem,8.35vw,2.785rem)}}

/* ── section 6: two fixed cards, section-3 shape, and the same turn ── */
/* the scroll-driven slide/squeeze is off (the driver is short-circuited in
   main-*.js); the two cards simply sit side by side */
.before-after .comparison-scroll{min-height:auto}
.before-after .comparison-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;
  height:auto;min-height:0;display:grid;position:relative;top:auto;
  overflow:visible;perspective:2000px;isolation:auto}
.before-after .comparison-card,
.before-after .comparison-card.before,
.before-after .comparison-card.after{
  opacity:1;will-change:auto;contain:none;
  width:100%;height:auto;min-height:560px;
  position:relative;inset:auto;transform:none;
  /* the before card turned about its bottom edge and the after card about its
     right edge — both now turn about their own centre */
  transform-origin:50% 50%;
  /* the shape of the section-3 / section-4 cards */
  border:0;border-radius:26px;box-shadow:0 16px 34px -18px #12161e5c;
  padding:clamp(28px,3vw,42px);overflow:hidden;
  transition:box-shadow .3s var(--ease)}
.before-after .comparison-card.before{background:#f9e9f2}
.before-after .comparison-card.after{background:#d8f2e2}
.before-after .comparison-card.after .comparison-card__content{transform:none}
.before-after .comparison-card.after .comparison-check,
.before-after .comparison-card.after .comparison-cta{background:#f8fdfa;color:#12161e}
/* the blue scribble belonged to the scroll animation; it now sits on top of
   the list, so it goes */
.before-after .comparison-scratch{display:none}
.before-after [data-reveal],
.before-after .comparison-row,
.before-after .comparison-cta,
.before-after .comparison-card.is-visible .comparison-row,
.before-after .comparison-card.is-visible .comparison-cta{
  opacity:1;transition:none;transform:none}

/* a step smaller than it was */
.before-after .comparison-card h3{
  font-size:clamp(2.249rem,3.856vw,4.297rem);margin-top:clamp(20px,3vh,34px)}
.before-after .comparison-card li{min-height:52px}
.before-after .comparison-card .comparison-cta{min-height:52px}

@media (hover:hover) and (min-width:1025px){
  .before-after .comparison-card:hover{
    box-shadow:0 26px 50px -20px #12161e80;
    animation:comparisonTurn .72s cubic-bezier(.42,.02,.2,1) both}
  @keyframes comparisonTurn{from{transform:none}to{transform:rotateY(180deg)}}
  /* the face blanks around 90deg and turns with the card, so the card lands
     showing exactly what it showed before */
  @keyframes comparisonFaceTurn{
    0%,36%{opacity:1;transform:none}
    37%,49%{opacity:0;transform:none}
    50%,62%{opacity:0;transform:rotateY(180deg)}
    63%,100%{opacity:1;transform:rotateY(180deg)}}
  .before-after .comparison-card:hover .comparison-card__content{
    animation:comparisonFaceTurn .72s linear both}
}

@media (max-width:900px){
  .before-after .comparison-grid{grid-template-columns:1fr}
  .before-after .comparison-card,
  .before-after .comparison-card.before,
  .before-after .comparison-card.after{min-height:0}}

@media (prefers-reduced-motion:reduce){
  .before-after .comparison-card:hover,
  .before-after .comparison-card:hover .comparison-card__content{animation:none}}

/* ── section 4: the ground takes the colour of the channel on screen ── */
/* the device on stage carries its network in a class, so :has() lets the
   section pick the colour up; background-color transitions, the wash on top
   is a fixed gradient, which is what gives it the fade rather than a switch */
.functional-demo:not(.product-functional-demo){
  --channel-tint:#edbdd8;
  background-color:var(--channel-tint);
  background-image:
    linear-gradient(#12161e17 1px,transparent 1px),
    linear-gradient(90deg,#12161e17 1px,transparent 1px),
    linear-gradient(180deg,#ffffff00 0%,#ffffff2e 52%,#ffffff70 100%),
    radial-gradient(120% 80% at 78% 4%,#ffffff54,transparent 60%);
  background-size:25vw 25vw,25vw 25vw,auto,auto;
  background-repeat:repeat,repeat,no-repeat,no-repeat;
  transition:background-color 1.1s cubic-bezier(.4,0,.2,1)}
.functional-demo:not(.product-functional-demo):has(.service-device--instagram){--channel-tint:#edbdd8}
.functional-demo:not(.product-functional-demo):has(.service-device--whatsapp){--channel-tint:#addfc5}
.functional-demo:not(.product-functional-demo):has(.service-device--facebook){--channel-tint:#b7d1fb}
.functional-demo:not(.product-functional-demo):has(.service-device--tiktok){--channel-tint:#f9bcc8}
@media (max-width:760px){
  .functional-demo:not(.product-functional-demo){
    background-size:50vw 50vw,50vw 50vw,auto,auto}}
@media (prefers-reduced-motion:reduce){
  .functional-demo:not(.product-functional-demo){transition:none}}

/* ── section 4: the status becomes a black pill, like the demo button ── */
.functional-demo:not(.product-functional-demo) .functional-demo__status{
  background:var(--ink);color:#f4f3fa;
  border-radius:999px;                 /* the same 999px as .button */
  inset:auto clamp(16px,2vw,28px) clamp(16px,2.2vw,28px) auto;
  min-height:64px;padding:13px 26px 12px;
  box-shadow:0 18px 38px -20px #12161ea8}
.functional-demo:not(.product-functional-demo) .functional-demo__status small,
.functional-demo:not(.product-functional-demo) .functional-demo__status strong{color:#f4f3fa}
.functional-demo:not(.product-functional-demo) .functional-demo__status span{color:#f4f3fac2}
/* the step bars sit inside the pill rather than running to its rounded edge */
.functional-demo:not(.product-functional-demo) .functional-demo__progress{
  margin-inline:2px}
.functional-demo:not(.product-functional-demo) .functional-demo__progress i{
  background:#f4f3fa3d;border-radius:999px;overflow:hidden}
.functional-demo:not(.product-functional-demo) .functional-demo__progress i.is-active,
.functional-demo:not(.product-functional-demo) .functional-demo__progress i b{
  background:#f4f3fa}

/* ── section 7: the phone loses its hard shadow, the button takes all four ── */
.section.automations .template-stack,
.section.automations .template-stack.template-stack--whatsapp{box-shadow:none}

/* ── section 8: the three flows take the channel tints used in section 4 ── */
.product-flows .flow-card.purchase-flow{
  background:radial-gradient(circle at 88% 16%,#ffffff8f,transparent 11rem),#addfc5}
.product-flows .flow-card.support-flow{
  background:radial-gradient(circle at 12% 18%,#ffffff8f,transparent 11rem),#edbdd8}
.product-flows .flow-card.human-flow{
  background:radial-gradient(circle at 82% 12%,#ffffff8f,transparent 11rem),#b7d1fb}

/* ── section 9: the launch demos were still wearing Lina's colours ── */
/* step 1 — the acid yellow and the fuchsia button become the Jawbi pair */
.launch .launch-demo{background:#fff}
.launch .launch-reference-access{background:#fff}
.launch .launch-reference-chat{background:#fff}
.launch .launch-reference-button{background:var(--blue);color:#fff}
/* step 2 — the mark in the middle was Lina's L; it is now the Jawbi icon */
.launch .launch-reference-mark{display:none}
.launch .launch-reference-mark-wrap{
  background:#fff url(/assets/jawbi-launch-mark.png) center/68% no-repeat}
.launch .launch-reference-checker{background:#fff}
/* step 3 — the purple SET UP pills take the logo blue */
.launch .launch-reference-setup-row{background:var(--cream)}
.launch .launch-reference-setup-row strong{background:var(--blue)}

/* step 3's reply bubble was Lina's purple; it takes the Human handoff blue */
.launch .launch-reference-chat__reply{
  background:#b7d1fb;color:var(--ink);box-shadow:0 10px 26px #0031fe1f}
.launch .launch-reference-chat__reply>span{background:#ffffffa8;color:var(--ink)}

/* the three flow cards drop their hard shadow */
.product-flows .flow-card{box-shadow:none}

/* the footer wordmark was oversized */
.footer-brand,.jawbi-footer-brand{width:clamp(126px,10vw,164px)}
@media (max-width:760px){.footer-brand,.jawbi-footer-brand{width:126px}}

/* ── the footer: one centred column (its second column held Lina's video) ── */
.site-footer__grid,.jawbi-site-footer__grid{
  grid-template-columns:1fr;justify-items:center;width:min(1100px,100%);
  gap:clamp(28px,3vw,44px)}
.site-footer__navigation,.jawbi-site-footer__navigation{width:100%;align-items:center}
.footer-brand,.jawbi-footer-brand{align-self:center;justify-content:center}
.footer-links,.jawbi-footer-links{
  width:100%;max-width:840px;margin-inline:auto;
  margin-top:clamp(34px,4vw,54px);justify-items:center}
.footer-link-group,.jawbi-footer-link-group{align-items:center;text-align:center}
.footer-link-group a:hover,.jawbi-footer-link-group a:hover{transform:none}
.site-footer__bottom,.jawbi-site-footer__bottom{
  grid-template-columns:1fr;justify-items:center;text-align:center;
  width:min(1100px,100%);gap:8px;margin-top:clamp(26px,3vw,40px)}
.site-footer__bottom span:last-child,.jawbi-site-footer__bottom span:last-child{text-align:center}
@media (max-width:760px){
  .footer-links,.jawbi-footer-links{grid-template-columns:1fr;gap:30px}
  .footer-link-group:last-child,.jawbi-footer-link-group:last-child{grid-column:auto}}

/* ── every primary button leaves the caramel for the WhatsApp green ── */
.button-primary,
a.button-primary,
button.button-primary{
  background:#cfd7f6;border-color:#cfd7f6;color:var(--ink)}
.button-primary:hover,a.button-primary:hover,button.button-primary:hover{
  background:#bcc8f1;border-color:#bcc8f1}
.site-header.is-scrolled .header-cta{
  background:#cfd7f6;border-color:#cfd7f6;color:var(--ink)}

/* ── hero: the Live messages pill loses its shadow, the reply takes the
   Instagram direct-message gradient ── */
.signal-board{box-shadow:none}
.hero-popup-message--outgoing{
  color:#fff;border-color:#ffffff4d;
  background:linear-gradient(135deg,#4f5bd5 0%,#962fbf 32%,#d62976 62%,#fa7e1e 88%,#feda75 100%)}
.hero-popup-message--outgoing .hero-popup-action,
.hero-popup-action{background:#ffffff2e;border-color:#ffffff5c;color:#fff}

/* ── the four product pages, brought onto Jawbi's terms ─────────────────
   The per-channel themes (Instagram pink, WhatsApp green, Messenger blue,
   TikTok red/cyan) stay — they are the point of the pages. What changes is
   everything that still belonged to the old site: the buttons, the hard
   offset shadows, the acid lime, and the demo band's ground. */
.wa-page.wa-page .button-primary,
.wa-page.wa-page .button-primary:hover,
.wa-page.wa-page .button-primary:active{
  background:#cfd7f6;border-color:#cfd7f6;color:#12161e;box-shadow:none}
.wa-page.wa-page .button-primary:hover{background:#bcc8f1;border-color:#bcc8f1;transform:translateY(-2px)}
/* (the WhatsApp page's acid-lime accent is patched in SiteFooter-*.js, since
   the channel theme is written as inline custom properties) */
/* no offset shadows anywhere on these pages */
.wa-page .wa-cover-simulator__app,
.wa-page .wa-hero__partner-row,
.wa-page [class*=wa-]{box-shadow:none}
.wa-page.wa-page .wa-cover-simulator--studio .wa-cover-simulator__app,
.wa-page.wa-page .wa-cover-simulator__app{
  box-shadow:0 22px 54px -24px color-mix(in srgb,var(--wa-scene-ink) 62%,transparent)}
.wa-page.wa-page .wa-hero__partner-row{
  box-shadow:0 12px 30px -18px color-mix(in srgb,var(--wa-scene-ink) 52%,transparent)}
/* the demo band takes the page's own channel colour, like section 4 at home */
.wa-page .functional-demo.product-functional-demo{
  background-color:var(--wa-scene);
  background-image:
    linear-gradient(#12161e17 1px,transparent 1px),
    linear-gradient(90deg,#12161e17 1px,transparent 1px),
    linear-gradient(180deg,#ffffff00 0%,#ffffff2e 52%,#ffffff70 100%),
    radial-gradient(120% 80% at 78% 4%,#ffffff54,transparent 60%);
  background-size:25vw 25vw,25vw 25vw,auto,auto;
  background-repeat:repeat,repeat,no-repeat,no-repeat}
.wa-page .functional-demo.product-functional-demo .functional-demo__status{
  background:var(--ink);color:#f4f3fa;border-radius:999px;
  inset:auto clamp(16px,2vw,28px) clamp(16px,2.2vw,28px) auto;
  min-height:64px;padding:13px 26px 12px}
/* on a product page the before/after pair follows that page's channel rather
   than the home page's Instagram/WhatsApp pair */
.wa-page .before-after .comparison-card.before{
  background:var(--wa-paper-strong,#fff)}
.wa-page .before-after .comparison-card.after{
  background:color-mix(in srgb,var(--wa-scene) 62%,#fff)}
.wa-page .before-after .comparison-card.after .comparison-check,
.wa-page .before-after .comparison-card.after .comparison-cta{
  background:var(--wa-paper-strong,#fff);color:var(--wa-scene-ink,#12161e)}

/* the product-page headings were a size too loud — everything steps down ~18% */
.wa-page.wa-page h1{font-size:clamp(2.3rem,6.25vw,5.6rem);line-height:.9}
.wa-page.wa-page h2{font-size:clamp(1.95rem,4.8vw,4.3rem)}
.wa-page.wa-page .functional-demo h2{font-size:clamp(1.75rem,3.6vw,3.9rem)}
.wa-page.wa-page .comparison-card__heading,
.wa-page.wa-page .wa-studio__copy h3{font-size:clamp(1.7rem,3.1vw,3.4rem)}
@media (max-width:760px){
  .wa-page.wa-page h1{font-size:clamp(2.1rem,9.4vw,3.1rem)}
  .wa-page.wa-page h2{font-size:clamp(1.85rem,7.8vw,2.7rem)}
  .wa-page.wa-page .functional-demo h2{font-size:clamp(1.6rem,6.8vw,2.3rem)}}

/* ══════════════ VERSION TÉLÉPHONE ══════════════
   Appended last so it beats the section-5 override above, which sets
   three columns at top level and therefore won out over the earlier
   @media (max-width:1080px) single-column rule. Headline selectors are
   matched to the ones that actually win on each section. */
@media (max-width:640px){

  /* ── section 5: the three story cards stack ── */
  .people-row{grid-template-columns:1fr;perspective:none;gap:18px}
  .people-row .person-card.usecase-card{
    margin-top:0;min-height:0;transform:none;transform-style:flat}
  .people-row .person-card .usecase-demo{min-height:230px;padding:18px}
  .people-row .person-card>.usecase-copy{padding:20px 20px 24px}

  /* ── headlines: 40–53px is unreadable at 375px ── */
  h1,.hero-title{font-size:clamp(1.85rem,8.4vw,2.15rem);line-height:1.08;letter-spacing:-.03em}
  h2,
  .audience-copy h2,
  .audience-copy h2.audience-title-clone,
  .service-story__copy h2,
  .section-heading h2,
  .section-heading.centered h2,
  .automation-copy h2,
  .product-flows__heading h2,
  .launch-heading h2,
  .faq-heading h2{
    font-size:clamp(1.6rem,7.4vw,1.95rem);line-height:1.14;letter-spacing:-.025em}

  /* ── the chat mock overflowed its card ── */
  .mini-phone{width:auto;max-width:100%;transform:none;padding:14px}
  .story-frame,.comment-card{max-width:100%}
  .chat-bubble{max-width:100%}
}


/* ══════════════ BOUTON WHATSAPP ══════════════
   Sits outside #root so React never wipes it. The form was the only
   way to reach Omar; Moroccan buyers message instead of filling forms. */
.wa-float{
  position:fixed;right:20px;bottom:20px;z-index:2147483000;
  width:56px;height:56px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:#25D366;color:#fff;text-decoration:none;
  box-shadow:0 10px 24px -8px #12161e80,0 2px 6px #12161e26;
  transition:transform .22s cubic-bezier(.2,.86,.28,1.06),box-shadow .22s ease}
.wa-float:hover,.wa-float:focus-visible{
  transform:translateY(-2px) scale(1.04);
  box-shadow:0 16px 30px -10px #12161e8c,0 2px 6px #12161e26}
.wa-float:focus-visible{outline:3px solid #0031fe;outline-offset:3px}
@media (max-width:640px){
  .wa-float{right:14px;bottom:14px;width:52px;height:52px}}
@media (prefers-reduced-motion:reduce){
  .wa-float{transition:none}
  .wa-float:hover,.wa-float:focus-visible{transform:none}}