@font-face{font-family:Inter;src:url('/assets/leavo-brand/Inter_24pt-Regular.ttf');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/leavo-brand/Inter_24pt-Medium.ttf');font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/leavo-brand/Inter_24pt-SemiBold.ttf');font-weight:600;font-display:swap}
@font-face{font-family:InterDisplay;src:url('/assets/leavo-brand/Inter_28pt-Medium.ttf');font-weight:500;font-display:swap}

:root{
 --paper:#f8f7f5;--surface:#fff;--tint:#f1eeea;--rail:#e5e2dd;--rail-strong:#d8d4ce;
 --ink:#141414;--ink-2:#3a3936;--muted:#6d6a65;--faint:#9a968f;
 --red:#fe0512;--red-deep:#d9000c;--red-wash:#fff1f1;
 --dark:#121212;--dark-2:#1b1b1b;--dark-rail:#2a2a2a;--dark-muted:#a3a19c;
 --wa:#25d366;--wa-bg:#efeae2;--wa-out:#d9fdd3;
 --w:1200px;--pad:clamp(20px,3.4vw,44px);
 --display:InterDisplay,Inter,system-ui,sans-serif;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:72px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.55 Inter,system-ui,-apple-system,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:6px}
h1,h2,h3,p,blockquote,figure{margin:0}

