@font-face{font-family:Recoleta;src:url(/fonts/Recoleta-Bold.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:Calibre;src:url(/fonts/Calibre-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Calibre;src:url(/fonts/Calibre-Medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Calibre;src:url(/fonts/Calibre-Semibold.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:Calibre;src:url(/fonts/Calibre-Bold.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Source Code Pro";src:url(/home/fonts/SourceCodePro-latin.woff2) format("woff2");font-weight:400 700;font-display:swap}
:root{
 --chili:#FF5721;--chili-dark:#B33912;--ink:#131624;--navy:#252C47;--midnight:#202849;--dg:#474F70;--gray:#737B99;--silver:#9C9DB4;--mid:#B0B6CA;--lg:#DFE2EB;--bs:#DFDFE7;
 --cream:#FCFAF8;--cream2:#F4F4F0;--white:#fff;--violet:#543DFF;--violet-l:#E9E7FF;--peach:#FFE0D4;--pink:#FFE0E2;--lime:#84D55C;--green:#008563;--amber:#D4950C;--amber-l:#FDF4E6;--yellow:#FFBB36;
 --serif:Recoleta,Georgia,serif;--sans:Calibre,"Helvetica Neue",Arial,sans-serif;--mono:"Source Code Pro",ui-monospace,Menlo,monospace;
 --ease:cubic-bezier(.22,1,.36,1);--px:clamp(20px,3.5vw,72px)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:19px;line-height:1.35;letter-spacing:-.2px;-webkit-font-smoothing:antialiased;overflow-x:clip}
img,svg{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--serif);font-weight:700;margin:0;text-wrap:balance;letter-spacing:-.02em}
p,li{text-wrap:pretty}
p{margin:0}
.wrap{max-width:1344px;margin:0 auto;padding-inline:var(--px)}
.c{color:var(--chili)}
.label{font-family:var(--mono);font-size:14px;font-weight:700;letter-spacing:0;text-transform:uppercase;color:var(--chili);display:inline-block}

.sec{padding-block:clamp(72px,9vw,128px)}
.h2{font-size:clamp(34px,4.6vw,62px);line-height:1.02}
.lead{font-size:clamp(19px,1.6vw,22px);line-height:1.4;color:var(--dg)}
.sec-head{display:grid;grid-template-columns:1.25fr 1fr;gap:28px 64px;align-items:end;margin-bottom:clamp(40px,5vw,64px)}
.sec-head .label{margin-bottom:18px}
.sec-head.center{grid-template-columns:1fr;text-align:center;justify-items:center}
.sec-head.center .lead{max-width:640px}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:10px 14px;border-radius:8px;z-index:100}
.skip:focus{left:8px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:54px;padding:0 26px;border-radius:999px;font-family:var(--sans);font-weight:700;font-size:19px;letter-spacing:-.01em;text-decoration:none;transition:background .2s var(--ease),color .2s,border-color .2s,transform .12s;white-space:nowrap;cursor:pointer;position:relative;overflow:hidden;isolation:isolate}
.btn:active{transform:scale(.97)}
.btn:focus-visible{outline:2px solid var(--chili);outline-offset:3px}
.btn-p{background:var(--chili);color:#fff;border:4px solid var(--chili)}
.btn-p::before{content:"";position:absolute;inset:auto -10% -200% -10%;height:180%;border-radius:50%;background:var(--navy);transition:bottom .35s var(--ease);z-index:-1}
.btn-p:hover::before{bottom:-30%}
.btn-p:hover{border-color:var(--navy)}
.btn-p .arr{width:0;overflow:hidden;transition:width .25s var(--ease);display:inline-flex}
.btn-p:hover .arr{width:20px}
.btn-s{border:2px solid var(--chili);color:var(--chili);background:transparent}
.btn-s:hover{background:var(--chili);color:#fff}
.btn-t{border:1px solid rgba(19,22,36,.15);color:var(--navy);background:rgba(255,255,255,.6)}
.btn-t:hover{border-color:rgba(19,22,36,.35);background:#fff}
.btn-sm{height:44px;padding:0 18px;font-size:17px}
.btn-p.btn-sm{border-width:3px}
.link{font-weight:600;text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/0 2px no-repeat;transition:background-size .25s var(--ease);padding-bottom:2px}
.link:hover{background-size:100% 2px}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.reassure{font-size:16px;color:var(--gray);margin-top:14px}

/* header */
.hdr{position:fixed;top:14px;left:0;right:0;z-index:50;padding-inline:16px;pointer-events:none}
.hdr-in{pointer-events:auto;max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:10px;background:rgba(252,250,248,.82);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);border:1px solid rgba(19,22,36,.08);border-radius:999px;padding:8px 8px 8px 22px;transition:box-shadow .3s}
.hdr.scrolled .hdr-in{box-shadow:0 8px 30px rgba(19,22,36,.08)}
.hdr .brand{display:inline-flex;align-items:center;padding:4px;border-radius:10px}.hdr .brand img{height:34px;width:34px;display:block}
.nav{display:flex;gap:2px;margin-left:18px}
.nav a{font-size:17px;font-weight:500;text-decoration:none;color:var(--navy);padding:8px 12px;border-radius:999px}
.nav a:hover{background:rgba(19,22,36,.05)}
.hdr-cta{margin-left:auto;display:flex;gap:6px;align-items:center}
.hdr-cta .login{font-size:17px;font-weight:500;text-decoration:none;color:var(--navy);padding:8px 14px}
.menu-btn{display:none;margin-left:auto;width:44px;height:44px;border-radius:50%;border:1px solid rgba(19,22,36,.12);background:#fff;align-items:center;justify-content:center;cursor:pointer}
.menu-btn span{display:block;width:18px;height:2px;background:var(--ink);position:relative}
.menu-btn span::before,.menu-btn span::after{content:"";position:absolute;left:0;width:18px;height:2px;background:var(--ink);top:-6px}
.menu-btn span::after{top:6px}
.mnav{display:none}

/* hero */
.hero{background:var(--cream2);padding-top:clamp(116px,12vw,150px);position:relative;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center;padding-bottom:clamp(48px,6vw,80px)}
.pill{display:inline-flex;align-items:center;gap:8px;background:var(--peach);color:var(--chili);border:1px solid var(--chili);border-radius:80px;padding:5px 14px 5px 10px;font-family:var(--mono);font-size:13px;font-weight:700;text-transform:uppercase}
.pill i{width:8px;height:8px;border-radius:50%;background:var(--chili);box-shadow:0 0 0 0 rgba(255,87,33,.5);animation:ping 2s infinite}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(255,87,33,.45)}70%,100%{box-shadow:0 0 0 9px rgba(255,87,33,0)}}
.hero h1{font-size:clamp(42px,5.6vw,80px);line-height:.98;letter-spacing:-.025em;margin:22px 0 22px}
.hero .lead{max-width:560px;margin-bottom:30px}
.hero-proof{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;margin-top:26px;font-size:16px;color:var(--dg)}
.hero-proof a{text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.hero-proof img{width:20px;height:20px}
.stars{color:var(--chili);letter-spacing:1px}
.dot-sep{width:4px;height:4px;border-radius:50%;background:var(--mid)}
.rise{opacity:0;transform:translateY(18px);filter:blur(6px);animation:rise .8s var(--ease) forwards}
.rise.d1{animation-delay:.08s}.rise.d2{animation-delay:.16s}.rise.d3{animation-delay:.24s}.rise.d4{animation-delay:.32s}.rise.d5{animation-delay:.45s}
@keyframes rise{to{opacity:1;transform:none;filter:none}}

/* hero visual: one visitor, live */
.hv{position:relative;aspect-ratio:1/1.02;max-width:600px;justify-self:end;width:100%}
.hv-wave{position:absolute;inset:0;border-radius:28px;overflow:hidden;background:var(--midnight)}
.hv-wave svg{width:100%;height:100%}
.hv-wave .w{animation:drift 14s ease-in-out infinite alternate;transform-origin:center}
.hv-wave .w2{animation-duration:18s;animation-direction:alternate-reverse}
@keyframes drift{from{transform:translate(-3%,2%) rotate(-2deg)}to{transform:translate(3%,-2%) rotate(2deg)}}
.hv-card{position:absolute;left:7%;right:7%;top:8%;background:#fff;border-radius:16px;box-shadow:0 30px 60px -20px rgba(10,12,30,.5);padding:18px 18px 8px;font-size:15px}
.hv-top{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--lg)}
.acct{width:38px;height:38px;border-radius:10px;background:var(--ink);color:#fff;display:grid;place-items:center;font-family:var(--serif);font-size:18px}
.hv-top b{display:block;font-size:17px;line-height:1.1}
.hv-top small{color:var(--gray);font-size:13px}
.live{margin-left:auto;font-family:var(--mono);font-size:11px;font-weight:700;color:var(--green);display:flex;align-items:center;gap:6px;text-transform:uppercase}
.live i{width:7px;height:7px;border-radius:50%;background:var(--lime);animation:ping 2s infinite}
.tl{list-style:none;margin:0;padding:6px 0 0}
.tl li{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:start;padding:11px 0;border-bottom:1px dashed var(--lg);opacity:.28;transition:opacity .5s var(--ease)}
.tl li:last-child{border-bottom:0}
.tl li.on{opacity:1}
.tl .ic{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--cream2);color:var(--dg);font-size:13px;font-weight:700;transition:background .4s,color .4s}
.tl li.on .ic{background:var(--chili);color:#fff}
.tl li.done .ic{background:var(--ink);color:#fff}
.tl b{display:block;font-size:16px;line-height:1.15}
.tl span{color:var(--dg);font-size:14px;line-height:1.25;display:block;margin-top:2px}
.tl em{font-style:normal;font-family:var(--mono);font-size:11px;font-weight:700;color:var(--violet);background:var(--violet-l);padding:3px 7px;border-radius:4px;white-space:nowrap;align-self:center}
.hv-result{position:absolute;right:4%;bottom:6%;background:var(--chili);color:#fff;border-radius:14px;padding:14px 18px;box-shadow:0 20px 40px -14px rgba(255,87,33,.6);transform:translateY(10px) scale(.96);opacity:0;transition:all .6s var(--ease)}
.hv-result.on{opacity:1;transform:none}
.hv-result small{font-family:var(--mono);font-size:11px;font-weight:700;text-transform:uppercase;opacity:.85;display:block}
.hv-result b{font-family:var(--serif);font-size:26px;line-height:1.05}
.hv-note{position:absolute;left:7%;bottom:6%;color:rgba(255,255,255,.62);font-size:12px;font-family:var(--mono);max-width:46%}

/* logo band */
.logos{background:var(--ink);color:#fff;padding:26px 0;overflow:hidden}
.logos-cap{text-align:center;font-family:var(--mono);font-size:13px;font-weight:700;text-transform:uppercase;color:var(--chili);margin-bottom:18px}
.marquee{display:flex;width:max-content;animation:mq 40s linear infinite}
.logos:hover .marquee{animation-play-state:paused}
.marquee ul{display:flex;align-items:center;gap:64px;list-style:none;margin:0;padding:0 32px}
.lm{display:block;background:#fff;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;opacity:.86}
@keyframes mq{to{transform:translateX(-50%)}}

/* proof stats */
.stats{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--lg);border-bottom:1px solid var(--lg);background:#fff}
.stat{padding:28px 24px;border-right:1px solid var(--lg);text-decoration:none;display:flex;flex-direction:column;gap:6px;transition:background .2s}
.stat:last-child{border-right:0}
a.stat:hover{background:var(--cream)}
.stat b{font-family:var(--serif);font-size:clamp(32px,3.4vw,46px);line-height:1;color:var(--ink)}
.stat span{color:var(--dg);font-size:16px;line-height:1.25}
.stat small{margin-top:auto;padding-top:8px;font-family:var(--mono);font-size:12px;font-weight:700;color:var(--chili);text-transform:uppercase}

/* problem */
.problem{background:var(--white)}
.leak{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.leak-card{border:1px solid rgba(19,22,36,.1);border-radius:12px;padding:30px 28px;background:var(--cream);position:relative}
.leak-card.accent{border:2px solid var(--chili);box-shadow:0 0 0 6px rgba(255,87,33,.08)}
.leak-card .n{font-family:var(--serif);font-size:clamp(56px,6vw,84px);line-height:.9;color:var(--chili);display:flex;align-items:baseline}
.leak-card .n small{font-size:.45em;margin-left:2px}
.leak-card p{margin-top:14px;font-size:18px;color:var(--dg)}
.leak-card p strong{display:block;color:var(--ink);margin-top:10px;font-weight:600}
.src{margin-top:22px;font-size:15px;color:var(--gray)}
.src a{color:var(--ink)}

/* journey */
.journey{background:var(--cream2);position:relative}
.j-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(32px,5vw,80px);align-items:start}
.j-steps{position:relative;padding-left:44px}
.j-rail{position:absolute;left:13px;top:10px;bottom:10px;width:2px;background:var(--lg);border-radius:2px}
.j-rail i{position:absolute;left:0;top:0;width:100%;height:0;background:var(--chili);border-radius:2px;transition:height .5s var(--ease)}
.j-step{position:relative;min-height:62vh;padding:6px 0 48px;display:flex;flex-direction:column;justify-content:center}
.j-step:last-child{min-height:auto;padding-bottom:0}
.j-in{position:relative}
.j-dot{position:absolute;left:-44px;top:-6px;width:28px;height:28px;border-radius:50%;background:var(--cream2);border:2px solid var(--mid);display:grid;place-items:center;font-family:var(--mono);font-size:12px;font-weight:700;color:var(--gray);transition:all .35s var(--ease)}
.j-step.on .j-dot,.j-step.past .j-dot{background:var(--chili);border-color:var(--chili);color:#fff}
.j-step.on .j-dot{box-shadow:0 0 0 7px rgba(255,87,33,.16)}
.j-k{font-family:var(--mono);font-size:13px;font-weight:700;text-transform:uppercase;color:var(--gray)}
.j-step.on .j-k{color:var(--chili)}
.j-step h3{font-size:clamp(28px,2.7vw,38px);line-height:1.05;margin:10px 0 14px}
.j-in > p{font-size:19px;color:var(--dg);max-width:520px}
.j-does{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;align-items:center}
.j-does small{width:100%;font-family:var(--mono);font-size:12px;font-weight:700;text-transform:uppercase;color:var(--ink)}
.chip{font-size:15px;font-weight:600;border-radius:999px;padding:6px 12px 6px 10px;background:#fff;border:1px solid rgba(19,22,36,.1);display:inline-flex;align-items:center;gap:7px;text-decoration:none}
.chip::before{content:"";width:7px;height:7px;border-radius:2px;transform:rotate(45deg);background:var(--violet)}
a.chip:hover{border-color:var(--violet)}
.chip.out{background:var(--chili);color:#fff;border-color:var(--chili)}
.chip.out::before{background:#fff}
.j-mobile-ui{display:none}
.j-stage{position:sticky;top:104px;height:min(640px,calc(100vh - 140px));min-height:520px}
.stage{position:relative;height:100%;border-radius:24px;overflow:hidden;background:var(--midnight)}
.stage-bg{position:absolute;inset:0}
.stage-bg svg{width:100%;height:100%}
.ledger{position:absolute;right:4%;top:50%;transform:translateY(-50%);width:37%;background:rgba(255,255,255,.96);border-radius:14px;padding:16px;font-size:14px;box-shadow:0 20px 40px -18px rgba(0,0,0,.5);z-index:3}
.ledger h4{font-family:var(--sans);font-size:12px;font-family:var(--mono);text-transform:uppercase;color:var(--gray);font-weight:700;margin-bottom:10px;letter-spacing:0}
.pav{position:relative;width:44px;height:44px;flex:none}
.pav img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;background:var(--cream2)}
.pav .acct,.lg-acct .pav .acct{position:absolute;right:-4px;bottom:-3px;width:20px;height:20px;border-radius:6px;font-size:11px;box-shadow:0 0 0 2px #fff}
.pav-sm{width:38px;height:38px}
.pav img.acct-img{background:none;padding:0;object-fit:contain;border-radius:6px}
.lg-acct{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.lg-acct .acct{width:34px;height:34px;font-size:16px}
.lg-acct b{font-size:16px;display:block;line-height:1.1}
.lg-acct small{font-size:12px;color:var(--gray)}
.lg-rows{list-style:none;margin:0;padding:0}
.lg-rows li{font-size:13px;display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid var(--lg);color:var(--silver);transition:color .4s}
.lg-rows li b{font-weight:600;color:var(--silver);transition:color .4s;text-align:right}
.lg-rows li.on{color:var(--dg)}
.lg-rows li.on b{color:var(--ink)}
.lg-rows li.hot.on b{color:var(--chili)}
.screens{position:absolute;left:4%;top:50%;width:55%;z-index:2}
.scr{position:absolute;left:0;top:0;width:100%;translate:0 -50%;opacity:0;transform:translateY(16px) scale(.98);transition:opacity .5s var(--ease),transform .6s var(--ease);pointer-events:none}
.scr.on{opacity:1;transform:none;pointer-events:auto}
.win{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 30px 60px -20px rgba(0,0,0,.55);font-size:14px}
.win-bar{display:flex;align-items:center;gap:6px;padding:10px 12px;background:var(--cream2);border-bottom:1px solid var(--lg)}
.win-bar i{width:9px;height:9px;border-radius:50%;background:var(--mid)}
.win-bar span{margin-left:8px;flex:1;height:18px;border-radius:9px;background:#fff;font-size:11px;color:var(--gray);display:flex;align-items:center;padding-left:10px;font-family:var(--mono)}
.win-body{padding:14px}
.sk{height:9px;border-radius:5px;background:var(--cream2);margin:7px 0}
.offer{background:var(--violet);color:#fff;border-radius:10px;padding:14px;margin:8px 0}
.offer small{font-family:var(--mono);font-size:10px;opacity:.8;text-transform:uppercase;font-weight:700}
.offer b{display:block;font-family:var(--serif);font-size:20px;line-height:1.1;margin:4px 0}
.offer span{font-size:13px;opacity:.9}
.offer em{display:inline-block;margin-top:10px;background:#fff;color:var(--violet);font-style:normal;font-weight:700;font-size:13px;padding:5px 12px;border-radius:999px}
.tag-id{display:inline-flex;align-items:center;gap:6px;background:var(--ink);color:#fff;font-size:11px;padding:4px 9px;border-radius:999px;font-family:var(--mono)}
.tag-id::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--chili)}
.chat{display:flex;flex-direction:column;gap:8px}
.bub{max-width:82%;padding:9px 12px;border-radius:14px;line-height:1.3}
.bub.a{background:var(--cream2);border-bottom-left-radius:4px}
.bub.u{align-self:flex-end;background:var(--chat,#3529BF);color:#fff;border-bottom-right-radius:4px}
.agent{display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px}
.agent .av{width:26px;height:26px;border-radius:50%;background:var(--chili);display:grid;place-items:center}
.agent .av img{width:16px;height:16px;filter:brightness(0) invert(1)}
.inp{border:1px solid var(--mid);border-radius:8px;padding:8px 10px;color:var(--ink);font-size:13px;display:flex;justify-content:space-between}
.inp i{font-style:normal;color:var(--chili);font-weight:700}
.cal-h{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.cal-h .av2{width:34px;height:34px;border-radius:50%;background:var(--violet);color:#fff;display:grid;place-items:center;font-weight:700}
.cal-h b{display:block;font-size:15px}
.cal-h small{color:var(--gray);font-size:12px}
.days{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:8px}
.days span{text-align:center;padding:6px 0;border-radius:6px;background:var(--cream2);font-size:12px;font-weight:600}
.days span.sel{background:var(--chili);color:#fff}
.slots{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.slots span{border:1px solid var(--violet);color:var(--violet);border-radius:6px;text-align:center;padding:7px 0;font-weight:600;font-size:13px}
.routed{margin-top:10px;font-family:var(--mono);font-size:11px;color:var(--green);font-weight:700;text-transform:uppercase}
.mail-h{font-size:12px;color:var(--gray);margin-bottom:8px;font-family:var(--mono);text-transform:uppercase}
.mail-from{display:flex;gap:10px;align-items:center;margin-bottom:8px}
.mail-from b{font-size:14px;display:block}
.mail-from small{font-size:12px;color:var(--gray)}
.mail-sub{font-weight:700;font-size:15px;margin-bottom:4px}
.mail-p{color:var(--dg);font-size:13px;line-height:1.35;margin-bottom:10px}
.booked{margin-top:10px;background:#E8F5EE;color:var(--green);border-radius:8px;padding:8px 10px;font-weight:700;font-size:13px}
.j-foot{margin-top:clamp(48px,6vw,80px);display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center;justify-content:space-between;background:var(--ink);color:#fff;border-radius:20px;padding:clamp(28px,4vw,44px)}
.j-foot h3{font-size:clamp(26px,2.8vw,40px);line-height:1.05}
.j-foot p{color:rgba(255,255,255,.7);margin-top:8px;font-size:18px}
.fict{font-size:14px;color:var(--gray);margin-top:18px}

/* platform */
.platform{background:#fff}
.plat{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pcol{border:1px solid rgba(19,22,36,.1);border-radius:12px;background:var(--cream);display:flex;flex-direction:column;overflow:hidden}
.pcol-h{padding:22px 22px 18px;border-bottom:1px solid rgba(19,22,36,.08);background:#fff}
.pcol-h .k{font-family:var(--mono);font-size:12px;font-weight:700;color:var(--gray);text-transform:uppercase}
.pcol-h h3{font-size:24px;line-height:1.1;margin-top:8px}
.pcol-h p{font-size:16px;color:var(--dg);margin-top:8px}
.prod{padding:16px 22px;border-bottom:1px solid rgba(19,22,36,.06);text-decoration:none;display:block;transition:background .2s}
.prod:hover{background:#fff}
.prod b{display:flex;align-items:center;gap:8px;font-size:17px}
.prod b::after{content:"→";color:var(--chili);margin-left:auto;transition:transform .2s}
.prod:hover b::after{transform:translateX(3px)}
.prod span{display:block;font-size:15px;color:var(--dg);margin-top:3px;line-height:1.25}
.sw{width:10px;height:10px;border-radius:3px;display:inline-block;flex:none}
.pq{margin-top:auto;padding:18px 22px 22px;font-size:15px;line-height:1.35;color:var(--ink)}
.pq q{display:block;font-family:var(--serif);font-size:17px;line-height:1.25}
.pq q::before{content:"“"}.pq q::after{content:"”"}
.pq cite{display:block;font-style:normal;color:var(--gray);font-size:13px;margin-top:8px}
.plat-under{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.band{border-radius:12px;padding:24px 26px;display:flex;gap:18px;align-items:center;justify-content:space-between;text-decoration:none}
.band.dark{background:var(--ink);color:#fff}
.band.line{border:1px solid rgba(19,22,36,.1);background:var(--cream)}
.band b{font-family:var(--serif);font-size:22px;display:block;line-height:1.1}
.band span{font-size:16px;opacity:.8;display:block;margin-top:4px}
.band .go{font-size:24px;color:var(--chili)}

/* who */
.who{background:var(--cream2)}
.roles{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.role{background:#fff;border:1px solid rgba(19,22,36,.1);border-radius:20px;padding:clamp(26px,3vw,40px);display:flex;flex-direction:column}
.role .label{margin-bottom:14px}
.role h3{font-size:clamp(26px,2.4vw,34px);line-height:1.06}
.role ul{list-style:none;margin:20px 0 26px;padding:0;display:grid;gap:12px}
.role li{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:18px;color:var(--dg);line-height:1.3}
.role li::before{content:"";width:18px;height:18px;margin-top:3px;border-radius:50%;background:var(--peach) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-7' fill='none' stroke='%23FF5721' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.role .q{margin-top:auto;border-top:1px solid var(--lg);padding-top:22px;display:grid;grid-template-columns:56px 1fr;gap:14px;align-items:start}
.role .q img{width:56px;height:56px;border-radius:50%;object-fit:cover;filter:grayscale(1)}
.role .q p{font-family:var(--serif);font-size:18px;line-height:1.28}
.role .q cite{display:block;font-family:var(--sans);font-style:normal;font-size:14px;color:var(--gray);margin-top:8px}
.paths{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.path{border-radius:20px;padding:clamp(24px,3vw,36px);display:flex;flex-direction:column;gap:12px}
.path.self{background:var(--chili);color:#fff}
.path.ent{background:var(--ink);color:#fff}
.path .k{font-family:var(--mono);font-size:12px;font-weight:700;text-transform:uppercase;opacity:.85}
.path h3{font-size:clamp(24px,2.2vw,30px);line-height:1.08}
.path p{opacity:.88;font-size:18px}
.path .btn{align-self:flex-start;margin-top:8px}
.btn-w{background:#fff;color:var(--ink);border:2px solid #fff}
.btn-w:hover{background:transparent;color:#fff}
.btn-wo{border:2px solid rgba(255,255,255,.5);color:#fff}
.btn-wo:hover{border-color:#fff;background:rgba(255,255,255,.08)}

/* funnel */
.funnel{background:#fff}
.fr{border:1px solid rgba(19,22,36,.1);border-radius:16px;overflow:hidden;background:#fff}
.fr-top{display:flex;align-items:center;gap:16px;padding:16px 22px;border-bottom:1px solid var(--lg);flex-wrap:wrap}
.fr-top b{font-size:17px}
.fr-tabs{display:flex;gap:4px}
.fr-tabs span{font-size:14px;font-weight:600;padding:5px 12px;border-radius:999px;color:var(--gray)}
.fr-tabs span.on{background:var(--peach);color:var(--chili)}
.illus{margin-left:auto;font-family:var(--mono);font-size:11px;font-weight:700;text-transform:uppercase;color:var(--amber);background:var(--amber-l);padding:4px 9px;border-radius:4px}
.fr-cols{display:grid;grid-template-columns:repeat(6,1fr);height:330px}
.fcol{border-right:1px solid var(--lg);position:relative;padding:16px 14px;display:flex;flex-direction:column}
.fcol:last-child{border-right:0}
.fcol b{font-family:var(--serif);font-size:26px;line-height:1}
.fcol span{font-size:14px;color:var(--dg);margin-top:4px;line-height:1.2}
.fcol .pct{font-family:var(--mono);font-size:11px;font-weight:700;color:var(--gray);margin-top:6px}
.fcol .drop{font-family:var(--mono);font-size:11px;font-weight:700;color:var(--chili);margin-top:2px}
.fbar{position:absolute;left:10px;right:10px;bottom:0;background:linear-gradient(180deg,#8A7BFF,var(--violet));border-radius:6px 6px 0 0;height:0;transition:height 1.1s var(--ease)}
.fcol:nth-child(5) .fbar,.fcol:nth-child(6) .fbar{background:linear-gradient(180deg,#FF8A5C,var(--chili))}
.fr.in .fbar{height:var(--h)}
.fcol:nth-child(2) .fbar{transition-delay:.08s}.fcol:nth-child(3) .fbar{transition-delay:.16s}.fcol:nth-child(4) .fbar{transition-delay:.24s}.fcol:nth-child(5) .fbar{transition-delay:.32s}.fcol:nth-child(6) .fbar{transition-delay:.4s}

/* integrations */
.integ{background:var(--cream2)}
.ig-card{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(28px,4vw,64px);align-items:center;background:#fff;border:1px solid var(--bs);border-radius:20px;padding:clamp(24px,3.4vw,44px)}
.ig-card h3{font-size:clamp(24px,2.2vw,32px);line-height:1.08;margin:12px 0 0}
.integ .flow{margin:0 0 26px}
.integ .flow li{border:1px solid var(--bs);box-shadow:0 6px 16px -12px rgba(19,22,36,.35)}
.integ .flow{column-gap:28px}
.integ .hub::after{color:var(--gray);content:"Qualify\A Route\A Book";white-space:pre;text-align:center;line-height:1.5}
.int-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:28px}
.int-row span{width:40px;height:40px;border-radius:10px;background:#fff;border:1px solid var(--bs);display:grid;place-items:center}
.int-row img{width:24px;height:24px;object-fit:contain}
.int-row a{margin-left:6px;color:var(--chili)}
.flow{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;margin:26px 0 22px}
.flow ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.flow li{background:#fff;color:var(--ink);border-radius:10px;padding:8px 10px;display:flex;align-items:center;gap:8px;font-size:14px;line-height:1.15}
.flow li img{width:22px;height:22px;object-fit:contain;flex:none}
.flow li small{display:block;color:var(--gray);font-size:12px}
.hub{width:76px;height:76px;border-radius:20px;background:var(--chili);display:grid;place-items:center;box-shadow:0 0 30px rgba(255,87,33,.5);position:relative}
.hub img{width:40px;filter:brightness(0) invert(1)}
.hub::after{content:"Qualify · Route · Book";position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);white-space:nowrap;font-family:var(--mono);font-size:11px;font-weight:700;color:rgba(255,255,255,.6)}

/* mcp: orbit animation, recreated from the Oct 30 homepage */
.mcp{background:var(--ink);color:#fff;position:relative;overflow:hidden}
.mcp .lead{color:rgba(255,255,255,.78)}
.mcp .h2 .v{color:#8A7BFF}
.mcp-intro{display:flex;flex-direction:column;align-items:flex-start;gap:24px;max-width:460px}
.mcp-demo{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,3.4vw,48px);align-items:stretch}
.mcp-orbit{--cp:92px;--tile:62px;--ring:130px;position:relative;display:grid;grid-template-rows:1fr auto;min-height:460px;padding:24px 24px 28px;overflow:hidden;border-radius:20px;border:1px solid #303549;
 background:radial-gradient(circle at 50% 42%,rgba(255,87,33,.16),transparent 34%) 50%,linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 50%/40px 40px,linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 50%/40px 40px,#191d2e}
.orbit-stage{position:relative;min-height:calc(2*var(--ring) + var(--tile) + 24px)}
.orbit-ring,.orbit-cp{position:absolute;top:50%;left:50%}
.orbit-ring{width:0;height:0;animation:orbit-spin 80s linear infinite}
.orbit-arm{position:absolute;top:0;left:0;width:0;height:0;transform:rotate(var(--a))}
.orbit-spoke{position:absolute;top:-.5px;left:0;width:var(--ring);height:1px;background:rgba(255,255,255,.16);transform-origin:0 50%;scale:0 1;transition:scale .46s cubic-bezier(.55,0,.7,.25) calc(var(--i)*60ms),background-color .3s ease}
.orbit-pos{position:absolute;top:0;left:0;transition:translate .46s cubic-bezier(.55,0,.7,.25) calc(var(--i)*60ms)}
.orbit-upright{position:absolute;left:calc(var(--tile)/-2);top:calc(var(--tile)/-2);width:var(--tile);height:var(--tile);transform:rotate(calc(-1*var(--a)));opacity:0;scale:.4;animation:orbit-counter 80s linear infinite;
 transition:scale .46s cubic-bezier(.55,0,.7,.25) calc(var(--i)*60ms),opacity .14s ease calc(var(--i)*60ms + .34s)}
.orbit-tile{display:block;width:100%;height:100%;border-radius:20%;box-shadow:0 0 0 1px rgba(255,255,255,.14),0 12px 26px -10px rgba(0,0,0,.7);transition:scale .3s cubic-bezier(.34,1.4,.64,1),box-shadow .3s}
.mcp-orbit[data-open] .orbit-spoke{scale:1;transition:scale .6s var(--ease) calc(var(--i)*90ms),background-color .3s ease}
.mcp-orbit[data-open] .orbit-pos{translate:var(--ring) 0;transition:translate .65s cubic-bezier(.34,1.45,.64,1) calc(var(--i)*90ms)}
.mcp-orbit[data-open] .orbit-upright{opacity:1;scale:1;transition:scale .65s cubic-bezier(.34,1.45,.64,1) calc(var(--i)*90ms),opacity .2s ease calc(var(--i)*90ms)}
.orbit-arm[data-on] .orbit-spoke{background:rgba(255,87,33,.6)}
.orbit-arm[data-on] .orbit-tile{scale:1.12;box-shadow:0 0 0 2px #191d2e,0 0 0 4px var(--chili),0 14px 30px -10px rgba(255,87,33,.55)}
.orbit-dot{position:absolute;top:-4px;left:-4px;width:8px;height:8px;border-radius:50%;background:#fff;opacity:0;box-shadow:0 0 0 3px rgba(255,87,33,.45),0 0 14px 2px rgba(255,87,33,.8);animation:orbit-dot 1.6s cubic-bezier(.45,0,.55,1) forwards}
.orbit-cp{z-index:2;width:var(--cp);height:var(--cp);margin:calc(var(--cp)/-2) 0 0 calc(var(--cp)/-2);background:var(--chili);border-radius:22%;box-shadow:0 16px 34px -10px rgba(255,87,33,.65),0 2px 6px rgba(0,0,0,.3)}
.orbit-cp::after{content:"";position:absolute;inset:17%;background:#fff;-webkit-mask:url(/home/img/cp-symbol-red.svg) 50%/contain no-repeat;mask:url(/home/img/cp-symbol-red.svg) 50%/contain no-repeat}
.orbit-pulse{position:absolute;inset:0;border-radius:inherit;animation:orbit-pulse .7s var(--ease) .68s both}
.mcp-orbit:not([data-live]) .orbit-ring,.mcp-orbit:not([data-live]) .orbit-upright{animation-play-state:paused}
.orbit-chip-row{display:flex;justify-content:center;min-height:48px}
.orbit-chip{display:inline-flex;align-items:center;gap:12px;max-width:100%;padding:9px 16px 9px 9px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:#fff;font:500 18px/1.3 var(--sans);transition:opacity .26s,translate .26s;animation:orbit-chip .36s var(--ease) both}
.orbit-chip[data-stage=leave]{opacity:0;translate:0 -6px}
.orbit-chip img{flex:none;width:30px;height:30px;border-radius:20%}
.orbit-check{flex:none;color:var(--lime);animation:orbit-chip .3s cubic-bezier(.34,1.45,.64,1) both}
.orbit-wait{flex:none;display:inline-flex;gap:3px;width:16px}
.orbit-wait b{width:4px;height:4px;border-radius:50%;background:var(--mid);animation:orbit-wait .9s ease-in-out infinite}
.orbit-wait b:nth-child(2){animation-delay:.15s}.orbit-wait b:nth-child(3){animation-delay:.3s}
@keyframes orbit-dot{0%{translate:calc(var(--ring) - var(--tile)/2) 0;opacity:0}6%{opacity:1}42%{translate:calc(var(--cp)/2) 0;opacity:1}48%,52%{translate:calc(var(--cp)/2) 0;opacity:0}58%{translate:calc(var(--cp)/2) 0;opacity:1}94%{opacity:1}to{translate:calc(var(--ring) - var(--tile)/2) 0;opacity:0}}
@keyframes orbit-pulse{0%{box-shadow:0 0 0 0 rgba(255,87,33,.7)}to{box-shadow:0 0 0 22px rgba(255,87,33,0)}}
@keyframes orbit-spin{to{rotate:360deg}}
@keyframes orbit-counter{to{rotate:-360deg}}
@keyframes orbit-chip{0%{opacity:0;translate:0 8px}}
@keyframes orbit-wait{0%,to{opacity:.3}50%{opacity:1}}
.mcp-quote{margin:0;display:flex;flex-direction:column;justify-content:space-between;gap:28px;padding:30px;background:#fff;color:var(--ink);border-radius:20px;overflow:hidden}
.mcp-quote-photo{aspect-ratio:21/9;margin:-30px -30px 0;background:#2a2a2a;overflow:hidden}
.mcp-quote-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;filter:grayscale(1)}
.mcp-quote blockquote{margin:0;font-family:var(--serif);font-weight:700;font-size:clamp(26px,2.4vw,34px);line-height:1.12;letter-spacing:-.01em;color:rgba(19,22,36,.45)}
.mcp-quote blockquote em{font-style:normal;color:var(--ink)}
.mcp-quote figcaption{display:flex;flex-direction:column;gap:4px}
.mcp-quote figcaption b{font-size:18px;font-weight:600}
.mcp-quote figcaption small{font-size:15px;color:var(--gray)}
@media (max-width:980px){
 .ig-card{grid-template-columns:1fr}
 .mcp-demo{grid-template-columns:1fr;gap:24px}
 .mcp-orbit{--cp:76px;--tile:52px;--ring:106px;min-height:0;padding:16px 12px 20px}
 .orbit-chip-row{padding-top:10px}
 .orbit-chip{font-size:16px}
}
@media (max-width:380px){.mcp-orbit{--cp:66px;--tile:44px;--ring:94px}}
@media (prefers-reduced-motion:reduce){
 .orbit-ring,.orbit-upright,.orbit-chip,.orbit-check{animation:none}
 .orbit-spoke,.orbit-pos,.orbit-upright,.orbit-tile{transition:none}
}

/* stories */
.stories{background:var(--cream)}
.feat{display:grid;grid-template-columns:.8fr 1.2fr;border-radius:20px;overflow:hidden;background:var(--ink);color:#fff;margin-bottom:20px}
.feat > img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);min-height:360px}
.feat-b{padding:clamp(28px,4vw,56px);display:flex;flex-direction:column;justify-content:center}
.feat-b .co{height:26px;width:auto;max-width:180px;align-self:flex-start;flex:none;object-fit:contain;margin-bottom:24px;filter:brightness(0) invert(1)}
.feat-b blockquote{margin:0;font-family:var(--serif);font-size:clamp(22px,2.3vw,32px);line-height:1.18;color:rgba(255,255,255,.72)}
.feat-b blockquote mark{background:none;color:#fff}
.feat-b cite{font-style:normal;margin-top:22px;font-size:16px;color:rgba(255,255,255,.7)}
.feat-b cite b{color:#fff;display:block;font-size:18px}
.scards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.sc{background:#fff;border:1px solid rgba(19,22,36,.1);border-radius:12px;padding:22px;display:flex;flex-direction:column;text-decoration:none;transition:border-color .2s,transform .3s var(--ease)}
a.sc:hover{border-color:var(--chili);transform:translateY(-3px)}
.sc .lgo{height:22px;width:110px;background:var(--ink);-webkit-mask-position:left center;mask-position:left center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.sc .m{font-family:var(--serif);font-size:40px;line-height:1;margin-top:22px;color:var(--chili)}
.sc .ml{font-size:15px;color:var(--dg);margin-top:4px}
.sc q{font-size:16px;line-height:1.35;margin-top:16px;display:block;color:var(--ink)}
.sc q::before{content:"“"}.sc q::after{content:"”"}
.sc .who{display:flex;gap:10px;align-items:center;margin-top:auto;padding-top:18px;background:none}
.sc .who img{width:38px;height:38px;border-radius:50%;object-fit:cover;filter:grayscale(1)}
.sc .who b{display:block;font-size:14px}
.sc .who small{font-size:12px;color:var(--gray);line-height:1.2;display:block}
.sc .rd{font-size:14px;font-weight:700;color:var(--chili);margin-top:12px}
.aviv{margin-top:20px;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;border:1px solid rgba(19,22,36,.1);border-radius:20px;padding:24px 28px;background:#fff}
.aviv img{width:84px;height:84px;border-radius:50%;object-fit:cover;filter:grayscale(1)}
.aviv p{font-family:var(--serif);font-size:clamp(18px,1.7vw,22px);line-height:1.25}
.aviv cite{display:block;font-style:normal;font-family:var(--sans);font-size:14px;color:var(--gray);margin-top:8px}
.g2{display:flex;flex-direction:column;align-items:center;gap:4px;padding-left:24px;border-left:1px solid var(--lg);text-decoration:none;text-align:center}
.g2 img{width:34px;height:34px}
.g2 b{font-family:var(--serif);font-size:30px;line-height:1}
.g2 small{font-size:13px;color:var(--gray)}

/* close */
.close{background:var(--white);padding:0 0 clamp(64px,8vw,112px)}
.problem{padding-bottom:clamp(48px,6vw,80px)}
.cta-panel{position:relative;overflow:hidden;border-radius:28px;background:#1E2246;color:#fff;display:grid;grid-template-columns:1.1fr minmax(320px,440px);gap:clamp(32px,5vw,88px);align-items:center;padding:clamp(40px,6vw,96px) clamp(24px,7vw,140px)}
.cta-swirl{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.cta-swirl path{stroke:#272C5A}
.cta-swirl path:nth-child(2){stroke:#252A55}
.cta-swirl path:nth-child(odd){animation:swirl 18s ease-in-out infinite alternate}
@keyframes swirl{to{transform:translate(-24px,10px)}}
.cta-copy,.cta-form{position:relative}
.cta-copy h2{font-size:clamp(36px,4.4vw,60px);line-height:1.04}
.g2pill{display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding:7px 8px 7px 14px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);text-decoration:none;color:#fff;font-size:16px}
.g2pill .st{color:var(--chili);letter-spacing:2px;font-size:15px}
.g2pill .st i{font-style:normal;color:rgba(255,87,33,.45)}
.g2pill b{font-weight:600;padding-right:10px;border-right:1px solid rgba(255,255,255,.2)}
.g2pill img{width:24px;height:24px}
.cta-form{background:#fff;color:var(--ink);border-radius:20px;padding:clamp(22px,2.4vw,32px);display:grid;gap:12px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.cta-form input,.cta-form select{width:100%;height:50px;border:1px solid var(--mid);border-radius:12px;padding:0 16px;font:400 17px var(--sans);color:var(--ink);background:#fff;appearance:none;-webkit-appearance:none}
.cta-form input::placeholder{color:var(--gray)}
.cta-form select:invalid{color:var(--gray)}
.cta-form input:focus,.cta-form select:focus{outline:2px solid var(--violet);outline-offset:1px;border-color:var(--violet)}
.cta-form .sel{position:relative}
.cta-form .sel::after{content:"";position:absolute;right:18px;top:50%;width:8px;height:8px;border-right:2px solid var(--dg);border-bottom:2px solid var(--dg);transform:translateY(-70%) rotate(45deg);pointer-events:none}
.cta-form .btn{width:100%;margin-top:6px;height:50px;font-size:18px}
.cta-form [aria-invalid=true]{border-color:var(--chili)}
.cta-ok{font-size:15px;line-height:1.35;color:var(--green);text-align:center;min-height:0}
.cta-ok:empty{display:none}
.cta-ok.err{color:var(--chili-dark)}
.cta-priv{justify-self:center;font-size:13px;color:var(--dg);text-decoration:none}
.cta-priv:hover{text-decoration:underline}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:980px){
 .cta-panel{grid-template-columns:1fr;padding:44px 22px 24px;border-radius:22px}
 .cta-copy h2{font-size:clamp(34px,8vw,48px)}
}

/* agents (rules ported from the original preview, scoped to #agents) */
@media (max-width:900px){#agents .jb-row[data-flip] .jb-vis{order:2}}
#agents .jb-vis{min-height:320px;font-family:var(--font-calibre);color:#131624;background:#fff;border:1px solid #13162424;border-radius:0;justify-content:center;align-items:center;padding:24px;display:flex;position:relative;overflow:hidden}
#agents .jb-vis.jb-art{aspect-ratio:3/2;isolation:isolate;background:#f8f4ef;border:0;min-height:0;padding:0}
#agents .jb-art[data-art=dusk]{background:#131316}
#agents .jb-art-svg{width:100%;height:100%;display:block;position:absolute;inset:0}
#agents .jb-art:after{content:"";pointer-events:none;opacity:.16;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}
#agents .jb-art[data-art=dusk]:after{mix-blend-mode:overlay;opacity:.5}
@media (prefers-reduced-motion:reduce){#agents .jb-rows[data-armed] .jb-row *,#agents .jb-rows[data-armed] .jb-row .jb-art svg *{opacity:1!important;stroke-dashoffset:0!important;transition:none!important;transform:none!important}}
#agents .seg{background:#ece8ff;border-radius:999px;grid-auto-columns:1fr;grid-auto-flow:column;width:max-content;max-width:100%;margin:0 auto;padding:4px;display:grid;position:relative}
#agents .seg button{all:unset;z-index:1;text-align:center;font:700 17px/1.2 var(--sans);letter-spacing:0;color:var(--purple);white-space:nowrap;cursor:pointer;border-radius:999px;padding:11px 26px;transition:color .2s;position:relative}
#agents .seg button:hover,#agents .seg button[data-on]{color:#090909}
#agents .seg button:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
#agents .seg-thumb{top:4px;bottom:4px;left:calc(4px + var(--on) * (100% - 8px) / var(--n));width:calc((100% - 8px) / var(--n));pointer-events:none;background:#fff;border-radius:999px;transition:left .42s cubic-bezier(.32,.72,0,1);position:absolute;box-shadow:0 1px 2px #543dff1a,0 4px 14px #543dff2e}
@media (max-width:900px){#agents .seg{border-radius:20px;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;gap:4px;width:100%;display:grid}#agents .seg button{padding:11px 12px;font-size:16px}#agents .seg button[data-on]{background:#fff;box-shadow:0 1px 2px #543dff1a,0 4px 14px #543dff2e}#agents .seg-thumb{display:none}}
@media (prefers-reduced-motion:reduce){#agents .seg button,#agents .seg-thumb{transition:none}}
#agents{padding-top:96px}
#agents .ag-head{text-align:center;flex-direction:column;align-items:center;margin-bottom:36px;padding:0 clamp(0px,14vw,230px);display:flex;position:relative}
#agents .ag-head p{max-width:520px;font-family:var(--hu-inter-400);color:#444;margin:20px auto 0;font-size:18px;line-height:1.5}
#agents .ag-mark-wrap{opacity:0;position:absolute;top:50%;right:clamp(0px,2vw,24px);transform:translate(calc(100% - 100vw))}
#agents .ag-head[data-seen] .ag-mark-wrap{animation:1.9s cubic-bezier(.22,1,.36,1) both ag-cross}
#agents .ag-head[data-seen] .ag-mark{animation:5s ease-in-out 1.9s infinite ag-float}
@keyframes ag-cross{0%{opacity:0;transform:translate(calc(100% - 100vw))rotate(-14deg)}12%{opacity:1}70%{opacity:1;transform:translate(14px)rotate(6deg)}to{opacity:1;transform:translate(0)rotate(0)}}
#agents .ag-mark{width:clamp(88px,9vw,128px);height:auto;display:block}
@keyframes ag-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(-2deg)}}
#agents .seg.ag-tabs{margin:0 auto 40px}
#agents .ag-stage{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(28px,4vw,64px);display:grid}
#agents .ag-stage>*{animation:.42s cubic-bezier(.32,.72,0,1) both ag-in}
#agents .ag-stage>.ag-vis{animation-delay:60ms}
@keyframes ag-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
#agents .ag-copy{flex-direction:column;align-items:flex-start;gap:24px;padding-left:clamp(0px,2vw,24px);display:flex}
#agents .ag-copy h3{max-width:460px;font:700 clamp(26px, 2.6vw, 36px)/1.14 var(--hu-inter-700);letter-spacing:-.035em;color:#555;text-wrap:pretty;margin:0}
#agents .ag-copy h3 em{color:#090909;font-style:normal}
#agents .ag-link{font:600 16px/1.2 var(--hu-inter-600);color:#131624;border-bottom:1.5px solid #131624;padding-bottom:2px;text-decoration:none}
#agents .ag-link:hover{color:var(--orange);border-color:var(--orange)}
#agents .ag-link i{margin-left:4px;font-style:normal}
#agents .ag-vis{border-radius:16px;justify-content:center;align-items:center;padding:clamp(20px,3vw,40px);display:flex;overflow:hidden}
#agents .ag-vis .ag-chat{z-index:1;grid-area:auto;align-self:auto;width:min(100%,340px);max-height:none;display:block;position:relative}
#agents .ag-vis:has(.ag-chat){aspect-ratio:auto;min-height:500px}
#agents .ag-vis .ag-chat .sui-chat{border:1px solid #1316241a;border-radius:14px;width:100%;box-shadow:0 24px 50px -24px #13162480}
#agents .ag-vis .ag-chat .sui-video{margin-top:2px}
#agents .ag-vis--plain{border-radius:0;padding:0;overflow:visible}
#agents .ag-lottie{z-index:1;width:min(100%,280px);position:relative}
#agents .ag-lottie[data-kind=meeting-prep]{width:min(100%,560px)}
#agents .asd{--asd-fg:#131624;--asd-med:#696e72;--asd-min:#8f9395;--asd-bg:#fafafb;--asd-dis:#ecedef;--asd-line:#e6e6e9;--asd-cell:#151d2314;z-index:1;width:min(100%,660px);font-family:var(--hu-inter-400), Arial, sans-serif;color:var(--asd-fg);grid-template-columns:184px minmax(0,1fr);gap:12px;display:grid;position:relative}
#agents .ag-vis:has(.asd){padding:20px}
#agents .asd-chat,#agents .asd-rules{background:var(--asd-bg);min-height:320px;box-shadow:0 8px 20px -8px #151d2352, inset 0 0 0 1px var(--asd-line);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}
#agents .asd-chat-head{height:40px;box-shadow:inset 0 -1px 0 0 var(--asd-line);flex:none;align-items:center;gap:8px;padding:0 14px;display:flex}
#agents .asd-chat-head b{font:600 12px/1 var(--hu-inter-600)}
#agents .asd-msgs{flex-direction:column;flex:1;gap:9px;padding:12px 12px 0;display:flex;overflow:hidden}
#agents .asd-msgs>*{opacity:0;transition:opacity .35s,translate .35s;translate:0 6px}
#agents .asd-msgs>[data-in]{opacity:1;translate:0}
#agents .asd-me{background:var(--asd-dis);max-width:92%;font:500 11px/1.35 var(--hu-inter-500);border-radius:10px;margin:0;padding:7px 10px}
#agents .asd-yes{align-self:flex-end}
#agents .asd-yes[data-in]{animation:1.6s ease-out forwards asd-yes}
@keyframes asd-yes{0%{background:#543dff29;box-shadow:0 0 0 5px #543dff1a}60%{box-shadow:none;background:#543dff14}to{background:var(--asd-dis)}}
#agents .asd-bot{font:500 11px/1.45 var(--hu-inter-500);align-items:flex-start;gap:7px;display:flex}
#agents .asd-bot>i{flex:none;margin-top:1px;font-style:normal}
#agents .asd-bot ul{box-shadow:inset 0 0 0 1px var(--asd-line);background:#fff;border-radius:8px;gap:4px;margin:6px 0 0;padding:8px 10px;line-height:1.2;list-style:none;display:grid}
#agents .asd-input{min-height:38px;box-shadow:inset 0 0 0 1px var(--asd-line);font:500 11px/18px var(--hu-inter-500);word-break:break-word;background:#fff;border-radius:9px;flex:none;align-items:flex-start;margin:10px 12px 12px;padding:9px 36px 9px 12px;display:flex;position:relative}
#agents .asd-ph{color:var(--asd-min)}
#agents .asd-input>b{background:var(--asd-dis);width:24px;height:24px;font:600 12px/1 var(--hu-inter-600);border-radius:6px;place-items:center;display:grid;position:absolute;bottom:7px;right:7px}
#agents .asd-caret{vertical-align:middle;background:var(--asd-fg);width:1px;height:12px;margin-left:1px;animation:1s step-end infinite asd-caret;display:inline-block}
@keyframes asd-caret{50%{opacity:0}}
#agents .asd-crumb{height:44px;box-shadow:inset 0 -1px 0 0 var(--asd-line);font:600 12px/1 var(--hu-inter-600);color:var(--asd-med);flex:none;align-items:center;gap:8px;padding:0 12px;display:flex}
#agents .asd-back{width:24px;height:24px;box-shadow:inset 0 0 0 1px var(--asd-line);color:var(--asd-fg);background:#fff;border-radius:6px;place-items:center;font-size:14px;display:grid}
#agents .asd-slash{color:var(--asd-fg)}
#agents .asd-crumb b{min-width:4px;min-height:22px;color:var(--asd-fg);border-bottom:1px dashed var(--asd-min);white-space:nowrap;text-overflow:ellipsis;align-items:center;display:inline-flex;overflow:hidden}
#agents .asd-body{flex:none;gap:6px;padding:16px 10px 16px 4px;display:flex}
#agents .asd-and-col{flex-direction:column;flex:none;justify-content:center;align-items:flex-end;gap:4px;width:54px;padding:12px 0;display:flex;position:relative}
#agents .asd-and-col svg{flex:1;width:18px;overflow:visible}
#agents .asd-and-col path{fill:none;stroke:#151d2324;stroke-width:1.5px;stroke-linecap:round}
#agents .asd-and{opacity:0;filter:drop-shadow(0 4px 8px #151d231a);flex:none;align-items:stretch;height:24px;transition:opacity .35s,scale .35s;display:inline-flex;scale:.85}
#agents .asd-and[data-in]{opacity:1;scale:1}
#agents .asd-and b{background:var(--purple);color:#fff;font:600 9.5px/1 var(--hu-inter-600);z-index:1;border-radius:6px;place-items:center;padding:0 9px;display:grid;position:relative}
#agents .asd-and>span{box-shadow:inset 0 0 0 1px var(--asd-cell);font:600 9.5px/1 var(--hu-inter-600);background:#fff;border-radius:0 6px 6px 0;align-items:center;margin-left:-3px;padding:0 7px 0 9px;display:flex}
#agents .asd-rows{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}
#agents .asd-row{height:38px;box-shadow:inset 0 0 0 1px var(--asd-cell);opacity:0;background:#fff;border-radius:7px;grid-template-columns:84px minmax(0,1.15fr) minmax(0,1.05fr) minmax(0,1fr);transition:opacity .45s,translate .45s;display:grid;overflow:hidden;translate:0 8px}
#agents .asd-row[data-in]{opacity:1;translate:0}
#agents .asd-cell{min-width:0;box-shadow:inset -1px 0 0 0 var(--asd-cell);font:500 10.5px/1 var(--hu-inter-500);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;padding:0 8px;display:flex;overflow:hidden}
#agents .asd-cell-co:after{content:"⌄";color:var(--asd-med);margin-left:auto}
#agents .asd-cell-co svg{color:var(--orange);flex:none}
#agents .asd-cell-v{box-shadow:none}
@media (max-width:900px){#agents{padding-top:64px}#agents .ag-head{margin-bottom:24px;padding:0}#agents .ag-mark-wrap{opacity:1;order:-1;margin-bottom:12px;position:static;transform:none;animation:none!important}#agents .ag-mark{width:72px}#agents .seg.ag-tabs{margin-bottom:24px}#agents .ag-stage{grid-template-columns:1fr;gap:20px}#agents .ag-copy{padding-left:0}#agents .ag-vis{aspect-ratio:auto;padding:20px 14px}#agents .asd{grid-template-columns:1fr}#agents .asd-chat,#agents .asd-rules{min-height:0}#agents .asd-row{grid-template-columns:78px minmax(0,1.3fr) minmax(0,1fr)}#agents .asd-cell:nth-child(3){display:none}}
@media (prefers-reduced-motion:reduce){#agents .ag-mark,#agents .ag-mark-wrap,#agents .ag-stage>*,#agents .asd-caret,#agents .asd-yes{animation:none!important}#agents .asd-msgs>*,#agents .asd-and,#agents .asd-row{transition:none}#agents .ag-mark-wrap{opacity:1;transform:none}}
#agents .sotl-ui-screen{opacity:0;flex-direction:column;grid-area:1/1;align-self:end;min-height:0;max-height:100%;display:flex}
#agents .sotl-ui-screen>*{min-height:0}
#agents .sotl-ui-screen[data-on]{animation:.62s cubic-bezier(.34,1.3,.64,1) .45s both sotl-ui-in}
@keyframes sotl-ui-in{0%{opacity:0;transform:translateY(28px)scale(.97)}to{opacity:1;transform:none}}
#agents .sui{color:#131624;font:400 14px/1.35 var(--hu-inter-400);text-align:left;background:#fff;border:1px solid #d6d2ca;border-radius:14px;grid-template-columns:44px minmax(0,1fr);display:grid;overflow:hidden;box-shadow:0 24px 50px -24px #13162480}
#agents .sui b{font-family:var(--hu-inter-600);font-weight:600}
#agents .sui small{color:#777;font-size:12px}
#agents .sui-web{flex-direction:column;min-height:0;display:flex}
#agents .sui-bar{background:#f1efea;border-bottom:1px solid #e2ded5;flex:none;align-items:center;gap:6px;height:30px;padding:0 12px;display:flex}
#agents .sui-bar i{background:#d4cfc4;border-radius:50%;width:9px;height:9px}
#agents .sui-bar span{background:#fff;border-radius:999px;flex:1;max-width:200px;height:18px;margin-left:10px}
#agents .sui-site{flex:auto;min-height:0;display:flex}
#agents .sui-lp{background:#f6f5f2;flex-direction:column;flex:1;gap:9px;min-width:0;padding:14px 16px;display:flex;overflow:hidden}
#agents .sui-lp s,#agents .sui-lp i{background:#e6e3dd;border-radius:6px;display:block}
#agents .sui-lp .sk-h{width:88%;height:15px}
#agents .sui-lp .sk-h2{width:62%}
#agents .sui-lp .sk-p{width:92%;height:7px;margin-top:4px}
#agents .sui-lp .sk-p2{width:70%;margin-top:0}
#agents .sui-chat{background:#fff;border-left:1px solid #e2ded5;flex-direction:column;flex:none;width:min(320px,58%);min-height:0;display:flex;overflow:hidden;box-shadow:-14px 0 28px -14px #13162466}
#agents .sui-chat-head{flex:none;align-items:center;gap:8px;padding:9px 12px;display:flex}
#agents .sui-chat-head img{object-fit:cover;border-radius:50%;width:22px;height:22px}
#agents .sui-chat-head b{flex:1;font-size:13px}
#agents .sui-chat-head>span{color:#555;gap:10px;display:flex}
#agents .sui-video{aspect-ratio:2;background:#0d0b1f;border-radius:10px;flex:0 auto;min-height:156px;margin:0 8px;position:relative;overflow:hidden}
#agents .sui-video img{object-fit:cover;object-position:50% 18%;transform-origin:50% 40%;width:100%;height:100%;animation:3.2s ease-in-out infinite sui-bob;display:block}
@keyframes sui-bob{0%,to{transform:scale(1.04)translateY(0)}50%{transform:scale(1.06)translateY(-3px)}}
#agents .sui-talk{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#444;background:#ffffffe6;border-radius:999px;align-items:center;gap:8px;height:28px;padding:0 10px;font-size:11.5px;display:flex;position:absolute;bottom:8px;left:8px;right:8px}
#agents .sui-talk>i{align-items:center;gap:2px;height:12px;display:flex}
#agents .sui-talk>i s{background:#2563eb;border-radius:2px;width:2.5px;height:100%;animation:.9s ease-in-out infinite alternate sui-eq;display:block}
#agents .sui-talk>i s:nth-child(2){animation-delay:-300ms}
#agents .sui-talk>i s:nth-child(3){animation-delay:-600ms}
#agents .sui-talk>i s:nth-child(4){animation-delay:-150ms}
@keyframes sui-eq{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}
#agents .sui-talk>span{color:#555;gap:8px;margin-left:auto;display:flex}
#agents .sui-ic-red{color:#e11d48}
#agents .sui-thread{flex-direction:column;flex:1 .08 auto;justify-content:flex-end;gap:8px;min-height:0;padding:10px 10px 8px;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 14px);mask-image:linear-gradient(#0000,#000 14px)}
#agents .sui-bub{border-radius:14px;max-width:86%;padding:8px 11px;font-size:12.5px;line-height:1.38;display:block}
#agents .sui-bub-me{color:#fff;background:#2563eb;border-bottom-right-radius:4px;align-self:flex-end}
#agents .sui-ans{flex-direction:column;align-items:flex-start;gap:4px;display:flex}
#agents .sui-bub-ai{color:#1d1d1f;background:#efefef;border-bottom-left-radius:4px;max-width:92%}
#agents .sui-ans small{color:#666;align-items:center;gap:5px;font-size:11px;display:flex}
#agents .sui-ans small img{object-fit:cover;border-radius:50%;width:14px;height:14px}
#agents .sui-typing{opacity:0;background:#efefef;border-radius:14px;align-self:flex-start;gap:4px;max-height:0;margin-top:-8px;padding:0 12px;display:flex;overflow:hidden}
#agents .sui-typing i{background:#999;border-radius:50%;width:6px;height:6px;animation:.9s ease-in-out infinite sui-dot}
#agents .sui-typing i:nth-child(2){animation-delay:.15s}
#agents .sui-typing i:nth-child(3){animation-delay:.3s}
@keyframes sui-dot{0%,to{opacity:.35;translate:0}50%{opacity:1;translate:0 -2px}}
#agents .sui-input{color:#999;border:1.5px solid #2563eb;border-radius:10px;flex:none;justify-content:space-between;align-items:center;height:32px;margin:0 8px 8px;padding:0 12px;font-size:12px;display:flex}
#agents .sui-web{position:relative}
#agents .sui .sui-offer{color:#fff;background:linear-gradient(135deg,#543dff,#7a5cff);border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;padding:16px 16px 14px;display:flex;box-shadow:0 14px 30px -16px #543dff99}
#agents .sui .sui-offer small{font:600 10.5px/1 var(--hu-inter-600);letter-spacing:.12em;text-transform:uppercase;color:#ffffffc7}
#agents .sui .sui-offer b{font:700 19px/1.1 var(--hu-inter-700);letter-spacing:-.02em}
#agents .sui .sui-offer span{color:#ffffffe0;font-size:12.5px}
#agents .sui .sui-offer em{color:#3a28d8;font:600 12px/1 var(--hu-inter-600);background:#fff;border-radius:999px;margin-top:6px;padding:7px 12px;font-style:normal}
#agents .sui-id{color:#fff;font:600 11.5px/1 var(--hu-inter-600);background:#131624;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;display:flex;position:absolute;top:42px;right:12px;box-shadow:0 10px 20px -10px #13162499}
#agents .sui-id i{background:var(--orange);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #ff572147}
#agents .sui-site-modal{min-height:250px;position:relative}
#agents .sui-site-modal:after{content:"";background:#13162438;position:absolute;inset:0}
#agents .sui-sched{z-index:1;box-sizing:border-box;background:#fff;border-radius:14px;flex-direction:column;gap:12px;width:min(320px,84%);padding:14px;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 24px 50px -20px #1316248c}
#agents .sui .ss-foot{color:#666;align-items:center;gap:6px;font-size:11px;display:flex}
#agents .sui-mail{flex-direction:column;display:flex}
#agents .sui .sm-subj{font:700 16px/1.2 var(--hu-inter-700);letter-spacing:-.01em}
#agents .sotl-ui-screen[data-on] .sui-hello{animation:.38s ease-out .9s backwards sui-msg}
#agents .sotl-ui-screen[data-on] .sui-bub-me:not(.sui-email){animation:.38s ease-out 1.5s backwards sui-msg}
#agents .sotl-ui-screen[data-on] .sui-typing{animation:1s linear 1.9s sui-typing}
#agents .sotl-ui-screen[data-on] .sui-reply{animation:.42s ease-out 2.9s backwards sui-msg}
#agents .sotl-ui-screen[data-on] .sui-email{animation:.38s ease-out 3.7s backwards sui-msg}
#agents .sotl-ui-screen[data-on] .sui-offer,#agents .sotl-ui-screen[data-on] .sui-sched{animation:.52s cubic-bezier(.34,1.3,.64,1) 1s backwards sui-pop}
#agents .sotl-ui-screen[data-on] .sui-id{animation:.38s ease-out 1.6s backwards sui-msg}
#agents .sotl-ui-screen[data-on] .ss-slots span:nth-child(3){animation:.28s 2.1s forwards sui-pick}
#agents .sotl-ui-screen[data-on] .sm-slots [data-pick]{animation:.28s 1.8s forwards sui-pick}
#agents .sotl-ui-screen[data-on] .sm-done{animation:.4s ease-out 2.3s backwards sui-msg}
@keyframes sui-pop{0%{opacity:0;transform:translateY(10px)scale(.96)}}
@keyframes sui-pick{to{background:var(--purple);color:#fff}}
@keyframes sui-msg{0%{opacity:0;transform:translateY(8px)}}
@keyframes sui-typing{0%{opacity:0;max-height:0;margin-top:-8px;padding:0 12px}12%,88%{opacity:1;max-height:40px;margin-top:0;padding:10px 12px}to{opacity:0;max-height:0;margin-top:-8px;padding:0 12px}}
@media (max-width:900px){#agents .sotl-ui-screen{align-self:start}#agents .sotl-ui-screen:not([data-on]){display:none}#agents .sui-site-chat .sui-lp{display:none}#agents .sui-chat{width:100%;box-shadow:none;border-left:0}}
@media (prefers-reduced-motion:reduce){#agents .sotl-ui-screen[data-on],#agents .sotl-ui-screen[data-on] .sui-hello,#agents .sotl-ui-screen[data-on] .sui-bub-me,#agents .sotl-ui-screen[data-on] .sui-typing,#agents .sotl-ui-screen[data-on] .sui-reply,#agents .sotl-ui-screen[data-on] .sui-email,#agents .sotl-ui-screen[data-on] .sui-offer,#agents .sotl-ui-screen[data-on] .sui-sched,#agents .sotl-ui-screen[data-on] .sui-id,#agents .sotl-ui-screen[data-on] .ss-slots span,#agents .sotl-ui-screen[data-on] .sm-slots span,#agents .sotl-ui-screen[data-on] .sm-done,#agents .sui-video img,#agents .sui-talk>i s,#agents .sui-typing i{animation:none}#agents .sotl-ui-screen[data-on]{opacity:1}}
#agents .sui-tag{color:#fff;font:600 11.5px/1 var(--hu-inter-600);background:#131624;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;display:inline-flex}
#agents .sui-tag>i{background:var(--orange);border-radius:50%;flex:none;width:7px;height:7px}
#agents .sui .ss-foot.sui-tag{color:#fff;align-self:flex-start;margin-top:4px}
#agents .sm-done.sui-tag{color:#fff;background:#131624;border-radius:999px;align-self:flex-start}
/* agents: variables bridging the original's tokens to this site */
#agents{--font-calibre:var(--sans);--orange:#FF5721;--purple:var(--violet);--hu-inter-400:var(--sans);--hu-inter-500:var(--sans);--hu-inter-600:var(--sans);--hu-inter-700:var(--sans);background:#fff;overflow:hidden}
#agents .ag-head .h2{margin:0}
#agents .ag-copy h3{font-family:var(--sans)}
#agents .ag-tabs button{font-family:var(--sans)}
#agents [hidden]{display:none!important}
#agents .ag-lottie svg{display:block;width:100%!important;height:auto!important}
/* agent network (new) */
.agn-wrap{margin-top:clamp(56px,7vw,96px);border-radius:24px;background:var(--ink);color:#fff;padding:clamp(22px,3vw,40px);position:relative;overflow:hidden}
.agn-wrap::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 70% at 85% 20%,rgba(84,61,255,.35),transparent 70%),radial-gradient(50% 60% at 10% 90%,rgba(255,87,33,.22),transparent 70%);pointer-events:none}
.agn-top{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:clamp(18px,2.4vw,28px)}
.agn-top h3{font-size:clamp(24px,2.4vw,34px);line-height:1.1;max-width:560px;margin-top:8px;color:#fff}
.agn-status{margin:0;display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:13px;color:#d9d2ff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:8px 14px;min-width:min(100%,340px);white-space:nowrap}
.agn-status i{width:8px;height:8px;border-radius:50%;background:var(--chili);box-shadow:0 0 0 0 rgba(255,87,33,.6);animation:agn-ping 1.6s ease-out infinite;flex:none}
.agn-status span{overflow:hidden;text-overflow:ellipsis}
@keyframes agn-ping{to{box-shadow:0 0 0 10px rgba(255,87,33,0)}}
.agn{position:relative;aspect-ratio:1000/440;border-radius:16px;background-color:rgba(255,255,255,.025);background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1.2px);background-size:22px 22px;border:1px solid rgba(255,255,255,.08)}
.agn-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.agn-lines path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round}
.agn-track{stroke:rgba(255,255,255,.18);stroke-width:1.5;stroke-dasharray:4 6}
.agn-lit{stroke:var(--chili);stroke-width:2.5;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 6px rgba(255,87,33,.7))}
.agn-lit-dash{stroke:#a99bff;filter:drop-shadow(0 0 6px rgba(169,155,255,.8))}
.agn-lit[data-on]{stroke-dashoffset:0;transition:stroke-dashoffset .7s cubic-bezier(.45,0,.55,1)}
.agn-dot{fill:#fff;opacity:0;filter:drop-shadow(0 0 8px #FF5721) drop-shadow(0 0 3px #FF5721);transition:opacity .2s}
.agn-dot[data-on]{opacity:1}
.agn-node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:15.2%;box-sizing:border-box;display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:12px;background:#1d2134;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 30px -22px #000;transition:border-color .3s,box-shadow .3s,background-color .3s,transform .3s;z-index:2}
.agn-node .agn-txt{min-width:0;display:flex;flex-direction:column;gap:2px}
.agn-kind{font-family:var(--mono);font-size:8.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#9aa0b4;line-height:1.1}
.agn-node b{font-size:14px;line-height:1.1;font-weight:600;color:#fff}
.agn-node span{font-size:12px;line-height:1.2;color:#b9bdcc}
.agn-av{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:none;border:2px solid rgba(255,255,255,.2)}
.agn-ic{flex:none;width:28px;height:28px;border-radius:8px;display:grid;place-items:center}
.agn-ic svg{width:18px;height:20px}
.agn-ic-real{background:rgba(255,87,33,.14)}
.agn-ic-custom{background:transparent;border:1.5px dashed #a99bff;color:#a99bff;font-size:18px;font-weight:600;line-height:1}
.agn-ic-out{background:#2a8a5c;color:#fff}.agn-ic-out svg{width:14px;height:14px}
.agn-custom{border-style:dashed;border-color:rgba(169,155,255,.55);background:#1c1b33}
.agn-ex{position:absolute;top:-9px;right:8px;font-style:normal;font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#1c1b33;background:#a99bff;border-radius:999px;padding:3px 7px;line-height:1}
.agn-out{background:#14231d;border-color:rgba(70,200,140,.35)}
.agn-node[data-on]{border-color:var(--chili);box-shadow:0 0 0 1.5px var(--chili),0 0 28px -4px rgba(255,87,33,.65);transform:translate(-50%,-50%) scale(1.04)}
.agn-custom[data-on]{border-color:#a99bff;box-shadow:0 0 0 1.5px #a99bff,0 0 28px -4px rgba(169,155,255,.7)}
.agn-out[data-on]{border-color:#46c88c;box-shadow:0 0 0 1.5px #46c88c,0 0 34px -2px rgba(70,200,140,.7);background:#173a2a}
.agn-build{position:relative;margin-top:clamp(16px,2vw,24px);display:flex;align-items:center;gap:18px;padding:16px 18px;border-radius:16px;border:1.5px dashed rgba(169,155,255,.55);background:rgba(84,61,255,.12)}
.agn-build-ic{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:26px;font-weight:600;color:#fff;background:var(--violet);box-shadow:0 0 0 6px rgba(84,61,255,.18)}
.agn-build b{font-size:18px;font-weight:600}
.agn-build p{margin:4px 0 0;font-size:15px;line-height:1.4;color:#c9cbe0;max-width:640px}
.agn-build .btn{margin-left:auto;flex:none;background:#fff;color:var(--ink);border-color:#fff}
.agn-note{position:relative;margin:14px 0 0;font-size:12.5px;color:#8f94a8}
@media (max-width:1180px){.agn-node{width:16.4%;padding:8px}.agn-node b{font-size:12.5px}.agn-node span{font-size:11px}.agn-ic,.agn-av{width:24px;height:24px}}
@media (max-width:900px){
 .agn-top{flex-direction:column;align-items:flex-start}
 .agn{aspect-ratio:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px;grid-template-areas:"vis vis" "spam spam" "enrich event" "assist assist" "chat chat" "prep plg" "outA outB"}
 .agn-lines{display:none}
 .agn-node{position:relative;left:auto;top:auto;transform:none;width:auto}
 .agn-node[data-on]{transform:scale(1.02)}
 .agn-node[data-n=vis]{grid-area:vis}.agn-node[data-n=spam]{grid-area:spam}.agn-node[data-n=enrich]{grid-area:enrich}.agn-node[data-n=event]{grid-area:event}.agn-node[data-n=assist]{grid-area:assist}.agn-node[data-n=chat]{grid-area:chat}.agn-node[data-n=prep]{grid-area:prep}.agn-node[data-n=plg]{grid-area:plg}.agn-node[data-n=outA]{grid-area:outA}.agn-node[data-n=outB]{grid-area:outB}
 .agn-node b{font-size:14px}.agn-node span{font-size:12px}
 .agn-build{flex-direction:column;align-items:flex-start}
 .agn-build .btn{margin-left:0}
 .agn-status{white-space:normal}
}
@media (prefers-reduced-motion:reduce){.agn-lit[data-on],.agn-node,.agn-dot{transition:none}.agn-status i{animation:none}.agn-node[data-on]{transform:translate(-50%,-50%)}}
@media (prefers-reduced-motion:reduce) and (max-width:900px){.agn-node[data-on]{transform:none}}

/* loved by the best (recreated from the original preview) */
.loved{background:#fff;padding-top:clamp(72px,9vw,120px)}
.lv-head{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:clamp(40px,5vw,64px)}
.lv-head .h2{margin:0}
.lv-rec{display:flex;flex-direction:column;align-items:flex-start;gap:14px;max-width:390px}
.lv-rec p{font-size:16px;line-height:1.5;color:var(--ink);margin:0}
.lv-g2{display:inline-flex;align-items:center;gap:14px;text-decoration:none}
.lv-stars{display:flex;gap:3px}
.lv-star{position:relative;width:18px;height:18px}
.lv-star svg{position:absolute;inset:0;width:18px;height:18px}
.lv-star>span{position:absolute;inset:0;overflow:hidden}
.lv-g2 b{font-size:19px;font-weight:600;color:var(--ink);letter-spacing:-.01em}
.lv-g2 i{width:1px;height:28px;background:rgba(19,22,36,.14)}
.lv-g2 img{width:32px;height:32px}
.lv-wall{display:grid;grid-template-columns:1.35fr .75fr .9fr 1fr;grid-template-rows:280px 280px;gap:2px;background:#090909}
.lv-tile{margin:0;position:relative;overflow:hidden;background:#181818}
.lv-tile img,.lv-tile video{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.03);transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.lv-tile:hover img,.lv-tile:hover video{transform:scale(1.03)}
.lv-tile figcaption{position:absolute;left:24px;right:24px;bottom:20px;color:#fff;font-size:15px;font-weight:600;line-height:1.3;text-shadow:0 1px 12px rgba(0,0,0,.35)}
.lv-wide{grid-column:1/3}
.lv-tall{grid-area:1/3/3}
.lv-video{grid-area:1/4}
.lv-statement{grid-area:2/1/auto/3;background:var(--violet);color:#fff;display:flex;gap:28px;padding:28px;min-height:0}
.lv-aviv{height:100%;aspect-ratio:1;flex:none;object-fit:cover;object-position:50% 20%;filter:grayscale(1)}
.lv-copy{display:flex;flex-direction:column;justify-content:space-between;min-width:0}
.lv-copy blockquote{margin:0;font-size:clamp(17px,1.35vw,20px);line-height:1.22;font-weight:600;letter-spacing:-.01em}
.lv-who{display:flex;flex-direction:column;gap:3px}
.lv-who b{font-size:16px;font-weight:600}
.lv-who small{font-size:14px;color:#d9d2ff}
.lv-stat{grid-area:2/4;background:var(--chili);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;padding:28px}
.lv-stat strong{font-size:72px;line-height:.8;font-weight:700;letter-spacing:-.05em}
.lv-stat span{font-size:17px;line-height:1.3;font-weight:600;max-width:230px}
@media (max-width:1100px) and (min-width:851px){.lv-statement{gap:20px;padding:22px}.lv-copy blockquote{font-size:16px}}
@media (max-width:850px){
 .lv-head{flex-direction:column;align-items:flex-start;gap:24px}
 .lv-wall{grid-template-columns:1fr 1fr;grid-template-rows:260px 260px auto 260px}
 .lv-wide{grid-column:1/-1}
 .lv-tall{grid-area:2/1}
 .lv-video{grid-area:2/2}
 .lv-statement{grid-area:3/1/auto/-1;flex-direction:column;gap:18px;padding:24px}
 .lv-aviv{width:140px;height:140px}
 .lv-who{margin-top:16px}
 .lv-stat{grid-area:4/1/auto/-1}
}
@media (prefers-reduced-motion:reduce){.lv-tile img,.lv-tile video{transition:none}.lv-tile:hover img,.lv-tile:hover video{transform:none}}

/* integrations network (ported from the original preview's ig-net) */
.integ .ig-card{grid-template-columns:minmax(0,.72fr) minmax(0,1.5fr)}
.ig-li-note{margin:12px 0 0;font-size:14px;line-height:1.4;color:var(--gray)}
.ig-li-note a{color:inherit;text-decoration:none;border-bottom:1px solid var(--lg)}
.ig-li-note a:hover{color:var(--ink);border-color:var(--violet)}
.ig-li-note b{color:var(--violet);font-weight:600}
.ign{position:relative;aspect-ratio:700/330;border-radius:14px;background-color:#fbfbf9;background-image:linear-gradient(#efefea 1px,transparent 1px),linear-gradient(90deg,#efefea 1px,transparent 1px);background-size:28px 28px;border:1px solid var(--bs);overflow:hidden}
.ign-lines{position:absolute;inset:0;width:100%;height:100%}
.ign-lines path{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}
.ign-track{stroke:#d2cfdb;stroke-width:2;stroke-dasharray:5 6}
.ign-lit{stroke:var(--violet);stroke-width:2.5;stroke-dasharray:1;stroke-dashoffset:1}
.ign-lit[data-on]{stroke-dashoffset:0;transition:stroke-dashoffset .95s cubic-bezier(.45,0,.55,1)}
.ign-ends circle{fill:#fff;stroke:#b9b4c8;stroke-width:2;vector-effect:non-scaling-stroke}
.ign-dot{fill:var(--chili);opacity:0;filter:drop-shadow(0 0 5px rgba(255,79,31,.7));transition:opacity .16s}
.ign-dot[data-on]{opacity:1}
.ign-col{position:absolute;top:4.5%;margin:0;z-index:2;font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--silver)}
.ign-col-in{left:2%}.ign-col-mid{left:50%;transform:translateX(-50%)}.ign-col-out{left:69.43%}
.ign-card{position:absolute;z-index:2;top:var(--y);transform:translateY(-50%);width:28.57%;min-height:21%;box-sizing:border-box;padding:10px 12px;display:flex;flex-direction:column;justify-content:center;gap:5px;background:#fff;border:1px solid rgba(19,22,36,.1);border-radius:12px;box-shadow:0 14px 30px -24px rgba(19,22,36,.5);transition:border-color .3s,box-shadow .3s,background-color .3s}
.ign-src{left:2%}.ign-dest{right:2%}
.ign-card[data-on]{border-color:var(--violet);box-shadow:0 0 0 1.5px var(--violet),0 14px 32px -20px rgba(84,61,255,.5);background:#f6f4ff}
.ign-brand{display:flex;align-items:center;gap:8px;height:20px}
.ign-brand img{width:20px;height:20px;object-fit:contain;flex:none}
.ign-brand img.ign-word{width:auto;height:18px;max-width:82px}
.ign-brand b{font-size:15px;font-weight:600;color:var(--ink);line-height:1}
.ign-excl{margin-left:auto;font-style:normal;font-family:var(--mono);font-size:9.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--violet);background:var(--violet-l);border-radius:20px;padding:3px 7px;line-height:1}
.ign-ev{font-size:13px;line-height:1.3;color:var(--gray);transition:color .3s}
.ign-card[data-on] .ign-ev{color:var(--ink)}
.ign-dest .ign-ev.swap{animation:ign-in .42s both}
@keyframes ign-in{0%{opacity:0;transform:translateY(4px)}}
.ign-hub{position:absolute;z-index:3;left:50%;top:var(--y);width:0;height:0}
.ign-tile{position:absolute;width:76px;height:76px;left:-38px;top:-38px;border-radius:20px;background:var(--chili);box-shadow:0 12px 26px -10px rgba(255,87,33,.6)}
.ign-tile::after{content:"";position:absolute;inset:19%;background:#fff;-webkit-mask:url(/home/img/cp-symbol-red.svg) center/contain no-repeat;mask:url(/home/img/cp-symbol-red.svg) center/contain no-repeat}
.ign-tile[data-on]{animation:ign-pulse 1.2s ease-out infinite}
@keyframes ign-pulse{0%{box-shadow:0 12px 26px -10px rgba(255,87,33,.6),0 0 0 0 rgba(255,87,33,.5)}to{box-shadow:0 12px 26px -10px rgba(255,87,33,.6),0 0 0 20px rgba(255,87,33,0)}}
.ign-hub-l{display:none}
@media (max-width:1180px) and (min-width:981px){.ign-ev{font-size:12px}.ign-brand b{font-size:14px}.ign-tile{width:64px;height:64px;left:-32px;top:-32px;border-radius:17px}}
@media (max-width:900px){
 .ign{aspect-ratio:auto;display:grid;gap:10px;padding:14px;background-size:24px 24px}
 .ign-lines,.ign-col{display:none}
 .ign-card{position:relative;top:auto;left:auto;right:auto;transform:none;width:100%;min-height:0}
 .ign-src{order:1}.ign-hub{order:2;position:relative;left:auto;top:auto;width:auto;height:auto;display:flex;align-items:center;justify-content:center;gap:12px;padding:6px 0}
 .ign-tile{position:relative;left:auto;top:auto;width:52px;height:52px;border-radius:14px;flex:none}
 .ign-hub-l{display:block;font-family:var(--mono);font-size:11px;font-weight:700;text-transform:uppercase;color:var(--gray)}
 .ign-dest{order:3}
}
@media (prefers-reduced-motion:reduce){.ign-lit[data-on],.ign-card,.ign-ev{transition:none}.ign-tile[data-on],.ign-dest .ign-ev.swap{animation:none}}

/* live signals ticker (recreated from chilipiper.com) */
.close:has(+ .signals-end){padding-bottom:clamp(36px,4.5vw,56px)}
.signals.signals-end{background:var(--white);padding-top:0;padding-bottom:clamp(56px,7vw,88px);border-bottom:1px solid var(--lg)}
.tag-logo{display:inline-block;vertical-align:-2px;margin-right:6px;border-radius:4px}
.signals{background:var(--cream);overflow:hidden;padding-block:clamp(48px,6vw,80px)}
.sig-head{display:flex;align-items:center;gap:10px;margin-bottom:28px}
.sig-head h2{font-family:var(--mono);font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:0;color:var(--ink)}
.sig-dot{position:relative;width:8px;height:8px;flex:none;border-radius:50%;background:var(--chili)}
.sig-dot::before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--chili);opacity:.6;animation:sig-ping 1s cubic-bezier(0,0,.2,1) infinite}
@keyframes sig-ping{75%,to{opacity:0;transform:scale(2)}}
.sig-rows{display:flex;flex-direction:column;gap:14px}
.sig-fade{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6% 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6% 94%,transparent)}
.sig-track{display:flex;width:max-content;gap:14px;padding-right:14px}
.sig-fade:hover .sig-track{animation-play-state:paused!important}
.sg-set{display:flex;flex-shrink:0;gap:14px}
.sg{display:flex;flex-shrink:0;align-items:center;gap:8px;white-space:nowrap;border-radius:34px;padding:9px 18px;background:var(--cream2);color:rgba(19,22,36,.65);font:500 16px/1.2 var(--sans);letter-spacing:0}
.sg svg{width:15px;height:15px;flex:none}
.sg svg circle{opacity:.35}
.sg-chili,.sg-chat,.sg-concierge,.sg-distro,.sg-handoff{background:#fff;border:2px solid currentColor;padding:7px 18px;font-weight:600}
.sg-chili svg circle,.sg-chat svg circle,.sg-concierge svg circle,.sg-distro svg circle,.sg-handoff svg circle{opacity:1}
.sg-chili{color:#FF5721}.sg-chat{color:#3529BF}.sg-concierge{color:#543DFF}.sg-distro{color:#7360EB}.sg-handoff{color:#C038E2}
@keyframes sig-left{0%{transform:translate(0)}to{transform:translate(-50%)}}
@keyframes sig-right{0%{transform:translate(-50%)}to{transform:translate(0)}}
@media (max-width:767px){.sg{font-size:15px;padding:8px 15px}.sg-chili,.sg-chat,.sg-concierge,.sg-distro,.sg-handoff{padding:6px 15px}.sig-head h2{font-size:13px}}
@media (prefers-reduced-motion:reduce){.sig-track{animation:none!important}.sig-dot::before{display:none}}

/* footer */
.ftr{background:var(--ink);color:rgba(255,255,255,.7);padding:64px 0 28px;font-size:16px}
.ftr-top{display:grid;grid-template-columns:minmax(220px,1fr) 4fr;gap:40px}
.ftr-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:28px 22px}
.ftr-grid li a{display:inline-flex;align-items:center;gap:5px;line-height:1.25}
.ftr-ext{width:11px;height:11px;opacity:.7;flex:none}
.ftr-social{display:flex;gap:10px;margin-top:18px}
.ftr-social a{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.35);display:grid;place-items:center;color:#fff;transition:background .2s,color .2s}
.ftr-social a:hover{background:#fff;color:var(--ink)}
.ftr-social svg{width:18px;height:18px}
.ftr-up{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer;padding:0}
.ftr-up svg{width:16px;height:16px}
.ftr-up:hover{background:#fff;color:var(--ink)}
.legal{align-items:center}
@media (max-width:1280px){.ftr-top{grid-template-columns:1fr}.ftr-grid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:640px){.ftr-grid{grid-template-columns:1fr 1fr!important}.ftr-grid > div:first-child{grid-column:auto!important}}
.ftr h4{font-family:var(--mono);font-size:13px;color:var(--chili);text-transform:uppercase;letter-spacing:0;margin-bottom:14px}

.ftr ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ftr a{text-decoration:none}
.ftr a:hover{color:#fff}
.ftr .brandf-mark{display:inline-block;margin-bottom:16px}.ftr .brandf-mark img{height:44px;width:44px;display:block;filter:brightness(0) invert(1)}
.badges{display:flex;gap:10px;margin-top:18px}
.badges img{height:44px;width:auto}
.legal{margin-top:48px;border-top:1px solid rgba(255,255,255,.1);padding-top:22px;display:flex;flex-wrap:wrap;gap:12px 22px;font-size:14px;justify-content:space-between}
.legal div{display:flex;gap:18px;flex-wrap:wrap}
.proto{font-family:var(--mono);font-size:12px;color:var(--yellow)}

/* reveal */
.rv{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .8s var(--ease)}
.rv.in{opacity:1;transform:none}
.rv.d1{transition-delay:.08s}.rv.d2{transition-delay:.16s}.rv.d3{transition-delay:.24s}

/* responsive */
@media (max-width:1180px){
 .stats{grid-template-columns:repeat(3,1fr)}
 .stat:nth-child(3){border-right:0}
 .stat:nth-child(n+4){border-top:1px solid var(--lg)}
 .plat{grid-template-columns:1fr 1fr}
 .scards{grid-template-columns:1fr 1fr}
 .ftr-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:980px){
 .hero-grid{grid-template-columns:1fr;gap:40px}
 .hv{justify-self:center;max-width:560px}
 .sec-head{grid-template-columns:1fr}
 .leak{grid-template-columns:1fr}
 .j-grid{grid-template-columns:1fr}
 .j-stage{display:none}
 .j-step{min-height:auto;padding:0 0 44px}
 .j-mobile-ui{display:block;margin-top:22px;position:relative;border-radius:18px;background:var(--midnight);padding:18px;overflow:hidden}
 .j-mobile-ui .scr{position:relative;opacity:1;transform:none;translate:none}
 .roles,.paths,.plat-under{grid-template-columns:1fr}
 .feat{grid-template-columns:1fr}
 .feat > img{min-height:0;aspect-ratio:16/11;object-position:50% 25%}
 .fr-cols{grid-template-columns:repeat(3,1fr);height:auto}
 .fcol{height:210px;border-bottom:1px solid var(--lg)}
 .fcol:nth-child(3){border-right:0}
}
@media (max-width:767px){
 body{font-size:18px}
 .hdr{top:10px;padding-inline:10px}
 .hdr-in{padding:6px 6px 6px 16px}
 .hdr .brand img{height:30px;width:30px}
 .hdr-cta .login{display:none}
 .hdr-cta{margin-left:auto}
 .menu-btn{display:flex;margin-left:6px}
 .mnav.open{display:block;pointer-events:auto;max-width:1240px;margin:8px auto 0;background:#fff;border:1px solid rgba(19,22,36,.08);border-radius:20px;padding:10px;box-shadow:0 12px 40px rgba(19,22,36,.12)}
 .mnav a{display:block;padding:12px 14px;text-decoration:none;font-weight:600;border-radius:10px}
 .mnav a:hover{background:var(--cream2)}
 .hero h1{font-size:clamp(38px,10.4vw,52px)}
 .cta-row .btn{flex:1 1 auto}
 .hv{aspect-ratio:auto;padding:16px 14px 96px}
 .hv-card{position:relative;left:auto;right:auto;top:auto;padding:14px 14px 6px}
 .tl em{display:none}
 .hv-note{left:5%;bottom:4%;max-width:44%}
 .hv-result{right:4%;bottom:4%}
 .stats{grid-template-columns:1fr 1fr}
 .stat{border-right:1px solid var(--lg)!important;border-top:1px solid var(--lg)}
 .stat:nth-child(2n){border-right:0!important}
 .stat:nth-child(-n+2){border-top:0}
 .stat:last-child{grid-column:1/-1;border-right:0!important}
 .plat,.scards{grid-template-columns:1fr}
 .flow{grid-template-columns:1fr;justify-items:stretch}
 .hub{justify-self:center;margin:4px 0 26px}
 .aviv{grid-template-columns:1fr;text-align:left}
 .g2{border-left:0;border-top:1px solid var(--lg);padding:16px 0 0;flex-direction:row;gap:10px;justify-content:flex-start}
 .fr-cols{grid-template-columns:1fr 1fr}
 .fcol:nth-child(3){border-right:1px solid var(--lg)}
 .fcol:nth-child(2n){border-right:0}
 .ftr-grid{grid-template-columns:1fr 1fr}
 .j-steps{padding-left:38px}
 .j-dot{left:-38px}
 .j-mobile-ui .scr{translate:none}
 .j-rail{left:13px}
}
@media (max-width:420px){
 .hdr-cta .btn-sm{padding:0 14px;font-size:16px}
 .marquee ul{gap:44px}
}
@media (prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .rise,.rv{opacity:1!important;transform:none!important;filter:none!important}
 .marquee{flex-wrap:wrap;width:auto;justify-content:center}
 .marquee ul[aria-hidden]{display:none}
 .marquee ul{flex-wrap:wrap;justify-content:center;row-gap:24px}
}

/* Tainah chat (front-end replica of the Chili Piper avatar chat) */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:root{--tn-w:clamp(360px,28vw,420px)}

@media (max-width:1023.98px){
}
@media (prefers-reduced-motion:reduce){}

.hdr .brand{position:relative}

@media (min-width:1024px) and (max-width:1279px){}

/* === Header shadow === */
.hdr-in{position:relative;box-shadow:0 8px 24px -14px rgba(19,22,36,.16)}
.hdr.scrolled .hdr-in{box-shadow:0 8px 30px rgba(19,22,36,.08)}

/* ---- Mobile QA (round 14) ---- */
/* modals: respect notches / home indicator */

/* integrations card: stack vertically on tablet/phone instead of squeezing two columns */
@media (max-width:900px){.integ .ig-card{grid-template-columns:1fr}}
@media (max-width:1023.98px){
 /* readable type */
 .tl li,.agn-build p,.ig-li-note,.src{font-size:16px}
 .hv-note,.logos-cap,.fict,.agn-status,.agn-note{font-size:14px}
 /* tap targets >= 44px */
 .brand{min-height:44px;display:inline-flex;align-items:center}
 .menu-btn{min-width:44px;min-height:44px}
 .chip{min-height:44px;padding:10px 14px 10px 12px}
 #agents .seg button{padding:13px 12px;min-height:44px;box-sizing:border-box}
 .link,.ag-link,.cta-priv,.lv-g2,.g2pill{min-height:44px;display:inline-flex;align-items:center}
 .cta-priv{font-size:14px;padding:0 8px}
 .ftr ul{gap:0}
 .ftr-grid li a{min-height:44px}
 .ftr-social a,.ftr-up{width:44px;height:44px}
 .hero-proof a,.legal div a{min-height:44px;display:inline-flex;align-items:center}
 .brand{min-width:44px;justify-content:center}
 .login{min-height:44px;display:inline-flex;align-items:center}
}
@media (max-width:767px){
 /* lighter animation on small screens */
}
@media (max-width:389px){.hdr-cta{gap:4px}.hdr-cta .btn-sm{padding-left:10px;padding-right:10px}.menu-btn{margin-left:0;flex:none}}

/* === Journey voice mode (round 14) — illustrative, no audio === */
.agent{flex-wrap:wrap}
.agent .av{position:relative;flex:none}
.vx-eq{position:absolute;right:-7px;bottom:-5px;display:flex;align-items:flex-end;gap:1.5px;height:12px;padding:2px 3px;background:#fff;border-radius:6px;box-shadow:0 1px 3px rgba(19,22,36,.25)}
.vx-eq i{display:block;width:2px;border-radius:1px;background:var(--chili);height:50%;transform-origin:bottom}
.vx-eq i:nth-child(2){height:90%}.vx-eq i:nth-child(3){height:65%}.vx-eq i:nth-child(4){height:35%}
.vx-mode{margin-left:auto;display:inline-flex;padding:2px;border-radius:999px;background:var(--cream2);border:1px solid var(--lg);font-size:11px;font-weight:600;line-height:1}
.vx-mode>span{display:inline-flex;align-items:center;gap:3px;padding:4px 8px;border-radius:999px;color:var(--gray)}
.vx-mode>span.on{background:var(--ink);color:#fff}
.vx-msg{display:flex;flex-direction:column;gap:5px;min-width:0}
.vx-row{display:flex;align-items:center;gap:8px}
.vx-play{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.22)}
.vx-play::before{content:"";border-left:7px solid currentColor;border-top:4.5px solid transparent;border-bottom:4.5px solid transparent;margin-left:2px}
.vx-a .vx-play{background:var(--chili);color:#fff}
.vx-wave{flex:1;min-width:60px;display:flex;align-items:center;gap:2px;height:20px}
.vx-wave i{display:block;flex:1;max-width:3px;min-width:2px;border-radius:2px;background:currentColor;opacity:.85}
.vx-a .vx-wave i{background:var(--chili)}
.vx-wave i:nth-child(1){height:30%;--d:0.00s}.vx-wave i:nth-child(2){height:55%;--d:0.07s}.vx-wave i:nth-child(3){height:80%;--d:0.14s}.vx-wave i:nth-child(4){height:45%;--d:0.21s}.vx-wave i:nth-child(5){height:95%;--d:0.28s}.vx-wave i:nth-child(6){height:60%;--d:0.35s}.vx-wave i:nth-child(7){height:35%;--d:0.42s}.vx-wave i:nth-child(8){height:70%;--d:0.49s}.vx-wave i:nth-child(9){height:100%;--d:0.06s}.vx-wave i:nth-child(10){height:50%;--d:0.13s}.vx-wave i:nth-child(11){height:75%;--d:0.20s}.vx-wave i:nth-child(12){height:40%;--d:0.27s}.vx-wave i:nth-child(13){height:85%;--d:0.34s}.vx-wave i:nth-child(14){height:55%;--d:0.41s}.vx-wave i:nth-child(15){height:30%;--d:0.48s}.vx-wave i:nth-child(16){height:65%;--d:0.05s}.vx-wave i:nth-child(17){height:45%;--d:0.12s}.vx-wave i:nth-child(18){height:25%;--d:0.19s}
.vx-t{flex:none;font-family:var(--mono);font-size:11px;opacity:.85}
.vx-tr{font-size:12px;line-height:1.35;opacity:.9}
.vx-u .vx-tr{color:rgba(255,255,255,.92)}
.vx-a .vx-tr{color:var(--dg,#3b3f52)}
.vx-act{display:inline-flex;align-items:center;gap:10px}
.vx-mic{position:relative;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--cream2);color:var(--ink)}
.vx-mic::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--chili);opacity:0}
/* sequence: runs when .vplay is added (scroll-in). Without it everything sits in its final static state. */
@keyframes vxIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes vxBar{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
@keyframes vxPulse{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(1.7)}}
@keyframes vxMicOn{0%,100%{background:var(--chili);color:#fff}}
@keyframes vxW{from{opacity:0}to{opacity:1}}
.chat.vplay .vx-u{animation:vxIn .35s var(--ease) .3s both}
.chat.vplay .vx-u .vx-wave i{animation:vxBar .45s ease-in-out calc(.5s + var(--d,0s)) 3}
.chat.vplay .vx-a{animation:vxIn .35s var(--ease) 2.1s both}
.chat.vplay .vx-a .vx-wave i{animation:vxBar .45s ease-in-out calc(2.2s + var(--d,0s)) 5}
.chat.vplay .vx-eq i{animation:vxBar .32s ease-in-out 2.1s 8}
.chat.vplay .vx-eq i:nth-child(2){animation-delay:2.2s}.chat.vplay .vx-eq i:nth-child(3){animation-delay:2.15s}.chat.vplay .vx-eq i:nth-child(4){animation-delay:2.25s}
.chat.vplay .vx-type w{animation:vxW .18s linear both}
.chat.vplay .vx-mic{animation:vxMicOn 1.7s step-end .2s 1}
.chat.vplay .vx-mic::after{animation:vxPulse .85s ease-out .2s 2}
.chat.vplay .inp>span:first-child{animation:vxW .4s linear 4.4s both}
@media (prefers-reduced-motion:reduce){.chat.vplay *,.chat.vplay *::after{animation:none!important}}
@media (max-width:767px){.vx-mode{font-size:10px}.vx-mode>span{padding:4px 6px}.vx-msg{max-width:88%}}

/* === Header back to the white pill (round 16) === */
.hdr-in>.brand,.hdr-in>.hdr-cta,.hdr-in>.menu-btn{position:relative;z-index:2}

/* ===== Request-demo page (round 15) ===== */
.rd-page{background:#0f0b26}
.rd-hero{position:relative;overflow:hidden;color:#F4F0FF;padding:clamp(120px,11vw,150px) 0 clamp(56px,6vw,90px);background:radial-gradient(120% 70% at 80% 0,#2c1d62 0,transparent 60%),linear-gradient(180deg,#120e2e 0,#1d1650 55%,#2a1a55 100%);isolation:isolate}
.rd-sky{position:absolute;inset:0;z-index:-1;pointer-events:none}
.rd-sky::after{content:"";position:absolute;left:-10%;right:-10%;bottom:-30%;height:70%;background:radial-gradient(50% 60% at 30% 100%,rgba(255,110,40,.32),transparent 70%),radial-gradient(40% 50% at 85% 100%,rgba(140,90,255,.25),transparent 70%)}

.rd-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,5vw,80px);align-items:start;position:relative}
.rd-g2{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff;text-decoration:none;font-size:15px;font-weight:600}
.rd-g2 .st{color:var(--yellow);letter-spacing:1px;font-size:13px}
.rd-copy h1{font-size:clamp(42px,5vw,72px);line-height:1;margin:22px 0 22px;color:#fff}
.rd-copy h1 .c{color:#FF7A3D;text-shadow:0 0 30px rgba(255,110,40,.35)}
.rd-copy p{font-size:clamp(18px,1.4vw,20px);line-height:1.45;color:rgba(244,240,255,.82);margin:0 0 14px;max-width:560px}
.rd-copy .rd-lede{color:#fff;font-weight:600;font-size:clamp(19px,1.6vw,22px)}
.rd-k{font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--yellow);margin:30px 0 14px}
.rd-steps{list-style:none;margin:0;padding:0;display:grid;gap:14px;max-width:560px}
.rd-steps li{display:grid;grid-template-columns:32px 1fr;gap:14px;align-items:start}
.rd-steps li>span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--chili);color:#fff;font-weight:700;font-size:16px;box-shadow:0 0 16px rgba(255,100,40,.45)}
.rd-steps li p{margin:3px 0 0;font-size:17px}.rd-steps b{color:#fff}
.rd-formwrap{position:relative;border-radius:28px;padding:clamp(18px,1.8vw,26px);background:linear-gradient(160deg,#FF6A2A,#FF5721 45%,#c93d10);box-shadow:0 0 0 1px rgba(255,170,90,.4),0 30px 80px -30px rgba(255,90,30,.6),0 0 90px -20px rgba(255,120,40,.55)}

.rd-form,.rd-done{background:#fff;color:var(--ink);border-radius:20px;padding:clamp(22px,2.2vw,30px);display:grid;gap:10px}
.rd-fh{font-family:var(--sans);font-size:clamp(22px,1.9vw,26px);line-height:1.15;letter-spacing:-.02em;margin:0 0 2px}

.rd-form label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.rd-form input,.rd-form select{width:100%;height:52px;border:1px solid var(--ink);border-radius:12px;padding:0 16px;font:400 17px var(--sans);color:var(--ink);background:#fff;appearance:none;-webkit-appearance:none}
.rd-form input::placeholder{color:var(--gray)}.rd-form select:invalid{color:var(--gray)}
.rd-form input:focus,.rd-form select:focus{outline:2px solid var(--violet);outline-offset:1px;border-color:var(--violet)}
.rd-form .sel{position:relative}.rd-form .sel::after{content:"";position:absolute;right:18px;top:50%;width:8px;height:8px;border-right:2px solid var(--dg);border-bottom:2px solid var(--dg);transform:translateY(-70%) rotate(45deg);pointer-events:none}
.rd-form [aria-invalid=true]{border-color:var(--chili);border-width:2px}
.rd-form .btn{width:100%;height:54px;margin-top:4px;background:var(--ink);border-color:var(--ink)}
.rd-form .btn:hover{background:#2a2f4a;border-color:#2a2f4a}
.rd-err{margin:0;color:var(--chili-dark);font-size:15px;text-align:center}
.rd-micro{margin:2px 0 0;font-size:14px;color:var(--dg);text-align:center}.rd-micro a{color:var(--dg)}
.rd-done{text-align:center;justify-items:center;padding-block:clamp(28px,3vw,40px);background:radial-gradient(90% 70% at 50% 0,#2c1d62,#140f30);color:#F4F0FF;outline:none}
.rd-done h2{font-size:clamp(28px,2.6vw,36px);color:#fff;margin:4px 0}
.rd-done p{margin:0;font-size:17px;line-height:1.45;color:rgba(244,240,255,.85);max-width:420px}
.rd-done .rd-done-note{font-size:14px;color:rgba(244,240,255,.65)}.rd-done a{color:#FFBB36}

.rd-again{font:inherit;font-size:15px;background:none;border:0;color:#ffcf7a;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:6px}
.rd-teams{margin-top:18px;color:#fff}
.rd-teams p{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;opacity:.95}
.rd-teams ul{list-style:none;margin:0;padding:0;display:flex;justify-content:space-between;align-items:center;gap:16px}
.rd-teams img{display:block;height:24px;width:auto;max-width:110px;filter:brightness(0) invert(1)}

.rd-proof{background:var(--cream);color:var(--ink);padding:clamp(56px,7vw,100px) 0}
.rd-proof h2{text-align:center;font-size:clamp(36px,4vw,60px);line-height:1.02;margin:0 auto clamp(28px,3vw,44px);max-width:12ch}
.rd-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(340px,440px);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 4px 18px;scrollbar-width:thin}
.rd-track:focus-visible{outline:2px solid var(--violet);outline-offset:4px;border-radius:12px}
.rd-t{scroll-snap-align:start;display:grid;grid-template-columns:1fr auto;gap:18px;background:#fff;border:1px solid var(--lg);border-radius:18px;padding:22px}
.rd-tlogo{height:26px;width:auto;max-width:130px;display:block;margin-bottom:16px}
.rd-t blockquote{margin:0 0 18px;font-size:17px;line-height:1.45}
.rd-who{display:flex;align-items:center;gap:10px}.rd-who b{display:block;font-size:16px}.rd-who small{display:block;font-size:14px;color:var(--dg)}
.rd-av{width:44px;height:44px;border-radius:50%;object-fit:cover}
.rd-stat{border-left:2px solid var(--chili);padding-left:16px;display:flex;flex-direction:column;justify-content:center;max-width:130px}
.rd-stat b{display:inline-block;background:var(--chili);color:#fff;font-family:var(--serif);font-size:24px;line-height:1.05;padding:4px 8px;align-self:flex-start}
.rd-stat span{font-size:14px;margin-top:6px;line-height:1.25}
.rd-faq{background:var(--cream2);padding:clamp(56px,6vw,90px) 0;color:var(--ink)}
.rd-faq-in{max-width:820px}
.rd-faq h2{font-size:clamp(34px,3.6vw,52px);margin:0 0 22px}
.rd-faq details{background:#fff;border-bottom:1px solid var(--lg)}
.rd-faq details:first-of-type{border-radius:14px 14px 0 0}.rd-faq details:last-of-type{border-radius:0 0 14px 14px;border-bottom:0}
.rd-faq summary{list-style:none;cursor:pointer;padding:20px 56px 20px 22px;font-size:18px;font-weight:600;position:relative}
.rd-faq summary::-webkit-details-marker{display:none}
.rd-faq summary::after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-52%);font-size:26px;font-weight:400}
.rd-faq details[open] summary::after{content:"−"}
.rd-faq summary:focus-visible{outline:2px solid var(--violet);outline-offset:-2px;border-radius:12px}
.rd-faq details p{margin:0;padding:0 22px 20px;font-size:17px;line-height:1.5;color:var(--dg)}.rd-faq a{color:var(--violet)}
.rd-close{background:var(--cream2);padding:0 0 clamp(56px,6vw,90px)}
.rd-close-in{position:relative;max-width:820px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 26px;border-radius:18px;background:linear-gradient(100deg,#120e2e,#1d1650 50%,#2a1a55);color:#fff;overflow:hidden}
.rd-close-in p{margin:0;font-size:20px;font-weight:600}

@media (max-width:1023px){.rd-grid{grid-template-columns:1fr}.rd-formwrap{max-width:600px}}
@media (max-width:767px){
 .rd-hero{padding-top:104px}
 .rd-copy h1{font-size:40px}
 .rd-formwrap{padding:14px;border-radius:22px;margin-top:8px}
 .rd-form,.rd-done{padding:20px 16px}
 .rd-teams ul{gap:10px}.rd-teams img{height:20px;max-width:90px}
 .rd-track{grid-auto-columns:86%;margin-inline:calc(var(--px) * -1);padding-inline:var(--px);scroll-padding-inline:var(--px)}
 .rd-t{grid-template-columns:1fr;padding:18px}
 .rd-stat{border-left:0;border-top:2px solid var(--chili);padding:12px 0 0;max-width:none}
 .rd-close-in{flex-direction:column;align-items:stretch;text-align:center}.rd-close-in .btn{width:100%}
}

/* request-demo polish (round 15) */
.rd-done[hidden],.rd-form[hidden]{display:none!important}

.rd-t{grid-template-columns:1fr;align-content:start}
.rd-stat{border-left:0;border-top:2px solid var(--chili);padding:12px 0 0;max-width:none;flex-direction:row;align-items:center;gap:12px;justify-content:flex-start}
.rd-stat span{margin-top:0}

/* ===== Nav mirrors the staging preview: dropdowns + mobile accordion (round 15) ===== */
.nav{margin-left:14px}
.hdr-in>.nav{position:static}
.nav .nv-top{position:relative;z-index:2}
.nv{list-style:none;margin:0;padding:0;display:flex;gap:2px;align-items:center}
.nv-i{position:static}
.nav .nv-top{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:17px;font-weight:500;line-height:1.2;color:var(--navy);background:none;border:0;padding:8px 12px;border-radius:999px;cursor:pointer;text-decoration:none}
.nav .nv-top:hover,.nav .nv-has.open>.nv-top{background:rgba(19,22,36,.05);color:var(--navy)}
.nav .nv-top:focus-visible{outline:2px solid var(--chili);outline-offset:2px}
.nv-chev{width:12px;height:12px;transition:transform .2s}
.nv-has.open .nv-chev{transform:rotate(180deg)}
.mm{position:absolute;left:50%;top:100%;transform:translateX(-50%);padding-top:10px;width:min(1160px,calc(100vw - 32px));display:none;z-index:60}
.mm-company{width:min(760px,calc(100vw - 32px))}
.nv-has.open>.mm{display:block;animation:mmIn .18s ease-out}
@keyframes mmIn{from{opacity:0;transform:translate(-50%,-4px)}to{opacity:1;transform:translate(-50%,0)}}
.mm-in{display:flex;gap:24px;background:#FCFAF8;color:var(--ink);border-radius:22px;padding:22px;box-shadow:0 0 0 1px rgba(255,187,54,.25),0 24px 60px -18px rgba(10,6,24,.55)}
.nv-cols{flex:1;min-width:0}
.nv-c4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.nv-g ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.nv-gh{font-family:var(--serif);font-weight:700;font-size:19px;line-height:1.15;color:var(--chili);margin:0 0 10px}
.nav .mm a.nv-link{display:block;padding:7px 8px;margin-inline:-8px;border-radius:10px;color:var(--ink);text-decoration:none;background:none}
.nav .mm a.nv-link:hover,.nav .mm a.nv-link:focus-visible{background:rgba(255,87,33,.08);color:var(--ink)}
.nav .mm a:focus-visible{outline:2px solid var(--violet);outline-offset:1px}
.nv-t{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:600;line-height:1.25}
.nv-d{display:block;font-size:14px;line-height:1.4;color:#5a5e70;margin-top:2px}
.nv-ext{width:12px;height:12px;flex:none;opacity:.7}
.nv-new{display:inline-block;font-family:var(--mono,ui-monospace,monospace);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#0d7a3e;background:#e5f8ec;border:1px solid #9be0b5;border-radius:999px;padding:1px 7px}
.nv-sep{height:1px;background:var(--lg);margin:6px 0;width:40px}
.nv-side{flex:0 0 200px;display:flex;flex-direction:column;gap:12px}
.mm-company .mm-in{padding:22px}
.nv-c1{display:flex}.nv-c1>div{display:flex;flex-direction:column;justify-content:space-between;gap:16px;min-width:220px}
.nav .mm a.nv-more{font-size:15px;font-weight:600;color:var(--chili);text-decoration:none;padding:6px 0;background:none}
.nav .mm a.nv-more:hover{text-decoration:underline;background:none}
.nav .mm a.nv-cta{align-self:flex-start;color:#fff}
.nav .mm a.nv-promo{position:relative;display:flex;flex-direction:column;flex:1;min-height:220px;overflow:hidden;border-radius:14px;padding:18px;text-decoration:none;color:#fff;isolation:isolate}
.nv-promo .nv-waves{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;transition:opacity .3s}
.nv-promo-li{background:#0A66C2}.nv-promo-li .nv-waves{opacity:.25;mix-blend-mode:multiply}.nv-promo-li:hover .nv-waves{opacity:.4}
.nv-promo-claw{background:#131624}.nv-promo-claw .nv-waves{opacity:.7}.nv-promo-claw:hover .nv-waves{opacity:1}
.nv-pr-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.nv-li-ic{width:32px;height:32px;border-radius:8px;background:#fff;color:#0A66C2;display:flex;align-items:center;justify-content:center}.nv-li-ic svg{width:17px;height:17px}
.nv-pill{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono,ui-monospace,monospace);font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;border:1px solid rgba(255,255,255,.5);border-radius:999px;padding:4px 8px}.nv-pill svg{width:11px;height:11px;color:#FFBB36}
.nv-pr-h{display:block;font-family:var(--serif);font-weight:700;font-size:24px;line-height:1.1;margin-top:14px}
.nv-pr-k{display:block;font-family:var(--mono,ui-monospace,monospace);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.8)}
.nv-claw{width:170px;height:auto;margin-top:10px}
.nv-pr-p{display:block;font-size:15px;line-height:1.35;margin-top:10px;color:rgba(255,255,255,.92)}
.nv-pr-more{display:block;margin-top:auto;padding-top:16px;font-size:15px;font-weight:600}
.nv-promo:hover .nv-pr-more span{display:inline-block;transform:translateX(3px)}
.nv-promo-team{flex:0 0 300px!important;min-height:250px!important;justify-content:flex-end}
.nv-team{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.nv-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(19,22,36,0) 25%,rgba(19,22,36,.85))}
.nv-pr-in .nv-pr-h{margin-top:6px;font-size:22px}
.mnav .mn,.mnav .mn ul{list-style:none;margin:0;padding:0}
@media (max-width:1199px){.nv-side{flex-basis:170px}.nv-c4{gap:16px}.nv-pr-h{font-size:20px}.mm-in{padding:18px;gap:18px}}
@media (max-width:1023px){
 .nav,.hdr-cta .login{display:none}
 .menu-btn{display:flex;margin-left:6px}
 .mnav.open{display:block;pointer-events:auto;max-width:1240px;margin:8px auto 0;background:#fff;color:var(--ink);border:1px solid rgba(19,22,36,.08);border-radius:20px;padding:6px 10px 10px;box-shadow:0 12px 40px rgba(19,22,36,.18);max-height:calc(100vh - 96px);max-height:calc(100dvh - 96px);overflow:auto;overscroll-behavior:contain}
 .mn>li{border-bottom:1px solid var(--lg)}
 .mnav .mn-top{display:flex;width:100%;align-items:center;justify-content:space-between;font:inherit;font-size:18px;font-weight:600;color:var(--ink);background:none;border:0;padding:14px 8px;min-height:48px;text-align:left;text-decoration:none;cursor:pointer;border-radius:10px}
 .mnav a.mn-top:hover,.mnav .mn-top:hover{background:none}
 .mn-chev{width:30px;height:30px;border-radius:50%;background:#f1efe9;display:flex;align-items:center;justify-content:center}.mn-chev svg{width:12px;height:12px;transition:transform .2s}
 .mn-btn[aria-expanded="true"] .mn-chev svg{transform:rotate(180deg)}
 .mn-p{padding:0 8px 12px}
 .mn-g+.mn-g{margin-top:12px}
 .mn-gh{font-family:var(--mono,ui-monospace,monospace);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--chili);margin:0 0 4px}
 .mnav .mn-g a{display:flex;align-items:center;gap:6px;padding:9px 0;min-height:40px;font-size:16px;font-weight:500;color:var(--ink);text-decoration:none;border-radius:0}
 .mnav .mn-g a:hover{background:none;color:var(--chili)}
 .mn-cta{display:grid;gap:8px;padding:14px 0 4px}
 .mnav .mn-cta .btn{display:flex;justify-content:center;width:100%;min-height:52px;font-size:18px}
 .mnav .mn-login{display:block;text-align:center;padding:12px;font-weight:600;color:var(--ink);text-decoration:none}
}
@media (prefers-reduced-motion:reduce){.nv-has.open>.mm{animation:none}.nv-chev,.mn-chev svg{transition:none}}

/* Agents tab copy on the v2 type system (round 15): Recoleta heading like other v2 card h3s, standard v2 .link */
#agents .ag-copy h3{font-family:var(--serif);font-weight:700;font-size:clamp(26px,2.4vw,34px);line-height:1.08;letter-spacing:-.02em;color:var(--dg)}
#agents .ag-copy h3 em{color:var(--ink)}
#agents .ag-link{font-family:var(--sans);font-size:19px;font-weight:600;line-height:1.2;letter-spacing:-.2px;color:var(--ink);border-bottom:0;padding-bottom:2px}
#agents .ag-link:hover{color:var(--chili);border-color:transparent}
/* customer results row, now between Journey and Agents (round 15) */
.stats-sec{padding:clamp(40px,5vw,72px) 0;background:var(--cream)}
.stats-sec .stats{border:1px solid var(--lg);border-radius:20px;overflow:hidden;box-shadow:0 10px 30px -22px rgba(19,22,36,.35)}
.stats-sec .stat:hover{background:#FFF7F2}

/* form controls inherit the v2 type system (round 15 font audit) */
button,input,select,textarea{font-family:inherit}

/* === Hero background (round 16) === */
.hero{background:#fff;isolation:isolate}
.hero>.wrap,.hero>.logos{position:relative;z-index:1}

.hv{isolation:isolate}

.hero h1{color:var(--ink)}

/* Headline: three phrase groups, so it always sets on 3 lines; size follows the text column (round 16) */
.hero-grid>div:first-child{container-type:inline-size;min-width:0}
.hero h1.hh-h1 .nw{white-space:nowrap}
.hero h1.hh-h1{max-width:11em}
.hero h1.hh-h1{font-size:min(clamp(42px,5.6vw,80px),calc(100cqi / 7.5))}
@media (max-width:767px){.hero h1.hh-h1{font-size:min(clamp(38px,10.4vw,52px),calc(100cqi / 7.5))}}

/* === /request-demo on plain white (round 16): no purple, no header bar === */
.rd-page{background:#fff}
.rd-top{position:absolute;top:0;left:0;right:0;z-index:5;padding:clamp(18px,2vw,28px) var(--gut,24px);pointer-events:none}
.rd-top .rd-brand{pointer-events:auto;display:inline-flex;position:relative;width:auto}
.rd-hero{background:#fff;color:var(--ink);padding-top:clamp(96px,8vw,120px)}
.rd-sky::after{left:auto;right:-14%;top:-30%;bottom:auto;width:60%;height:90%;background:radial-gradient(closest-side,rgba(255,122,61,.13),rgba(255,122,61,0))}
.rd-glow{position:absolute;left:-8%;top:18%;width:40%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(255,187,54,.12),rgba(255,187,54,0))}

.rd-g2{background:#fff;border-color:var(--lg);color:var(--ink)}
.rd-g2 .st{color:#F5A400}
.rd-copy h1{color:var(--ink)}
.rd-copy h1 .c{color:var(--chili);text-shadow:none}
.rd-copy p{color:var(--dg)}
.rd-copy .rd-lede{color:var(--ink)}
.rd-k{color:var(--chili-dark)}
.rd-steps b{color:var(--ink)}
.rd-steps li>span{box-shadow:none}
.rd-formwrap{box-shadow:0 24px 60px -30px rgba(255,87,33,.55)}

.rd-done{background:#fff;color:var(--ink)}
.rd-done h2{color:var(--ink)}
.rd-done p{color:var(--dg)}
.rd-done .rd-done-note{color:var(--gray)}.rd-done a{color:var(--chili-dark)}
.rd-again{color:var(--chili-dark)}
.rd-quotes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:clamp(36px,4vw,56px)}
.rd-q{margin:0;display:flex;flex-direction:column;justify-content:space-between;gap:18px;background:#fff;border:1px solid var(--lg);border-radius:20px;padding:clamp(20px,2vw,28px);box-shadow:0 14px 36px -28px rgba(19,22,36,.35)}
.rd-q blockquote{margin:0;font-size:18px;line-height:1.5;color:var(--ink)}
.rd-q figcaption{display:flex;align-items:center;gap:12px}
.rd-qav{width:52px;height:52px;border-radius:50%;object-fit:cover;flex:none}
.rd-q figcaption>span:not(.rd-qlogo){flex:1;min-width:0}
.rd-q b{display:block;font-size:16px}.rd-q small{display:block;font-size:14px;color:var(--dg)}
.rd-qlogo{flex:none;height:22px;width:auto;max-width:110px;margin-left:auto}
span.rd-qlogo{display:block;width:96px;height:22px;background:var(--ink);opacity:1}
span.rd-qlogo.sq{width:100px;height:20px}

.rd-proof,.rd-faq,.rd-close{background:#fff}
.rd-faq details{border:1px solid var(--lg);border-bottom:0}.rd-faq details:last-of-type{border-bottom:1px solid var(--lg)}
.rd-close-in{background:#FFF6EF;border:1px solid #FFD9C7;color:var(--ink);box-shadow:none}
.rd-close-in::before,.rd-close-in::after{display:none}

@media (max-width:1023px){.rd-quotes{grid-template-columns:1fr;max-width:600px}}
@media (max-width:767px){.rd-hero{padding-top:84px}.rd-q blockquote{font-size:17px}.rd-top{padding:16px 18px}}

/* r17: plain white hero */

/* === docked-chat breakpoints (generated) === */
@media (min-width:1024px) and (max-width:1361px){}
@media (min-width:1024px) and (max-width:1361px){}
@media (min-width:1024px) and (max-width:1260px){}
@media (min-width:1024px) and (max-width:1260px){}
@media (min-width:1024px) and (max-width:1260px){}
@media (min-width:1024px) and (max-width:1260px){}
@media (min-width:1024px) and (max-width:1600px){}
@media (min-width:1024px) and (max-width:1260px){}
@media (min-width:1024px) and (prefers-reduced-motion:reduce) and (max-width:1260px){}
@media (min-width:1024px) and (max-width:1520px) and (min-width:1211px){}
@media (min-width:1024px) and (max-width:1210px){}
@media (min-width:1024px) and (max-width:1600px) and (min-width:1362px){}
@media (min-width:1024px) and (max-width:1260px){}
@media (min-width:1024px) and (max-width:1127px){}
@media (min-width:1024px) and (max-width:1700px){}
@media (min-width:1024px) and (max-width:1000px){}
@media (min-width:1024px) and (max-width:1600px){}
@media (min-width:1024px) and (max-width:1361px){}
@media (min-width:1024px) and (max-width:1127px){}
@media (min-width:1024px) and (max-width:1127px){}
@media (min-width:1024px) and (min-width:1422px) and (max-width:1699px){}
@media (min-width:1024px) and (max-width:1127px){}
@media (min-width:1024px) and (max-width:1127px){}
@media (min-width:1024px) and (max-width:1260px){}
@media (min-width:1024px) and (max-width:1127px){}
@media (min-width:1024px) and (max-width:1127px){}
@media (min-width:1024px) and (max-width:1421px){}
@media (min-width:1024px) and (max-width:1127px){}
@media (min-width:1024px) and (max-width:1619px){}
@media (min-width:1024px) and (max-width:1127px){}
@media (min-width:1024px) and (max-width:1619px){}
@media (min-width:1024px) and (max-width:1421px){}
@media (min-width:1024px) and (max-width:1600px){}
@media (min-width:1024px) and (max-width:1421px){}
@media (min-width:1024px) and (max-width:1127px){}
@media (min-width:1024px) and (max-width:1127px){}
@media (min-width:1024px) and (max-width:1421px){}
@media (min-width:1024px) and (max-width:1127px){}
@media (min-width:1024px) and (max-width:1500px){}
@media (min-width:1024px) and (max-width:1199px){}

/* Platform grid: the Oct 30 homepage's six jobs as cards */
.plat-cta{justify-self:end}
.pjobs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pj{display:flex;flex-direction:column;border:1px solid rgba(19,22,36,.1);border-radius:12px;background:#fff;overflow:hidden}
.pj-vis{position:relative;aspect-ratio:3/2;overflow:hidden;background:linear-gradient(160deg,#FFF4EF,#FFE0D4)}
.pj[data-tone=purple] .pj-vis{background:linear-gradient(160deg,#F5F3FF,#E9E7FF)}
.pj[data-tone=night] .pj-vis{background:#131316}
.pj-anim{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;display:block}
/* three tiles move (with a close-up on the busiest two), three are stills */
.pj-anim[data-zoom]{transform:scale(1.3);transform-origin:50% 50%}
.pj-still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1}
/* a single product card floating on the tile's waves */
.pj-tile{position:absolute;inset:0;z-index:1;background:#FF5721 center/cover no-repeat}
.pj-tile+.pj-still.pj-card{z-index:2;filter:none;height:104%}
.pj-still.pj-card{inset:auto;left:50%;top:50%;width:auto;height:84%;transform:translate(-50%,-50%);object-fit:contain;filter:drop-shadow(0 22px 36px rgba(53,41,191,.22))}
.pj-copy{display:flex;flex-direction:column;gap:10px;flex:1;padding:22px 24px 20px}
.pj-k{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--dg)}
.pj-k i{width:8px;height:8px;border-radius:50%;background:var(--chili)}
.pj[data-tone=purple] .pj-k i{background:var(--violet)}
.pj[data-tone=night] .pj-k i{background:var(--ink)}
.pj h3{font-size:clamp(24px,2vw,28px);line-height:1.08;letter-spacing:-.01em}
.pj h3 em{font-style:normal;color:var(--chili)}
.pj[data-tone=purple] h3 em{color:var(--violet)}
.pj p{font-size:17px;line-height:1.35;color:var(--dg)}
.pj-link{margin-top:auto;align-self:flex-start}
/* Distro's still: one lead, three reps, the least loaded one gets it */
.pd{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:8% 12%}
.pd-lead{display:grid;gap:2px;background:#fff;border-radius:10px;padding:10px 14px;box-shadow:0 10px 30px -18px rgba(19,22,36,.45);font-size:15px;line-height:1.2;color:var(--dg)}
.pd-lead b{font-size:17px;color:var(--ink)}
.pd-k{font-size:13px;font-weight:600;color:var(--violet)}
.pd-reps{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.pd-reps li{display:grid;grid-template-columns:28px 1fr 64px auto;align-items:center;gap:10px;background:rgba(255,255,255,.6);border-radius:10px;padding:7px 12px;font-size:15px;color:var(--dg)}
.pd-reps li.on{background:#fff;color:var(--ink);font-weight:600;box-shadow:0 0 0 2px var(--violet)}
.pd-av{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--violet-l);color:var(--violet);font-size:12px;font-weight:700}
.pd-bar{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--violet) var(--w),#DFDFE7 var(--w))}
.pd-tag{font-size:12px;font-weight:700;color:#fff;background:var(--violet);border-radius:999px;padding:3px 8px 2px}
.pd-reps li:not(.on) .pd-tag{display:none}
@media (max-width:1100px){.pjobs{grid-template-columns:1fr 1fr}}
@media (max-width:767px){.pjobs{grid-template-columns:1fr}.plat-cta{justify-self:start}
  .pd{gap:8px;padding:5% 8%}.pd-lead{padding:7px 12px;font-size:13px}.pd-lead b{font-size:15px}
  .pd-reps{gap:4px}.pd-reps li{grid-template-columns:24px 1fr 48px auto;gap:8px;padding:4px 10px;font-size:14px}
  .pd-av{width:24px;height:24px;font-size:11px}.pd-n{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}

/* stats band: one compact row, the numbers in chili, counted up as it scrolls in */
.stats-sec{padding:clamp(28px,3.5vw,48px) 0;background:#fff}
.stats-sec .stats{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid rgba(19,22,36,.1);border-radius:20px;background:#fff;box-shadow:0 14px 34px -26px rgba(19,22,36,.35);overflow:hidden}
.stats-sec .stat{padding:22px 24px 20px;gap:4px;border-right:1px solid rgba(19,22,36,.08);border-top:0}
.stats-sec .stat:last-child{border-right:0}
.stats-sec .stat b{font-size:clamp(30px,2.6vw,40px);color:var(--chili);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.stats-sec .stat span{font-size:16px;line-height:1.3;color:var(--dg)}
.stats-sec .stat small{margin-top:6px;padding-top:0;font-size:13px;color:var(--ink);opacity:.7;letter-spacing:0}
.stats-sec a.stat:hover{background:#FFF7F2}
.stats-sec .stat{opacity:0;transform:translateY(14px);transition:opacity .6s var(--ease),transform .6s var(--ease),background .2s}
.stats-sec .stats.in .stat{opacity:1;transform:none}
.stats-sec .stats.in .stat:nth-child(2){transition-delay:.08s}
.stats-sec .stats.in .stat:nth-child(3){transition-delay:.16s}
.stats-sec .stats.in .stat:nth-child(4){transition-delay:.24s}
.stats-sec .stats.in .stat:nth-child(5){transition-delay:.32s}
@media (max-width:1023px){.stats-sec .stats{grid-template-columns:repeat(3,1fr)}.stats-sec .stat:nth-child(3){border-right:0}.stats-sec .stat:nth-child(n+4){border-top:1px solid rgba(19,22,36,.08)}}
@media (max-width:639px){.stats-sec .stats{grid-template-columns:1fr 1fr}.stats-sec .stat{border-right:1px solid rgba(19,22,36,.08)!important;border-top:1px solid rgba(19,22,36,.08)}.stats-sec .stat:nth-child(2n){border-right:0!important}.stats-sec .stat:nth-child(-n+2){border-top:0}.stats-sec .stat:last-child{grid-column:1/-1;border-right:0!important}}
@media (prefers-reduced-motion:reduce){.stats-sec .stat{opacity:1;transform:none;transition:none}}

.lv-aviv{width:auto}
@media (max-width:767px){.lv-aviv{width:140px}}

/* ---- round 2 ---- */
/* nav: the Oct 30 homepage's type scale (components/layout/Header.tsx), in this page's fonts */
.nav a,.nav .nv-top{letter-spacing:-.2px;line-height:1.5}
.nv-gh{font-size:22px;line-height:24px;margin-bottom:14px}
.nv-t{font-size:18px;line-height:22px}
.nv-d{font-size:17px;line-height:23px;margin-top:3px}
.nav .mm a.nv-more{font-size:17px}
@media (min-width:1280px){.nv-side{flex-basis:270px}.nv-pr-h,.nv-pr-in .nv-pr-h{font-size:30px}.nv-pr-p,.nv-pr-more{font-size:18px}}
.mnav .mn-top{font-size:17px}
.mnav .mn-g a{font-size:15px}
/* logo strip caption, now above the strip */
.hero>.logos-cap{position:relative;z-index:1}
.logos-cap{display:block;text-align:center;margin:0 auto;padding:28px 20px 18px;font-family:var(--sans);font-size:17px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--dg);background:none}
/* Kathleen's lime quote mark */
.feat-mark{display:block;height:.42em;margin:-.08em 0 30px;font:700 128px/1 var(--serif);color:#C6FF02}
/* no small copy: body text, captions and attributions at 16px or more */
.hero .pill,.j-k,.path .k{font-size:14px}
.agn-build p{font-size:17px}
.ig-li-note,.ig-li-note a{font-size:17px;line-height:1.4}
.mcp-quote figcaption small{font-size:16px}
.scards .ml{font-size:17px}
.scards .who b{font-size:17px}
.scards .who small{font-size:16px}
.scards .rd{font-size:16px}
.src,.src .link{font-size:17px}
.cta-priv{font-size:16px}

/* hero: talk to the video agent on the right */
.hero-side{display:flex;flex-direction:column;align-items:flex-end;gap:22px;justify-self:end;width:100%;max-width:480px}
.hero-side .hv{max-width:480px}
@media (max-width:1023.98px){.hero-side{justify-self:center;align-items:center;max-width:560px}.hero-side .hv{max-width:560px}}
.hero-talk{display:inline-flex;align-items:center;gap:14px;margin:0;padding:6px 22px 6px 6px;border:1px solid rgba(19,22,36,.1);border-radius:999px;background:#fff;color:var(--ink);font:inherit;text-align:left;cursor:pointer;box-shadow:0 14px 34px -18px rgba(19,22,36,.35);transition:box-shadow .25s var(--ease),transform .25s var(--ease)}
.hero-talk:hover{box-shadow:0 18px 40px -16px rgba(84,61,255,.45);transform:translateY(-1px)}
.ht-av{position:relative;flex:none;width:52px;height:52px}
.ht-av img{width:52px;height:52px;border-radius:50%;object-fit:cover;display:block}
.ht-av::after{content:"";position:absolute;right:1px;bottom:2px;width:12px;height:12px;border-radius:50%;background:#2fbf71;border:2px solid #fff}
.ht-txt{display:grid;gap:1px;font-size:17px;line-height:1.25;color:var(--dg)}
.ht-txt b{color:var(--ink);font-weight:600}
.ht-arr{margin-left:6px;font-size:24px;line-height:1;color:var(--violet);animation:ht-nudge 1.8s var(--ease) infinite}
@keyframes ht-nudge{0%,60%,100%{transform:none}30%{transform:translateX(5px)}}
@media (max-width:1023.98px){.ht-arr{transform:rotate(45deg);animation:none}}
@media (prefers-reduced-motion:reduce){.ht-arr{animation:none}}

/* hero backdrop: Figma's blob shapes on navy, deep violet, a lilac swirl and an orange glow low right */
.hv-blob{width:100%;height:100%;display:block}
.hv-blob-g{transform-origin:50% 40%;animation:hv-breathe 14s ease-in-out infinite alternate}
@keyframes hv-breathe{from{transform:none}to{transform:translate(-10px,8px) rotate(-3deg) scale(1.04)}}
@media (prefers-reduced-motion:reduce){.hv-blob-g{animation:none}}
.hero-talk{width:100%}
.ht-arr{margin-left:auto}

/* round 5 spacing: no gap above the logo caption; tighter run into "Loved by the best",
   more air between its label and the heading */
.logos-cap{padding-top:0}
.funnel{padding-bottom:clamp(40px,4vw,56px)}
.loved{padding-top:clamp(40px,4vw,56px)}
.lv-head .label{display:block;margin-bottom:22px}

/* loved wall: the page's plain Calibre (Medium, no tight tracking), bigger video caption */
.lv-copy blockquote{font-family:var(--sans);font-weight:500;letter-spacing:0;font-size:clamp(18px,1.45vw,21px);line-height:1.3}
.lv-who b{font-weight:600}
.lv-who small{font-size:16px}
.lv-tile figcaption{font-family:var(--sans);font-size:clamp(20px,1.7vw,24px);font-weight:600;line-height:1.2;max-width:420px}
.lv-stat span,.lv-rec p,.lv-g2 b{font-family:var(--sans);letter-spacing:0}
@media (max-width:767px){.lv-copy blockquote{font-size:17px}}
/* LinkedIn partnership card */
.ig-li-card{display:flex;align-items:center;gap:14px;margin-top:20px;padding:14px 18px;border-radius:14px;background:#fff;border:1px solid rgba(19,22,36,.1);box-shadow:0 10px 26px -18px rgba(19,22,36,.35);text-decoration:none;color:var(--ink);font-size:17px;line-height:1.35;transition:border-color .2s,box-shadow .2s}
.ig-li-card:hover{border-color:#0A66C2;box-shadow:0 14px 30px -16px rgba(10,102,194,.4)}
/* benchmark heading on three lines: a wider heading column */
#why .sec-head{grid-template-columns:2.1fr 1fr}
#why .h2{text-wrap:wrap}
@media (max-width:767px){.why-br{display:none}}
.ig-li-in{flex:none;width:24px;height:24px}
.ig-li-card{align-items:flex-start}
.ig-li-card>span{min-width:0}
.ig-li-card .ig-li-in,.ig-li-card i{margin-top:-1px}
.ig-li-card{white-space:nowrap}
@media (max-width:767px){.ig-li-card{white-space:normal}}
.ig-li-card b{display:block;color:#0A66C2;font-weight:600}
.ig-li-card i{flex:none;margin-left:auto;font-style:normal;font-size:20px;color:#0A66C2}
/* MCP: shorter section */
.mcp{padding-block:clamp(56px,6vw,88px)}
.mcp .sec-head{margin-bottom:clamp(28px,3vw,40px)}
.mcp-orbit{--ring:112px;--tile:56px;--cp:84px;min-height:0;padding:16px 20px 20px}
.mcp-quote{gap:20px;padding:24px}
.mcp-quote-photo{aspect-ratio:3/1;margin:-24px -24px 0}
.mcp-quote blockquote{font-size:clamp(22px,2vw,28px)}
.paths{grid-template-columns:1fr}

.role .q img{filter:none}

.path.ent{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1fr auto;column-gap:48px;row-gap:12px;align-items:center;padding:clamp(32px,4vw,56px);background:#202849}
.path.ent::before{content:"";position:absolute;inset:0;z-index:-1;background:url(/waves-navy-strong.svg) center/cover no-repeat;opacity:.55}
.path.ent>.k,.path.ent>h3,.path.ent>p{grid-column:1;position:relative}
.path.ent>.btn{grid-column:2;grid-row:1/span 3;align-self:center;margin:0;position:relative}
.path.ent h3{font-size:clamp(28px,2.6vw,38px)}
@media (max-width:767px){.path.ent{grid-template-columns:1fr}.path.ent>.btn{grid-column:1;grid-row:auto;justify-self:start;margin-top:8px}}

/* story of the lead: bigger type on the screens */
.j-stage{height:min(480px,calc(100vh - 140px));min-height:460px}
.lg-acct b{font-size:18px}
.lg-rows li{font-size:15px;padding:9px 0}
.win-bar span{font-size:13px;height:22px}
.tag-id{font-size:13px;padding:5px 10px}
.offer b{font-size:24px}
.offer em{font-size:15px;padding:7px 14px}
.agent{font-size:15px}
.bub{font-size:15px}
.vx-tr{font-size:15px;opacity:1}
.cal-h b{font-size:17px}
.days span{font-size:14px}
.slots span{font-size:15px}
.mail-from b{font-size:16px}
.mail-sub{font-size:17px}
.mail-p{font-size:15px}
.booked{font-size:15px}
/* platform: half the space above (halved again 2026-10-30) */
.sec.platform{padding-top:clamp(18px,2.25vw,32px)}
/* waves behind the platform tiles and the agents visuals */
.wv-art{position:absolute;inset:0;width:100%;height:100%;display:block}
.wv-drift{transform-origin:50% 50%;animation:wv-drift 18s ease-in-out infinite alternate}
.wv-drift+.wv-drift{animation-duration:23s;animation-direction:alternate-reverse}
@keyframes wv-drift{from{transform:none}to{transform:translate(-14px,10px) rotate(-2deg) scale(1.04)}}
@media (prefers-reduced-motion:reduce){.wv-drift{animation:none}}
.pj-vis,.pj[data-tone=purple] .pj-vis{background:#fbfaff}
.pj[data-tone=night] .pj-vis{background:#141320}
.pj-vis>.pd{z-index:1}
.pj-anim{z-index:1}
#agents .jb-art.ag-vis{background:#fff}
#agents .jb-art.ag-vis::after{opacity:.08}
#agents .ag-vis>*:not(.wv-art){position:relative;z-index:1}

/* form heading: "Chili Piper" never splits */
.rd-live h2 .text-chili{white-space:nowrap}
/* phones: the form right under the heading */
@media (max-width:1023px){.rd-page .rd-copy-head h1{margin-bottom:0}.rd-page .rd-formwrap{margin-top:-8px}}

.rd-page .rd-quotes-night{padding-bottom:40px;max-width:1344px;padding-left:var(--px);padding-right:var(--px);box-sizing:border-box}
.rd-page .rd-quotes-night>div{max-width:1243px;margin:0 auto!important}

.rd-page .rd-faq{padding-top:64px}

/* closing CTA: the homepage's closing panel, centred, one button */
.rd-page .rd-close2{padding:0 0 clamp(64px,7vw,96px)}
.rd-cta{grid-template-columns:1fr!important;justify-items:center;text-align:center}
.rd-cta .cta-copy{display:flex;flex-direction:column;align-items:center}
.rd-cta h2{max-width:780px;margin:0 0 18px}
.rd-cta p{font-size:clamp(18px,1.5vw,21px);line-height:1.4;color:rgba(255,255,255,.82);margin:0 0 32px;max-width:560px}
.rd-cta .btn{height:58px;padding:0 32px;font-size:19px}
/* Distro tile: neutral ground and card, the product's violet only on the assigned rep */
.pj:has(.pd) .pj-vis{background:#f7f6f3}
.pd-k{color:var(--dg)}
.pd-reps li{background:rgba(255,255,255,.75)}
.pd-av{background:#ecebe7;color:var(--dg)}
.pd-bar{background:linear-gradient(90deg,#9a9fb0 var(--w),#e3e2de var(--w))}
.pd-reps li.on .pd-av{background:var(--violet-l);color:var(--violet)}
.pd-reps li.on .pd-bar{background:linear-gradient(90deg,var(--violet) var(--w),#e3e2de var(--w))}
/* every body paragraph at the hero lede's size (Maria, 2026-10-30) */
.rd-page .rd-copy .rd-steps p,.rd-page .rd-faq details p,.rd-page .rd-cta p{font-size:clamp(19px,1.5vw,21px);line-height:1.4}
.rd-page .rd-steps p span{font-size:inherit;line-height:inherit}
.rd-page .rd-copy .rd-steps b{font-size:clamp(20px,1.6vw,22px)}

/* funnel report: readable at a glance */
.fr-top b{font-size:20px}
.fr-tabs span{font-size:16px;padding:6px 14px}
.illus{font-size:13px}
.fcol b{font-size:clamp(28px,2.4vw,36px)}
.fcol span{font-size:17px;margin-top:6px;line-height:1.25}
.fcol .fl{white-space:nowrap}
.fcol .pct{font-family:var(--sans);font-style:normal;font-size:17px;font-weight:600;color:var(--gray);margin:0 0 0 2px}
.fcol .pct::before{content:"· ";font-weight:400}
.fcol .drop{font-family:var(--sans);font-size:16px;font-weight:600;margin-top:4px}
.fcol .fr-acct{font-family:var(--sans);font-size:16px;font-weight:600;margin-top:4px;color:var(--violet)}
.fr-tabs span{white-space:nowrap}
@media (max-width:1023px){.fcol{height:240px}.fr.in .fbar{height:calc(var(--h) * .5)}}
@media (max-width:639px){.fr-tabs span{font-size:14px;padding:5px 10px}.fcol span,.fcol .pct{font-size:15px}.fcol .drop,.fcol .fr-acct{font-size:14px}.fcol .fl{white-space:normal}.fcol .pct{white-space:nowrap}}

/* hero result as a notification toast */
.hv-toast{display:flex;align-items:center;gap:12px;background:#fff;color:var(--ink);border-radius:16px;padding:12px 14px 12px 12px;box-shadow:0 24px 48px -18px rgba(10,12,30,.55),0 0 0 1px rgba(19,22,36,.06)}
.hv-toast .ht-check{flex:none;width:38px;height:38px;border-radius:50%;background:var(--chili);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 5px rgba(255,87,33,.15)}
.hv-toast .ht-check svg{width:20px;height:20px}
.hv-toast .ht-body{display:grid;gap:1px;min-width:0}
.hv-toast .ht-body b{font-family:var(--sans);font-size:18px;font-weight:700;line-height:1.15}
.hv-toast .ht-body span{font-size:15px;line-height:1.25;color:var(--dg);white-space:nowrap}
.hv-toast .ht-pipe{flex:none;margin-left:auto;font-size:13px;font-weight:700;color:#0c7a4b;background:#e3f6ec;border-radius:999px;padding:5px 10px 4px;white-space:nowrap}
.hv-toast.on .ht-check{animation:ht-pop .5s var(--ease) .15s both}
@keyframes ht-pop{from{transform:scale(.4)}to{transform:none}}
/* as wide as the card above it */
@media (min-width:768px){.hv-toast{left:6%;right:6%}}
@media (max-width:767px){.hv-toast{left:14px;right:14px}}
.hv-toast .ht-body b{font-size:20px}
.hv-toast{padding:14px 22px;gap:14px}
/* bottom CTA panels (homepage close, /request-demo close): the site's navy waves, as is, 15% darker (Maria, 2026-10-30) */
.cta-panel{background:linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.15)),#202849 url(/waves-navy.svg) center/cover no-repeat}
.cta-panel .cta-swirl{display:none}
/* the Tainah callout is desktop-only (Maria, 2026-10-30) */
@media (max-width:767px){.hero-talk{display:none}}
/* customer moments: the photos in full colour */
.feat > img,.sc .who img{filter:none}
.hv-toast .ht-body b{white-space:nowrap}
@media (max-width:767px){.hv-toast{padding:12px 14px;gap:10px}.hv-toast .ht-body b{font-size:17px}.hv-toast .ht-pipe{font-size:12px;padding:4px 8px 3px}}
/* hero copy 20px higher (desktop; the columns are centred, the visual stays put) */
@media (min-width:1024px){.hero-grid>div:first-child{position:relative;top:-20px}}
.hv-toast .ht-check{width:34px;height:34px;box-shadow:0 0 0 4px rgba(255,87,33,.15)}
@media (prefers-reduced-motion:reduce){.hv-toast.on .ht-check{animation:none}}

/* hero card: one size up everywhere so it reads as product, not a mock */
.hv-card{padding:22px 22px 10px}
@media (min-width:768px){.hv-card{left:6%;right:6%;top:6%}}
.hv-top{gap:12px;padding-bottom:16px}
.hv-top b{font-size:20px}
.hv-top small{font-size:15px;margin-top:2px;display:block}
.hv .pav{width:50px;height:50px}
.tl li{grid-template-columns:32px 1fr auto;gap:12px;padding:13px 0}
.tl .ic{width:32px;height:32px;font-size:15px}
.tl b{font-size:19px;line-height:1.2;letter-spacing:-.01em}
.tl span{font-size:16px;line-height:1.3;margin-top:3px}
@media (max-width:767px){.tl b{font-size:17px}.tl span{font-size:15px}.hv-top b{font-size:18px}}
@media (min-width:768px){.hv{aspect-ratio:1/1.15}.hv-result{bottom:4%}}
@media (max-width:767px){.hv{padding-bottom:110px}}

/* the live footer's full-width wordmark */
.ftr-word{overflow:hidden;margin:56px calc(-1 * var(--px)) 0;text-align:center;white-space:nowrap;font-family:var(--serif);font-weight:700;font-size:min(15vw,240px);line-height:.95;letter-spacing:-.03em;color:var(--chili)}

/* /request-demo (app/request-demo/page.tsx): white grounds, no small copy */
.rd-close-in{background:#fff;border:1px solid rgba(19,22,36,.1)}
.rd-g2{font-size:16px}
.rd-steps p{font-size:17px;line-height:1.45}
.rd-who small,.rd-stat span{font-size:16px}
.rd-t blockquote{font-size:17px;line-height:1.4}
.rd-who b{font-size:17px}
.rd-page .rd-teams p{font-size:13px}
.rd-quotes-night{background:#fff}
.rd-live h2{font-family:var(--sans);font-weight:700;font-size:clamp(30px,2.6vw,38px);line-height:1;letter-spacing:-.02em;margin:4px 0 2px}
/* no orange washes: plain white hero, flat chili card */
.rd-page .rd-hero{background:#fff}
.rd-page .rd-glow,.rd-page .rd-sky::after{display:none}
.rd-page .rd-formwrap{background:var(--chili);box-shadow:0 30px 70px -36px rgba(19,22,36,.35)}
/* what happens next: the night page's hierarchy, in ink */
.rd-page .rd-k{font-family:var(--sans);font-size:21px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--ink);margin:29px 0 18px}
.rd-page .rd-steps{gap:22px}
.rd-page .rd-steps p{margin:0;font-size:18.5px;line-height:1.45}
.rd-page .rd-steps b{display:block;font-weight:600;font-size:21px;line-height:1.3;color:var(--ink)}
.rd-page .rd-steps p span{display:block;margin-top:4px;color:var(--dg)}
/* hero grid: heading + rest on the left, the form spanning both rows on the right;
   on phones the form comes straight after the heading */
.rd-page .rd-grid{grid-template-areas:"head form" "rest form";grid-template-rows:auto 1fr;row-gap:0}
.rd-page .rd-copy-head{grid-area:head}
.rd-page .rd-copy-rest{grid-area:rest}
.rd-page .rd-formwrap{grid-area:form;align-self:start}
@media (max-width:1023px){.rd-page .rd-grid{grid-template-areas:"head" "form" "rest";grid-template-rows:none;row-gap:28px}}
/* desktop: once the form grows (enrichment fields), the card has risen to the top;
   drop the badge and step the heading down so the button keeps its room */

.rd-page .rd-formwrap[data-grown] .rd-live h2{font-size:clamp(26px,2vw,30px)}
.rd-page .rd-formwrap h2{transition:font-size .3s ease}

/* hero: content higher; the lede as regular text */
.rd-page .rd-hero{padding-top:clamp(48px,4.5vw,64px)}
.rd-page .rd-copy .rd-lede{font-weight:400;font-size:clamp(19px,1.5vw,21px);line-height:1.4;color:var(--dg);max-width:540px;margin:0}
/* left column copy: 20px max on a 28px line (4px grid) */
.rd-page .rd-copy .rd-lede,.rd-page .rd-copy .rd-steps p,.rd-page .rd-copy .rd-k{font-size:clamp(19px,1.5vw,20px);line-height:28px}
.rd-page .rd-copy h1{margin:18px 0 18px}

/* quotes: one row that slides (3 in view on desktop), light cards */
.rd-quotes-night>div{display:flex!important;gap:16px;border:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 6px;margin:0 -2px}
.rd-quotes-night>div::-webkit-scrollbar{display:none}
.rd-quotes-night figure{flex:0 0 calc((100% - 32px)/3);scroll-snap-align:start;display:flex;flex-direction:column;gap:18px;padding:24px 24px 22px!important;border:1px solid rgba(19,22,36,.1)!important;border-radius:18px;background:#fff;box-shadow:none}
@media (max-width:1023px){.rd-quotes-night figure{flex-basis:calc((100% - 16px)/2)}}
@media (max-width:639px){.rd-quotes-night figure{flex-basis:86%}}
.rd-quotes-night figure>div{flex:1;gap:16px}
.rd-quotes-night figure blockquote{font-size:21px;line-height:1.28;letter-spacing:-.01em}
.rd-quotes-night figcaption{gap:12px}
.rd-quotes-night figcaption img{width:44px;height:44px}
.rd-quotes-night figcaption b{font-size:17px;line-height:1.2}
.rd-quotes-night figcaption small{font-size:16px;line-height:1.25}
.rd-quotes-night figure>p{order:2;margin:0;padding-top:16px;border-top:1px solid rgba(19,22,36,.08);display:flex;flex-direction:row;align-items:center;gap:12px;min-height:0}
.rd-quotes-night figure>p strong{flex:none;font-size:34px;line-height:1;padding:0;background:none!important;color:var(--chili)}
.rd-quotes-night figure>p span{font-size:16px;line-height:1.25;font-weight:500;color:var(--dg)}
.rd-qnav{display:flex;justify-content:center;gap:12px;margin-top:24px}
.rd-qbtn{width:52px;height:52px;border-radius:50%;border:0;background:var(--ink);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 24px -12px rgba(19,22,36,.6);transition:background .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease)}
.rd-qbtn svg{width:24px;height:24px;transition:transform .25s var(--ease)}
.rd-qbtn:hover:not(:disabled){background:var(--chili);transform:translateY(-2px);box-shadow:0 14px 28px -12px rgba(255,87,33,.7)}
.rd-qbtn[data-dir="1"]:hover:not(:disabled) svg{transform:translateX(3px)}
.rd-qbtn[data-dir="-1"]:hover:not(:disabled) svg{transform:translateX(-3px)}
.rd-qbtn:active:not(:disabled){transform:scale(.94)}
.rd-qbtn:focus-visible{outline:3px solid var(--violet);outline-offset:3px}
.rd-qbtn:disabled{background:#fff;color:rgba(19,22,36,.25);box-shadow:inset 0 0 0 2px rgba(19,22,36,.12);cursor:default}
/* three customer stories, centred */
.rd-page .rd-track{display:grid;grid-template-columns:repeat(3,minmax(0,360px));justify-content:center;gap:20px;overflow:visible}
.rd-page .rd-proof h2{text-align:center}
@media (max-width:1023.98px){.rd-page .rd-track{grid-template-columns:minmax(0,520px)}}

/* LinkedIn card: the mark on the title line, the sentence under both, a heavy arrow */
.ig-li-card{display:grid;grid-template-columns:1fr auto;column-gap:18px;row-gap:4px;align-items:center;white-space:normal}
.ig-li-top{display:flex;align-items:center;gap:10px}
.ig-li-top b{display:inline;margin:0}
.ig-li-in{width:24px;height:24px;margin:0}
.ig-li-sub{grid-column:1}
.ig-li-arr{grid-column:2;grid-row:1/span 2;width:28px;height:28px;color:var(--violet);transition:transform .2s}
.ig-li-card b{color:var(--violet)}
.ig-li-card:hover{border-color:var(--violet);box-shadow:0 14px 30px -16px rgba(84,61,255,.4)}
.ig-li-card:hover .ig-li-arr{transform:translateX(4px)}
/* customer cards: the quote in Recoleta, bigger */
.sc q{font-family:var(--sans);font-weight:600;font-size:21px;line-height:1.25;letter-spacing:-.01em;color:rgba(19,22,36,.4)}
.sc q em{font-style:normal;color:var(--ink)}

.role .q cite{font-size:16px}
/* hero pill: white, and one purple shine runs once around its outline after it arrives */
@property --pa{syntax:"<angle>";inherits:false;initial-value:0deg}
.hero .pill{position:relative;background:#fff}
.hero .pill::after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:2px;pointer-events:none;background:conic-gradient(from var(--pa),transparent 0deg,transparent 240deg,#A397FF 285deg,#543DFF 318deg,#fff 336deg,#8A7BFF 346deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;animation:pill-shine 2.4s ease-in-out 1s 1 forwards}
@keyframes pill-shine{0%{--pa:0deg;opacity:0}12%{opacity:1}82%{opacity:1}100%{--pa:360deg;opacity:0}}
@media (prefers-reduced-motion:reduce){.hero .pill::after{animation:none}}

/* ---- nav updates (2026-10-30): narrower Platform/Resources menus, no side column ---- */
.mm-platform,.mm-resources{width:min(960px,calc(100vw - 32px));left:0;transform:none}
/* left-aligned, so the open animation only slides down (mmIn also shifts by -50%) */
.nv-has.open>.mm-platform,.nv-has.open>.mm-resources{animation-name:mmInL}
@keyframes mmInL{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.mm-stack{flex-direction:column;gap:20px}
/* LinkedIn: a compact card in the Connect & Build column */
.nav .mm .nv-g a.nv-promo{flex:none;min-height:0;margin-top:18px;padding:16px}
.nav .mm .nv-g .nv-promo .nv-pr-h{font-size:20px;margin-top:12px}
.nav .mm .nv-g .nv-promo .nv-pr-more{font-size:16px;padding-top:12px}
/* Clawllective + Browse all resources: one long banner row under the columns */
.nv-foot{display:flex;align-items:center;gap:24px}
.nav .mm a.nv-promo-wide{flex:1;flex-direction:row;align-items:center;gap:24px;min-height:0;padding:16px 22px}
.nav .mm .nv-promo-wide .nv-claw{flex:none;width:150px;margin-top:0}
.nav .mm .nv-promo-wide .nv-pr-p{margin-top:0;font-size:17px}
.nav .mm .nv-promo-wide .nv-pr-more{flex:none;margin:0 0 0 auto;padding-top:0;font-size:17px}
.nav .mm .nv-foot a.nv-more{flex:none}
/* === Subtitles under headings at 20px (Maria, 2026-11-03) === */
/* The agents subhead widens so it still reads as one line on desktop. */
#agents .ag-head p{font-size:20px;max-width:640px}
.j-foot p,.path p,.agn-build p{font-size:20px}
/* === Hero panel: even padding, grows for the toast (Maria, 2026-11-03) ===
   The card and the toast sit in the flow with the same padding on every side,
   so the panel's box never changes size and nothing around it moves. While the
   toast is hidden, the panel (purple and the card's shadow) is clipped to end
   that same padding below the card (--hv-res = toast height + its top margin, measured in site.js); when
   "Meeting booked" shows, the clip opens and the purple grows downward. */
.hv{aspect-ratio:auto;padding:6%}
.hv-card{position:relative;left:auto;right:auto;top:auto}
.hv-result{position:relative;left:auto;right:auto;bottom:auto;margin-top:16px}
.hv{clip-path:inset(0 0 var(--hv-res,0px) 0 round 28px);transition:clip-path .6s var(--ease)}
.hv:has(.hv-result.on){clip-path:inset(0 0 0 0 round 28px)}
@media (prefers-reduced-motion:reduce){.hv{transition:none}}
/* "The secret sauce…" caption, and everything below it, 15px closer to the hero (Maria, 2026-11-03) */
.hero>.logos-cap{margin-top:-15px}
/* Hero G2 / users row a little tighter (Maria, 2026-11-03) */
.hero-proof{column-gap:14px}
.hero-proof a{gap:6px}
/* The "Got a question?" badge follows the panel: while the toast is hidden it
   sits the usual gap below the clipped purple, then slides down with it. Uses
   `translate` (not transform) so the rise-in and hover transforms still apply,
   and it moves without shifting the layout. */
.hero-talk{translate:0 calc(-1 * var(--hv-res,0px));transition:box-shadow .25s var(--ease),transform .25s var(--ease),translate .6s var(--ease)}
.hero-side:has(.hv-result.on) .hero-talk{translate:none}
@media (prefers-reduced-motion:reduce){.hero-talk{transition:none}}
/* The "Got a question?" badge is a pointer to the chat window that's already
   open, not a link: no pointer cursor or hover lift. Its arrow is an SVG with
   a heavier stroke than the old → glyph (Maria, 2026-11-03). */
.hero-talk{cursor:default}
.hero-talk:hover{box-shadow:0 14px 34px -18px rgba(19,22,36,.35);transform:none}
.ht-arr{display:block;width:26px;height:26px}
.ht-arr svg{display:block;width:100%;height:100%}