/* Rails: every section sits inside the same framed column */
.band{border-top:1px solid var(--rail)}
.rail{max-width:var(--w);margin:0 auto;border-left:1px solid var(--rail);border-right:1px solid var(--rail)}
.band.dark{background:var(--dark);color:#fff;border-top-color:var(--dark-rail)}
.band.dark .rail{border-color:var(--dark-rail)}
.pad{padding:clamp(56px,7vw,96px) var(--pad)}
.center{text-align:center}

h2{font:500 clamp(30px,3.4vw,44px)/1.08 var(--display);letter-spacing:-.035em}
.lede{color:var(--muted);font-size:17px;line-height:1.6;max-width:640px}
.center .lede{margin-left:auto;margin-right:auto}
.eyebrow{font-size:14px;font-weight:500;color:var(--red);margin-bottom:14px}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:10px;font-size:15px;font-weight:500;white-space:nowrap;transition:background .15s,border-color .15s,transform .15s}
.btn-red{background:var(--red);color:#fff}
.btn-red:hover{background:var(--red-deep)}
.btn-red svg{width:14px;height:14px;transition:transform .15s}
.btn-red:hover svg{transform:translate(2px,-2px)}
.btn-line{border:1px solid var(--rail-strong);background:var(--surface)}
.btn-line:hover{border-color:var(--ink)}
.dark .btn-line{background:transparent;border-color:#3a3a3a;color:#fff}
.dark .btn-line:hover{border-color:#fff}
.btn-sm{height:38px;padding:0 14px;font-size:14px}

/* Header */
.site-head{position:sticky;top:0;z-index:20;background:rgba(248,247,245,.86);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--rail)}
.head-in{max-width:var(--w);margin:0 auto;height:64px;padding:0 var(--pad);display:flex;align-items:center;gap:36px}
.head-in .logo{width:98px}
.head-nav{display:flex;gap:26px;font-size:15px;color:var(--ink-2)}
.head-nav a:hover{color:var(--ink)}
.head-cta{margin-left:auto;display:flex;gap:8px}

/* Hero */
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.hero-copy{padding:clamp(56px,7vw,92px) var(--pad) clamp(48px,6vw,80px);display:flex;flex-direction:column;justify-content:center}
.hero h1{font:500 clamp(31px,3.25vw,44px)/1.09 var(--display);letter-spacing:-.038em;text-wrap:balance}
.hero h1 em{font-style:normal;color:var(--red)}
.hero-copy .lede{margin-top:22px;font-size:17px}
.cta-block{margin-top:30px}
.cta-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.offer{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:500;line-height:1.3;color:var(--red);background:var(--red-wash);border:1px solid #ffd3d6;border-radius:999px;padding:5px 12px 5px 9px;margin-bottom:12px}
.offer svg{flex:none;width:14px;height:14px}
.dark .offer{background:rgba(254,5,18,.14);border-color:rgba(254,5,18,.35);color:#ff9ea3}
.m-cta{display:none}
.assure{display:flex;gap:10px;align-items:flex-start;margin-top:22px;padding-top:18px;border-top:1px solid var(--rail);font-size:14px;color:var(--muted);max-width:460px}
.assure b{color:var(--ink);font-weight:500;display:block}
.assure .shield{flex:none;width:20px;height:20px;border-radius:50%;background:var(--red-wash);color:var(--red);display:grid;place-items:center;margin-top:1px}
.assure .shield svg{width:11px;height:11px}
.center .assure{margin-left:auto;margin-right:auto;text-align:left}

.hero-art{position:relative;border-left:1px solid var(--rail);background:
 radial-gradient(60% 50% at 62% 42%,rgba(254,5,18,.09),transparent 70%),var(--tint);
 display:flex;align-items:center;justify-content:center;padding:56px 24px 40px;overflow:hidden;min-height:640px}
.stage{position:relative;display:flex;flex-direction:column;align-items:center}

/* Phone */
.phone{width:292px;height:600px;border-radius:46px;background:#fff;padding:9px;box-shadow:0 0 0 1px #d9d5cf,0 1px 0 #fff inset,0 30px 60px -20px rgba(40,20,10,.28),0 12px 24px -12px rgba(40,20,10,.18);position:relative}
.screen{height:100%;border-radius:38px;overflow:hidden;display:flex;flex-direction:column;background:var(--wa-bg);position:relative}
.island{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:84px;height:24px;border-radius:14px;background:#111;z-index:2}
.ios{height:44px;flex:none;display:flex;justify-content:space-between;align-items:center;padding:4px 26px 0;font-size:12px;font-weight:600;background:#f7f7f7}
.ios i{display:inline-block;width:22px;height:10px;border:1.4px solid #111;border-radius:3px;position:relative}
.ios i:after{content:"";position:absolute;inset:1.5px 5px 1.5px 1.5px;background:#111;border-radius:1px}
.chat-head{flex:none;display:flex;align-items:center;gap:10px;padding:8px 14px 10px;background:#f7f7f7;border-bottom:1px solid #e3e3e3}
.chat-head .back{color:#1c8f5a;font-size:22px;line-height:1;margin-right:-2px}
.chat-head .av{width:32px;height:32px;border-radius:50%;background:#fff;border:1px solid #e6e6e6;display:grid;place-items:center}
.chat-head .av img{width:18px}
.chat-head strong{display:block;font-size:13px;font-weight:600;line-height:1.2}
.chat-head small{display:block;font-size:11px;color:#6e7a72;line-height:1.3}
.thread{flex:1;overflow:hidden;padding:12px 10px;display:flex;flex-direction:column;gap:6px;scroll-behavior:smooth}
.day{align-self:center;font-size:10px;font-weight:500;color:#54656f;background:#fff;border-radius:6px;padding:3px 9px;margin-bottom:4px;box-shadow:0 1px .5px rgba(0,0,0,.08)}
.msg{max-width:82%;padding:6px 9px 5px;border-radius:9px;font-size:12.5px;line-height:1.4;box-shadow:0 1px .5px rgba(0,0,0,.1);background:#fff;align-self:flex-start;border-top-left-radius:3px}
.msg.out{background:var(--wa-out);align-self:flex-end;border-top-left-radius:9px;border-top-right-radius:3px}
.msg small{display:block;text-align:right;font-size:9.5px;color:#667781;margin-top:1px}
.msg small b{color:#53bdeb;font-weight:500;margin-left:3px}
.msg.appt{padding:0;overflow:hidden;min-width:180px}
.appt-top{background:#fff;padding:9px 10px 8px;border-bottom:1px solid #d7ecd2}
.appt-top span{display:block;font-size:10px;color:#1c8f5a;font-weight:600;letter-spacing:.02em}
.appt-top strong{display:block;font-size:14px;font-weight:600}
.msg.appt .appt-bottom{padding:6px 9px 5px}
.typing{align-self:flex-end;background:var(--wa-out);border-radius:9px;padding:9px 11px;display:flex;gap:3px}
.typing i{width:5px;height:5px;border-radius:50%;background:#7a9b77;animation:dot 1s infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes dot{0%,60%,100%{opacity:.35}30%{opacity:1}}
.compose{flex:none;display:flex;align-items:center;gap:8px;padding:8px 10px 22px;background:#f7f7f7;color:#8a8a8a;font-size:18px}
.compose div{flex:1;background:#fff;border:1px solid #e3e3e3;border-radius:18px;height:30px;font-size:12px;display:flex;align-items:center;padding:0 12px}
.home{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);width:100px;height:4px;border-radius:3px;background:#111}
.js .thread .msg,.js .event{opacity:0;transform:translateY(6px)}
.js .thread .msg.in-view,.js .event.in-view{opacity:1;transform:none;transition:opacity .35s ease,transform .35s ease}

.event{position:absolute;display:flex;align-items:center;gap:10px;background:#fff;border-radius:12px;padding:10px 14px 10px 10px;box-shadow:0 0 0 1px rgba(0,0,0,.06),0 12px 28px -12px rgba(40,20,10,.3);white-space:nowrap;z-index:3}
.event .ic{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--tint)}
.event .ic img{width:17px}
.event .ic.ok{background:#e9f8ee;color:#1c8f5a}
.event .ic.ok svg{width:14px;height:14px}
.event strong{display:block;font-size:13px;font-weight:600;line-height:1.25}
.event small{display:block;font-size:11.5px;color:var(--muted)}
.ev-1{top:92px;left:-128px}
.ev-2{top:250px;right:-138px}
.ev-3{top:452px;left:-150px}

/* Testimonial */
.section-head{padding:clamp(56px,7vw,88px) var(--pad) clamp(36px,4vw,52px)}
.section-head .lede{margin-top:14px}
.story{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);border-top:1px solid var(--rail)}
.story-photo{position:relative;background:#141414;aspect-ratio:5/4.4;overflow:hidden;border-right:1px solid var(--rail)}
.story-photo img{width:100%;height:100%;object-fit:cover;object-position:center 22%}
.story-photo figcaption{position:absolute;left:28px;top:26px;color:#fff;font:500 22px/1.15 var(--display);letter-spacing:-.02em}
.story-quote{padding:clamp(36px,5vw,64px) var(--pad);display:flex;flex-direction:column;justify-content:center}
.story-quote .mark{font:500 88px/0.7 var(--display);color:var(--red);height:44px}
.story-quote blockquote{font:500 clamp(26px,2.6vw,36px)/1.18 var(--display);letter-spacing:-.03em;margin-top:18px;text-wrap:balance}
.who{display:flex;align-items:center;gap:12px;margin-top:32px}
.who img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.who strong{display:block;font-weight:500}
.who small{display:block;color:var(--muted);font-size:14px}

/* Video */
.video{margin:0 auto;max-width:960px;aspect-ratio:16/9;border-radius:16px;background:#151515;position:relative;overflow:hidden;box-shadow:0 0 0 1px var(--rail),0 30px 60px -30px rgba(0,0,0,.35)}
.sound-on{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border:0;cursor:pointer;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.35));color:#fff;font:500 17px/1.2 var(--display);letter-spacing:-.01em;text-shadow:0 1px 8px rgba(0,0,0,.4)}
.sound-on span{width:78px;height:78px;border-radius:50%;background:var(--red);display:grid;place-items:center;box-shadow:0 0 0 10px rgba(254,5,18,.25),0 16px 34px -10px rgba(0,0,0,.5);transition:transform .2s}
.sound-on span svg{width:28px;height:28px;margin-left:4px}
.sound-on:hover span{transform:scale(1.06)}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-cta{margin-top:40px;display:flex;flex-direction:column;align-items:center}

/* Journey kit */
.kit-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:clamp(56px,7vw,88px) var(--pad) clamp(36px,4vw,52px)}
.kit-head .lede{margin-top:16px}
.kit-head .actions{display:flex;gap:8px;flex:none}
.kit{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--rail)}
.cell{padding:clamp(28px,3.4vw,44px) var(--pad) clamp(32px,3.6vw,44px);border-bottom:1px solid var(--rail)}
.cell:nth-child(odd){border-right:1px solid var(--rail)}
.art{height:236px;display:flex;align-items:center;justify-content:center;margin-bottom:28px}
.step{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:var(--faint);margin-bottom:10px;letter-spacing:.02em}
.step i{width:18px;height:18px;border-radius:50%;border:1px solid var(--rail-strong);display:grid;place-items:center;font-style:normal;font-size:10.5px;color:var(--ink-2)}
.cell h3{font:500 21px/1.25 var(--display);letter-spacing:-.02em}
.cell p{color:var(--muted);margin-top:8px;max-width:420px;font-size:15.5px}
.kit-foot{padding:28px var(--pad);display:flex;align-items:center;justify-content:center;gap:12px;color:var(--ink-2);font-size:16px;text-align:center}
.kit-foot svg{flex:none;width:18px;height:18px;color:var(--red)}

.card{background:#fff;border-radius:14px;box-shadow:0 0 0 1px rgba(0,0,0,.07),0 10px 24px -14px rgba(40,20,10,.22)}
/* art 1: first contact */
.a-chat{width:min(100%,360px);padding:16px;display:flex;flex-direction:column;gap:8px;background:var(--wa-bg)}
.a-chat .msg{opacity:1;transform:none;font-size:13px}
.a-chat .hdr{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin-bottom:4px}
.a-chat .hdr img{width:16px}
/* art 2: lead record */
.a-record{width:min(100%,360px);padding:18px 20px}
.a-record .top{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid #eee}
.pav{width:34px;height:34px;border-radius:50%;background:var(--red-wash);color:var(--red);display:grid;place-items:center;font-weight:600;font-size:14px}
.a-record .top strong{display:block;font-size:14px;font-weight:600}
.a-record .top small{display:block;font-size:12px;color:var(--muted)}
.tag{margin-left:auto;white-space:nowrap;font-size:11px;font-weight:500;padding:3px 8px;border-radius:999px;background:#e9f8ee;color:#1c8f5a}
.a-record dl{margin:12px 0 0;display:grid;grid-template-columns:auto 1fr;gap:9px 18px;font-size:13px}
.a-record dt{color:var(--muted)}
.a-record dd{margin:0;font-weight:500;text-align:right}
/* art 3: pipeline */
.a-pipe{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:min(100%,440px)}
.col{background:rgba(255,255,255,.55);border:1px dashed var(--rail-strong);border-radius:12px;padding:10px;min-height:190px;display:flex;flex-direction:column;gap:8px}
.col>span{font-size:11px;font-weight:500;color:var(--muted);display:flex;justify-content:space-between}
.deal{background:#fff;border-radius:9px;padding:9px 10px;box-shadow:0 0 0 1px rgba(0,0,0,.06);font-size:12px}
.deal strong{display:block;font-weight:600;font-size:12.5px}
.deal small{color:var(--muted);font-size:11px}
.deal.ghost{background:transparent;box-shadow:none;border:1px solid #ece9e4;height:40px}
.deal.hot{box-shadow:0 0 0 1.5px var(--red),0 10px 20px -10px rgba(254,5,18,.45)}
.deal.hot em{font-style:normal;display:inline-block;margin-top:5px;font-size:10.5px;font-weight:600;color:var(--red)}
/* art 4: appointment */
.a-appt{display:flex;align-items:center;gap:14px}
.cal{width:118px;overflow:hidden;text-align:center}
.cal span{display:block;background:var(--red);color:#fff;font-size:12px;font-weight:600;padding:6px 0;letter-spacing:.06em}
.cal strong{display:block;font:500 46px/1 var(--display);padding:14px 0 4px;letter-spacing:-.03em}
.cal small{display:block;font-size:12px;color:var(--muted);padding-bottom:14px}
.a-appt .stack{display:flex;flex-direction:column;gap:8px;width:230px}
.a-appt .msg{opacity:1;transform:none;max-width:100%;font-size:12.5px}
.confirm{display:flex;align-items:center;gap:8px;padding:9px 12px;font-size:12.5px;font-weight:500}
.confirm .ic{width:20px;height:20px;border-radius:50%;background:#1c8f5a;color:#fff;display:grid;place-items:center}
.confirm .ic svg{width:11px;height:11px}

/* App screens (tabs) */
.screen-tabs button{position:relative;overflow:hidden}
.screen-tabs button[aria-selected="true"]:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:calc(var(--p,0) * 100%);background:rgba(255,255,255,.75)}
.tm-bar b{transition:none!important}
.tabs-mobile{display:none}
.tabs-wrap{display:flex;justify-content:center;padding:0 var(--pad) 32px}
.screen-tabs{display:inline-flex;gap:2px;padding:5px;background:var(--surface);border:1px solid var(--rail);border-radius:14px;box-shadow:0 1px 2px rgba(0,0,0,.03);max-width:100%;overflow-x:auto;scrollbar-width:none}
.screen-tabs::-webkit-scrollbar{display:none}
.screen-tabs button{flex:none;height:38px;padding:0 12px;border:0;border-radius:10px;background:none;font-size:14px;font-weight:500;color:var(--muted);cursor:pointer;white-space:nowrap;transition:background .2s,color .2s,box-shadow .2s}
.screen-tabs button:hover{color:var(--ink);background:var(--paper)}
.screen-tabs button[aria-selected="true"]{background:var(--red);color:#fff;box-shadow:0 6px 16px -6px rgba(254,5,18,.6)}
.screen-panels{border-top:1px solid var(--rail)}
.screen-panel{position:relative;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:clamp(24px,4vw,48px);align-items:center;overflow:hidden;min-height:580px;padding:clamp(40px,5vw,64px) 0 0 var(--pad);
 background:radial-gradient(55% 70% at 85% 15%,rgba(254,5,18,.10),transparent 70%),linear-gradient(180deg,#f4f1ed,#efebe6)}
.screen-panel:not([hidden]) .sp-text{animation:rise .45s ease both}
.screen-panel:not([hidden]) .sp-shot>img{animation:rise .55s .05s ease both}
.screen-panel:not([hidden]) .callout{animation:pop .5s .35s cubic-bezier(.2,.9,.3,1.3) both}
@keyframes rise{from{opacity:0;transform:translateY(14px)}}
@keyframes pop{from{opacity:0;transform:translateY(10px) scale(.94)}}
.sp-text{align-self:center;padding-bottom:clamp(40px,5vw,64px)}
.sp-icon{width:44px;height:44px;border-radius:12px;background:var(--red);color:#fff;display:grid;place-items:center;margin-bottom:20px;box-shadow:0 8px 18px -8px rgba(254,5,18,.6)}
.sp-icon svg{width:22px;height:22px}
.sp-text h3{font:500 clamp(26px,2.5vw,34px)/1.1 var(--display);letter-spacing:-.032em;text-wrap:balance}
.sp-text p{color:var(--muted);margin-top:12px;font-size:16px;max-width:420px}
.sp-text ul{list-style:none;padding:0;margin:24px 0 30px;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;font-size:14px;color:var(--ink-2)}
.sp-text li{display:flex;gap:9px;align-items:flex-start;line-height:1.35}
.sp-text li svg{flex:none;width:17px;height:17px;padding:3.5px;border-radius:50%;background:var(--red-wash);color:var(--red);margin-top:0}
.sp-shot{position:relative;align-self:end;margin:0}
.sp-shot>img{width:150%;max-width:none;border-radius:14px 0 0 0;box-shadow:0 0 0 1px rgba(0,0,0,.08),0 30px 70px -30px rgba(60,20,10,.45)}
.screen-tabs{flex-wrap:wrap;justify-content:center}
.call-mock{position:relative;width:min(100%,460px);margin:0 auto 56px;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.08),0 30px 70px -30px rgba(60,20,10,.45)}
.is-call .sp-shot{align-self:center}
.cm-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #eee;font-size:14px;font-weight:500}
.cm-bar em{font-style:normal;font-size:12px;font-weight:500;color:#1c8f5a;display:flex;align-items:center;gap:6px}
.cm-bar em i{width:7px;height:7px;border-radius:50%;background:#1c8f5a;animation:live 1.6s infinite}
.cm-body{padding:30px 22px 24px;text-align:center}
.cm-av{position:relative;width:76px;height:76px;margin:0 auto 14px}
.cm-av span{position:relative;z-index:1;display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:var(--red-wash);color:var(--red);font:600 28px/1 var(--display)}
.cm-av i{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(254,5,18,.35);animation:ring 2.4s ease-out infinite}
.cm-av i+i{animation-delay:1.2s}
.cm-body>strong{display:block;font:500 22px/1.2 var(--display);letter-spacing:-.02em}
.cm-body>small{display:block;color:var(--muted);font-size:13.5px;margin-top:4px}
.cm-rows{margin:22px 0 24px;border:1px solid #eee;border-radius:12px;text-align:left}
.cm-rows div{display:flex;align-items:center;gap:10px;padding:11px 14px;font-size:13.5px;border-top:1px solid #f0eeea}
.cm-rows div:first-child{border-top:0}
.cm-rows span{color:var(--muted);flex:1}
.cm-rows b{font-weight:500;display:flex;align-items:center;gap:6px}
.cm-rows b img{width:16px}
.cm-rows em{font-style:normal;font-size:11px;font-weight:600;color:var(--red);background:var(--red-wash);border-radius:999px;padding:2px 8px}
.cm-actions{display:flex;justify-content:center;gap:16px}
.cm-actions span{width:48px;height:48px;border-radius:50%;background:var(--paper);border:1px solid var(--rail);display:grid;place-items:center;color:var(--ink-2)}
.cm-actions span svg{width:20px;height:20px}
.cm-actions .end{background:var(--red);border-color:var(--red);color:#fff}
.is-call .callout{bottom:70px}
.is-call .callout.co-2{top:40px;right:20px}
.callout{position:absolute;left:-28px;bottom:48px;display:flex;align-items:center;gap:12px;background:#fff;border-radius:14px;padding:12px 16px 12px 12px;box-shadow:0 0 0 1px rgba(0,0,0,.06),0 20px 40px -16px rgba(40,20,10,.35);white-space:nowrap}
.co-ic{width:36px;height:36px;border-radius:10px;background:var(--red-wash);color:var(--red);display:grid;place-items:center}
.co-ic svg{width:18px;height:18px}
.co-ic img{width:20px;height:20px}
.callout small{display:block;font-size:11.5px;color:var(--muted);line-height:1.3}
.callout strong{display:block;font:500 18px/1.2 var(--display);letter-spacing:-.02em}
.callout em{font-style:normal;font-size:11.5px;font-weight:600;color:#1c8f5a;background:#e9f8ee;border-radius:999px;padding:3px 9px;margin-left:4px}
.callout.co-2{left:auto;right:28px;bottom:auto;top:56px}
.callout.co-3{left:auto;right:28px;bottom:120px}
.screen-panel:not([hidden]) .callout.co-3{animation:pop .5s .85s cubic-bezier(.2,.9,.3,1.3) both,bob 6s 1.4s ease-in-out infinite}
.screen-panel:not([hidden]) .callout.co-2{animation:pop .5s .6s cubic-bezier(.2,.9,.3,1.3) both,bob 6s 1.2s ease-in-out infinite}
.screen-panel:not([hidden]) .callout:not(.co-2){animation:pop .5s .35s cubic-bezier(.2,.9,.3,1.3) both,bob 6s 1s ease-in-out infinite reverse}
@keyframes bob{50%{transform:translateY(-5px)}}
.co-dial>div{display:flex;flex-direction:column;gap:7px}
.co-dial small{margin-bottom:1px}
.dial{display:flex;align-items:center;gap:8px;font:500 15px/1.2 var(--display);letter-spacing:-.01em}
.dial i{width:26px;height:26px;border-radius:8px;background:var(--red-wash);color:var(--red);display:grid;place-items:center}
.dial i img,.dial i svg{width:15px;height:15px}
.dial em{margin-left:2px}
.co-toggle{width:34px;height:20px;border-radius:999px;background:var(--red);position:relative;margin-left:6px}
.co-toggle i{position:absolute;right:2px;top:2px;width:16px;height:16px;border-radius:50%;background:#fff}

/* Assistants + integrations (light, two visual cells) */
.ai-logo{display:inline-flex;align-items:center;gap:.22em;white-space:nowrap}
.ai-logo img{width:.72em;height:.72em;border-radius:.18em;background:#fff;padding:.12em;box-sizing:content-box;box-shadow:0 0 0 1px var(--rail)}
.ai-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--rail)}
.ai-cell:first-child{border-right:1px solid var(--rail)}
.visual{position:relative;aspect-ratio:564/430;background:var(--tint);border-bottom:1px solid var(--rail);overflow:hidden;display:flex;align-items:center;justify-content:center}
.visual:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(20,20,20,.2) 1px,transparent 1.2px);background-size:26px 26px}
.visual:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,var(--tint) 0%,transparent 22%,transparent 78%,var(--tint) 100%)}
.map{position:absolute;inset:0;z-index:1}
.map svg{position:absolute;inset:0;width:100%;height:100%}
.map .base{stroke:var(--rail-strong);stroke-width:1.2;fill:none}
.map .sig{stroke:var(--red);stroke-width:2;fill:none;stroke-linecap:round;stroke-dasharray:14 100;stroke-dashoffset:14;animation:sig 3.2s linear infinite}
.map .sig:nth-of-type(4){animation-delay:.8s}.map .sig:nth-of-type(6){animation-delay:1.6s}.map .sig:nth-of-type(8){animation-delay:2.4s}
@keyframes sig{to{stroke-dashoffset:-100}}
.hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;border-radius:18px;padding:8px;box-shadow:0 0 0 1px var(--rail),0 18px 36px -16px rgba(40,20,10,.35);z-index:3}
.hub span{display:grid;place-items:center;border:1px solid var(--rail);border-radius:12px;padding:12px}
.hub img{width:34px;height:34px}
.hub:after{content:"";position:absolute;inset:-1px;border-radius:18px;border:2px solid rgba(254,5,18,.35);animation:ring 3s ease-out infinite}
@keyframes ring{0%{transform:scale(1);opacity:.9}70%,100%{transform:scale(1.35);opacity:0}}
.pill{position:absolute;transform:translate(-50%,-50%);z-index:2;display:flex;align-items:center;gap:8px;height:46px;padding:0 15px;background:#fff;border-radius:12px;box-shadow:0 0 0 1px var(--rail),0 6px 14px -8px rgba(40,20,10,.25);font-size:14px;font-weight:500;white-space:nowrap}
.pill img{height:18px;width:auto}
.pill.cc img{height:13px}
.map-note{position:absolute;z-index:2;font-size:11px;color:var(--faint);letter-spacing:.02em;transform:translate(-50%,-50%)}
.win{position:relative;z-index:2;width:86%;background:#fff;border-radius:14px;box-shadow:0 0 0 1px var(--rail),0 24px 40px -24px rgba(40,20,10,.35);overflow:hidden}
.win-top{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid #eee;font-size:13px;font-weight:500}
.win-top img{width:16px;height:16px}
.win-top .dots{margin-left:auto;display:flex;gap:5px}
.win-top .dots i{width:7px;height:7px;border-radius:50%;background:#e4e1dc}
.win-body{padding:16px;display:flex;flex-direction:column;gap:12px}
.ask{align-self:flex-end;background:var(--tint);border-radius:14px 14px 4px 14px;padding:9px 13px;font-size:13.5px;max-width:90%}
.tool{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);border:1px solid var(--rail);border-radius:999px;padding:4px 10px 4px 5px;align-self:flex-start}
.tool img{width:15px;height:15px}
.tool b{color:var(--ink);font-weight:500}
.reply{font-size:13.5px;color:var(--ink-2)}
.rows{margin-top:8px;border:1px solid #eee;border-radius:10px;overflow:hidden}
.rows div{display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:10px;padding:8px 11px;font-size:12.5px;border-top:1px solid #f0eeea}
.rows div:first-child{border-top:0}
.rows span{color:var(--muted)}
.rows em{font-style:normal;font-size:11px;font-weight:500;color:var(--red);background:var(--red-wash);border-radius:999px;padding:2px 8px}
.js .cd-step{opacity:0;transform:translateY(5px)}
.js .cd-step.on{opacity:1;transform:none;transition:opacity .35s ease,transform .35s ease}
.js #claude-demo.fade .cd-step{opacity:0;transition:opacity .4s ease}
.caret{display:none;width:1.5px;height:1em;background:var(--ink);margin-left:2px;vertical-align:-2px;animation:blink .8s steps(1) infinite}
.ask.typing-now .caret{display:inline-block}
@keyframes blink{50%{opacity:0}}
.spin{width:11px;height:11px;border-radius:50%;border:1.5px solid var(--rail-strong);border-top-color:var(--red);animation:spin .7s linear infinite;margin-left:2px}
.tool.done .spin{border:0;animation:none;width:auto;height:auto}
.tool.done .spin:before{content:"✓";color:#1c8f5a;font-style:normal;font-size:12px;font-weight:600}
@keyframes spin{to{transform:rotate(360deg)}}
.reply .rows{min-height:0}
.ai-text{padding:clamp(24px,3vw,36px) var(--pad) clamp(32px,3.6vw,44px)}
.ai-text h3{font:500 21px/1.25 var(--display);letter-spacing:-.02em}
.ai-text p{color:var(--muted);margin-top:8px;max-width:440px;font-size:15.5px}
.ai-text small{display:block;margin-top:14px;font-size:12px;color:var(--faint)}
.abilities{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--rail)}
.abilities>div{padding:30px var(--pad);text-align:center;border-left:1px solid var(--rail)}
.abilities>div:first-child{border-left:0}
.abilities strong{display:block;font:500 21px/1.2 var(--display);letter-spacing:-.02em}
.abilities span{display:block;color:var(--muted);font-size:14px;margin-top:6px}

/* Mini course */
#curso .offer,#implementacao .offer{margin-bottom:18px}
.lessons{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--rail)}
.lesson{padding:28px clamp(18px,2vw,28px) 34px;border-left:1px solid var(--rail)}
a.lesson{display:block;color:inherit;transition:background .2s}
a.lesson:hover{background:var(--surface)}
a.lesson:hover h3{color:var(--red)}
.lesson:first-child{border-left:0}
.thumb{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:radial-gradient(80% 90% at 70% 20%,rgba(254,5,18,.45),transparent 60%),linear-gradient(160deg,#232323,#111);display:flex;align-items:flex-end;padding:14px;margin-bottom:18px;box-shadow:0 18px 30px -20px rgba(0,0,0,.5)}
.thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.lesson:hover .thumb img{transform:scale(1.04)}
.thumb:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(10,10,10,.55),transparent 42%)}
.thumb>span{z-index:2}
.l-num{position:relative;font:500 13px/1 var(--display);color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px 10px;backdrop-filter:blur(6px)}
.l-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;box-shadow:0 8px 20px -6px rgba(0,0,0,.45);border-radius:50%;background:#fff;color:var(--ink);display:grid;place-items:center;transition:transform .2s}
.l-play svg{width:17px;height:17px;margin-left:3px}
.lesson:hover .l-play{transform:translate(-50%,-50%) scale(1.08)}
.lesson h3{font:500 18px/1.25 var(--display);letter-spacing:-.02em}
.lesson p{color:var(--muted);font-size:14.5px;margin-top:6px}

/* Implementation meeting */
.impl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.impl-text{padding:clamp(56px,7vw,88px) var(--pad)}
.impl-text .lede{margin-top:14px}
.steps{list-style:none;padding:0;margin:30px 0 32px;display:flex;flex-direction:column;gap:18px}
.steps li{display:flex;gap:14px;align-items:flex-start}
.s-n{flex:none;width:28px;height:28px;border-radius:50%;border:1px solid var(--rail-strong);background:var(--surface);display:grid;place-items:center;font-size:13px;font-weight:600;color:var(--red)}
.steps strong{display:block;font-weight:500;font-size:16px;line-height:1.35;margin-top:3px}
.steps p{color:var(--muted);font-size:14.5px;margin-top:3px}
.impl-art{position:relative;border-left:1px solid var(--rail);display:flex;align-items:center;justify-content:center;padding:56px 32px;overflow:hidden;background:radial-gradient(55% 55% at 55% 45%,rgba(254,5,18,.09),transparent 70%),var(--tint)}
.impl-art:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(20,20,20,.16) 1px,transparent 1.2px);background-size:26px 26px}
.meet-card{position:relative;width:min(100%,380px);padding:22px}
.mc-top{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid #eee;margin-bottom:14px}
.mc-ic{width:42px;height:42px;border-radius:12px;background:var(--red-wash);display:grid;place-items:center}
.mc-ic img{width:22px}
.mc-top small{display:block;font-size:12px;color:var(--muted)}
.mc-top strong{display:block;font:500 18px/1.2 var(--display);letter-spacing:-.02em}
.mc-row{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--ink-2);margin-top:8px}
.mc-row svg{width:16px;height:16px;color:var(--faint)}
.mc-list{margin-top:18px;display:flex;flex-direction:column;gap:8px}
.mc-list span{display:flex;align-items:center;gap:9px;font-size:14px;padding:9px 12px;border-radius:10px;background:var(--paper)}
.mc-list .done svg{width:16px;height:16px;padding:3px;border-radius:50%;background:#1c8f5a;color:#fff}
.mc-list .now{background:var(--red-wash);color:var(--red);font-weight:500}
.mc-list .now i{width:16px;height:16px;display:grid;place-items:center;position:relative}
.mc-list .now i:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px rgba(254,5,18,.18);animation:live 1.6s ease-in-out infinite}
@keyframes live{50%{box-shadow:0 0 0 7px rgba(254,5,18,.05)}}
.meet-wrap{position:relative;width:min(100%,380px)}
.meet-wrap .meet-card{width:100%}
.callout.impl-co{left:auto;right:-56px;bottom:-34px;animation:bob 6s ease-in-out infinite}

/* Plans */
.billing-wrap{display:flex;justify-content:center;padding:0 var(--pad) 32px}
.billing{display:inline-flex;gap:3px;padding:5px;background:var(--surface);border:1px solid var(--rail);border-radius:14px}
.billing button{height:38px;padding:0 16px;border:0;border-radius:10px;background:none;font-size:14px;font-weight:500;color:var(--muted);cursor:pointer;display:flex;align-items:center;gap:7px}
.billing button i{font-style:normal;font-size:11.5px;font-weight:600;color:#1c8f5a;background:#e9f8ee;border-radius:999px;padding:2px 7px}
.billing button[aria-checked="true"]{background:var(--ink);color:#fff}
.billing button[aria-checked="true"] i{background:rgba(255,255,255,.16);color:#fff}
.p-price s{color:var(--faint);font-size:16px;margin-right:2px}
.p-price em{width:100%;font-style:normal;font-size:12.5px;color:#1c8f5a;margin-top:2px}

.plans{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--rail)}
.plan{position:relative;padding:clamp(28px,3vw,40px) clamp(22px,2.6vw,36px) clamp(32px,3.4vw,44px);border-left:1px solid var(--rail);display:flex;flex-direction:column}
.plan:first-child{border-left:0}
.plan.featured{background:radial-gradient(90% 50% at 50% 0%,rgba(254,5,18,.09),transparent 70%),var(--surface);box-shadow:inset 0 3px 0 var(--red)}
.p-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.p-head h3{font:500 24px/1.2 var(--display);letter-spacing:-.025em}
.p-tag{font-size:12px;font-weight:600;color:#fff;background:var(--red);border-radius:999px;padding:4px 10px}
.p-sub{color:var(--muted);font-size:15px;margin-top:4px}
.p-price{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin:26px 0 22px;min-height:56px}
.p-price small{width:100%;font-size:12.5px;color:var(--faint)}
.p-price strong{font:500 44px/1 var(--display);letter-spacing:-.04em}
.p-price span{color:var(--muted);font-size:15px}
.p-price.custom{align-items:flex-end}
.p-price.custom strong{font-size:36px}
.plan .btn{justify-content:center;width:100%}
.plan ul{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-direction:column;gap:11px;font-size:14.5px;color:var(--ink-2);flex:1}
.plan li{display:flex;gap:9px;align-items:flex-start;line-height:1.35}
.plan li svg{flex:none;width:17px;height:17px;padding:3.5px;border-radius:50%;background:var(--red-wash);color:var(--red)}
.p-ai{margin-top:26px;padding-top:18px;border-top:1px solid var(--rail);display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:12.5px;color:var(--muted)}
.p-ai span{width:100%}
.p-ai b{display:inline-flex;align-items:center;gap:6px;font-weight:500;color:var(--ink-2);font-size:13px;border:1px solid var(--rail);border-radius:999px;padding:4px 10px 4px 6px;background:var(--surface)}
.p-ai img{width:15px;height:15px}
.plans-note{border-top:1px solid var(--rail);padding:18px var(--pad);text-align:center;font-size:13px;color:var(--faint)}

/* Add-ons */
.addons{border-top:1px solid var(--rail);padding:0 var(--pad)}
.addons summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:18px 0;font-size:14px;color:var(--muted)}
.addons summary::-webkit-details-marker{display:none}
.addons summary b{font-weight:500;color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--rail-strong)}
.addons summary:hover b{color:var(--red);text-decoration-color:currentColor}
.addons summary svg{width:14px;height:14px;transition:transform .2s}
.addons[open] summary svg{transform:rotate(180deg)}
.addons[open]{padding-bottom:clamp(36px,4vw,56px)}
.addons[open] summary b:after{content:""}
.ao-head p{color:var(--muted);text-align:center;font-size:14.5px}
.ao-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px;margin-top:20px;align-items:start}
.ao-list{background:var(--surface);border:1px solid var(--rail);border-radius:16px;padding:8px 22px}
.ao-row{padding:16px 0;border-top:1px solid #f0eeea}
.ao-row:first-child{border-top:0}
.ao-top{display:flex;justify-content:space-between;gap:12px;align-items:center}
.ao-name{display:flex;align-items:center;gap:9px;font-weight:500;font-size:15px}
.ao-name img{width:18px}
.ao-price{font-size:13px;color:var(--muted);white-space:nowrap}
.ao-ctrl{display:flex;align-items:center;gap:12px;margin-top:10px}
.ao-btn{flex:none;width:34px;height:34px;border-radius:9px;border:1px solid var(--rail-strong);background:#fff;font-size:18px;line-height:1;cursor:pointer}
.ao-btn:hover{border-color:var(--ink)}
.ao-ctrl input{flex:1;accent-color:var(--red);min-width:0}
.ao-ctrl output{width:56px;text-align:right;font-weight:600;font-variant-numeric:tabular-nums}
.ao-sum{background:radial-gradient(90% 60% at 100% 0%,rgba(254,5,18,.08),transparent 70%),var(--surface);border:1px solid #ffd3d6;border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:12px;position:sticky;top:88px}
.ao-title{font:500 20px/1.2 var(--display);letter-spacing:-.02em}
.ao-plan{display:flex;gap:4px;padding:4px;background:var(--paper);border:1px solid var(--rail);border-radius:11px}
.ao-plan button{flex:1;height:34px;border:0;border-radius:8px;background:none;font-weight:500;font-size:14px;color:var(--muted);cursor:pointer}
.ao-plan button[aria-checked="true"]{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.1)}
.ao-line{display:flex;justify-content:space-between;font-size:14.5px;color:var(--muted);padding-bottom:10px;border-bottom:1px dashed var(--rail)}
.ao-line b{color:var(--ink);font-weight:500}
.ao-total{display:flex;justify-content:space-between;align-items:baseline;font:500 18px/1.2 var(--display)}
.ao-total b{color:var(--red);font-size:24px;letter-spacing:-.02em}
.ao-mode{display:flex;gap:3px;padding:3px;background:var(--paper);border:1px solid var(--rail);border-radius:9px}
.ao-mode button{height:28px;padding:0 11px;border:0;border-radius:7px;background:none;font-size:13px;font-weight:500;color:var(--muted);cursor:pointer}
.ao-mode button[aria-checked="true"]{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.1)}
.ao-name .ao-mode{margin-left:6px}
.ao-mode button{height:24px!important;padding:0 9px!important;font-size:12px!important}
.ao-once{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--muted);background:var(--paper);border-radius:10px;padding:9px 12px}
.ao-once b{color:var(--ink);font-weight:500;white-space:nowrap}
.ao-sum .btn{justify-content:center}
.ao-sum small{font-size:12px;color:var(--faint);text-align:center}

/* Color rhythm */
.band.hero-band{background:radial-gradient(60% 80% at 0% 0%,rgba(254,5,18,.07),transparent 60%),var(--paper)}
.dark .story{border-top:0}
.dark .story-photo{border-right-color:var(--dark-rail)}
.dark .story-quote{background:radial-gradient(70% 60% at 100% 0%,rgba(254,5,18,.18),transparent 70%)}
.dark .story-quote blockquote{color:#fff}
.dark .who small{color:var(--dark-muted)}
.dark .ai-grid{border-top-color:var(--dark-rail)}
.dark .ai-cell:first-child{border-right-color:var(--dark-rail)}
.dark .visual{background:#1a1a1a;border-bottom-color:var(--dark-rail)}
.dark .visual:before{background-image:radial-gradient(circle,rgba(255,255,255,.12) 1px,transparent 1.2px)}
.dark .visual:after{background:linear-gradient(180deg,#1a1a1a 0%,transparent 22%,transparent 78%,#1a1a1a 100%)}
.dark .map .base{stroke:#3a3a3a}
.dark .ai-text p{color:var(--dark-muted)}
.dark .ai-text small{color:#77746f}
.dark .abilities{border-top-color:var(--dark-rail)}
.dark .abilities>div{border-left-color:var(--dark-rail)}
.dark .ai-logo img{box-shadow:none}
.band.proof{background:radial-gradient(60% 90% at 100% 0%,rgba(255,255,255,.16),transparent 60%),linear-gradient(135deg,#fe0512,#c4000c);color:#fff;border-top-color:transparent}
.band.proof .rail{border-color:rgba(255,255,255,.2)}
.proof h2{color:#fff}
.proof .lede{color:rgba(255,255,255,.82)}
.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.2)}
.stat{padding:clamp(28px,3.4vw,44px) var(--pad);border-left:1px solid rgba(255,255,255,.2);border-top:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;gap:4px}
.stat:nth-child(3n+1){border-left:0}
.stat:nth-child(-n+3){border-top:0}
.stat strong{font:500 clamp(40px,4.6vw,64px)/1 var(--display);letter-spacing:-.04em}
.stat span{font-size:17px;font-weight:500;color:#fff}
.stat small{margin-top:14px;font-size:13.5px;color:rgba(255,255,255,.75)}
.stat small b{color:#fff;font-weight:600}

/* FAQ */
.faq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
.faq-title{padding:clamp(56px,7vw,96px) var(--pad);border-right:1px solid var(--rail)}
.faq-title p{color:var(--muted);margin-top:14px;font-size:15px}
.faq-list{padding:clamp(56px,7vw,96px) 0}
.faq details{border-top:1px solid var(--rail);background:var(--surface)}
.faq details:last-child{border-bottom:1px solid var(--rail)}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px var(--pad);font-weight:500;font-size:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary svg{flex:none;width:16px;height:16px;transition:transform .2s}
.faq details[open] summary svg{transform:rotate(180deg)}
.faq summary:hover{color:var(--red)}
.faq details p{padding:0 var(--pad) 24px;color:var(--muted);max-width:640px;margin-top:-6px}

/* Final CTA + footer */
.final{padding:clamp(72px,9vw,120px) var(--pad);text-align:center}
.final .lede{margin-left:auto;margin-right:auto}
.final h2{max-width:720px;margin:0 auto}
.final .lede{margin-top:16px}
.final .cta-row{justify-content:center;margin-top:32px}
.final .fine{margin-top:16px;font-size:13px;color:#7c7a75}
.foot{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px var(--pad);border-top:1px solid var(--dark-rail);font-size:14px;color:var(--dark-muted);flex-wrap:wrap}
.foot .logo{width:96px}
.legal{margin:0;padding:18px var(--pad) 28px;border-top:1px solid var(--dark-rail);font-size:12.5px;color:#7c7a75;text-align:center}
.foot nav{display:flex;gap:24px;flex-wrap:wrap}
.foot nav a:hover{color:#fff}

/* Meeting dialog (Cal.com inline embed) */
.meet{border:0;padding:0;width:min(1000px,calc(100vw - 32px));height:min(780px,calc(100dvh - 32px));border-radius:16px;background:#fff;box-shadow:0 40px 80px -30px rgba(0,0,0,.5);overflow:hidden}
.meet[open]{display:flex;flex-direction:column}
.meet::backdrop{background:rgba(20,20,20,.55);backdrop-filter:blur(4px)}
.meet-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px 14px 22px;border-bottom:1px solid var(--rail)}
.meet-head strong{font:500 18px/1.2 var(--display);letter-spacing:-.02em}
.meet-close{width:36px;height:36px;border-radius:10px;border:1px solid var(--rail);background:#fff;cursor:pointer;display:grid;place-items:center}
.meet-close:hover{border-color:var(--ink)}
.meet-close svg{width:14px;height:14px}
.meet-body{flex:1;min-height:0;position:relative}
#my-cal-inline-leavoai{width:100%;height:100%;overflow:auto}
.meet-fallback{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:var(--muted);font-size:14px;pointer-events:none}
.meet-fallback a{color:var(--red);text-decoration:underline;pointer-events:auto}
.meet.loaded .meet-fallback{display:none}
@media (max-width:640px){.meet{width:100vw;height:100dvh;max-width:none;max-height:none;border-radius:0}}

/* Responsive */
@media (max-width:1080px){
 .ev-1{left:-96px}.ev-2{right:-100px}.ev-3{left:-110px}
 .head-nav{display:none}
}
@media (max-width:900px){
 .hero{grid-template-columns:1fr}
 .hero-art{border-left:0;border-top:1px solid var(--rail);min-height:0;padding:48px 16px 36px}
 .ev-1{left:-70px}.ev-2{right:-74px}.ev-3{left:-80px}
 .story{grid-template-columns:1fr}
 .story-photo{border-right:0;aspect-ratio:4/3.4}
 .kit-head{flex-direction:column;align-items:flex-start}
 .kit{grid-template-columns:1fr}
 .cell:nth-child(odd){border-right:0}
 .screen-panel{grid-template-columns:1fr;min-height:0;padding-right:0}
 .sp-text{padding-right:var(--pad);padding-bottom:0}
 .sp-shot>img{width:125%}
 .callout{left:auto;right:28px;bottom:28px}
 .ai-grid{grid-template-columns:1fr}
 .ai-cell:first-child{border-right:0;border-bottom:1px solid var(--rail)}
 .lessons{grid-template-columns:1fr 1fr}
 .lesson:nth-child(3){border-left:0}
 .lesson:nth-child(n+3){border-top:1px solid var(--rail)}
 .impl{grid-template-columns:1fr}
 .impl-art{border-left:0;border-top:1px solid var(--rail);padding:48px 20px 88px}
 .plans{grid-template-columns:1fr}
 .billing button{padding:0 11px;font-size:13.5px}
 .ao-grid{grid-template-columns:1fr}
 .ao-sum{position:static}
 .plan{border-left:0;border-top:1px solid var(--rail)}
 .plan:first-child{border-top:0}
 .faq{grid-template-columns:1fr}
 .faq-title{border-right:0;padding-bottom:28px}
 .faq-list{padding-top:0}
}
@media (max-width:640px){
 .rail{border-left:0;border-right:0}
 .hero-art{display:none}
 .hero h1{font-size:26px;line-height:1.14;letter-spacing:-.03em}
 .hero-copy{padding-top:36px;padding-bottom:32px}
 .hero-copy .lede{font-size:15.5px;margin-top:16px}
 .abilities{grid-template-columns:repeat(3,1fr)!important}
 .abilities>div{border-top:0!important;border-left:1px solid var(--rail)!important;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;padding:10px!important}
 .abilities>div:first-child{border-left:0!important}
 .abilities strong{font-size:15px}
 .abilities span{font-size:11.5px}
 .stats{grid-template-columns:1fr 1fr}
 .stat{padding:24px 18px;border-left:1px solid rgba(255,255,255,.2)!important;border-top:1px solid rgba(255,255,255,.2)!important}
 .stat:nth-child(2n+1){border-left:0!important}
 .stat:nth-child(-n+2){border-top:0!important}
 .stat span{font-size:14.5px}
 .head-cta .btn-red{display:none}
 .btn{height:50px;font-size:16px}
 .btn-sm{height:38px;font-size:14px}
 .cta-row{flex-direction:column;align-items:stretch;gap:10px}
 .cta-row .btn,.video-cta .btn,.kit-head .actions,.kit-head .actions .btn{width:100%;justify-content:center}
 .video-cta{align-items:stretch}
 .video-cta .offer{align-self:center}
 .offer{font-size:11.5px;white-space:nowrap;padding:5px 10px 5px 8px;gap:6px;letter-spacing:-.005em}
 .m-cta{display:flex;flex-direction:column;align-items:center;position:fixed;left:0;right:0;bottom:0;z-index:30;padding:10px 16px calc(12px + env(safe-area-inset-bottom,0px));background:rgba(248,247,245,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--rail);box-shadow:0 -10px 24px -18px rgba(40,20,10,.35);transform:translateY(110%);transition:transform .3s ease}
 .m-cta.show{transform:none}
 .m-cta .offer{margin-bottom:8px}
 .m-cta .btn{width:100%;justify-content:center}
 .events-hide{display:none}
 .event{display:none}
 .phone{width:272px;height:560px}
 .lessons{grid-template-columns:1fr}
 .lesson{border-left:0!important;border-top:1px solid var(--rail)}
 .lesson:first-child{border-top:0}
 .callout.impl-co{right:-6px;bottom:-40px}
 .abilities{grid-template-columns:1fr}
 .abilities>div{border-left:0;border-top:1px solid var(--rail);padding:22px var(--pad)}
 .pill{height:36px;padding:0 10px;font-size:12px;gap:6px;border-radius:10px}
 .pill img{height:14px}.pill.cc img{height:10px}
 .hub img{width:24px;height:24px}.hub span{padding:8px}
 .visual{aspect-ratio:auto;min-height:300px}
 .ai-cell:last-child .visual{padding:24px 0}
 .win{width:92%}
 .abilities>div:first-child{border-top:0}
 .art{height:auto;min-height:200px}
 .a-pipe{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .col{min-height:170px;padding:7px}
 .a-appt{flex-direction:column}
 .tabs-wrap{display:none}
 .tabs-mobile{display:flex;align-items:center;gap:10px;margin:0 var(--pad) 22px;position:sticky;top:calc(72px + env(safe-area-inset-top,0px));z-index:6;padding:6px;background:var(--surface);border:1px solid var(--rail);border-radius:16px;box-shadow:0 8px 20px -14px rgba(40,20,10,.3)}
 .tm-btn{flex:none;width:46px;height:46px;border-radius:12px;border:1px solid var(--rail);background:var(--paper);display:grid;place-items:center;cursor:pointer;color:var(--ink)}
 .tm-btn svg{width:18px;height:18px}
 .tm-btn.next{background:var(--red);border-color:var(--red);color:#fff}
 .tm-label{flex:1;text-align:center;min-width:0}
 .tm-label strong{display:block;font:500 17px/1.2 var(--display);letter-spacing:-.02em}
 .tm-label span{display:block;font-size:12px;color:var(--muted);margin-top:2px}
 .tm-bar{display:block;height:3px;border-radius:3px;background:var(--rail);margin:7px 12px 0;overflow:hidden}
 .tm-bar b{display:block;height:100%;width:9.1%;background:var(--red);border-radius:3px;transition:width .3s ease}
 .call-mock{margin:0 20px 40px 0}
 .is-call .callout{display:none}
 .screen-panel{padding:32px 0 0 var(--pad)}
 .sp-text{padding-right:var(--pad)}
 .sp-text h3{font-size:25px}
 .sp-shot>img{width:190%}
 .callout{right:auto;left:0;bottom:18px;padding:9px 12px 9px 9px;gap:9px}
 .callout.co-2{left:auto;right:12px;top:14px;bottom:auto}
 .callout.co-3{left:auto;right:12px;bottom:78px}
 .callout strong{font-size:15px}
 .co-ic{width:30px;height:30px}
 .sp-text ul{grid-template-columns:1fr}
 .sp-text .btn{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .js .thread .msg,.js .event{opacity:1;transform:none}
 .screen-panel:not([hidden]) .sp-text,.screen-panel:not([hidden]) .sp-shot>img,.screen-panel:not([hidden]) .callout{animation:none}
 .callout,.mc-list .now i:before,.cm-av i,.cm-bar em i{animation:none!important}
 .map .sig,.hub:after,.typing i,.spin,.caret{animation:none}
 .map .sig{stroke-dasharray:none;opacity:.35}
 *{transition:none!important}
}

/* Site-wide components that the single landing page did not need */

/* Header navigation */
.site-head .head-in{gap:28px}
.nav{display:flex;align-items:center;gap:4px;font-size:15px;color:var(--ink-2)}
.nav>a,.dd>button{height:38px;display:inline-flex;align-items:center;gap:6px;padding:0 12px;border-radius:9px;border:0;background:none;cursor:pointer;font:inherit;color:inherit}
.nav>a:hover,.dd>button:hover,.dd.open>button{background:var(--surface);color:var(--ink)}
.nav>a[aria-current="page"]{color:var(--ink);font-weight:500}
.dd{position:relative}
.dd>button svg{width:12px;height:12px;transition:transform .2s}
.dd.open>button svg{transform:rotate(180deg)}
.dd-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:280px;background:var(--surface);border:1px solid var(--rail);border-radius:14px;box-shadow:0 20px 40px -18px rgba(40,20,10,.3);padding:8px;display:none}
.dd.open .dd-menu{display:block}
.dd-menu a{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:10px}
.dd-menu a:hover{background:var(--paper)}
.dd-menu a i{flex:none;width:34px;height:34px;border-radius:9px;background:var(--red-wash);color:var(--red);display:grid;place-items:center}
.dd-menu a i svg{width:17px;height:17px}
.dd-menu strong{display:block;font-weight:500;color:var(--ink);font-size:14.5px}
.dd-menu small{display:block;font-size:12.5px;color:var(--muted)}
.head-cta{align-items:center}
.head-cta .login{font-size:15px;color:var(--ink-2);padding:0 10px}
.head-cta .login:hover{color:var(--ink)}
.menu-btn{display:none;width:40px;height:40px;border-radius:10px;border:1px solid var(--rail);background:var(--surface);cursor:pointer;place-items:center}
.menu-btn svg{width:18px;height:18px}
.m-nav{display:none}
@media (max-width:1080px){.head-nav{display:flex}}
@media (max-width:900px){
 .nav,.head-cta .login{display:none}
 .menu-btn{display:grid}
 .head-cta{margin-left:auto}
 .m-nav{position:fixed;inset:64px 0 0;z-index:19;background:var(--paper);padding:16px var(--pad) 32px;overflow:auto;border-top:1px solid var(--rail)}
 .m-nav.open{display:block}
 .m-nav h4{margin:18px 0 6px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
 .m-nav a{display:block;padding:12px 0;font-size:17px;border-bottom:1px solid var(--rail)}
 .m-nav .btn{display:flex;justify-content:center;margin-top:20px;border-bottom:0;color:#fff}
 .m-nav .btn-line{color:var(--ink)}
}
@media (max-width:640px){.head-cta .btn-red{display:none}}

/* Brand strip */
.marquee{overflow:hidden;position:relative;height:92px;display:flex;align-items:center;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.mq-track{display:flex;align-items:center;gap:64px;width:max-content;animation:mq 38s linear infinite;padding-left:64px}
.mq-track img{height:26px;width:auto;opacity:.62;filter:grayscale(1) contrast(1.1)}
.mq-track img.tall{height:34px}
.marquee:hover .mq-track{animation-play-state:paused}
@keyframes mq{to{transform:translateX(-50%)}}

/* Cases carousel */
.cases-wrap{padding:0 0 clamp(40px,5vw,64px);position:relative}
.cases-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 max(var(--pad),calc((100% - 640px)/2));scrollbar-width:none;scroll-behavior:smooth}
.cases-track::-webkit-scrollbar{display:none}
.case{flex:0 0 min(640px,84%);scroll-snap-align:center;transition:opacity .3s}
.case-img{position:relative;aspect-ratio:16/10;border-radius:16px;overflow:hidden;background:#151515;box-shadow:0 24px 48px -28px rgba(0,0,0,.45)}
.case-img img.photo{width:100%;height:100%;object-fit:cover}
.case-img .brand{position:absolute;left:24px;top:22px;height:34px;width:auto;max-width:45%;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 2px 8px rgba(0,0,0,.35))}
.case-img .brand.center{left:50%;top:50%;transform:translate(-50%,-50%);height:auto;width:34%;max-width:none}
.case-img .name{position:absolute;left:24px;top:22px;color:#fff;font:500 22px/1.15 var(--display);letter-spacing:-.02em;text-shadow:0 2px 12px rgba(0,0,0,.4)}
.case blockquote{margin-top:20px;font:500 clamp(19px,1.8vw,23px)/1.3 var(--display);letter-spacing:-.02em}
.case p{margin-top:8px;font-size:14px;color:var(--muted)}
.case p b{color:var(--ink-2);font-weight:500}
.cases-nav{display:flex;justify-content:center;gap:10px;margin-top:28px}
.cases-nav button{width:46px;height:46px;border-radius:50%;border:1px solid var(--rail-strong);background:var(--surface);cursor:pointer;display:grid;place-items:center;box-shadow:0 6px 14px -8px rgba(0,0,0,.25)}
.cases-nav button:hover{border-color:var(--ink)}
.cases-nav svg{width:16px;height:16px}

/* Inner page hero */
.page-hero{padding:clamp(64px,8vw,112px) var(--pad) clamp(40px,5vw,64px);text-align:center;background:radial-gradient(60% 90% at 50% 0%,rgba(254,5,18,.08),transparent 65%)}
.page-hero h1{font:500 clamp(36px,4.4vw,58px)/1.05 var(--display);letter-spacing:-.04em;max-width:880px;margin:0 auto;text-wrap:balance}
.page-hero h1 em{font-style:normal;color:var(--red)}
.page-hero .lede{margin:18px auto 0;max-width:640px}
.page-hero .cta-row{justify-content:center;margin-top:30px}

/* Integrations */
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:0 var(--pad) 32px}
.rail>.chips:first-child{padding-top:40px}
.chips button{height:38px;padding:0 16px;border-radius:999px;border:1px solid var(--rail-strong);background:var(--surface);font-size:14px;font-weight:500;color:var(--ink-2);cursor:pointer}
.chips button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.int-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--rail)}
.int{padding:26px var(--pad) 30px;border-left:1px solid var(--rail);border-bottom:1px solid var(--rail);display:flex;flex-direction:column;gap:10px}
.int:nth-child(4n+1){border-left:0}
.int[hidden]{display:none!important}
.int-logo{width:52px;height:52px;border-radius:13px;background:#fff;box-shadow:0 0 0 1px var(--rail);display:grid;place-items:center;overflow:hidden}
.int-logo img{width:100%;height:100%;object-fit:cover}
.int-logo img.contain{object-fit:contain;padding:9px}
.int-logo span{font:600 20px/1 var(--display);color:var(--red)}
.int h3{font:500 18px/1.25 var(--display);letter-spacing:-.02em;margin-top:4px}
.int p{color:var(--muted);font-size:14.5px}
.int .tag{align-self:flex-start;margin-left:0;background:var(--paper);color:var(--muted);border:1px solid var(--rail)}

/* Blog */
.posts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--rail)}
.post{display:flex;flex-direction:column;border-left:1px solid var(--rail);border-bottom:1px solid var(--rail);padding:24px clamp(18px,2vw,28px) 30px;transition:background .2s}
.post:nth-child(3n+1){border-left:0}
.post:hover{background:var(--surface)}
.post:hover h3{color:var(--red)}
.post-cover{aspect-ratio:16/9;border-radius:12px;overflow:hidden;margin-bottom:18px;background:radial-gradient(80% 90% at 70% 20%,rgba(254,5,18,.35),transparent 60%),linear-gradient(160deg,#232323,#111);display:grid;place-items:center}
.post-cover img{width:100%;height:100%;object-fit:cover}
.post-cover b{font:500 22px/1.2 var(--display);color:#fff;padding:0 24px;text-align:center;letter-spacing:-.02em}
.post .kicker{font-size:12.5px;font-weight:600;color:var(--red);letter-spacing:.02em}
.post h3{font:500 20px/1.25 var(--display);letter-spacing:-.02em;margin-top:8px}
.post p{color:var(--muted);font-size:14.5px;margin-top:8px}
.post small{margin-top:auto;padding-top:16px;font-size:12.5px;color:var(--faint)}
.article{max-width:720px;margin:0 auto;padding:clamp(48px,6vw,80px) var(--pad)}
.article .kicker{font-size:13px;font-weight:600;color:var(--red)}
.article h1{font:500 clamp(32px,4vw,48px)/1.08 var(--display);letter-spacing:-.035em;margin-top:12px}
.article .lede{margin-top:16px;font-size:19px}
.article h2{font:500 24px/1.25 var(--display);letter-spacing:-.02em;margin-top:40px}
.article p{color:var(--ink-2);font-size:17px;line-height:1.7;margin-top:14px}
.article .back{display:inline-flex;gap:6px;font-size:14px;color:var(--muted);margin-bottom:28px}
.article .back:hover{color:var(--red)}

/* Partners */
.perks{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--rail)}
.perk{padding:32px var(--pad) 36px;border-left:1px solid var(--rail);border-bottom:1px solid var(--rail)}
.perk:nth-child(3n+1){border-left:0}
.perk .sp-icon{width:40px;height:40px;margin-bottom:16px}
.perk .sp-icon svg{width:20px;height:20px}
.perk h3{font:500 19px/1.25 var(--display);letter-spacing:-.02em}
.perk p{color:var(--muted);font-size:15px;margin-top:8px}
.who-for{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--rail)}
.who-for div{padding:28px var(--pad);border-left:1px solid var(--rail)}
.who-for div:first-child{border-left:0}
.who-for strong{display:block;font:500 18px/1.25 var(--display);letter-spacing:-.02em}
.who-for span{display:block;color:var(--muted);font-size:14.5px;margin-top:6px}

/* Legal documents */
.doc{max-width:780px;margin:0 auto;padding:clamp(48px,6vw,80px) var(--pad)}
.doc h1{font:500 clamp(34px,4vw,48px)/1.08 var(--display);letter-spacing:-.035em}
.doc h2{font:500 22px/1.3 var(--display);letter-spacing:-.02em;margin-top:40px;padding-top:24px;border-top:1px solid var(--rail)}
.doc h3{font:500 17px/1.35 var(--display);margin-top:24px}
.doc h4{font-weight:600;font-size:15px;margin-top:18px}
.doc p,.doc li{color:var(--ink-2);font-size:15.5px;line-height:1.7;margin-top:10px}
.doc ul{padding-left:20px;margin:6px 0 0}
.doc .updated{font-size:13px;color:var(--faint);margin-top:8px}

/* Footer */
.foot-cols{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:32px;padding:48px var(--pad) 40px;border-top:1px solid var(--dark-rail)}
.foot-cols .brand-col p{color:var(--dark-muted);font-size:14px;margin-top:14px;max-width:260px}
.foot-cols h4{font-size:13px;font-weight:600;color:#fff;margin:0 0 14px}
.foot-cols a{display:block;font-size:14px;color:var(--dark-muted);padding:5px 0}
.foot-cols a:hover{color:#fff}
.foot-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:20px var(--pad) 28px;border-top:1px solid var(--dark-rail);font-size:12.5px;color:#7c7a75}
.social{display:flex;gap:14px}
.social a{color:var(--dark-muted)}
.social a:hover{color:#fff}
.social svg{width:18px;height:18px}

/* Segment extras */
.seg-partner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:36px var(--pad);flex-wrap:wrap}
.seg-partner h3{font:500 24px/1.2 var(--display);letter-spacing:-.025em}
.seg-partner p{color:var(--muted);margin-top:6px}

@media (max-width:900px){
 .int-grid,.posts,.perks{grid-template-columns:1fr 1fr}
 .int:nth-child(4n+1){border-left:1px solid var(--rail)}
 .int:nth-child(2n+1),.post:nth-child(2n+1),.perk:nth-child(2n+1){border-left:0}
 .post:nth-child(3n+1),.perk:nth-child(3n+1){border-left:1px solid var(--rail)}
 .post:nth-child(2n+1),.perk:nth-child(2n+1){border-left:0}
 .who-for{grid-template-columns:1fr 1fr}
 .who-for div:nth-child(3){border-left:0}
 .who-for div:nth-child(n+3){border-top:1px solid var(--rail)}
 .foot-cols{grid-template-columns:1fr 1fr}
 .foot-cols .brand-col{grid-column:1/-1}
}
@media (max-width:640px){
 .int-grid,.posts,.perks{grid-template-columns:1fr}
 .int,.post,.perk{border-left:0!important}
 .who-for{grid-template-columns:1fr}
 .who-for div{border-left:0!important;border-top:1px solid var(--rail)}
 .who-for div:first-child{border-top:0}
 .case-img .brand{height:26px;left:16px;top:16px}
 .mq-track{gap:44px}
 .mq-track img{height:22px}
}
@media (prefers-reduced-motion:reduce){.mq-track{animation:none}}

/* Dark cases band */
.dark .case p{color:var(--dark-muted)}
.dark .case p b{color:#fff}
.dark .case blockquote{color:#fff}
.dark .cases-nav button{background:#1c1c1c;border-color:#3a3a3a;color:#fff}
.dark .cases-nav button:hover{border-color:#fff}
.dark .section-head .lede{color:var(--dark-muted)}
.band.dark#cases{background:radial-gradient(60% 70% at 50% 0%,rgba(254,5,18,.16),transparent 70%),var(--dark)}

/* Case cards: gradient behind logos, video testimonials */
.case-img:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,0) 34%),linear-gradient(0deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,0) 30%)}
.case-img .brand,.case-img .name,.case-play .play-orb,.case-play .sound-tag{z-index:2}
.case-play{position:absolute;inset:0;border:0;padding:0;background:none;cursor:pointer;display:block;width:100%;height:100%;color:#fff}
.case-play img.photo{width:100%;height:100%;object-fit:cover}
.play-orb{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:var(--red);display:grid;place-items:center;box-shadow:0 0 0 8px rgba(254,5,18,.22),0 14px 30px -10px rgba(0,0,0,.6);transition:transform .2s}
.play-orb svg{width:24px;height:24px;margin-left:3px}
.case-play:hover .play-orb{transform:translate(-50%,-50%) scale(1.07)}
.sound-tag{position:absolute;left:20px;right:20px;bottom:16px;display:flex;justify-content:space-between;align-items:center;font-size:13px}
.sound-tag b{font-weight:600}
.sound-tag span{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.85}
.case-img iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:3}
.case-img.playing:after{display:none}

/* Hero phone and live events also on phones */
@media (max-width:640px){
 .hero-art{display:flex!important;border-top:1px solid var(--rail);padding:40px 0 34px;min-height:0;overflow:hidden}
 .event{display:flex!important;padding:7px 10px 7px 7px;gap:7px}
 .event .ic{width:24px;height:24px}
 .event .ic img{width:14px}
 .event strong{font-size:11.5px}
 .event small{font-size:10px}
 .ev-1{top:14px;left:-40px}
 .ev-2{top:230px;right:-62px}
 .ev-3{top:430px;left:-64px}
 .phone{width:246px;height:500px;border-radius:40px}
 .screen{border-radius:32px}
}

/* Home hero: centered copy over the product showcase */
.hp .hp-copy{text-align:center;padding:clamp(56px,7vw,96px) var(--pad) 0;max-width:980px;margin:0 auto}
.hp h1{font:500 clamp(40px,5.4vw,72px)/1.02 var(--display);letter-spacing:-.045em;text-wrap:balance}
.hp h1 em{font-style:normal;color:var(--red)}
.hp .lede{margin:20px auto 0;font-size:clamp(16px,1.4vw,19px);max-width:620px}
.hp .cta-row{justify-content:center;margin-top:30px}
.hp-fine{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;font-size:13.5px;color:var(--muted)}
.hp-fine svg{width:16px;height:16px;padding:3px;border-radius:50%;background:var(--red-wash);color:var(--red)}
.showcase{position:relative;margin:clamp(40px,5vw,64px) auto 0;padding:0 clamp(48px,7vw,110px);max-width:1200px}
.showcase:before{content:"";position:absolute;left:10%;right:10%;top:10%;bottom:-10%;background:radial-gradient(closest-side,rgba(254,5,18,.22),transparent);filter:blur(40px);z-index:0}
.sc-window{position:relative;z-index:1;background:#fff;border-radius:16px 16px 0 0;overflow:hidden;box-shadow:0 0 0 1px var(--rail-strong),0 40px 80px -40px rgba(60,20,10,.5)}
.sc-bar{height:34px;display:flex;align-items:center;gap:6px;padding:0 14px;border-bottom:1px solid #eee;background:#fafafa}
.sc-bar i{width:9px;height:9px;border-radius:50%;background:#e2dfda}
.sc-bar span{margin-left:14px;font-size:12px;color:var(--faint);background:#f0eeea;border-radius:6px;padding:2px 12px}
.sc-window img{width:100%;height:auto;display:block}
.sc-phone{position:absolute;z-index:3;left:clamp(0px,1.5vw,24px);bottom:-30px;transform:scale(.78);transform-origin:bottom left}
.showcase .event{z-index:4}
.sc-ev1{top:120px;right:clamp(8px,3vw,40px)}
.sc-ev2{top:44%;right:clamp(-10px,1vw,14px)}
.sc-ev3{bottom:60px;right:clamp(30px,6vw,90px)}
.hp{overflow:hidden}
@media (max-width:900px){
 .showcase{padding:0 20px 0 120px}
 .sc-phone{transform:scale(.6);left:-10px;bottom:-40px}
}
@media (max-width:640px){
 .hp h1{font-size:34px}
 .hp .cta-row{flex-direction:column;align-items:stretch}
 .showcase{padding:0 0 0 20px;margin-top:36px}
 .sc-window{border-radius:12px 0 0 0;width:180%}
 .sc-phone{transform:scale(.5);left:-6px;bottom:-60px}
 .showcase .event{display:flex!important}
 .sc-ev1{top:40px;right:12px}
 .sc-ev2{display:none!important}
 .sc-ev3{bottom:24px;right:12px}
 .hp-fine{font-size:12.5px}
}
/* Full product screen, framed like a window, with the phone overlapping its lower-left corner */
.sc-window{border-radius:16px}
.showcase{padding-bottom:clamp(56px,7vw,96px)}
.sc-phone{bottom:clamp(20px,3vw,40px)}
@media (max-width:900px){.sc-phone{bottom:30px}}
@media (max-width:640px){.sc-window{width:100%;border-radius:12px}.showcase{padding:0 16px 48px}.sc-phone{display:none}.sc-ev1{top:30px;right:24px}.sc-ev3{bottom:60px;right:24px}}
@media (max-width:640px){.showcase .sc-ev2{display:none!important}}

/* Home hero, split: copy on the left, product window bleeding off the right edge */
.hp>.rail{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center}
.hp .sc-window{z-index:1}
.hp .hp-copy{text-align:left;margin:0;max-width:none;padding:clamp(56px,7vw,96px) 0 clamp(56px,7vw,96px) var(--pad)}
.hp h1{font-size:clamp(36px,4vw,56px);text-wrap:balance}
.hp .lede{margin:20px 0 0;max-width:520px}
.hp .cta-row{justify-content:flex-start}
.hp-fine{justify-content:flex-start}
.hp .showcase{margin:0;padding:clamp(56px,6vw,80px) 0 clamp(64px,7vw,96px) clamp(24px,3vw,40px);max-width:none;align-self:stretch;display:flex;align-items:center}
.hp .sc-window{width:175%;flex:none;border-radius:16px 0 0 16px}
.hp .sc-phone{left:0;bottom:clamp(24px,3vw,44px);transform:scale(.62)}
.hp .sc-ev1{top:clamp(40px,6vw,90px);right:auto;left:52%}
.hp .sc-ev2{top:50%;right:auto;left:62%}
.hp .sc-ev3{bottom:clamp(40px,5vw,70px);right:auto;left:42%}
@media (max-width:900px){
 .hp>.rail{grid-template-columns:1fr}
 .hp .hp-copy{padding:48px var(--pad) 0}
 .hp .showcase{padding:40px 0 56px var(--pad)}
 .hp .sc-window{width:140%}
 .hp .sc-phone{transform:scale(.5)}
}
@media (max-width:640px){
 .hp h1{font-size:34px}
 .hp .showcase{padding:32px 0 48px 16px}
 .hp .sc-window{width:190%;border-radius:12px 0 0 12px}
 .hp .sc-phone{display:none}
 .hp .sc-ev1{top:40px;left:34px}
 .hp .sc-ev3{bottom:64px;left:48px}
}

/* Home hero, fitted (clinic/Whop style): the right cell is a tinted panel inside the rail grid */
.hp>.rail{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}
.hp .hp-copy{align-self:center;padding-right:clamp(24px,3vw,48px)}
.hp .showcase{position:relative;display:block;border-left:1px solid var(--rail);overflow:hidden;padding:0;min-height:640px;
 background:radial-gradient(60% 50% at 62% 30%,rgba(254,5,18,.10),transparent 70%),var(--tint)}
.hp .showcase:before{display:none}
.hp .sc-window{position:absolute;left:56px;top:64px;width:900px;border-radius:14px 0 0 0;box-shadow:0 0 0 1px var(--rail-strong),0 30px 60px -30px rgba(60,20,10,.45)}
.hp .sc-phone{left:18px;bottom:-96px;transform:scale(.56)}
.sc-kpi{position:absolute;z-index:4;right:28px;bottom:36px;width:250px;background:#fff;border-radius:14px;padding:14px 16px;box-shadow:0 0 0 1px rgba(0,0,0,.06),0 20px 40px -16px rgba(40,20,10,.35)}
.kpi-head{display:flex;justify-content:space-between;align-items:center;font-size:11.5px;font-weight:600;color:var(--muted)}
.kpi-head i{width:7px;height:7px;border-radius:50%;background:#1c8f5a;box-shadow:0 0 0 3px #e9f8ee}
.kpi-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.kpi-row small{display:block;font-size:10.5px;color:var(--muted);line-height:1.25}
.kpi-row strong{display:block;font:500 24px/1.1 var(--display);letter-spacing:-.03em;margin-top:4px}
.kpi-row em{font-style:normal;font-size:10.5px;font-weight:600;color:#1c8f5a;background:#e9f8ee;border-radius:999px;padding:1px 6px}
.kpi-bars{display:flex;align-items:flex-end;gap:5px;height:44px;margin-top:12px}
.kpi-bars b{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(180deg,var(--red),#ff7a80)}
.hp .sc-ev1{top:36px;left:auto;right:24px}
.hp .sc-ev2{top:44%;left:auto;right:36px}
.hp .sc-ev3{bottom:auto;top:26%;left:auto;right:auto;left:40px}
.hp .sc-ev3{display:none!important}
@media (max-width:900px){
 .hp>.rail{grid-template-columns:1fr}
 .hp .showcase{border-left:0;border-top:1px solid var(--rail);min-height:520px}
 .hp .sc-window{left:32px;top:48px;width:760px}
}
@media (max-width:640px){
 .hp .showcase{min-height:420px}
 .hp .sc-window{left:20px;top:36px;width:620px}
 .sc-kpi{right:14px;bottom:20px;width:210px}
 .hp .sc-ev1{top:14px;right:12px}
}

/* Logos on case photos: taller marks (Tiger) */
.case-img .brand.tall{height:64px}

/* Stories-style testimonial dialog */
.stories-dlg{border:0;padding:0;background:transparent;width:min(420px,calc(100vw - 24px));max-width:none;max-height:none;overflow:visible}
.stories-dlg::backdrop{background:rgba(10,10,10,.82);backdrop-filter:blur(6px)}
.stories-dlg[open]{display:block;animation:story-in .28s ease}
@keyframes story-in{from{opacity:0;transform:scale(.96)}}
.story-card{position:relative;aspect-ratio:9/16;max-height:calc(100dvh - 32px);margin:auto;background:#0d0d0d;border-radius:22px;overflow:visible;display:flex;flex-direction:column;box-shadow:0 30px 80px -20px rgba(0,0,0,.7)}
.story-bars{display:flex;gap:4px;padding:12px 14px 0}
.story-bars i{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.25);overflow:hidden}
.story-bars b{display:block;height:100%;width:0;background:#fff}
.story-bars i.done b,.story-bars i.now b{width:100%}
.story-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}
.story-who{display:flex;align-items:center;gap:10px;color:#fff;min-width:0}
.story-who img{height:26px;width:auto;max-width:90px;object-fit:contain;filter:brightness(0) invert(1)}
.story-who b{display:block;font-size:14px;font-weight:600}
.story-who small{display:block;font-size:11.5px;color:rgba(255,255,255,.65);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.story-x{flex:none;width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;display:grid;place-items:center}
.story-x svg{width:13px;height:13px}
.story-media{flex:1;display:flex;align-items:center;background:#000;border-radius:0 0 22px 22px;overflow:hidden}
.story-media iframe{width:100%;height:100%;align-self:stretch;border:0}
.story-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:0;background:#fff;color:var(--ink);cursor:pointer;display:grid;place-items:center;box-shadow:0 10px 24px -8px rgba(0,0,0,.5)}
.story-nav svg{width:16px;height:16px}
.story-nav.prev{left:-60px}
.story-nav.next{right:-60px}
@media (max-width:560px){
 .stories-dlg{width:100vw}
 .story-card{height:100dvh;max-height:none;aspect-ratio:auto;border-radius:0}
 .story-media{border-radius:0}
 .story-nav{top:auto;bottom:24px;transform:none}
 .story-nav.prev{left:24px}
 .story-nav.next{right:24px}
}

/* Benefits grid */
#beneficios .eyebrow{text-align:center}
.bens{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--rail)}
.ben{padding:28px clamp(18px,2vw,28px) 32px;border-left:1px solid var(--rail);border-bottom:1px solid var(--rail);transition:background .2s}
.ben:nth-child(4n+1){border-left:0}
.ben:hover{background:var(--surface)}
.ben .sp-icon{width:40px;height:40px;margin-bottom:16px}
.ben .sp-icon svg{width:20px;height:20px}
.ben h3{font:500 18px/1.25 var(--display);letter-spacing:-.02em}
.ben p{color:var(--muted);font-size:14.5px;margin-top:6px}
.video{aspect-ratio:1/.61875}
@media (max-width:900px){.bens{grid-template-columns:1fr 1fr}.ben:nth-child(4n+1){border-left:1px solid var(--rail)}.ben:nth-child(2n+1){border-left:0}}
@media (max-width:640px){.bens{grid-template-columns:1fr 1fr}.ben{padding:20px 16px}.ben h3{font-size:15.5px}.ben p{font-size:13px}}
.hp h1{font-size:clamp(32px,3.5vw,50px)}


.stories-dlg:not([open]){display:none!important}

/* Agents module v3: rows with inline description + tinted product panel */
.ag3{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.ag-left{padding:clamp(56px,7vw,96px) var(--pad);display:flex;flex-direction:column;justify-content:center}
.ag-left h2{margin:4px 0 28px;max-width:520px}
.ag-rows{display:flex;flex-direction:column;border-top:1px solid var(--rail);margin-bottom:28px}
.ag-row{display:flex;gap:14px;align-items:flex-start;text-align:left;border:0;border-bottom:1px solid var(--rail);background:none;padding:16px 4px;cursor:pointer;color:var(--muted);transition:color .2s}
.ag-row:hover{color:var(--ink)}
.ag-ic{flex:none;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--rail);color:var(--faint);transition:all .2s}
.ag-ic svg{width:18px;height:18px}
.ag-txt{flex:1;min-width:0}
.ag-txt b{display:block;font:500 21px/1.25 var(--display);letter-spacing:-.02em;margin-top:6px}
.ag-txt small{display:block;max-height:0;overflow:hidden;opacity:0;font-size:15px;line-height:1.5;color:var(--muted);transition:max-height .35s ease,opacity .3s,margin .3s}
.ag-prog{display:none;height:2px;border-radius:2px;background:var(--rail);margin-top:14px;overflow:hidden}
.ag-prog em{display:block;height:100%;width:calc(var(--p,0) * 100%);background:var(--red)}
.ag-row.on{color:var(--ink)}
.ag-row.on .ag-ic{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 8px 18px -8px rgba(254,5,18,.6)}
.ag-row.on .ag-txt small{max-height:90px;opacity:1;margin-top:6px}
.ag-row.on .ag-prog{display:block}
.ag-left .btn{align-self:flex-start}
.ag-panel{position:relative;border-left:1px solid var(--rail);overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:640px;
 background:radial-gradient(55% 45% at 55% 45%,rgba(254,5,18,.12),transparent 70%),var(--tint)}
.ag-panel:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(20,20,20,.16) 1px,transparent 1.2px);background-size:26px 26px;-webkit-mask-image:radial-gradient(70% 70% at 50% 50%,#000,transparent);mask-image:radial-gradient(70% 70% at 50% 50%,#000,transparent)}
.ag-stage2{position:relative;padding:40px 0}
.ag-dev{height:560px;width:288px}
.ag-thread{flex:1;position:relative;overflow:hidden}
.ag-screen{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:12px 10px}
.ag-screen[hidden],.ag-float[hidden]{display:none!important}
.ag-screen .msg{opacity:0;transform:translateY(8px);animation:agmsg .4s ease forwards;animation-delay:calc(var(--i) * 1s + .2s)}
.ag-float{position:absolute;z-index:4;background:#fff;border-radius:14px;box-shadow:0 0 0 1px rgba(0,0,0,.06),0 20px 40px -18px rgba(40,20,10,.4);opacity:0;transform:translateY(10px) scale(.96);animation:agmsg .5s cubic-bezier(.2,.9,.3,1.25) forwards}
.ag-crm{top:88px;left:-150px;width:200px;padding:12px 14px;animation-delay:.6s}
.ag-crm small{display:block;font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--faint)}
.ag-crm-row{display:flex;align-items:center;gap:8px;margin-top:8px}
.ag-crm-row .pav{width:26px;height:26px;font-size:12px}
.ag-crm-row b{font-size:12.5px;font-weight:600;line-height:1.2}
.ag-stage{display:inline-block;margin-top:9px;font-size:11.5px;font-weight:600;color:var(--red);background:var(--red-wash);border-radius:999px;padding:3px 9px}
.ag-res{bottom:96px;right:-140px;display:flex;align-items:center;gap:10px;padding:10px 16px 10px 10px;white-space:nowrap;animation-delay:calc(var(--n) * 1s + .4s)}
.ag-res .ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#e9f8ee;color:#1c8f5a}
.ag-res .ic svg{width:14px;height:14px}
.ag-res strong{display:block;font-size:13.5px;font-weight:600}
.ag-res small{display:block;font-size:11.5px;color:var(--muted)}
@keyframes agmsg{to{opacity:1;transform:none}}
@media (max-width:1100px){.ag-crm{left:-110px}.ag-res{right:-100px}}
@media (max-width:900px){.ag3{grid-template-columns:1fr}.ag-panel{border-left:0;border-top:1px solid var(--rail);min-height:0}}
@media (max-width:640px){.ag-dev{width:260px;height:520px}.ag-crm{left:-22px;top:40px;width:170px}.ag-res{right:-18px;bottom:70px}.ag-txt b{font-size:19px}}
@media (prefers-reduced-motion:reduce){.ag-screen .msg,.ag-float{animation:none;opacity:1;transform:none}}
@media (max-width:640px){.ag-top em{display:none}.ag-top b{font-size:13px}}
/* Integration map: six destinations, all inside the card */
#controle .pill{height:40px;padding:0 12px;font-size:13px;gap:7px}
#controle .pill img{height:16px}
#controle .pill.cc img{height:11px}
.pill .evo{font:800 15px/1 var(--display);letter-spacing:.06em;color:#f36f21}
@media (max-width:640px){#controle .pill{height:32px;padding:0 8px;font-size:11px;gap:5px}#controle .pill img{height:12px}#controle .pill.cc img{height:8px}.pill .evo{font-size:12px}}

/* Promo bar */
.promo{display:block;background:var(--ink);color:#fff;font-size:13.5px;text-align:center}
.promo-in{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;padding:9px var(--pad)}
.promo b{color:#ff9ea3}
.promo-cta{font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.4)}
.promo:hover .promo-cta{text-decoration-color:#fff}
@media (max-width:640px){.promo{font-size:12px}.promo-cta{display:none}}

/* Tech provider badge */
.tp-badge{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--rail);border-radius:12px;padding:8px 14px 8px 10px;box-shadow:0 6px 16px -10px rgba(0,0,0,.2)}
.tp-badge svg{width:30px;height:20px}
.tp-badge b{display:block;font-size:13px;font-weight:600}
.tp-badge small{display:block;font-size:11px;color:var(--muted)}

/* Kit section (Whop style) */
.kit-top{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:clamp(48px,6vw,80px) var(--pad) clamp(32px,4vw,48px)}
.kit-top .cta-row{margin:0}
.k-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--rail)}
.k-cell{padding:clamp(28px,3vw,40px) clamp(22px,2.6vw,36px) clamp(32px,3.4vw,44px);border-left:1px solid var(--rail);border-bottom:1px solid var(--rail)}
.k-cell:nth-child(3n+1){border-left:0}
.k-art{height:240px;display:flex;align-items:center;justify-content:center;margin-bottom:28px}
.k-cell h3{font:500 21px/1.25 var(--display);letter-spacing:-.02em}
.k-cell p{color:var(--muted);font-size:15.5px;margin-top:8px}
.k-api{display:flex;flex-direction:column;gap:9px;width:100%;max-width:330px}
.k-apicard{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--rail);border-radius:12px;padding:10px 12px}
.k-apicard img{width:22px}
.k-apicard b{display:block;font-size:14px}
.k-apicard small{display:block;font-size:11.5px;color:var(--muted)}
.k-apicard em{margin-left:auto;font-style:normal;font-size:11px;font-weight:600;color:#1c8f5a;background:#e9f8ee;border-radius:999px;padding:2px 8px}
.k-apicard.on{border-color:#b7e4c7}
.k-api .tp-badge{align-self:flex-start;box-shadow:none}
.k-bonus{align-self:flex-start;font-size:12.5px;font-weight:600;color:var(--red);background:var(--red-wash);border:1px solid #ffd3d6;border-radius:999px;padding:5px 12px}
.k-agents{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;width:100%;max-width:340px}
.k-agents span{background:#fff;border:1px solid var(--rail);border-radius:12px;padding:12px 10px;font:500 14px/1.2 var(--display);border-top:3px solid var(--c)}
.k-agents small{display:block;font:400 11px/1.3 Inter,sans-serif;color:var(--muted);margin-top:3px}
.k-agents .plus{border:1px dashed var(--rail-strong);border-top-width:1px;color:var(--muted);display:grid;place-items:center;text-align:center;font-size:12.5px}
.k-pipe{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:340px;position:relative}
.k-pipe div{background:rgba(255,255,255,.6);border:1px dashed var(--rail-strong);border-radius:12px;padding:9px;min-height:170px;display:flex;flex-direction:column;gap:7px}
.k-pipe span{font-size:11px;font-weight:600;color:var(--muted)}
.k-pipe i{height:42px;border-radius:8px;border:1px solid #ece9e4;background:transparent}
.k-pipe i.d{background:#fff;border-color:var(--rail);box-shadow:0 2px 6px -3px rgba(0,0,0,.15)}
.k-pipe i.r{box-shadow:0 0 0 1.5px var(--red)}
.k-pipe i.g{box-shadow:0 0 0 1.5px #1c8f5a}
.k-pipe em{position:absolute;right:-6px;bottom:-12px;font-style:normal;font-size:12px;font-weight:600;background:#fff;border:1px solid var(--rail);border-radius:10px;padding:6px 10px;box-shadow:0 8px 18px -10px rgba(0,0,0,.3)}
.k-logos{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:330px}
.k-logo{aspect-ratio:1.5;border-radius:12px;background:#fff;border:1px solid var(--rail);display:grid;place-items:center;overflow:hidden;box-shadow:0 2px 6px -4px rgba(0,0,0,.2)}
.k-logo img{width:100%;height:100%;object-fit:cover}
.k-logo.k-c img{object-fit:contain;padding:14px}
.k-logo .evo{font:800 20px/1 var(--display);letter-spacing:.06em;color:#f36f21}
.k-more{font:600 18px/1 var(--display);color:var(--ink)}
.k-cal{width:100%;max-width:320px;background:#fff;border:1px solid var(--rail);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:7px;box-shadow:0 12px 26px -16px rgba(0,0,0,.3)}
.k-calhead{display:flex;align-items:center;gap:8px;font-size:13.5px;padding:2px 2px 6px;border-bottom:1px solid #f0eeea}
.k-calhead img{width:18px}
.k-slot{display:grid;grid-template-columns:44px 1fr;gap:8px;align-items:center;padding:8px 10px;border-radius:9px;background:var(--paper);font-size:13px}
.k-slot small{color:var(--muted)}
.k-slot.on{background:var(--red-wash);box-shadow:inset 3px 0 0 var(--red)}
.k-slot em{grid-column:2;font-style:normal;font-size:11px;font-weight:600;color:var(--red)}
.k-chat{width:100%;max-width:330px;display:flex;flex-direction:column;gap:10px}
.k-ask{align-self:flex-end;background:var(--ink);color:#fff;border-radius:14px 14px 4px 14px;padding:9px 13px;font-size:13.5px;max-width:88%}
.k-ans{display:flex;gap:9px;background:#fff;border:1px solid var(--rail);border-radius:14px;padding:11px 12px;font-size:13.5px;color:var(--ink-2)}
.k-ans img{width:20px;height:20px;flex:none}
.k-apps{display:flex;gap:6px}
.k-apps span{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;background:#fff;border:1px solid var(--rail);border-radius:999px;padding:4px 10px 4px 6px}
.k-apps img{width:14px;height:14px}
@media (max-width:900px){.k-grid{grid-template-columns:1fr 1fr}.k-cell:nth-child(3n+1){border-left:1px solid var(--rail)}.k-cell:nth-child(2n+1){border-left:0}}
@media (max-width:640px){.k-grid{grid-template-columns:1fr}.k-cell{border-left:0!important}.k-art{height:auto;min-height:200px}}
/* Hero feature list + trust badge */
.hp-list{list-style:none;padding:0;margin:24px 0 4px;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;font-size:15.5px;color:var(--ink-2)}
.hp-list li{display:flex;gap:9px;align-items:flex-start;line-height:1.35}
.hp-list li svg{flex:none;width:18px;height:18px;padding:4px;border-radius:50%;background:var(--red-wash);color:var(--red);margin-top:1px}
.hp-trust{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:22px}
.hp-trust .hp-fine{margin:0}
@media (max-width:640px){.hp-list{grid-template-columns:1fr;font-size:15px}}
.hp-list{grid-template-columns:1fr;gap:8px;margin-top:22px}

/* Kit: 8 blocks in 4 columns */
.k-grid{grid-template-columns:repeat(4,1fr)}
.k-cell:nth-child(3n+1){border-left:1px solid var(--rail)}
.k-cell:nth-child(4n+1){border-left:0}
.k-cell{padding:28px 22px 32px}
.k-cell h3{font-size:19px}
.k-cell p{font-size:14.5px}
.k-art{height:220px}
.k-art>*{max-width:100%!important}
.k-camp{width:100%;background:#fff;border:1px solid var(--rail);border-radius:14px;padding:14px;box-shadow:0 12px 26px -16px rgba(0,0,0,.3)}
.k-camphead{display:flex;justify-content:space-between;align-items:center;font-size:13px}
.k-camphead em{font-style:normal;font-size:11px;font-weight:600;color:var(--red);background:var(--red-wash);border-radius:999px;padding:2px 8px}
.k-bar{height:8px;border-radius:8px;background:var(--paper);margin:12px 0;overflow:hidden}
.k-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--red),#ff7a80);border-radius:8px}
.k-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.k-stats b{display:block;font:500 20px/1.1 var(--display);letter-spacing:-.02em}
.k-stats small{font-size:11px;color:var(--muted)}
.k-cad{width:100%;display:flex;flex-direction:column;gap:7px}
.k-step{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--rail);border-radius:11px;padding:8px 10px;font-size:13px}
.k-step i{font-style:normal;font-size:11px;font-weight:700;color:var(--muted);background:var(--paper);border-radius:7px;padding:3px 6px}
.k-step em{margin-left:auto;font-style:normal;font-size:11px;font-weight:600;color:#1c8f5a}
.k-step.on{border-color:#ffc4c8;box-shadow:0 8px 18px -12px rgba(254,5,18,.5)}
.k-step.on i{background:var(--red);color:#fff}
.k-step.on em{color:var(--red)}
.k-agents{grid-template-columns:repeat(2,1fr)}
.k-logos{grid-template-columns:repeat(3,1fr)}
@media (max-width:1100px){.k-grid{grid-template-columns:1fr 1fr}.k-cell:nth-child(4n+1){border-left:1px solid var(--rail)}.k-cell:nth-child(2n+1){border-left:0}}
@media (max-width:640px){.k-grid{grid-template-columns:1fr}.k-cell{border-left:0!important}}

/* Kit v4: Whop-style illustrations, 4 + 3 grid */
.k-grid{grid-template-columns:repeat(12,1fr)}
.k-cell{grid-column:span 3;border-left:1px solid var(--rail)!important;padding:28px 24px 32px}
.k-cell:nth-child(n+5){grid-column:span 4}
.k-cell:nth-child(1),.k-cell:nth-child(5){border-left:0!important}
.k-art{height:230px;display:flex;align-items:center;justify-content:center;margin-bottom:26px}
.k-art>*{width:100%;max-width:320px!important}
.k-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}
.k-tags .tp-badge{box-shadow:none;padding:6px 10px 6px 8px}
.k-tags .tp-badge svg{width:24px;height:16px}
.k-tags .tp-badge b{font-size:12px}.k-tags .tp-badge small{font-size:10.5px}
.k-bonus{font-size:12px;font-weight:600;color:var(--red);background:var(--red-wash);border:1px solid #ffd3d6;border-radius:999px;padding:5px 11px}
.k-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.k-tile{aspect-ratio:1.15;border-radius:14px;background:#fff;border:1px solid var(--rail);box-shadow:0 2px 8px -5px rgba(0,0,0,.2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.k-tile svg{width:24px;height:24px;color:var(--red)}
.k-tile b{font-size:13px;font-weight:500}
.k-tile:nth-child(3n+2){background:var(--red);border-color:var(--red)}
.k-tile:nth-child(3n+2) svg,.k-tile:nth-child(3n+2) b{color:#fff}
.k-more{font-size:13px;font-weight:600;color:var(--muted);border-style:dashed}
@media (max-width:1100px){.k-cell,.k-cell:nth-child(n+5){grid-column:span 6}.k-cell{border-left:1px solid var(--rail)!important}.k-cell:nth-child(odd){border-left:0!important}}
@media (max-width:640px){.k-cell,.k-cell:nth-child(n+5){grid-column:1/-1;border-left:0!important}}
/* Meta seal in hero */
.meta-seal{width:150px;height:auto;border-radius:10px}
/* Promo bar: light red, sticky with the header */
.promo{position:sticky;top:0;z-index:21;background:#ffe9ea;color:var(--ink);border-bottom:1px solid #ffd3d6;height:38px;display:flex;align-items:center;justify-content:center}
.promo-in{padding:0 var(--pad);white-space:nowrap}
.promo b{color:var(--red)}
.promo-cta{color:var(--red);text-decoration-color:rgba(254,5,18,.35)}
.promo:hover .promo-cta{text-decoration-color:var(--red)}
.site-head{top:38px}
html{scroll-padding-top:110px}
@media (max-width:900px){.m-nav{inset:102px 0 0}}
@media (max-width:640px){.promo{height:34px;font-size:12px}.site-head{top:34px}.m-nav{inset:98px 0 0}.promo-in{overflow:hidden;text-overflow:ellipsis}}
@media (max-width:640px){.promo-in{flex-wrap:nowrap;font-size:11px;gap:4px;padding:0 10px}}
/* Dark promo bar (kept sticky) and smaller seal */
.promo{background:var(--ink);color:#fff;border-bottom:0}
.promo b{color:#ff9ea3}
.promo-cta{color:#fff;text-decoration-color:rgba(255,255,255,.4)}
.promo:hover .promo-cta{text-decoration-color:#fff}
.meta-seal{width:96px;border-radius:7px}
@media (max-width:640px){.ag-crm{top:-6px;left:-14px;width:150px;padding:9px 11px}.ag-crm small{font-size:9.5px}.ag-crm-row b{font-size:11.5px}}

/* Mega menu (opens on hover on desktop) */
.site-head{position:sticky}
.dd.mega{position:static}
.mega .dd-menu{left:0;right:0;top:100%;min-width:0;border-radius:0 0 18px 18px;border-top:1px solid var(--rail);padding:0;box-shadow:0 30px 60px -30px rgba(40,20,10,.35);animation:mm .18s ease}
@keyframes mm{from{opacity:0;transform:translateY(-6px)}}
.mm-in{max-width:var(--w);margin:0 auto;padding:22px var(--pad) 26px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}
.mm-grid{display:grid;gap:4px}
.mm-4{grid-template-columns:repeat(2,1fr)}
.mm-3{grid-template-columns:repeat(3,1fr)}
.mm-grid a{padding:12px}
.mm-feat{display:flex!important;flex-direction:column;gap:4px;padding:14px!important;border-radius:14px;background:var(--tint);border:1px solid var(--rail)}
.mm-feat:hover{background:var(--paper)!important;border-color:var(--rail-strong)}
.mm-feat img{border-radius:9px;box-shadow:0 0 0 1px var(--rail-strong);margin-bottom:10px;aspect-ratio:16/9;object-fit:cover;object-position:left top}
.mm-feat b{font:500 16px/1.25 var(--display);color:var(--ink)}
.mm-feat small{font-size:13px;color:var(--muted)}
.mm-cta{justify-content:center;background:radial-gradient(80% 80% at 100% 0%,rgba(254,5,18,.1),transparent 70%),var(--tint)}
.mm-cta .btn{align-self:flex-start;margin-top:12px;color:#fff}
@media (max-width:1100px){.mm-in{grid-template-columns:1fr}.mm-feat img{display:none}.mm-3{grid-template-columns:repeat(2,1fr)}}
.mm-feat{align-items:flex-start!important;text-align:left}
/* Calendar event marked by the AI: Google Calendar-like block, no side bar */
.k-slot.k-ev{background:#e8f0fe}
.k-slot.k-ev span{color:#1a3e8c;font-weight:500}
.k-slot.k-ev em{display:flex;align-items:center;gap:5px;font-style:normal;font-size:11px;font-weight:400;color:#4a5f8f;margin-top:3px}
.k-slot.k-ev em img{width:12px;height:12px}
/* Integration map logos */
#controle .pill-logo img.lg{height:18px;width:auto}
#controle .pill-logo img.gds{height:20px}
#controle .pill-logo img.evo-l{height:17px}
#controle .pill-logo img.clc{height:11px}
@media (max-width:640px){#controle .pill-logo img.lg{height:13px}#controle .pill-logo img.evo-l{height:12px}}
#controle .pill-logo img.evo-l{height:24px}
#controle .pill-logo img.rsd{height:13px}
@media (max-width:640px){#controle .pill-logo img.rsd{height:10px}}
/* Mega menu: floating, frosted panel instead of full width */
.mega .dd-menu{left:50%;right:auto;top:calc(100% + 10px);width:min(960px,calc(100vw - 32px));transform:translateX(-50%);border-radius:20px;border:1px solid rgba(20,20,20,.08);
 background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5);box-shadow:0 30px 70px -30px rgba(40,20,10,.45);animation:mm2 .18s ease}
@keyframes mm2{from{opacity:0;transform:translate(-50%,-6px)}}
.mm-in{padding:18px;gap:16px;grid-template-columns:minmax(0,1fr) 270px}
.mm-grid a:hover{background:rgba(255,255,255,.7)}
.mm-feat{background:rgba(241,238,234,.7)}
.mega .dd-menu{background:rgba(252,251,249,.94)}

/* Header: no blur on the bar so the mega menu can frost what's behind it */
.site-head{background:rgba(248,247,245,.97);-webkit-backdrop-filter:none;backdrop-filter:none}
.mega .dd-menu{background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(26px) saturate(1.6);backdrop-filter:blur(26px) saturate(1.6)}
.nav{gap:0;font-size:14.5px}
.nav>a,.dd>button{padding:0 10px}
@media (max-width:1180px){.nav>a[href="/blog/"]{display:none}}
/* Footer */
.foot-cols{grid-template-columns:1.3fr repeat(4,1fr)}
.foot-seal{width:92px;margin-top:18px;border-radius:7px}
.foot-hl{color:#ff9ea3!important;font-weight:500}
/* Plans */
.plans-more{color:var(--red);font-weight:500;font-size:14.5px}
.ptable-wrap{overflow-x:auto;border-top:1px solid var(--rail)}
.ptable{width:100%;border-collapse:collapse;font-size:14.5px;min-width:640px}
.ptable th,.ptable td{padding:14px var(--pad);border-bottom:1px solid var(--rail);text-align:center}
.ptable tbody th{text-align:left;font-weight:400;color:var(--ink-2)}
.ptable thead th{font:500 18px/1.2 var(--display);padding-top:22px;padding-bottom:22px}
.ptable .hl{color:var(--red)}
.ptable td:nth-child(3){background:rgba(254,5,18,.035)}
/* Cases grid */
.mcs{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--rail)}
.mc{padding:28px 24px 32px;border-left:1px solid var(--rail)}
.mc:first-child{border-left:0}
.mc-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px}
.mc-top img{height:28px;width:auto;max-width:110px;object-fit:contain;filter:brightness(0)}
.mc-top b{font:600 16px/1 var(--display)}
.mc-top span{font-size:11.5px;color:var(--muted);text-align:right}
.mc strong{display:block;font:500 46px/1 var(--display);letter-spacing:-.04em;margin-top:24px;color:var(--red)}
.mc em{display:block;font-style:normal;font-weight:500;margin-top:4px}
.mc p{color:var(--muted);font-size:14.5px;margin-top:10px}
/* About */
.about-seal{width:130px;margin:26px auto 0;border-radius:9px}
.facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--rail)}
.facts div{padding:22px var(--pad);border-left:1px solid var(--rail);border-bottom:1px solid var(--rail)}
.facts div:nth-child(3n+1){border-left:0}
.facts small{display:block;font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.facts b{display:block;font-weight:500;margin-top:6px}
.nums{display:grid;grid-template-columns:repeat(4,1fr)}
.nums div{padding:32px var(--pad);border-left:1px solid var(--rail);text-align:center}
.nums div:first-child{border-left:0}
.nums strong{display:block;font:500 40px/1 var(--display);letter-spacing:-.04em}
.nums span{display:block;color:var(--muted);font-size:14px;margin-top:6px}
.perks-4{grid-template-columns:repeat(4,1fr)}
.perks-4 .perk:nth-child(3n+1){border-left:1px solid var(--rail)}
.perks-4 .perk:first-child{border-left:0}
@media (max-width:900px){.mcs,.perks-4,.nums{grid-template-columns:1fr 1fr}.facts{grid-template-columns:1fr 1fr}.mc:nth-child(3){border-left:0}.foot-cols{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.mcs,.facts,.perks-4{grid-template-columns:1fr}.mc,.facts div,.perks-4 .perk{border-left:0!important}}

/* Header: nav centered, frosted menu more solid */
.head-in{display:grid;grid-template-columns:auto 1fr auto}
.nav{justify-content:center}
.mega .dd-menu{background:rgba(255,255,255,.9)}
@media (max-width:900px){.head-in{display:flex}}
/* Module pages */
.mod-hero{padding:clamp(56px,7vw,88px) var(--pad) 32px;text-align:center}
.mod-copy{max-width:860px;margin:0 auto}
.mod-crumb{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--red);background:var(--red-wash);border:1px solid #ffd3d6;border-radius:999px;padding:5px 14px 5px 6px;margin-bottom:18px}
.mod-crumb i{width:24px;height:24px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center}
.mod-crumb i svg{width:13px;height:13px}
.mod-hero h1{font:500 clamp(34px,4.2vw,56px)/1.06 var(--display);letter-spacing:-.04em;text-wrap:balance}
.mod-hero h1 em{font-style:normal;color:var(--red)}
.mod-hero .lede{margin:18px auto 0;max-width:640px}
.mod-hero .cta-row{justify-content:center;margin-top:28px}
.mod-media{padding:24px clamp(24px,5vw,72px) 0;border-left-color:transparent;border-right-color:transparent;overflow:hidden}
.mod-shot{border-radius:16px 16px 0 0;overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--rail-strong),0 40px 80px -40px rgba(60,20,10,.5)}
.mod-shot img{width:100%;display:block}
.mod-steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--rail)}
.mod-step{padding:32px var(--pad) 36px;border-left:1px solid var(--rail)}
.mod-step:first-child{border-left:0}
.mod-step span{width:34px;height:34px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-weight:600;margin-bottom:16px}
.mod-step h3{font:500 20px/1.25 var(--display);letter-spacing:-.02em}
.mod-step p{color:var(--muted);margin-top:8px;font-size:15px}
.bens-3{grid-template-columns:repeat(3,1fr)}
.bens-3 .ben:nth-child(4n+1){border-left:1px solid var(--rail)}
.bens-3 .ben:nth-child(3n+1){border-left:0}
.mod-rels{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--rail)}
.mod-rel{display:flex;align-items:center;gap:14px;padding:24px var(--pad);border-left:1px solid var(--rail);transition:background .2s}
.mod-rel:first-child{border-left:0}
.mod-rel:hover{background:var(--surface)}
.mod-rel i{width:40px;height:40px;border-radius:11px;background:var(--red-wash);color:var(--red);display:grid;place-items:center;flex:none}
.mod-rel i svg{width:19px;height:19px}
.mod-rel span{flex:1}
.mod-rel b{display:block;font-weight:500}
.mod-rel small{display:block;font-size:13px;color:var(--muted)}
.mod-rel>svg{width:14px;height:14px;color:var(--faint)}
@media (max-width:900px){.mod-steps,.mod-rels,.bens-3{grid-template-columns:1fr}.mod-step,.mod-rel,.bens-3 .ben{border-left:0!important;border-top:1px solid var(--rail)}}
.ben-ck{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--red-wash);color:var(--red);margin-bottom:14px}.ben-ck svg{width:13px;height:13px}
/* Hero fine print on two lines */
.hp-fine{align-items:flex-start;text-align:left;line-height:1.45}
.hp-fine svg{margin-top:2px}
/* Billing switch in brand red */
.billing button[aria-checked="true"]{background:var(--red);color:#fff;box-shadow:0 6px 16px -6px rgba(254,5,18,.55)}
.billing button[aria-checked="true"] i{background:rgba(255,255,255,.2);color:#fff}
/* Final CTA: brand red band */
.final-band{background:radial-gradient(60% 120% at 100% 0%,rgba(255,255,255,.18),transparent 60%),linear-gradient(135deg,#fe0512,#c8000d);border-top:0;color:#fff;position:relative;overflow:hidden}
.final-band:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.14) 1px,transparent 1.3px);background-size:24px 24px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 60%);mask-image:linear-gradient(90deg,transparent,#000 60%)}
.final-band .rail{border-color:rgba(255,255,255,.18);position:relative}
.final2{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center;padding:clamp(56px,7vw,96px) var(--pad)}
.f2-copy h2{color:#fff;font-size:clamp(32px,3.6vw,48px);max-width:620px}
.f2-copy p{color:rgba(255,255,255,.85);font-size:17px;margin-top:14px;max-width:540px}
.f2-copy .cta-row{margin-top:28px}
.btn-white{background:#fff;color:var(--red)}
.btn-white:hover{background:#fff1f1}
.btn-white svg{width:14px;height:14px}
.btn-ghost{border:1px solid rgba(255,255,255,.5);color:#fff}
.btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.f2-list{list-style:none;margin:0;padding:24px;display:flex;flex-direction:column;gap:14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:18px;font-size:15.5px}
.f2-list li{display:flex;gap:10px;align-items:center}
.f2-list svg{flex:none;width:20px;height:20px;padding:5px;border-radius:50%;background:#fff;color:var(--red)}
@media (max-width:900px){.final2{grid-template-columns:1fr}}
@media (max-width:640px){.f2-copy .cta-row{flex-direction:column;align-items:stretch}.f2-copy .btn{justify-content:center}}
.hp-checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--ink-2)}.hp-checks li{display:flex;align-items:center;gap:8px}.hp-checks svg{width:18px;height:18px;padding:4px;border-radius:50%;background:var(--red-wash);color:var(--red)}

/* Segment pages */
.pains{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--dark-rail)}
.pain{padding:32px var(--pad) 40px;border-left:1px solid var(--dark-rail)}
.pain:first-child{border-left:0}
.pain span{font:500 14px/1 var(--display);color:#ff9ea3}
.pain h3{font:500 21px/1.25 var(--display);letter-spacing:-.02em;color:#fff;margin-top:16px}
.pain p{color:var(--dark-muted);margin-top:8px;font-size:15px}
.dark .eyebrow{text-align:center}
.seg-ints{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:24px var(--pad);border-top:1px solid var(--rail)}
.seg-ints>span{font-size:14px;color:var(--muted)}
.seg-ints>div{display:flex;gap:10px;flex-wrap:wrap}
.seg-ints>a{font-size:14px;font-weight:500;color:var(--red)}
.si{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--rail);border-radius:12px;padding:6px 12px 6px 6px;font-size:13.5px}
.si b{font-weight:500}
.si-logo{width:30px;height:30px;border-radius:8px;overflow:hidden;display:grid;place-items:center;background:#fff}
.si-logo img{width:22px;height:22px;object-fit:contain}
.si-logo.cover img{width:100%;height:100%;object-fit:cover}
.si-logo b{font-size:11px;color:var(--red)}
/* Case detail */
.cd-logo{height:44px;width:auto;margin:20px auto 18px;display:block;filter:brightness(0)}
.cd-name{display:block;font:600 24px/1 var(--display);margin:20px 0 18px}
.page-hero .back{display:inline-block;font-size:14px;color:var(--muted)}
.cd-stats{display:grid;grid-auto-flow:column;grid-auto-columns:1fr}
.cd-stats div{padding:36px var(--pad);text-align:center;border-left:1px solid var(--rail)}
.cd-stats div:first-child{border-left:0}
.cd-stats strong{display:block;font:500 52px/1 var(--display);letter-spacing:-.04em;color:var(--red)}
.cd-stats span{display:block;color:var(--muted);margin-top:8px}
.cd-body{padding:clamp(48px,6vw,80px) var(--pad);max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:32px;border-left-color:transparent!important;border-right-color:transparent!important}
.cd-k{display:block;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--red);margin-bottom:8px}
.cd-body p{font-size:18px;line-height:1.65;color:var(--ink-2)}
a.mc{display:block;color:inherit;transition:background .2s}
a.mc:hover{background:var(--surface)}
.mc-more{display:block;margin-top:14px;font-size:14px;font-weight:500;color:var(--red)}
/* Partners */
a.perk.dir{display:block;color:inherit;transition:background .2s}
a.perk.dir:hover{background:var(--surface)}
.pform-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.pform-copy{padding:clamp(48px,6vw,80px) var(--pad);border-right:1px solid var(--rail)}
.pform-copy .lede{margin-top:12px}
.pf-list{background:var(--surface)!important;border-color:var(--rail)!important;color:var(--ink-2);margin-top:28px!important}
.pform{padding:clamp(48px,6vw,80px) var(--pad);display:flex;flex-direction:column;gap:14px;background:var(--tint)}
.pform label{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:500;color:var(--ink-2)}
.pform input,.pform select{height:46px;border:1px solid var(--rail-strong);border-radius:11px;padding:0 14px;font:inherit;font-size:15px;font-weight:400;background:#fff;color:var(--ink)}
.pform input:focus,.pform select:focus{outline:2px solid var(--red);outline-offset:1px;border-color:transparent}
.pform label.err input,.pform label.err select{border-color:var(--red);background:#fff7f7}
.pform .btn{justify-content:center;margin-top:6px;height:50px}
.pf-msg{font-size:13.5px;color:var(--muted);min-height:20px}
@media (max-width:900px){.pains,.pform-wrap{grid-template-columns:1fr}.pain{border-left:0;border-top:1px solid var(--dark-rail)}.pform-copy{border-right:0;border-bottom:1px solid var(--rail)}.cd-stats{grid-auto-flow:row}.cd-stats div{border-left:0;border-top:1px solid var(--rail)}}
.cd-body .video{width:100%}

/* Header CTAs */
.head-cta{gap:6px}
@media (max-width:1320px){.nav>a[href="/blog/"]{display:none}}
@media (max-width:1180px){.nav>a[href="/cases/"]{display:none}}
@media (max-width:1040px){.head-cta .btn-line{display:none}}
/* Rating */
.rating{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.r-av{display:flex}
.r-av img{width:36px;height:36px;border-radius:50%;border:2px solid var(--paper);margin-left:-10px;object-fit:cover;transition:transform .2s}
.r-av img:first-child{margin-left:0}
.r-av img:hover{transform:translateY(-3px)}
.r-txt{display:flex;flex-direction:column;gap:2px;padding-left:12px;border-left:1px solid var(--rail-strong)}
.r-stars{display:flex;align-items:center;gap:1px}
.r-stars svg{width:15px;height:15px;fill:#fbbf24;stroke:#fbbf24;stroke-width:1.5;stroke-linejoin:round}
.r-stars b{margin-left:6px;font-size:14px;font-weight:600}
.r-txt small{font-size:12.5px;color:var(--muted)}
.r-txt small b{color:var(--ink);font-weight:600}
/* Lead form in the meeting dialog */
.meet{height:auto;max-height:calc(100dvh - 32px)}
.meet:has(.meet-cal:not([hidden])){height:min(780px,calc(100dvh - 32px))}
.meet .meet-body{overflow:auto}
.meet-cal{height:100%;position:relative}
.lead-form{padding:22px 24px 26px;display:flex;flex-direction:column;gap:14px;max-width:560px;margin:0 auto}
.lf-intro{color:var(--muted);font-size:14.5px}
.lf-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lf-full{grid-column:1/-1}
.lead-form label{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:500;color:var(--ink-2)}
.lead-form input,.lead-form select{height:46px;border:1px solid var(--rail-strong);border-radius:11px;padding:0 14px;font:inherit;font-size:15px;font-weight:400;background:#fff;color:var(--ink)}
.lead-form input:focus,.lead-form select:focus{outline:2px solid var(--red);outline-offset:1px;border-color:transparent}
.lead-form label.err input,.lead-form label.err select{border-color:var(--red);background:#fff7f7}
.lead-form .btn{justify-content:center;height:50px}
.lf-msg{font-size:13.5px;color:var(--red);min-height:18px}
@media (max-width:560px){.lf-grid{grid-template-columns:1fr}}

/* Product tour (module pages) */
.mod-media{padding:24px var(--pad) clamp(48px,6vw,80px);overflow:visible}
.tour{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:center}
.tour-steps{display:flex;flex-direction:column;gap:6px}
.ts{display:flex;gap:12px;align-items:flex-start;text-align:left;border:1px solid transparent;background:none;border-radius:14px;padding:12px;cursor:pointer;position:relative;overflow:hidden;color:var(--muted)}
.ts span{flex:none;width:26px;height:26px;border-radius:50%;border:1px solid var(--rail-strong);display:grid;place-items:center;font-size:12px;font-weight:600}
.ts b{display:block;font:500 16px/1.25 var(--display);color:var(--ink-2)}
.ts small{display:block;font-size:13px;line-height:1.4;margin-top:3px;max-height:0;opacity:0;overflow:hidden;transition:all .3s}
.ts i{position:absolute;left:12px;right:12px;bottom:6px;height:2px;background:var(--rail);border-radius:2px;overflow:hidden;display:none}
.ts i em{display:block;height:100%;width:calc(var(--p,0)*100%);background:var(--red)}
.ts.on{background:var(--surface);border-color:var(--rail);box-shadow:0 10px 24px -18px rgba(40,20,10,.4);padding-bottom:18px}
.ts.on span{background:var(--red);border-color:var(--red);color:#fff}
.ts.on b{color:var(--ink)}
.ts.on small{max-height:60px;opacity:1}
.ts.on i{display:block}
.tour-frame{border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--rail-strong),0 40px 80px -40px rgba(60,20,10,.5);aspect-ratio:1800/1067}
.tour-cam{position:relative;width:100%;height:100%;transform-origin:0 0;transition:transform 1.1s cubic-bezier(.65,0,.25,1)}
.tour-cam img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .6s}
.tour-cam img.off{opacity:0}
.tour-hl{position:absolute;border-radius:10px;box-shadow:0 0 0 2px var(--red),0 0 0 9999px rgba(20,20,20,.18);opacity:0;transition:all 1.1s cubic-bezier(.65,0,.25,1),opacity .4s;pointer-events:none}
.tour-hl.on{opacity:1}
@media (max-width:900px){.tour{grid-template-columns:1fr}.tour-steps{flex-direction:row;overflow-x:auto;scrollbar-width:none}.ts{flex:0 0 220px}}
@media (prefers-reduced-motion:reduce){.tour-cam,.tour-hl{transition:none}}

/* Partner form v2 */
.pf-band{background:radial-gradient(60% 80% at 0% 0%,rgba(254,5,18,.08),transparent 60%),var(--paper)}
.pf-badge{width:220px;height:auto;margin-bottom:22px}
.pform-copy h2{max-width:460px}
.pf-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0 22px}
.pf-stats div{background:var(--surface);border:1px solid var(--rail);border-radius:14px;padding:16px}
.pf-stats strong{display:block;font:500 26px/1 var(--display);letter-spacing:-.03em;color:var(--red)}
.pf-stats span{display:block;font-size:13px;color:var(--muted);margin-top:6px}
.pf-checks{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;font-size:15px;color:var(--ink-2)}
.pf-checks li{display:flex;gap:10px;align-items:center}
.pf-checks svg{flex:none;width:20px;height:20px;padding:5px;border-radius:50%;background:var(--red-wash);color:var(--red)}
.pform{background:none;justify-content:center}
.pform>*{width:100%;max-width:520px;margin-left:auto;margin-right:auto}
.pform{position:relative}
.pform:before{content:"";position:absolute;inset:clamp(28px,4vw,48px) clamp(16px,3vw,40px);background:#fff;border:1px solid var(--rail);border-radius:22px;box-shadow:0 30px 60px -30px rgba(40,20,10,.35);z-index:0}
.pform>*{position:relative;z-index:1}
.pf-head{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:14px;border-bottom:1px solid #f0eeea;margin-bottom:6px}
.pf-head b{font:500 19px/1.2 var(--display)}
.pf-head small{font-size:12.5px;color:var(--muted)}
.pform .lf-grid label{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:500;color:var(--ink-2)}
.pf-radios{border:0;padding:0;margin:0}
.pf-radios legend{font-size:13.5px;font-weight:500;color:var(--ink-2);margin-bottom:8px}
.pf-radios{display:flex;gap:6px;flex-wrap:wrap}
.pf-radios label{flex:1;min-width:64px;flex-direction:row!important;gap:0!important}
.pf-radios input{position:absolute;opacity:0;pointer-events:none}
.pf-radios span{flex:1;display:grid;place-items:center;height:44px;border:1px solid var(--rail-strong);border-radius:11px;font-size:14px;font-weight:500;cursor:pointer;background:#fff;transition:all .15s}
.pf-radios input:checked+span{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 8px 18px -10px rgba(254,5,18,.6)}
.pf-radios input:focus-visible+span{outline:2px solid var(--red);outline-offset:2px}
.pf-radios.err span{border-color:var(--red)}
.pf-submit{height:54px!important;font-size:16px;justify-content:space-between!important;padding:0 22px;border-radius:13px;box-shadow:0 14px 28px -14px rgba(254,5,18,.7)}
.pf-submit svg{width:16px;height:16px}
.pf-fine{font-size:12.5px;color:var(--faint);text-align:center}
.pform .pf-msg{color:var(--red);text-align:center}
@media (max-width:640px){.pf-stats{grid-template-columns:1fr}.pform:before{inset:16px 0}}
/* Case page v2 */
.cd-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center}
.cd-copy{padding:clamp(48px,6vw,80px) var(--pad)}
.cd-copy .back{font-size:14px;color:var(--muted)}
.cd-copy .cd-logo{margin:22px 0 14px;height:40px}
.cd-copy h1{font:500 clamp(30px,3.4vw,46px)/1.08 var(--display);letter-spacing:-.035em;margin-top:6px}
.cd-who{margin-top:14px;color:var(--muted)}
.cd-who b{color:var(--ink);font-weight:500}
.cd-copy .cd-stats{margin-top:28px;border:1px solid var(--rail);border-radius:16px;background:var(--surface)}
.cd-copy .cd-stats div{padding:18px}
.cd-copy .cd-stats strong{font-size:38px}
.cd-media{border-left:1px solid var(--rail);align-self:stretch;display:flex;align-items:center;padding:clamp(32px,4vw,56px);background:var(--tint)}
.cd-video{width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#151515;box-shadow:0 30px 60px -30px rgba(0,0,0,.45);position:relative}
.cd-video iframe{width:100%;height:100%;border:0}
.cd-img img{width:100%;height:100%;object-fit:cover}
.cd-img .cd-img-logo{position:absolute;inset:auto auto 22px 22px;width:auto;height:40px;filter:brightness(0) invert(1)}
.cd-cols{display:grid;grid-template-columns:repeat(3,1fr)}
.cd-cols>div{padding:36px var(--pad) 40px;border-left:1px solid var(--rail)}
.cd-cols>div:first-child{border-left:0}
.cd-cols p{font-size:16.5px;line-height:1.6;color:var(--ink-2)}
.cd-others{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--rail)}
.cd-other{display:flex;flex-direction:column;gap:12px;padding:28px var(--pad) 32px;border-left:1px solid var(--rail);transition:background .2s}
.cd-other:first-child{border-left:0}
.cd-other:hover{background:var(--surface)}
.cd-other img{height:30px;width:auto;align-self:flex-start;filter:brightness(0)}
.cd-other b{font:500 18px/1.3 var(--display);letter-spacing:-.02em}
.cd-other span{font-size:14px;font-weight:500;color:var(--red)}
@media (max-width:900px){.cd-hero,.cd-cols,.cd-others{grid-template-columns:1fr}.cd-media,.cd-cols>div,.cd-other{border-left:0;border-top:1px solid var(--rail)}}
/* Hero: window, phone and dashboard card fully visible */
.hp .sc-window{top:44px}
.hp .sc-phone{bottom:30px;transform:scale(.54)}
.sc-kpi{bottom:44px}
@media (max-width:900px){.hp .sc-phone{bottom:20px}}
.hp .sc-phone{bottom:auto;top:250px;transform-origin:top left}
.sc-kpi{bottom:auto;top:390px}
.hp .sc-ev2{top:300px}
@media (max-width:640px){.hp .sc-phone{display:none}.sc-kpi{top:auto;bottom:24px}}

/* Product viewer (replaces the zoom tour) */
.mod-media{padding:8px var(--pad) clamp(48px,6vw,80px);border-left-color:var(--rail)!important;border-right-color:var(--rail)!important}
.pv{display:flex;flex-direction:column;align-items:center}
.pv-tabs{display:inline-flex;gap:3px;padding:5px;background:var(--surface);border:1px solid var(--rail);border-radius:14px;max-width:100%;overflow-x:auto;scrollbar-width:none}
.pv-tab{position:relative;flex:none;height:38px;padding:0 15px;border:0;border-radius:10px;background:none;font-size:14px;font-weight:500;color:var(--muted);cursor:pointer;overflow:hidden;white-space:nowrap}
.pv-tab:hover{color:var(--ink)}
.pv-tab.on{background:var(--red);color:#fff}
.pv-tab i{position:absolute;left:10px;right:10px;bottom:4px;height:2px;border-radius:2px;background:rgba(255,255,255,.3);display:none}
.pv-tab.on i{display:block}
.pv-tab i em{display:block;height:100%;width:calc(var(--p,0)*100%);background:#fff;border-radius:2px}
.pv-caps{position:relative;width:100%;max-width:640px;min-height:48px;margin:16px 0 22px;text-align:center}
.pv-cap{position:absolute;inset:0;color:var(--muted);font-size:15.5px;opacity:0;transform:translateY(4px);transition:opacity .4s,transform .4s}
.pv-cap.on{opacity:1;transform:none}
.pv-frame{position:relative;width:100%;aspect-ratio:1800/1067;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--rail-strong),0 40px 80px -40px rgba(60,20,10,.45)}
.pv-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .55s ease,transform .7s ease}
.pv-frame img.off{opacity:0;transform:scale(1.015)}
@media (max-width:640px){.pv-frame{border-radius:10px}.pv-caps{min-height:66px}}

/* Feature rows on module pages */
.frs{border-top:1px solid var(--rail)}
.fr{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(24px,4vw,56px);padding:clamp(36px,5vw,64px) var(--pad);border-bottom:1px solid var(--rail)}
.fr:last-child{border-bottom:0}
.fr-rev .fr-txt{order:2}
.fr-n{font:500 14px/1 var(--display);color:var(--red)}
.fr-txt h3{font:500 clamp(22px,2.2vw,30px)/1.15 var(--display);letter-spacing:-.03em;margin-top:12px}
.fr-txt p{color:var(--muted);font-size:16px;margin-top:10px}
.fr-txt ul{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-direction:column;gap:10px;font-size:15px;color:var(--ink-2)}
.fr-txt li{display:flex;gap:10px;align-items:center}
.fr-txt li svg{flex:none;width:20px;height:20px;padding:5px;border-radius:50%;background:var(--red-wash);color:var(--red)}
.fr-img{border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--rail-strong),0 30px 60px -32px rgba(60,20,10,.4)}
.fr-img img{width:100%;display:block}
@media (max-width:900px){.fr{grid-template-columns:1fr}.fr-rev .fr-txt{order:0}}
.fr-rev{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}@media (max-width:900px){.fr-rev{grid-template-columns:1fr}}

/* Rich viewer: tab bar + info column + screen */
.pv-rich .pv-tabs{margin-bottom:24px}
.pv-body{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(24px,3.5vw,48px);align-items:center;width:100%}
.pv-infos{position:relative;min-height:300px}
.pv-info{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(8px);transition:opacity .45s,transform .45s;pointer-events:none}
.pv-info.on{opacity:1;transform:none;pointer-events:auto}
.pv-info h3{font:500 clamp(22px,2.2vw,30px)/1.15 var(--display);letter-spacing:-.03em;margin-top:10px}
.pv-info p{color:var(--muted);font-size:15.5px;margin-top:10px}
.pv-info ul{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-direction:column;gap:10px;font-size:15px;color:var(--ink-2)}
.pv-info li{display:flex;gap:10px;align-items:center}
.pv-info li svg{flex:none;width:20px;height:20px;padding:5px;border-radius:50%;background:var(--red-wash);color:var(--red)}
.pv-feat{aspect-ratio:1400/988}
@media (max-width:900px){.pv-body{grid-template-columns:1fr}.pv-infos{min-height:250px;order:2}}
.pv-rich .pv-tabs{max-width:100%;flex-wrap:wrap;justify-content:center}

/* Module page: before/after */
.cmp{border-top:1px solid var(--rail)}
.cmp-head,.cmp-row{display:grid;grid-template-columns:1fr 1fr}
.cmp-head span{padding:16px var(--pad);font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--rail)}
.cmp-head span:last-child{color:var(--red);background:rgba(254,5,18,.04);border-left:1px solid var(--rail)}
.cmp-head img{width:16px;height:16px}
.cmp-row>div{padding:20px var(--pad);display:flex;gap:12px;align-items:center;font-size:16px;border-bottom:1px solid var(--rail)}
.cmp-no{color:var(--muted)}
.cmp-no i{flex:none;width:24px;height:24px;border-radius:50%;background:#eceae6;color:var(--faint);display:grid;place-items:center;font-style:normal;font-size:15px}
.cmp-yes{background:rgba(254,5,18,.04);border-left:1px solid var(--rail);font-weight:500;color:var(--ink)}
.cmp-yes i{flex:none;width:24px;height:24px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center}
.cmp-yes i svg{width:12px;height:12px}
.cmp-row:last-child>div{border-bottom:0}
/* Module page: how it works */
.hw-band{background:radial-gradient(60% 80% at 50% 0%,rgba(254,5,18,.07),transparent 70%),var(--tint)}
.hw-band .eyebrow{text-align:center}
.hw{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0 var(--pad);position:relative}
.hw:before{content:"";position:absolute;left:calc(var(--pad) + 16.6%);right:calc(var(--pad) + 16.6%);top:44px;border-top:2px dashed #e4b9bb;z-index:0}
.hw-step{position:relative;z-index:1;background:var(--surface);border:1px solid var(--rail);border-radius:20px;padding:26px 24px 28px;box-shadow:0 18px 36px -26px rgba(40,20,10,.35)}
.hw-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}
.hw-n{font:500 44px/1 var(--display);letter-spacing:-.04em;color:var(--red)}
.hw-ic{width:44px;height:44px;border-radius:13px;background:var(--red-wash);color:var(--red);display:grid;place-items:center}
.hw-ic svg{width:21px;height:21px}
.hw-step h3{font:500 21px/1.25 var(--display);letter-spacing:-.02em}
.hw-step p{color:var(--muted);margin-top:8px;font-size:15px}
.hw-cta{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;padding:36px var(--pad) clamp(48px,6vw,72px);font-size:14px;color:var(--muted)}
@media (max-width:900px){.hw{grid-template-columns:1fr}.hw:before{display:none}.cmp-row>div{font-size:14.5px;padding:16px}.cmp-head span{padding:14px 16px}}
/* Hero v-fit: compact rating, product centered in the panel */
.rating{gap:10px;margin-bottom:18px}
.r-av img{width:28px;height:28px;margin-left:-8px}
.r-txt{padding-left:10px}
.r-stars svg{width:12px;height:12px}
.r-stars b{font-size:13px;margin-left:5px}
.r-txt small{font-size:12px}
.hp .hp-copy{padding-top:clamp(40px,5vw,72px);padding-bottom:clamp(40px,5vw,72px)}
.hp .showcase{display:flex;align-items:center}
.hp .sc-window{position:relative;top:auto;left:auto;margin-left:56px;flex:none}
.hp .sc-phone{top:calc(50% - 70px)}
.sc-kpi{top:calc(50% + 60px)}
.hp .sc-ev1{top:calc(50% - 300px)}
.hp .sc-ev2{top:calc(50% - 20px)}
@media (max-width:900px){.hp .sc-window{margin:40px 0 40px 32px;width:760px}}
@media (max-width:640px){.hp .sc-window{margin:30px 0 70px 20px;width:620px}.sc-kpi{top:auto;bottom:20px}.hp .sc-ev1{top:12px}}
/* Hero: phone rising from the bottom edge */
.hp .sc-phone{top:auto;bottom:-150px;transform:scale(.58);transform-origin:bottom left;left:14px}
/* Floating cards v2 */
.fc{padding:10px 14px 10px 10px;gap:11px;border-radius:14px}
.fc-av{position:relative;width:34px;height:34px;flex:none}
.fc-av img{width:34px;height:34px;border-radius:50%;object-fit:cover}
.fc-av i{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;background:#22c55e;border:2px solid #fff}
.fc small b{color:var(--ink);font-weight:600}
.fc-typing{display:flex;gap:3px;margin-left:6px}
.fc-typing i{width:5px;height:5px;border-radius:50%;background:var(--red);animation:dot 1s infinite}
.fc-typing i:nth-child(2){animation-delay:.15s}.fc-typing i:nth-child(3){animation-delay:.3s}
.fc-deal{flex-direction:column;align-items:stretch;gap:9px;width:220px;padding:12px 14px}
.fc-dtop{display:flex;justify-content:space-between;align-items:center}
.fc-tag{font-size:11px;font-weight:600;color:#1c8f5a;background:#e9f8ee;border-radius:999px;padding:2px 8px}
.fc-val{font:500 15px/1 var(--display);letter-spacing:-.02em}
.fc-drow{display:flex;align-items:center;gap:9px}
.fc-drow img{width:30px;height:30px;border-radius:50%;object-fit:cover}
.fc-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
.fc-steps i{height:4px;border-radius:4px;background:var(--rail)}
.fc-steps i.on{background:var(--red)}
.fc-kpi{width:270px;padding:16px 16px 14px}
.fc-kpi .kpi-head{font-size:12px;color:var(--ink-2)}
.fc-kpi .kpi-head em{font-style:normal;font-size:11px;color:var(--faint)}
.kpi-big{display:flex;align-items:baseline;gap:8px;margin-top:6px}
.kpi-big strong{font:500 34px/1 var(--display);letter-spacing:-.04em}
.kpi-big em{font-style:normal;font-size:11.5px;font-weight:600;color:#1c8f5a;background:#e9f8ee;border-radius:999px;padding:2px 8px}
.kpi-area{width:100%;height:58px;margin:8px 0 10px;display:block}
.kpi-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;border-top:1px solid #f0eeea;padding-top:10px}
.kpi-mini small{display:block;font-size:10px;color:var(--muted);line-height:1.25}
.kpi-mini b{display:block;font-size:14px;font-weight:600;margin-top:3px}
.kpi-bars,.kpi-row{display:none}
.sc-kpi{top:calc(50% + 40px)}
@media (max-width:640px){.fc-kpi{width:220px}.kpi-big strong{font-size:28px}}
.hp .sc-ev2{top:calc(50% - 150px);left:40%;right:auto}
@media (max-width:640px){.kpi-mini{display:none}.fc-kpi .kpi-head em{display:none}.fc-kpi{width:200px;bottom:16px}.kpi-area{height:44px;margin-bottom:0}}
.hp .sc-phone{bottom:-40px}
.fc-av b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fde2d3;color:#c2410c;font-size:14px;font-weight:600}
.fc-ini{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--red-wash);color:var(--red);font-size:11.5px;font-weight:600}
.hp .sc-kpi{top:auto;bottom:40px}

/* Integrations v2 */
.ifeats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--rail)}
.ifeat{display:flex;align-items:center;gap:14px;padding:22px var(--pad);border-left:1px solid var(--rail);transition:background .2s}
.ifeat:first-child{border-left:0}
.ifeat:hover{background:var(--surface)}
.ifeat div{flex:1;min-width:0}
.ifeat b{display:block;font:500 17px/1.25 var(--display)}
.ifeat small{display:block;font-size:13px;color:var(--muted);margin-top:2px}
.ifeat>svg{width:14px;height:14px;color:var(--faint);flex:none}
.int-code{font:600 15px/1 ui-monospace,Menlo,monospace;color:var(--red)}
a.int{color:inherit;transition:background .2s}
a.int:hover{background:var(--surface)}
a.int:hover h3{color:var(--red)}
.int:nth-child(4n+1){border-left:0}
.int-hero{display:flex;align-items:center;justify-content:center;gap:14px;margin:22px 0 18px}
.int-logo.big{width:72px;height:72px;border-radius:18px;box-shadow:0 0 0 1px var(--rail),0 14px 30px -18px rgba(0,0,0,.35)}
.int-logo.big img.contain{padding:14px}
.int-plus{font-size:22px;color:var(--faint)}
/* Blog v2 */
.post-feat{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;align-items:center;padding:32px var(--pad);border-bottom:1px solid var(--rail);transition:background .2s}
.post-feat:hover{background:var(--surface)}
.post-feat .post-cover{margin:0;aspect-ratio:16/9}
.post-feat h2{font-size:clamp(26px,2.6vw,36px);margin-top:10px}
.post-feat p{color:var(--muted);margin-top:10px}
.post-feat small{display:block;margin-top:14px;font-size:13px;color:var(--faint)}
.post-cover img{object-position:left top}
.art-cover{margin:30px 0 10px;border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px var(--rail)}
.art-cover img{width:100%;display:block}
.article h3{font:500 19px/1.3 var(--display);margin-top:28px}
.article ul{padding-left:20px;margin:12px 0}
.article li{color:var(--ink-2);font-size:17px;line-height:1.65;margin-top:6px}
.article blockquote{margin:20px 0;padding:14px 18px;border-left:3px solid var(--red);background:var(--surface);border-radius:0 10px 10px 0;color:var(--ink-2)}
.art-table{overflow-x:auto;margin:20px 0;border:1px solid var(--rail);border-radius:12px}
.art-table table{width:100%;border-collapse:collapse;font-size:14.5px}
.art-table th,.art-table td{padding:10px 14px;border-bottom:1px solid var(--rail);text-align:left}
.art-table th{background:var(--surface);font-weight:600}
.art-table tr:last-child td{border-bottom:0}
.art-cta{margin-top:44px;padding:24px;border-radius:16px;background:radial-gradient(80% 80% at 100% 0%,rgba(254,5,18,.1),transparent 70%),var(--surface);border:1px solid var(--rail)}
.art-cta b{font:500 20px/1.3 var(--display)}
.art-cta .cta-row{margin-top:16px}
@media (max-width:900px){.ifeats{grid-template-columns:1fr 1fr}.ifeat:nth-child(3){border-left:0}.ifeat:nth-child(n+3){border-top:1px solid var(--rail)}.post-feat{grid-template-columns:1fr}}
@media (max-width:640px){.ifeats{grid-template-columns:1fr}.ifeat{border-left:0!important;border-top:1px solid var(--rail)}}
.int-logo img.contain{padding:5px}.int-logo.big img.contain{padding:10px}.ifeat small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* Home segments */
#segmentos .eyebrow{text-align:center}
.footer-cols{grid-template-columns:1.3fr repeat(3,1fr)}
.foot-cols{grid-template-columns:1.3fr repeat(3,1fr)}
.sgs{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--rail)}
.sg{padding:28px var(--pad) 32px;border-left:1px solid var(--rail);border-bottom:1px solid var(--rail)}
.sg:nth-child(4n+1){border-left:0}
.sg .sp-icon{width:42px;height:42px;margin-bottom:16px}
.sg .sp-icon svg{width:21px;height:21px}
.sg h3{font:500 19px/1.25 var(--display);letter-spacing:-.02em}
.sg p{color:var(--muted);font-size:14.5px;margin-top:6px}
.sg-cta{display:block;background:radial-gradient(80% 80% at 100% 0%,rgba(254,5,18,.1),transparent 70%),var(--surface);color:inherit}
.sg-cta span{display:block;margin-top:14px;font-size:14px;font-weight:500;color:var(--red)}
@media (max-width:900px){.sgs{grid-template-columns:1fr 1fr}.sg:nth-child(4n+1){border-left:1px solid var(--rail)}.sg:nth-child(2n+1){border-left:0}}
/* Partner form v3: the form itself is the card, with proper inner padding */
.pform{padding:clamp(40px,5vw,72px) var(--pad);display:flex;align-items:center;justify-content:center;background:none}
.pform:before{display:none}
.pform>*{max-width:none;margin:0}
.pform .pf-card{width:100%;max-width:480px;background:#fff;border:1px solid var(--rail);border-radius:20px;padding:28px;box-shadow:0 24px 50px -30px rgba(40,20,10,.3);display:flex;flex-direction:column;gap:16px}
.pf-head{margin:0;padding-bottom:16px}
.pform .lf-grid{gap:14px}
.pform input{background:var(--paper)}
.pform input:focus{background:#fff}
.pf-radios{gap:8px}
.pf-radios span{height:42px;background:var(--paper);border-color:var(--rail)}
.pf-submit{border:0!important;height:52px!important;box-shadow:none;justify-content:center!important;gap:10px;border-radius:12px;margin-top:4px}
.pf-submit:hover{box-shadow:0 10px 24px -12px rgba(254,5,18,.6)}
.pf-fine{margin:-4px 0 0}
@media (max-width:640px){.pform .pf-card{padding:20px}}
.pf-card .pf-msg:empty{display:none}

/* Copilot: assistente dentro do app, com o mascote vivo do protótipo */
.cp3{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.cp-left{padding:clamp(56px,7vw,96px) var(--pad);display:flex;flex-direction:column;justify-content:center}
.cp-lockup{width:200px;height:auto;margin-bottom:26px}
.cp-left h2{margin:0 0 16px;max-width:540px}
.cp-left .lede{max-width:520px;margin:0 0 26px}
.cp-feats{list-style:none;margin:0 0 30px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:20px 26px;max-width:560px}
.cp-feats li{display:flex;gap:10px;align-items:flex-start}
.cp-feats .ic{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#ffe9e9;color:var(--red);margin-top:1px}
.cp-feats .ic svg{width:12px;height:12px}
.cp-feats b{display:block;font-weight:600;font-size:15px;color:var(--ink)}
.cp-feats small{display:block;font-size:14px;line-height:1.5;color:var(--muted);margin-top:3px}
.cp-left .btn{align-self:flex-start}
.cp-panel{order:-1;position:relative;border-right:1px solid var(--rail);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:56px 28px;min-height:660px;background:radial-gradient(55% 45% at 50% 38%,rgba(253,69,33,.12),transparent 70%),var(--tint)}
.cp-panel:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(20,20,20,.14) 1px,transparent 1.2px);background-size:26px 26px;-webkit-mask-image:radial-gradient(70% 70% at 50% 50%,#000,transparent);mask-image:radial-gradient(70% 70% at 50% 50%,#000,transparent)}
.cp-win{position:relative;width:100%;max-width:440px;height:540px;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--rail);border-radius:22px;box-shadow:0 40px 80px -40px rgba(120,30,10,.45),0 2px 4px rgba(0,0,0,.04);overflow:hidden}
.cp-top{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid var(--rail);font:600 15px/1 var(--display);letter-spacing:-.01em}
.cp-top img{width:17px;height:17px}
.cp-ctx{margin-left:auto;font-family:inherit;font-weight:500;font-size:12px;line-height:1;color:var(--muted);background:var(--tint);border:1px solid var(--rail);border-radius:999px;padding:5px 10px}
.cp-body2{flex:1;position:relative;overflow:hidden}
.cp-hello{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:opacity .35s,transform .45s cubic-bezier(.22,1,.36,1)}
.cp-hello strong{font:500 24px/1.2 var(--display);letter-spacing:-.02em;margin-top:6px}
.cp-hello small{color:var(--muted);font-size:14px;margin-top:6px}
.cp-win.chatting .cp-hello{opacity:0;transform:translateY(-24px) scale(.94);pointer-events:none}
.cp-hero{position:relative;width:132px;height:128px;display:grid;place-items:center;margin-bottom:6px}
.cp-hero:before{content:"";position:absolute;top:10px;width:98px;height:98px;border-radius:50%;background:radial-gradient(circle,rgba(250,70,30,.16),transparent 70%);filter:blur(20px)}
.cp-avatar{position:relative;width:104px;height:auto;display:block;cursor:pointer;margin-bottom:12px;filter:drop-shadow(0 8px 10px rgba(150,40,15,.2));animation:cpFloat 5.4s ease-in-out infinite;-webkit-tap-highlight-color:transparent}
.cp-shadow{position:absolute;bottom:8px;width:56px;height:11px;border-radius:50%;background:rgba(104,40,25,.44);filter:blur(7px);animation:cpShadow 5.4s ease-in-out infinite}
@keyframes cpFloat{50%{transform:translateY(-7px)}}
@keyframes cpShadow{0%,100%{transform:scale(1);opacity:.38}50%{transform:scale(.7,.8);opacity:.17}}
.cp-thread{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;padding:18px}
.cp-q{align-self:flex-end;max-width:85%;background:var(--ink);color:#fff;border-radius:16px 16px 4px 16px;padding:10px 14px;font-size:14.5px;line-height:1.4;animation:cpIn .42s cubic-bezier(.22,1,.36,1)}
.cp-a{display:flex;gap:10px;align-items:flex-start;animation:cpIn .42s cubic-bezier(.22,1,.36,1)}
.cp-a>img{flex:none;width:24px;height:24px;margin-top:2px}
.cp-a>div{flex:1;min-width:0;font-size:14.5px;line-height:1.5;color:var(--ink-2)}
.cp-a p{margin:0 0 10px}
.cp-a p:last-child{margin-bottom:0}
.cp-think{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:14px}
.cp-think i{width:14px;height:14px;border-radius:50%;border:2px solid #ffd0c5;border-top-color:var(--red);animation:spin .8s linear infinite}
@keyframes cpIn{from{opacity:0;transform:translateY(8px)}}
.cp-list{list-style:none;margin:0;padding:0;border:1px solid var(--rail);border-radius:12px;overflow:hidden}
.cp-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;font-size:13.5px;border-top:1px solid var(--rail)}
.cp-list li:first-child{border-top:0}
.cp-list b{color:var(--ink)}
.cp-list em{flex:none;font-style:normal;font-size:11.5px;font-weight:600;color:var(--red);background:#fff0ee;border-radius:999px;padding:3px 8px}
.cp-funnel{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}
.cp-funnel div{position:relative;display:flex;justify-content:space-between;align-items:center;padding:7px 10px;font-size:13px;border-radius:8px;overflow:hidden;z-index:0}
.cp-funnel div:before{content:"";position:absolute;inset:0;width:var(--w);background:#f1eeea;z-index:-1;border-radius:8px;animation:cpBar .7s cubic-bezier(.22,1,.36,1) both}
.cp-funnel div.hot:before{background:#ffe1db}
.cp-funnel div.hot b{color:var(--red)}
@keyframes cpBar{from{width:0}}
.cp-tip{font-size:13.5px;color:var(--muted);border-left:2px solid var(--red);padding-left:10px}
.cp-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.cp-kpis div{border:1px solid var(--rail);border-radius:12px;padding:10px}
.cp-kpis small{display:block;font-size:11.5px;color:var(--muted)}
.cp-kpis b{display:block;font:500 24px/1.15 var(--display);letter-spacing:-.02em;color:var(--ink);margin-top:4px}
.cp-kpis em{font-style:normal;font-size:12px;font-weight:600;color:#1c8f5a}
.cp-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 10px}
.cp-win.chatting .cp-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-top:10px;border-top:1px solid var(--rail);-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
.cp-win.chatting .cp-chips::-webkit-scrollbar{display:none}
.cp-chip{border:1px solid var(--rail);background:var(--surface);border-radius:999px;padding:7px 11px;font-family:inherit;font-weight:500;font-size:12.5px;line-height:1.2;white-space:nowrap;color:var(--ink-2);cursor:pointer;transition:border-color .2s,color .2s,background .2s}
.cp-chip:hover,.cp-chip.on{border-color:#ffc4b8;color:var(--red);background:#fff6f4}
.cp-chip:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.cp-input{display:flex;align-items:center;gap:10px;margin:0 14px 14px;padding:12px 12px 12px 16px;border:1px solid var(--rail-strong);border-radius:14px;font-size:14px;color:var(--faint)}
.cp-input.typing{color:var(--ink)}
.cp-type{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cp-send{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--red);color:#fff}
.cp-send svg{width:13px;height:13px}
.cp-note{position:relative;color:var(--faint);font-size:12.5px}
@media (max-width:900px){
 .cp3{grid-template-columns:1fr}
 .cp-panel{order:0;border-right:0;border-top:1px solid var(--rail);min-height:0;padding:40px 16px}
 .cp-feats{grid-template-columns:1fr}
}
@media (max-width:480px){.cp-win{height:520px}.cp-kpis b{font-size:20px}}
@media (prefers-reduced-motion:reduce){.cp-avatar,.cp-shadow{animation:none}}

/* Integração: cabeçalho + índice fixo + artigo (formato das docs do leavo.ai) */
.int-head{padding:clamp(36px,5vw,56px) var(--pad) clamp(36px,5vw,52px)}
.crumbs{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted);margin-bottom:26px}
.crumbs a:hover{color:var(--red)}
.crumbs span:last-child{color:var(--ink);font-weight:500}
.int-title{display:flex;gap:22px;align-items:flex-start}
.int-title .int-logo.big{flex:none;width:72px;height:72px;border-radius:18px}
.int-title h1{font:500 clamp(32px,4.2vw,48px)/1.06 var(--display);letter-spacing:-.035em}
.int-title .lede{margin-top:12px;max-width:760px}
.int-meta{display:flex;align-items:center;gap:14px;margin-top:16px;font-size:14px;color:var(--muted)}
.int-meta .tag{margin-left:0;font-size:13px;font-weight:600;color:var(--ink);border:1px solid var(--rail-strong);border-radius:999px;padding:4px 12px;background:var(--surface)}
.int-meta .read{display:inline-flex;align-items:center;gap:6px}
.int-meta svg{width:15px;height:15px}
.int-head .cta-row{margin-top:26px;padding-left:94px}
.int-doc{display:grid;grid-template-columns:270px minmax(0,1fr);gap:56px;padding:clamp(40px,5vw,64px) var(--pad)}
.int-toc details{position:sticky;top:150px;max-height:calc(100vh - 170px);overflow:auto}
.int-toc summary{list-style:none;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin-bottom:14px;cursor:default}
.int-toc summary::-webkit-details-marker{display:none}
.int-toc nav{display:flex;flex-direction:column;gap:2px;border-left:1px solid var(--rail)}
.int-toc a{display:block;padding:6px 12px;margin-left:-1px;border-left:2px solid transparent;font-size:14px;line-height:1.35;color:var(--muted);transition:color .15s,border-color .15s}
.int-toc a.toc-h3{padding-left:26px;font-size:13px}
.int-toc a:hover{color:var(--ink)}
.int-toc a.on{color:var(--red);border-left-color:var(--red)}
.int-art{max-width:780px;min-width:0}
.int-art>*:first-child{margin-top:0}
.int-art h2{font:500 26px/1.25 var(--display);letter-spacing:-.02em;margin:48px 0 18px;padding-bottom:12px;border-bottom:1px solid var(--rail);scroll-margin-top:150px}
.int-art h2.art-lead{font-size:clamp(28px,3vw,34px);border:0;padding:0;margin-bottom:8px}
.int-art h3{font:500 20px/1.3 var(--display);letter-spacing:-.01em;margin:32px 0 12px;scroll-margin-top:150px}
.int-art h4{font-weight:600;font-size:16px;margin:22px 0 10px}
.int-art p{color:var(--ink-2);font-size:16.5px;line-height:1.7;margin:12px 0}
.int-art strong{color:var(--ink);font-weight:600}
.int-art ul,.int-art ol{margin:10px 0 16px;padding-left:22px}
.int-art li{color:var(--ink-2);font-size:16.5px;line-height:1.6;margin:7px 0}
.int-art ul li::marker{color:var(--red)}
.int-art ol li::marker{color:var(--red);font-weight:600}
.int-art a{color:var(--red);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.int-art hr{border:0;border-top:1px solid var(--rail);margin:40px 0}
.int-art code{font:500 .86em/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--tint);border:1px solid var(--rail);border-radius:6px;padding:2px 6px;color:var(--ink);word-break:break-word}
.int-art pre{position:relative;margin:20px 0;border:1px solid var(--rail);border-radius:14px;background:#fbfaf8;overflow:hidden}
.int-art pre:before{content:attr(data-lang);display:block;padding:9px 16px;font:600 11px/1 ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--tint);border-bottom:1px solid var(--rail)}
.int-art pre[data-lang=""]:before{display:none}
.int-art pre code{display:block;padding:16px;background:none;border:0;border-radius:0;font-size:13.5px;line-height:1.6;white-space:pre;overflow-x:auto}
.int-art .art-table{margin:18px 0;border:1px solid var(--rail);border-radius:14px;overflow-x:auto;background:var(--surface)}
.int-art table{width:100%;border-collapse:collapse;font-size:14.5px}
.int-art th{text-align:left;font-weight:600;background:var(--tint);padding:12px 16px;border-bottom:1px solid var(--rail);white-space:nowrap}
.int-art td{padding:12px 16px;border-top:1px solid var(--rail);color:var(--ink-2);vertical-align:top}
.int-art tr:first-child td{border-top:0}
.int-art blockquote{margin:20px 0;padding:14px 18px;border-left:3px solid var(--red);background:#fff6f4;border-radius:0 12px 12px 0;color:var(--ink-2)}
.int-art blockquote p{margin:0}
.int-art .chk{display:inline-block;width:15px;height:15px;border:1.5px solid var(--rail-strong);border-radius:4px;vertical-align:-2px;margin-right:8px;background:var(--surface)}
.int-art li:has(.chk){list-style:none;margin-left:-22px}
.int-art .art-video{position:relative;aspect-ratio:16/9;margin:22px 0;border-radius:14px;overflow:hidden;border:1px solid var(--rail);background:#000}
.int-art .art-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media (max-width:900px){
 .int-doc{grid-template-columns:1fr;gap:20px}
 .int-toc details{position:static;max-height:none;border:1px solid var(--rail);border-radius:14px;background:var(--surface);padding:14px 16px}
 .int-toc summary{margin:0;cursor:pointer;display:flex;justify-content:space-between}
 .int-toc summary:after{content:"+";font-size:18px;line-height:1;color:var(--muted)}
 .int-toc details[open] summary:after{content:"–"}
 .int-toc details[open] nav{margin-top:12px}
 .int-head .cta-row{padding-left:0}
 .int-title{flex-direction:column;gap:16px}
 .int-title .int-logo.big{width:60px;height:60px}
}
.int h3 .native{display:inline-block;vertical-align:3px;margin-left:8px;font:600 11px/1 var(--body,Inter),sans-serif;letter-spacing:.02em;color:var(--red);background:#fff0ee;border:1px solid #ffd3d6;border-radius:999px;padding:4px 8px}
.int-meta .native-tag{color:var(--red);border-color:#ffd3d6;background:#fff0ee}
.int-logo img[src$="mcp-logo.svg"]{padding:22%!important;object-fit:contain}
.int-logo img[src$="elevenlabs.svg"]{padding:30%!important;object-fit:contain}
.int-logo img[src$="kiwify.png"]{padding:12%;object-fit:contain;background:#fff}

/* Página de cases */
.cs-hero{text-align:center;padding:clamp(56px,7vw,96px) var(--pad) clamp(40px,5vw,64px)}
.cs-hero h1{font:500 clamp(40px,5.6vw,72px)/1.02 var(--display);letter-spacing:-.045em;max-width:980px;margin:10px auto 0;text-wrap:balance}
.cs-hero h1 em{font-style:normal;color:var(--red)}
.cs-hero .lede{max-width:640px;margin:20px auto 0}
.cs-logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:22px 48px;margin-top:48px;padding-top:32px;border-top:1px solid var(--rail)}
.cs-logos img{height:34px;width:auto;max-width:130px;object-fit:contain;filter:brightness(0);opacity:.75;transition:opacity .2s}
.cs-logos img:hover{opacity:1}
.cs-logos img.lg-tiger{height:46px}
.cs-logos img.lg-mammamia{filter:grayscale(1) contrast(1.4);height:42px}
.cms{display:grid;grid-template-columns:repeat(4,1fr)}
.cm{display:flex;flex-direction:column;gap:6px;padding:34px var(--pad,28px) 30px;border-left:1px solid var(--rail);transition:background .2s}
.cm:first-child{border-left:0}
.cm:hover{background:var(--surface)}
.cm strong{font:500 clamp(40px,4.4vw,58px)/1 var(--display);letter-spacing:-.04em;color:var(--red)}
.cm span{font-size:15px;line-height:1.45;color:var(--ink-2);max-width:220px}
.cm img{margin-top:auto;padding-top:18px;height:46px;width:auto;max-width:120px;object-fit:contain;object-position:left;filter:brightness(0);opacity:.7}
.cm img.lg-mammamia-salgados{filter:none;opacity:1}
.band.dark#tiger{background:radial-gradient(55% 70% at 85% 10%,rgba(254,5,18,.22),transparent 70%),var(--dark)}
.cf{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(32px,5vw,72px);padding:clamp(56px,7vw,96px) var(--pad)}
.cf-video{display:flex;justify-content:center}
.cf-poster,.cf-player{position:relative;width:min(100%,360px);aspect-ratio:9/16;border-radius:26px;overflow:hidden;background:#000;box-shadow:0 50px 100px -40px rgba(254,5,18,.55),0 0 0 1px rgba(255,255,255,.1)}
.cf-poster{display:block;padding:0;border:0;cursor:pointer}
.cf-poster img{width:100%;height:100%;object-fit:cover;object-position:center 20%;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.cf-poster:hover img{transform:scale(1.04)}
.cf-poster:focus-visible{outline:3px solid var(--red);outline-offset:4px}
.cf-orb{position:absolute;left:50%;top:50%;width:88px;height:88px;margin:-44px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 14px rgba(254,5,18,.25)}
.cf-orb svg{width:32px;height:32px;margin-left:5px}
.cf-tag{position:absolute;left:18px;right:18px;bottom:18px;display:flex;justify-content:space-between;align-items:center;background:rgba(0,0,0,.55);backdrop-filter:blur(8px);color:#fff;border-radius:14px;padding:12px 16px;font-size:15px}
.cf-tag small{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#d6d2cb}
.cf-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.cf-brand{height:56px;width:auto;margin-bottom:18px}
.cf-copy blockquote{font:500 clamp(30px,3.4vw,46px)/1.12 var(--display);letter-spacing:-.035em;color:#fff;margin:14px 0 0;text-wrap:balance}
.cf-who{display:flex;align-items:center;gap:14px;margin-top:28px}
.cf-who img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid rgba(254,5,18,.6)}
.cf-who b{display:block;font-weight:600;color:#fff}.cf-who small{color:var(--dark-muted,#a7a39d);font-size:14px}
.cf-copy .cta-row{margin-top:34px;justify-content:flex-start}
.cf-copy .btn-line{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.cs-grid-wrap{padding-bottom:clamp(48px,6vw,80px)}
.ccs{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;padding:0 var(--pad)}
.cc{grid-column:span 2;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--rail);border-radius:22px;overflow:hidden;transition:transform .25s,box-shadow .25s}
.cc:nth-child(-n+2){grid-column:span 3}
.cc:hover{transform:translateY(-3px);box-shadow:0 30px 60px -30px rgba(60,20,10,.35)}
.cc-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:#111}
.cc-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.cc:hover .cc-media img{transform:scale(1.04)}
.cc-play{position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 10px rgba(254,5,18,.22)}
.cc-play svg{width:22px;height:22px;margin-left:3px}
.cc-badge{position:absolute;left:14px;bottom:14px;background:rgba(0,0,0,.55);backdrop-filter:blur(8px);color:#fff;font-size:12.5px;font-weight:600;border-radius:999px;padding:6px 12px}
.cc-num{display:flex;flex-direction:column;justify-content:flex-end;padding:22px;color:#fff}
.cc-num .bg{position:absolute;inset:0}
.cc-num>*:not(.bg){position:relative}
.cc-num .cc-logo-w{position:absolute;top:20px;left:22px;height:34px;width:auto;max-width:130px;object-fit:contain;filter:brightness(0) invert(1)}
.cc:hover .cc-num .cc-logo-w{transform:none}
.cc-num strong{font:500 64px/1 var(--display);letter-spacing:-.045em}
.cc-num span{font-size:15px;opacity:.9;margin-top:4px}
.cc-body{display:flex;flex-direction:column;gap:10px;padding:22px 24px 24px;flex:1}
.cc-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.cc-top img{height:26px;width:auto;max-width:110px;object-fit:contain;object-position:left;filter:brightness(0)}
.cc-top img.lg-mammamia-salgados{filter:none;height:34px}
.cc-top span{font-size:12.5px;color:var(--muted);text-align:right}
.cc h3{font:500 22px/1.25 var(--display);letter-spacing:-.02em;margin-top:6px}
.cc-metric{font-size:14.5px;color:var(--ink-2)}
.cc-metric b{color:var(--red);font-weight:600}
.cc-who{font-size:14px;color:var(--muted)}.cc-who b{color:var(--ink);font-weight:600}
.cc-more{margin-top:auto;padding-top:8px;display:inline-flex;align-items:center;gap:6px;color:var(--red);font-weight:600;font-size:14.5px}
.cc-more svg{width:12px;height:12px}
.cd-logo.lg-mammamia,.mc-top img[alt="Mamma Mia"],.cd-other img[alt="Mammamia"]{filter:none}
@media (max-width:1000px){.cms{grid-template-columns:repeat(2,1fr)}.cm:nth-child(3){border-left:0}.cm:nth-child(n+3){border-top:1px solid var(--rail)}.ccs{grid-template-columns:1fr 1fr}.cc,.cc:nth-child(-n+2){grid-column:span 1}}
@media (max-width:760px){.cf{grid-template-columns:1fr}.cf-copy{text-align:left}.ccs{grid-template-columns:1fr;padding:0 16px}.cs-logos{gap:18px 28px}.cs-logos img{height:26px}}
.cd-logo[alt="Mammamia"]{filter:none}
.cf-copy .eyebrow{display:block;text-align:left;margin:0}
.cs-logos img.lg-mammamia{height:52px;filter:brightness(0) contrast(2);opacity:.85}
.cm img.lg-mammamia-salgados{height:56px;filter:brightness(0);opacity:.8}
.cc-top img.lg-mammamia-salgados{height:40px;filter:brightness(0)}
.cc-num .cc-logo-w[src*="mammamia"]{height:48px}
.cms{grid-template-columns:repeat(3,1fr)}
@media (max-width:1000px){.cms{grid-template-columns:1fr}.cm{border-left:0;border-top:1px solid var(--rail)}.cm:first-child{border-top:0}}
.mq-track{animation-duration:60s}
.mq-track img.client{height:30px;filter:brightness(0);opacity:.62}
.mq-track img.client.xl{height:42px}
.plan li.p-ia{display:block}
.plan li.p-ia>svg{display:none}
.ia-pick{position:relative}
.ia-lab{display:block;font-size:12.5px;font-weight:600;letter-spacing:.02em;color:var(--muted);margin-bottom:8px}
.ia-btn{width:100%;display:flex;align-items:center;gap:10px;text-align:left;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--rail-strong);border-radius:14px;padding:12px 12px 12px 14px;cursor:pointer;transition:border-color .2s,box-shadow .2s,background .2s}
.ia-btn:hover{border-color:#ffb3b8}
.ia-btn:focus-visible,.ia-pick.open .ia-btn{outline:none;border-color:var(--red);box-shadow:0 0 0 4px rgba(254,5,18,.12)}
.ia-val{flex:1;font-size:14px;color:var(--ink-2);white-space:nowrap}
.ia-val b{font:500 22px/1 var(--display);letter-spacing:-.02em;color:var(--ink);margin-right:2px}
.ia-price{flex:none;font-style:normal;font-size:12.5px;font-weight:600;color:#1c8f5a;background:#e9f8ee;border-radius:999px;padding:5px 10px;white-space:nowrap}
.ia-pick.on .ia-price{color:var(--red);background:#fff0ee}
.ia-pick.on .ia-btn{border-color:var(--red);background:linear-gradient(180deg,#fff,#fff8f6)}
.ia-chev{flex:none;width:16px;height:16px;color:var(--muted);transition:transform .2s}
.ia-pick.open .ia-chev{transform:rotate(180deg);color:var(--red)}
.ia-list{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:30;list-style:none;margin:0;padding:6px;max-height:320px;overflow-y:auto;background:var(--surface);border:1px solid var(--rail);border-radius:16px;box-shadow:0 30px 60px -20px rgba(40,20,10,.35),0 2px 6px rgba(0,0,0,.05);outline:none;animation:iaIn .16s ease-out}
@keyframes iaIn{from{opacity:0;transform:translateY(-4px)}}
.ia-list li{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;cursor:pointer;margin:0}
.ia-list li.act{background:var(--tint)}
.ia-list li[aria-selected="true"]{background:#fff3f1}
.ia-o-n{flex:1;font-size:14px;color:var(--ink-2)}
.ia-o-n b{font-weight:600;color:var(--ink);font-size:15px}
.ia-o-n small{display:block;font-size:12px;color:var(--faint);margin-top:2px}
.ia-o-p{font-size:13.5px;font-weight:600;color:var(--ink);white-space:nowrap}
.ia-o-p small{font-weight:400;color:var(--muted)}
.ia-list li:first-child .ia-o-p{color:#1c8f5a}
.ia-o-c{flex:none;width:18px;height:18px;display:grid;place-items:center;color:var(--red);opacity:0}
.ia-o-c svg{width:14px;height:14px}
.ia-list li[aria-selected="true"] .ia-o-c{opacity:1}
.ptable tr.pt-group th{text-align:left;font:600 12px/1 var(--body,Inter),sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--red);background:var(--tint);padding-top:22px;padding-bottom:12px}
.ptable td.yes svg{width:16px;height:16px;color:var(--red);vertical-align:middle}
.ptable td.no{color:var(--faint)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.plan .ia-list{display:block;margin:0;gap:0;flex:none;font-size:14px}
.plan .ia-list li{gap:12px;align-items:center;line-height:1.3;padding:9px 12px}
.plan .ia-pick svg{padding:0;background:none;border-radius:0}
.plan .ia-chev{width:16px;height:16px}
.plan .ia-o-c svg{width:14px;height:14px}
@media (max-width:900px){.ao-grid{grid-template-columns:minmax(0,1fr)}.ao-list{min-width:0;padding:8px 16px}.ao-row,.ao-top,.ao-ctrl{min-width:0}}
.ptable td.yes{position:relative}
@media (max-width:900px){.ao-top{flex-wrap:wrap;row-gap:6px}}

/* Menu: destaque do Copilot */
.mm-copilot{position:relative;background:radial-gradient(80% 70% at 50% 0%,rgba(253,69,33,.16),transparent 70%),var(--surface)!important}
.mm-cp{display:grid;place-items:center;aspect-ratio:16/9;border-radius:10px;background:linear-gradient(180deg,#fff1ee,#ffe3dc);margin-bottom:10px}
.mm-copilot .mm-cp img{width:58px;height:auto;box-shadow:none;border-radius:0;margin:0;aspect-ratio:auto;filter:drop-shadow(0 8px 10px rgba(150,40,15,.25))}
.mm-copilot em{position:absolute;top:22px;left:22px;font-style:normal;font-size:11px;font-weight:600;color:#fff;background:var(--red);border-radius:999px;padding:3px 8px}

.mm-cp{width:100%;align-self:stretch}

/* Página do Copilot: topo escuro com o mascote, janela do app e três seções (Sugere, Responde, Faz) */
.cx-ic{flex:none;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--tint);color:var(--ink-2)}
.cx-ic svg{width:18px;height:18px}
.cx-ctx{margin-left:auto;font:500 12px/1 inherit;font-family:inherit;color:var(--muted);background:var(--tint);border:1px solid var(--rail);border-radius:999px;padding:5px 10px}
.cx-live{display:inline-flex;align-items:center;gap:6px;font:600 11.5px/1 inherit;font-family:inherit;color:var(--red);background:#fff0ee;border-radius:999px;padding:5px 9px}
.cx-live i{width:6px;height:6px;border-radius:50%;background:var(--red);animation:cqPulse 1.8s infinite}
@keyframes cqPulse{0%{box-shadow:0 0 0 0 rgba(254,5,18,.5)}70%{box-shadow:0 0 0 7px rgba(254,5,18,0)}100%{box-shadow:0 0 0 0 rgba(254,5,18,0)}}
@keyframes cqIn{from{opacity:0;transform:translateY(10px)}}
.cx-block small{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.cx-block small svg{width:14px;height:14px;color:var(--red)}
.cx-block p{font-size:14.5px;line-height:1.5;color:var(--ink-2);margin-top:6px}
.cx-block.msg p{background:#d9fdd3;border-radius:14px 14px 4px 14px;padding:11px 13px;color:var(--ink)}
.cx-btns{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.cx-btns span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--ink-2);border:1px solid var(--rail);border-radius:999px;padding:7px 11px;background:var(--surface)}
.cx-btns svg{width:13px;height:13px}
.cx-btns .cx-use{background:var(--red);border-color:var(--red);color:#fff}
.cx-btns .cx-use svg{width:11px;height:11px}
.cx-q{align-self:flex-end;margin-left:auto;max-width:88%;width:fit-content;background:var(--ink);color:#fff;border-radius:16px 16px 4px 16px;padding:11px 14px;font-size:14.5px;line-height:1.4}
.cx-a{display:flex;gap:10px;align-items:flex-start;margin-top:12px}
.cx-a>img{flex:none;width:24px;height:24px;margin-top:2px}
.cx-a>div{flex:1;min-width:0;font-size:14.5px;line-height:1.5;color:var(--ink-2)}
.cx-a p{margin:0 0 10px}
.cx-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.cx-kpis div{border:1px solid var(--rail);border-radius:12px;padding:10px}
.cx-kpis small{display:block;font-size:11.5px;color:var(--muted)}
.cx-kpis b{display:block;font:500 24px/1.15 var(--display);color:var(--ink);margin-top:3px}
.cx-kpis em{font-style:normal;font-size:12px;font-weight:600;color:#1c8f5a}
.cx-funnel{display:flex;flex-direction:column;gap:6px}
.cx-funnel div{position:relative;display:flex;justify-content:space-between;padding:7px 10px;font-size:13px;border-radius:8px;overflow:hidden;z-index:0}
.cx-funnel div:before{content:"";position:absolute;inset:0;width:var(--w);background:var(--tint);z-index:-1;border-radius:8px;animation:cqBar .7s cubic-bezier(.22,1,.36,1) both}
.cx-funnel .hot:before{background:#ffe1db}.cx-funnel .hot b{color:var(--red)}
@keyframes cqBar{from{width:0}}
.cx-ul{margin:0;padding-left:18px}.cx-ul li{margin:4px 0;font-size:14px}
.cx-prep{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid #ffd3d6;border-radius:12px;background:#fff6f4}
.cx-prep .cx-ic{width:30px;height:30px;background:#fff;color:var(--red)}
.cx-prep b{font-size:14px;font-weight:600;color:var(--ink)}
.cx-done{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:14px;font-weight:600;color:#1c8f5a;animation:cqIn .4s 1.4s cubic-bezier(.22,1,.36,1) both}
.cx-done span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#1c8f5a;color:#fff}
.cx-done svg{width:12px;height:12px}
.cx-phone{background:#efeae2;border:1px solid var(--rail);border-radius:22px;overflow:hidden;box-shadow:0 30px 60px -36px rgba(60,20,10,.45)}
.cx-chat-head{display:flex;align-items:center;gap:10px;background:#fff;padding:13px 15px;border-bottom:1px solid var(--rail)}
.cx-chat-head b{display:block;font-size:15px;font-weight:600}.cx-chat-head small{font-size:12px;color:var(--muted)}
.cx-av-l{flex:none;width:36px;height:36px;border-radius:50%;background:#ffe1db;color:var(--red);display:grid;place-items:center;font-weight:600}
.cx-thread{display:flex;flex-direction:column;gap:8px;padding:16px 14px 20px;min-height:160px;justify-content:flex-end}
.cx-msg{max-width:88%;padding:9px 12px 6px;border-radius:14px 14px 14px 4px;background:#fff;font-size:14px;line-height:1.4;align-self:flex-start}
.cx-msg.out{align-self:flex-end;background:#d9fdd3;border-radius:14px 14px 4px 14px}
.cx-msg small{display:block;text-align:right;font-size:11px;color:#667781;margin-top:2px}
.cx-div{align-self:center;font-size:12px;font-weight:500;color:#667781;background:#fff;border-radius:8px;padding:4px 10px}
.cx-coach{background:var(--surface);border:1px solid var(--rail);border-radius:22px;box-shadow:0 40px 80px -40px rgba(120,30,10,.5);overflow:hidden}
.cx-coach .cx-block{margin:12px 16px 0}
.cx-coach .cx-btns{margin:10px 0 16px}
.cx-coach-top{display:flex;align-items:center;gap:8px;padding:13px 16px;border-bottom:1px solid var(--rail);font:600 15px/1 var(--display)}
.cx-coach-top img{width:17px;height:17px}
.cx-coach-top .cx-live{margin-left:auto}
.cx-moment{display:flex;align-items:center;gap:12px;margin:14px 16px 0;padding:12px;border-radius:14px;background:#fff6f4;border:1px solid #ffd3d6}
.cx-moment .cx-ic{background:#fff;color:var(--red)}
.cx-moment small{display:block;font-size:11.5px;color:var(--muted)}
.cx-moment b{display:block;font-size:15px;font-weight:600}
.cx-cmp-wrap{padding:clamp(56px,7vw,96px) var(--pad)}
.cx-cmp{margin-top:36px;border:1px solid var(--rail);border-radius:20px;overflow-x:auto;background:var(--surface)}
.cx-cmp table{width:100%;border-collapse:collapse;min-width:640px;font-size:15px}
.cx-cmp th,.cx-cmp td{padding:18px 22px;text-align:left;border-top:1px solid var(--rail);vertical-align:top}
.cx-cmp thead th{border-top:0;font:500 17px/1.2 var(--display);background:var(--tint)}
.cx-cmp thead th.new{color:var(--red)}
.cx-cmp tbody th{font-weight:600;color:var(--ink);width:28%}
.cx-cmp td.old{color:var(--muted)}
.cx-cmp td.new{color:var(--ink);background:#fff8f6}
.cx-cmp td.new span{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--red);color:#fff;margin-right:10px;vertical-align:-4px}
.cx-cmp td.new span svg{width:11px;height:11px}

/* Topo escuro */
.band.cq-hero-band{background:radial-gradient(45% 38% at 50% 14%,rgba(253,69,33,.38),transparent 70%),radial-gradient(70% 50% at 50% 100%,rgba(254,5,18,.18),transparent 70%),#0e0c0b;color:#fff;border-top:0}
.cq-hero-band .rail{border-color:rgba(255,255,255,.08)}
.cq-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(56px,7vw,88px) var(--pad) 0}
.cq-mascot{position:relative;width:170px;display:grid;place-items:center}
.cq-mascot .cp-avatar{width:150px;margin:0;filter:drop-shadow(0 20px 30px rgba(253,69,33,.45))}
.cq-shadow{position:absolute;bottom:-14px;width:84px;height:14px;border-radius:50%;background:rgba(253,69,33,.5);filter:blur(12px);animation:cpShadow 5.4s ease-in-out infinite}
.cq-kicker{margin-top:30px;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#ff8a72}
.cq-hero h1{font:500 clamp(54px,8.4vw,116px)/.95 var(--display);letter-spacing:-.055em;margin-top:14px;color:#fff}
.cq-hero h1 em{font-style:normal;background:linear-gradient(180deg,#ff6a49,#fe0512);-webkit-background-clip:text;background-clip:text;color:transparent}
.cq-lede{max-width:640px;margin-top:22px;font-size:clamp(17px,1.5vw,20px);line-height:1.55;color:#b9b5ae}
.cq-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:30px}
.cq-ghost{color:#fff;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.04)}
.cq-ghost:hover{background:rgba(255,255,255,.1)}
.cq-app{width:100%;max-width:1080px;margin-top:56px}
.cq-modes{display:inline-flex;gap:4px;padding:5px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);margin-bottom:22px}
.cq-mode{display:inline-flex;align-items:center;gap:8px;font:600 15px/1 inherit;font-family:inherit;color:#d6d2cb;background:none;border:0;border-radius:12px;padding:11px 20px;cursor:pointer;transition:background .2s,color .2s}
.cq-mode svg{width:17px;height:17px}
.cq-mode:hover{color:#fff}
.cq-mode.on{background:#fff;color:var(--ink)}
.cq-mode.on svg{color:var(--red)}
.cq-mode:focus-visible{outline:2px solid #ff6a49;outline-offset:2px}
.cq-frame{position:relative;border-radius:22px 22px 0 0;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-bottom:0;background:#fff;height:clamp(460px,46vw,560px);box-shadow:0 -30px 120px -40px rgba(253,69,33,.55)}
.cq-shot{width:100%;height:100%;object-fit:cover;object-position:left top;display:block}
.cq-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 35%,rgba(14,12,11,.18) 60%);pointer-events:none}
.cq-dock{position:absolute;top:0;right:0;bottom:0;z-index:1;width:min(420px,44%);display:flex;flex-direction:column;background:#fff;border-left:1px solid var(--rail);text-align:left;box-shadow:-30px 0 60px -30px rgba(0,0,0,.35)}
.cq-dock-top{display:flex;align-items:center;gap:8px;padding:15px 18px;border-bottom:1px solid var(--rail);font:600 15px/1 var(--display);color:var(--ink)}
.cq-dock-top img{width:18px;height:18px}
.cq-dock-b{flex:1;overflow:hidden;padding:16px 18px;color:var(--ink)}
.cq-pane{display:flex;flex-direction:column;gap:12px;animation:cqIn .45s cubic-bezier(.22,1,.36,1) both}
.cq-pane[hidden]{display:none}
.cq-label{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted)}
.cq-moment{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--red);background:#fff6f4;border:1px solid #ffd3d6;border-radius:12px;padding:10px 12px}
.cq-moment svg{width:17px;height:17px}
.cq-input{display:flex;align-items:center;gap:10px;margin:0 16px 16px;padding:11px 11px 11px 15px;border:1px solid var(--rail-strong);border-radius:14px;font-size:14px;color:var(--faint)}
.cq-input span{flex:1}
.cq-input i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--red);color:#fff}
.cq-input i svg{width:12px;height:12px}

/* Seções dos pilares */
.cq-row{background:var(--paper)}
.cq-row.alt{background:radial-gradient(60% 80% at 0% 50%,rgba(253,69,33,.07),transparent 70%),var(--surface)}
.cq-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(36px,5vw,80px);align-items:center;padding:clamp(64px,8vw,112px) var(--pad)}
.cq-split.rev .cq-text{order:2}
.cq-word{display:block;font:500 clamp(64px,8vw,104px)/.9 var(--display);letter-spacing:-.06em;background:linear-gradient(180deg,#ff6a49,#fe0512);-webkit-background-clip:text;background-clip:text;color:transparent}
.cq-text h2{font:500 clamp(28px,3vw,38px)/1.1 var(--display);letter-spacing:-.03em;margin-top:18px;max-width:480px}
.cq-text>p{font-size:17px;line-height:1.6;color:var(--ink-2);margin-top:14px;max-width:480px}
.cq-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.cq-chip{display:inline-flex;align-items:center;gap:8px;font:500 14.5px/1 inherit;font-family:inherit;color:var(--ink-2);background:var(--surface);border:1px solid var(--rail-strong);border-radius:999px;padding:10px 15px;cursor:pointer;transition:all .2s}
.cq-chip svg{width:15px;height:15px;color:var(--red)}
.cq-chip.on{background:var(--ink);border-color:var(--ink);color:#fff}
.cq-chip:focus-visible,.cq-qbtn:focus-visible,.cq-abtn:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.cq-coachpane{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:18px;align-items:end;animation:cqIn .45s cubic-bezier(.22,1,.36,1) both}
.cq-coachpane[hidden]{display:none}
.cq-qs,.cq-as{display:flex;flex-direction:column;gap:8px;margin-top:28px;max-width:480px}
.cq-qbtn,.cq-abtn{display:flex;align-items:center;gap:12px;text-align:left;font:500 15px/1.35 inherit;font-family:inherit;color:var(--ink-2);background:var(--surface);border:1px solid var(--rail);border-radius:14px;padding:14px 16px;cursor:pointer;transition:all .2s}
.cq-qbtn:before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--rail-strong)}
.cq-qbtn.on,.cq-abtn.on{border-color:var(--red);color:var(--ink);box-shadow:0 14px 30px -20px rgba(254,5,18,.6)}
.cq-qbtn.on:before{background:var(--red)}
.cq-abtn svg{flex:none;width:18px;height:18px;color:var(--red)}
.cq-win{background:var(--surface);border:1px solid var(--rail);border-radius:24px;box-shadow:0 50px 100px -50px rgba(120,30,10,.5);overflow:hidden}
.cq-win-top{display:flex;align-items:center;gap:8px;padding:15px 18px;border-bottom:1px solid var(--rail);font:600 15px/1 var(--display)}
.cq-win-top img{width:18px;height:18px}
.cq-win-b{padding:22px;min-height:330px}
.cq-qpane,.cq-apane{animation:cqIn .45s cubic-bezier(.22,1,.36,1) both}
.cq-qpane[hidden],.cq-apane[hidden]{display:none}
@media (max-width:1000px){.cq-split,.cq-split.rev{grid-template-columns:1fr}.cq-split.rev .cq-text{order:0}.cq-dock{width:min(400px,60%)}}
@media (max-width:760px){
 .cq-frame{height:auto;border-radius:18px 18px 0 0}.cq-shot,.cq-frame:after{display:none}
 .cq-dock{position:static;width:auto;border-left:0;box-shadow:none}
 .cq-mode{padding:10px 13px;font-size:14px}
 .cq-coachpane{grid-template-columns:1fr}
 .cq-mascot{width:130px}.cq-mascot .cp-avatar{width:116px}
 .cq-cta .btn{width:100%;justify-content:center}
}
.cq-coachpane{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}
.cq-win-b{min-height:0}

/* Copilot: versão mais calma, no visual do resto do site */
.band.cq-hero-band{background:radial-gradient(45% 40% at 50% 8%,rgba(253,69,33,.14),transparent 70%),var(--paper);color:var(--ink)}
.cq-hero-band .rail{border-color:var(--rail)}
.cq-hero{padding-top:clamp(48px,6vw,72px)}
.cq-mascot{width:110px}
.cq-mascot .cp-avatar{width:96px;filter:drop-shadow(0 10px 14px rgba(150,40,15,.22))}
.cq-shadow{width:52px;height:10px;bottom:-6px;background:rgba(104,40,25,.35);filter:blur(7px)}
.cq-kicker{margin-top:22px;color:var(--red);letter-spacing:.08em;font-size:12.5px}
.cq-hero h1{font-size:clamp(38px,5vw,64px);line-height:1.04;letter-spacing:-.04em;color:var(--ink);max-width:860px;text-wrap:balance}
.cq-hero h1 em{background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--red)}
.cq-lede{color:var(--muted);font-size:18px;max-width:620px}
.cq-app{margin-top:44px}
.cq-modes{background:var(--surface);border-color:var(--rail);box-shadow:0 1px 2px rgba(0,0,0,.03)}
.cq-mode{color:var(--ink-2);font-size:14.5px;padding:10px 18px}
.cq-mode:hover{color:var(--ink)}
.cq-mode.on{background:var(--red);color:#fff;box-shadow:0 8px 18px -8px rgba(254,5,18,.6)}
.cq-mode.on svg{color:#fff}
.cq-frame{border-color:var(--rail);box-shadow:0 -10px 60px -30px rgba(120,30,10,.35)}
.cq-frame:after{background:linear-gradient(90deg,transparent 40%,rgba(248,247,245,.35) 62%)}
.cq-word{display:inline-flex;align-items:center;font:600 12.5px/1 var(--body,Inter),sans-serif;letter-spacing:.08em;text-transform:uppercase;background:#fff0ee;-webkit-background-clip:border-box;background-clip:border-box;color:var(--red);border:1px solid #ffd3d6;border-radius:999px;padding:7px 12px}
.cq-text h2{font-size:clamp(28px,3.2vw,40px);margin-top:16px}
.cq-row.alt{background:var(--surface)}
.cq-split{padding:clamp(56px,7vw,96px) var(--pad)}

/* Blog */
.blog-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:22px var(--pad);border-bottom:1px solid var(--rail)}
.blog-tools .chips{margin:0;justify-content:flex-start}
.chips button em{font-style:normal;font-size:12px;opacity:.6;margin-left:2px}
.blog-search{display:flex;align-items:center;gap:8px;min-width:240px;padding:9px 14px;border:1px solid var(--rail-strong);border-radius:12px;background:var(--surface)}
.blog-search svg{width:16px;height:16px;color:var(--muted)}
.blog-search input{flex:1;border:0;outline:0;background:none;font:inherit;font-size:14.5px;color:var(--ink)}
.blog-search:focus-within{border-color:var(--red);box-shadow:0 0 0 3px rgba(254,5,18,.12)}
.post[hidden]{display:none}
.post .post-cover img{aspect-ratio:16/9;object-fit:cover;width:100%}
.post p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.blog-empty{text-align:center;color:var(--muted);padding:48px 0}
.blog-more{display:flex;justify-content:center;padding:32px 0 48px}
.blog-more[hidden]{display:none}
.blog-head h1{font:500 clamp(32px,4.2vw,50px)/1.08 var(--display);letter-spacing:-.035em;max-width:900px}
.blog-head .lede{margin-top:14px;max-width:780px}
.int-meta span{display:inline-flex;align-items:center;gap:6px}
.int-art img{max-width:100%;height:auto;border-radius:14px;margin:18px 0;border:1px solid var(--rail)}
.int-art .art-promo{display:grid;grid-template-columns:160px minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:18px;align-items:start;margin:28px 0;padding:14px;border:1px solid var(--rail);border-radius:16px;background:var(--surface);text-decoration:none;color:inherit;transition:border-color .2s,box-shadow .2s}
.int-art .art-promo:hover{border-color:#ffc4b8;box-shadow:0 20px 40px -26px rgba(254,5,18,.45)}
.int-art .art-promo img{grid-row:1/4;margin:0;width:160px;aspect-ratio:16/10;object-fit:cover;object-position:left top;border-radius:10px}
.int-art .art-promo b{font:500 18px/1.25 var(--display);color:var(--ink)}
.int-art .art-promo small{font-size:14px;line-height:1.5;color:var(--muted);margin-top:4px}
.int-art .art-promo em{font-style:normal;font-weight:600;font-size:14px;color:var(--red);margin-top:8px}
.int-art iframe[src*="youtube"]{width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:14px;margin:18px 0}
.int-art .art-cta{margin-top:48px;padding:26px;border:1px solid #ffd3d6;border-radius:18px;background:radial-gradient(90% 60% at 100% 0%,rgba(254,5,18,.07),transparent 70%),var(--surface)}
.int-art .art-cta b{font:500 22px/1.25 var(--display)}
.int-art .art-cta .cta-row{justify-content:flex-start;margin-top:16px}
@media (max-width:640px){.int-art .art-promo{grid-template-columns:1fr}.int-art .art-promo img{grid-row:auto;width:100%;margin-bottom:10px}.blog-search{min-width:0;width:100%}}
.blog-tools{flex-wrap:nowrap;align-items:flex-start}.blog-tools .chips{flex:1}@media (max-width:900px){.blog-tools{flex-wrap:wrap}}
.int-art .art-box{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"k v" "t v" "d v" "b v";align-content:center;column-gap:24px;margin:32px 0;padding:14px 14px 14px 26px;border:1px solid var(--rail);border-radius:20px;background:var(--surface);box-shadow:0 1px 2px rgba(0,0,0,.03)}
.int-art .art-box .ab-k{grid-area:k;margin:10px 0 0}
.int-art .art-box .ab-k img{height:20px;width:auto;margin:0;border:0;border-radius:0}
.int-art .art-box .ab-t{grid-area:t;margin:14px 0 0;font:500 21px/1.2 var(--display);letter-spacing:-.02em;color:var(--ink)}
.int-art .art-box .ab-d{grid-area:d;margin:8px 0 0;font-size:14.5px;line-height:1.55;color:var(--muted)}
.int-art .art-box .btn{grid-area:b;justify-self:start;margin:18px 0 10px}
.int-art .art-box .ab-vis{grid-area:v;margin:0;display:flex;align-items:center;justify-content:center;padding:20px;border-radius:14px;background:radial-gradient(80% 90% at 50% 100%,rgba(253,69,33,.16),transparent 75%),var(--tint)}
.int-art .art-box .ab-vis img{display:block;width:100%;max-width:340px;height:auto;margin:0;border:1px solid var(--rail);border-radius:10px;box-shadow:0 18px 36px -20px rgba(60,20,10,.4);background:#fff}
.int-art .art-box .ab-pair{gap:14px;min-height:170px}
.int-art .art-box .ab-pair img{width:68px;height:68px;max-width:none;border-radius:18px;object-fit:cover}
.int-art .art-box .ab-pair img[alt="Leavo"]{padding:15px;object-fit:contain}
.int-art .art-box .ab-pair b{font:500 22px/1 var(--display);color:var(--faint)}
@media (max-width:760px){.int-art .art-box{grid-template-columns:1fr;grid-template-areas:"k" "t" "d" "b" "v";padding:20px}.int-art .art-box .ab-k{margin:0}.int-art .art-box .btn{margin:16px 0 18px}}
.int-art .btn{text-decoration:none}
.int-art .btn-red{color:#fff}
.int-art .btn-line{color:var(--ink)}

.int-art .art-box{grid-template-areas:". v" "k v" "t v" "d v" "b v" ". v";grid-template-rows:1fr auto auto auto auto 1fr;align-content:stretch}
@media (max-width:760px){.int-art .art-box{grid-template-areas:"k" "t" "d" "b" "v";grid-template-rows:none}}
/* CTA final do post */
.int-art .art-cta.big{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:center;margin-top:56px;padding:30px 0 0 32px;border:0;border-radius:22px;overflow:hidden;color:#fff;background:radial-gradient(60% 90% at 100% 0%,rgba(255,255,255,.18),transparent 60%),linear-gradient(135deg,#fe0512,#c4000c)}
.int-art .art-cta.big .ac-txt{padding-bottom:30px}
.int-art .art-cta.big .ac-k img{height:20px;width:auto;margin:0;border:0;border-radius:0;filter:brightness(0) invert(1)}
.int-art .art-cta.big h3{font:500 clamp(24px,2.4vw,30px)/1.15 var(--display);letter-spacing:-.025em;color:#fff;margin:16px 0 0}
.int-art .art-cta.big p{color:rgba(255,255,255,.85);font-size:15px;margin:10px 0 0}
.int-art .art-cta.big ul{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-wrap:wrap;gap:8px 16px}
.int-art .art-cta.big li{font-size:13.5px;color:#fff;margin:0;display:flex;align-items:center;gap:6px}
.int-art .art-cta.big li::before{content:"✓";font-weight:700}
.int-art .art-cta.big .cta-row{margin-top:22px;justify-content:flex-start}
.int-art .art-cta.big .btn-red{background:#fff;color:var(--red)}
.int-art .art-cta.big .btn-line{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.int-art .art-cta.big .ac-vis{align-self:end;margin:0}
.int-art .art-cta.big .ac-vis img{display:block;width:100%;margin:0;border:0;border-radius:12px 0 0 0;box-shadow:0 -10px 40px -10px rgba(0,0,0,.35)}
@media (max-width:760px){.int-art .art-cta.big{grid-template-columns:1fr;padding:26px 0 0 22px}.int-art .art-cta.big .ac-txt{padding:0 22px 0 0}.int-art .art-cta.big .cta-row .btn{width:auto}}

/* CTA no meio do post: identidade do site, com o sistema inteiro saindo do card */
.int-art .art-box{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:8px;min-height:280px;padding:0 0 0 30px;overflow:hidden;position:relative;border-color:var(--rail);border-radius:20px;background:radial-gradient(55% 90% at 100% 100%,rgba(254,5,18,.11),transparent 65%),var(--surface);box-shadow:none}
.int-art .art-box:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(20,20,20,.10) 1px,transparent 1.2px);background-size:22px 22px;-webkit-mask-image:radial-gradient(60% 80% at 80% 60%,#000,transparent);mask-image:radial-gradient(60% 80% at 80% 60%,#000,transparent);pointer-events:none}
.int-art .art-box>*{position:relative}
.int-art .art-box .ab-k{margin-top:30px}
.int-art .art-box .btn{margin:20px 0 30px}
.int-art .art-box .ab-vis{align-self:stretch;padding:0;margin:0;background:none;border-radius:0;display:block;min-height:260px}
.int-art .art-box .ab-vis img{position:absolute;left:8px;top:34px;width:620px;max-width:none;height:auto;margin:0;border:1px solid var(--rail-strong);border-radius:12px 0 0 0;box-shadow:0 30px 60px -24px rgba(120,30,10,.45),0 0 0 6px rgba(255,255,255,.6)}
.int-art .art-box .ab-pair{display:flex;align-items:center;justify-content:center;min-height:260px;padding-right:30px}
.int-art .art-box .ab-pair img{position:static;width:72px;height:72px;border:0;box-shadow:0 18px 36px -18px rgba(0,0,0,.35)}
@media (max-width:760px){.int-art .art-box{grid-template-columns:1fr;padding:0 0 0 22px}.int-art .art-box .ab-k{margin-top:24px}.int-art .art-box .btn{margin:16px 0 22px}.int-art .art-box .ab-vis{min-height:200px}.int-art .art-box .ab-vis img{left:0;top:0;width:520px}.int-art .art-box .ab-pair{justify-content:flex-start;min-height:0;padding:0 0 24px}}
.int-art .art-cta.big .ac-vis{align-self:stretch;position:relative;min-height:260px}
.int-art .art-cta.big .ac-vis img{position:absolute;left:0;top:10px;width:620px;max-width:none}
@media (max-width:760px){.int-art .art-cta.big .ac-vis{min-height:200px}.int-art .art-cta.big .ac-vis img{width:520px;top:0}}
/* Blog: capas inteiras e hover sem fundo branco */
.post:hover,.post-feat:hover{background:transparent}
.post .post-cover,.post-feat .post-cover{border:1px solid var(--rail);background:var(--surface)}
.post .post-cover img,.post-feat .post-cover img{width:100%;height:100%;aspect-ratio:16/9;object-fit:cover;object-position:center;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.post:hover .post-cover img,.post-feat:hover .post-cover img{transform:scale(1.04)}
.post:hover .post-cover,.post-feat:hover .post-cover{border-color:#ffc4b8;box-shadow:0 18px 36px -24px rgba(254,5,18,.45)}
.post-feat:hover h2{color:var(--red)}
.int-art .art-box{background:radial-gradient(50% 80% at 100% 100%,rgba(254,5,18,.05),transparent 70%),var(--surface)}.int-art .art-box .ab-vis img{box-shadow:0 24px 48px -28px rgba(120,30,10,.28),0 0 0 6px rgba(255,255,255,.6)}
.int-art .art-box{background:radial-gradient(70% 90% at 90% 80%,rgba(254,5,18,.07),transparent 70%),linear-gradient(100deg,#fff 35%,#fff7f5 100%)}
.int-art .art-box{background:radial-gradient(60% 70% at 72% 0%,rgba(254,5,18,.09),transparent 70%),radial-gradient(50% 80% at 100% 100%,rgba(254,5,18,.07),transparent 70%),linear-gradient(100deg,#fff 30%,#fff1ee 100%)}
.int-art .art-box{background:radial-gradient(55% 80% at 75% 0%,rgba(254,5,18,.16),transparent 70%),radial-gradient(45% 90% at 100% 100%,rgba(254,5,18,.12),transparent 70%),linear-gradient(100deg,#fff 28%,#ffe9e4 100%)}
.int-art .art-box .ab-vis img{left:36px;top:44px;width:600px}@media (max-width:760px){.int-art .art-box .ab-vis img{left:0;top:0;width:520px}}
/* Marca escrita da Lea (substitui o logo "Copilot by Leavo") */
.lea-lockup{display:inline-flex;align-items:center;gap:12px;margin-bottom:22px}
.lea-lockup img{width:46px;height:auto;filter:drop-shadow(0 8px 12px rgba(150,40,15,.25))}
.lea-lockup>span{display:flex;flex-direction:column;line-height:1}
.lea-lockup b{font:500 34px/1 var(--display);letter-spacing:-.03em;color:var(--ink)}
.lea-lockup small{font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--red);margin-top:6px}

/* Alternativas: inicial do concorrente no lugar do logo (não usamos marcas de terceiros) */
.int-logo .int-code.alt-ini{font:600 22px/1 var(--display);color:var(--ink)}
.int-logo.big .int-code.alt-ini{font-size:30px}
.int[href^="/alternativas/"] p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}

/* Alternativas: comparativo Leavo x concorrente em destaque */
.vs-card{margin:22px 0 10px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--rail),0 24px 50px -30px rgba(40,20,10,.35);overflow:hidden}
.vs-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:26px 28px;background:linear-gradient(180deg,#fff6f6,#fff)}
.vs-brand{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.vs-logo{display:grid;place-items:center;height:64px;min-width:140px;padding:0 18px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px var(--rail),0 10px 24px -16px rgba(0,0,0,.35)}
.vs-logo img{max-height:30px;max-width:150px;width:auto}
.vs-us .vs-logo{box-shadow:0 0 0 2px var(--red),0 14px 30px -14px rgba(254,5,18,.45)}
.vs-us em{font-style:normal;font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--red);border-radius:999px;padding:3px 10px}
.vs-brand small{font-size:13px;color:var(--muted)}
.vs-ini{font:600 28px/1 var(--display);color:var(--ink)}
.vs-x{font:500 15px/1 var(--display);color:var(--faint);text-transform:uppercase;letter-spacing:.08em}
.vs-scroll{overflow-x:auto}
.vs-table{width:100%;border-collapse:collapse;font-size:15px}
.vs-table th,.vs-table td{padding:14px 18px;border-top:1px solid var(--rail);text-align:left;vertical-align:top}
.vs-table thead th{font-size:12.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:var(--surface)}
.vs-table thead th.vs-leavo{color:var(--red)}
.vs-table tbody th{font-weight:500;color:var(--ink);width:34%}
.vs-table td{width:33%;color:var(--ink-2)}
.vs-table td span{display:flex;gap:8px;align-items:flex-start}
.vs-table td svg{flex:none;width:18px;height:18px;margin-top:1px;border-radius:50%;padding:3px}
.vs-table td.vs-leavo{background:#fff6f6;color:var(--ink);font-weight:500}
.vs-ok svg{color:#fff;background:#1c9a5d}
.vs-no svg{color:#9a9a9a;background:#efefef}
.vs-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:22px 28px;border-top:1px solid var(--rail);background:var(--surface)}
.vs-why{list-style:none;margin:0!important;padding:0!important;display:grid;gap:8px}
.vs-why li{display:flex;gap:9px;align-items:flex-start;margin:0!important;font-size:15px!important;color:var(--ink)!important}
.vs-why svg{flex:none;width:18px;height:18px;margin-top:2px;color:#fff;background:var(--red);border-radius:50%;padding:3px}
.vs-note{font-size:13px!important;color:var(--muted)!important;margin-top:8px!important}
@media (max-width:640px){
 .vs-head{padding:20px 16px;gap:10px}.vs-logo{height:52px;min-width:0;width:100%;padding:0 10px}.vs-logo img{max-width:100%;max-height:24px}
 .vs-table{font-size:13.5px}.vs-table th,.vs-table td{padding:11px 10px}
 .vs-foot{padding:18px 16px}.vs-foot .btn{width:100%;justify-content:center}
}
.vs-table tbody th{background:#fff}

/* Alternativas: preço lado a lado, legenda, grupos da tabela e o que vem no plano */
.vs-price{margin:20px 0 18px;border-radius:20px;background:var(--ink);color:#fff;padding:24px 26px;box-shadow:0 24px 50px -30px rgba(0,0,0,.6)}
.vs-price-k{font-size:12.5px!important;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.6)!important;margin:0 0 14px!important}
.vs-price-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.vs-price-grid>div{border-radius:14px;padding:18px 18px 16px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);display:flex;flex-direction:column;gap:6px}
.vs-price-grid span{font-size:13px;color:rgba(255,255,255,.7);font-weight:500}
.vs-price-grid b{font:500 clamp(22px,2.6vw,30px)/1.15 var(--display);letter-spacing:-.02em;color:#fff}
.vs-price-grid b.vs-muted{font-size:19px;color:rgba(255,255,255,.75)}
.vs-price-grid small{font-size:13px;line-height:1.45;color:rgba(255,255,255,.62)}
.vs-price-us{background:linear-gradient(160deg,rgba(254,5,18,.45),rgba(254,5,18,.12))!important;box-shadow:inset 0 0 0 1px rgba(255,120,120,.45)!important}
.vs-price-us b{font-size:clamp(30px,3.6vw,40px)!important}
.vs-legend{display:flex;flex-wrap:wrap;gap:8px 16px;padding:12px 22px;margin:0!important;border-top:1px solid var(--rail);font-size:12.5px!important;color:var(--muted)!important;background:#fff}
.vs-legend span{display:inline-flex;align-items:center;gap:6px}
.vs-legend svg{width:16px;height:16px;border-radius:50%;padding:3px}
.vs-legend .vs-na:before{content:"—";color:var(--faint)}
.vs-table tr.vs-group th{background:var(--surface)!important;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding:10px 18px}
.vs-addon svg{color:#fff;background:#e08a00}
.vs-up svg{color:#fff;background:#b46a00}
.vs-na span{color:var(--faint)}
.vs-na span:before{content:"—";margin-right:2px}
.vs-table td.vs-addon,.vs-table td.vs-up{color:#7a4a00}
.vs-incl{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 8px}
.vs-incl div{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:start;padding:14px 14px 12px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px var(--rail)}
.vs-incl svg{grid-row:span 2;width:20px;height:20px;margin-top:1px;color:#fff;background:#1c9a5d;border-radius:50%;padding:4px}
.vs-incl b{font-size:15px;font-weight:600;color:var(--ink)}
.vs-incl small{font-size:13px;color:var(--muted);line-height:1.4}
@media (max-width:900px){.vs-incl{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.vs-price{padding:18px 16px}.vs-price-grid,.vs-incl{grid-template-columns:1fr}.vs-legend{padding:12px 16px}}
.vs-how{margin-top:4px}.vs-how summary{cursor:pointer;font-size:12.5px;color:rgba(255,255,255,.75);text-decoration:underline;text-underline-offset:3px;list-style:none}
.vs-how summary::-webkit-details-marker{display:none}.vs-how small{display:block;margin-top:6px}
.int-logo img.alt-logo{width:100%;height:100%;object-fit:cover}
.vs-logo img[src^="/assets/alternativas/"]{max-height:40px;border-radius:10px}
.int-art h3.alt-h3{display:flex;align-items:center;gap:10px}
.int-art h3.alt-h3 img.alt-logo{width:28px;height:28px;border-radius:8px;flex:none;box-shadow:0 0 0 1px var(--rail)}
/* As imagens do artigo ganham borda e margem; logos do comparativo não */
.int-art .vs-logo img{border:0;border-radius:0;margin:0}
.int-art .vs-logo img[src^="/assets/alternativas/"]{border-radius:10px}
.int-art h3.alt-h3 img.alt-logo{margin:0;border:0}