@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-alina/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-alina/img/cp-symbol-red.svg) 50%/contain no-repeat;mask:url(/home-alina/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-alina/img/cp-symbol-red.svg) center/contain no-repeat;mask:url(/home-alina/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){}

/* === Trick or treat (Halloween) === */
.tt{display:inline-flex;align-items:stretch;height:40px;border-radius:999px;background:#fff;border:1.5px solid var(--chili);padding:2px;gap:2px;margin-right:4px;position:relative;flex:none}
.tt-b{appearance:none;border:0;margin:0;display:inline-flex;align-items:center;gap:6px;padding:0 12px 0 9px;border-radius:999px;font-family:var(--sans);font-weight:700;font-size:16px;line-height:1;letter-spacing:-.01em;cursor:pointer;transition:background .2s,color .2s,transform .2s}
.tt-trick{background:transparent;color:var(--navy)}
.tt-trick:hover{background:var(--peach)}
.tt-treat{background:var(--ink);color:#fff;position:relative}
.tt-treat::after{content:"";position:absolute;inset:-2px;border-radius:inherit;box-shadow:0 0 0 0 rgba(255,87,33,.55);animation:ttGlow 2.6s ease-out infinite;pointer-events:none}
.tt-treat:hover{background:var(--chili)}
.tt-b:focus-visible{outline:3px solid var(--violet);outline-offset:2px}
.tt-ico{width:20px;height:20px;flex:none;display:block}
.tt-pump{transform-origin:50% 85%;animation:ttWob 3.2s ease-in-out infinite}
@keyframes ttWob{0%,72%,100%{transform:rotate(0)}78%{transform:rotate(-14deg)}84%{transform:rotate(11deg)}90%{transform:rotate(-6deg)}95%{transform:rotate(3deg)}}
@keyframes ttGlow{0%{box-shadow:0 0 0 0 rgba(255,87,33,.5)}70%,100%{box-shadow:0 0 0 9px rgba(255,87,33,0)}}
.mnav-tt{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 8px 6px 14px;margin-top:6px;border-top:1px solid var(--lg);font-family:var(--mono);font-size:12px;font-weight:700;text-transform:uppercase;color:var(--chili)}
.mnav-tt .tt{margin:0}
/* modal */
.tt-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px}
.tt-modal[hidden]{display:none}
.tt-backdrop{position:absolute;inset:0;background:rgba(19,22,36,.62);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:ttFade .25s ease-out}
.tt-dialog{position:relative;width:min(760px,100%);max-height:calc(100dvh - 40px);overflow:auto;background:var(--cream);border-radius:28px;padding:34px 34px 24px;box-shadow:0 30px 80px rgba(19,22,36,.4);animation:ttPop .38s cubic-bezier(.2,1.3,.4,1);outline:0;overscroll-behavior:contain}
.tt-dialog::before{content:"";position:absolute;left:0;right:0;top:0;height:8px;background:repeating-linear-gradient(-45deg,var(--chili) 0 14px,var(--ink) 14px 28px);border-radius:28px 28px 0 0}
@keyframes ttFade{from{opacity:0}}
@keyframes ttPop{from{opacity:0;transform:translateY(18px) scale(.96)}}
.tt-x{position:absolute;top:18px;right:18px;width:40px;height:40px;border-radius:50%;border:1px solid var(--lg);background:#fff;color:var(--ink);display:grid;place-items:center;cursor:pointer;z-index:2}
.tt-x svg{width:18px;height:18px}
.tt-x:hover{background:var(--cream2)}
.tt-x:focus-visible,.tt-browse:focus-visible,.tt-prod:focus-visible,.tt-dialog .btn:focus-visible{outline:3px solid var(--violet);outline-offset:2px}
.tt-kicker{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:13px;font-weight:700;text-transform:uppercase;color:var(--chili);background:var(--peach);border:1px solid var(--chili);border-radius:80px;padding:4px 12px 4px 8px}
.tt-kicker .tt-ico{width:18px;height:18px}
.tt-dialog h2{font-size:clamp(28px,4vw,40px);line-height:1.08;margin:14px 56px 10px 0;color:var(--ink)}
.tt-dialog h2 .c{color:var(--chili)}
.tt-dialog p{margin:0;color:var(--dg)}
#ttDesc{font-size:19px;max-width:56ch}
.tt-sub{font-family:var(--mono);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--gray)!important;margin:22px 0 10px!important}
.tt-prods{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.tt-prod{display:flex;flex-direction:column;height:100%;text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--lg);border-radius:18px;padding:8px 8px 12px;transition:transform .2s,box-shadow .2s,border-color .2s}
.tt-prod:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(19,22,36,.1);border-color:var(--chili)}
.tt-pimg{display:block;aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--cream2)}
.tt-pimg img{width:100%;height:100%;object-fit:cover;display:block}
.tt-prod b{font-size:16px;line-height:1.15;margin:10px 4px 4px;font-weight:600}
.tt-price{margin:auto 4px 0;font-family:var(--mono);font-size:13px;font-weight:700;color:var(--chili)}
.tt-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;margin-top:24px}
.tt-browse{font-weight:700;color:var(--navy);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px;text-decoration-color:var(--chili)}
.tt-fine{margin-top:16px!important;font-size:14px;color:var(--gray)!important;border-top:1px dashed var(--mid);padding-top:12px}
/* confetti / candy */
.tt-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:inherit;z-index:1}
.tt-cf{position:absolute;top:-24px;width:10px;height:14px;border-radius:3px;opacity:0;animation:ttFall var(--d,1.8s) cubic-bezier(.25,.6,.5,1) var(--dl,0s) forwards}
.tt-cf.corn{width:0;height:0;border-radius:0;background:none!important;border-left:7px solid transparent;border-right:7px solid transparent;border-top:16px solid #FFBB36;filter:drop-shadow(0 -5px 0 #FF5721)}
.tt-cf.dot{width:11px;height:11px;border-radius:50%}
@keyframes ttFall{0%{opacity:1;transform:translate(0,0) rotate(0)}100%{opacity:0;transform:translate(var(--x,0),var(--y,520px)) rotate(var(--r,360deg))}}
/* trick */
.tt-ghost{position:fixed;z-index:90;left:0;top:30vh;width:110px;pointer-events:none;animation:ttGhost 3.4s ease-in-out forwards;filter:drop-shadow(0 14px 18px rgba(19,22,36,.22))}
@keyframes ttGhost{0%{transform:translate(-140px,0) rotate(-6deg);opacity:0}10%{opacity:.95}30%{transform:translate(24vw,-50px) rotate(5deg)}55%{transform:translate(48vw,30px) rotate(-5deg)}80%{transform:translate(72vw,-30px) rotate(6deg);opacity:.95}100%{transform:translate(105vw,-10px) rotate(0);opacity:0}}
.tt-ghost .ey{animation:ttBlink 1.2s steps(1) infinite}
@keyframes ttBlink{0%,85%{transform:scaleY(1)}86%,100%{transform:scaleY(.1)}}
.hdr .brand{position:relative}
.tt-hat{position:absolute;left:50%;top:-22px;width:40px;margin-left:-19px;pointer-events:none;transform-origin:50% 100%;animation:ttHat 3.6s ease forwards}
@keyframes ttHat{0%{transform:translateY(-30px) rotate(-30deg);opacity:0}14%{transform:translateY(0) rotate(-12deg);opacity:1}22%{transform:rotate(-4deg)}30%,86%{transform:rotate(-10deg);opacity:1}100%{transform:translateY(-14px) rotate(-24deg);opacity:0}}
.brand.tt-shake img{animation:ttShake .7s ease}
@keyframes ttShake{20%{transform:rotate(-12deg)}45%{transform:rotate(9deg)}70%{transform:rotate(-5deg)}}
main.tt-wobble{animation:ttPage .8s ease}
@keyframes ttPage{20%{transform:rotate(-.5deg) translateX(-4px)}45%{transform:rotate(.4deg) translateX(4px)}70%{transform:rotate(-.2deg)}}
.tt-toast{position:fixed;z-index:95;left:50%;bottom:28px;transform:translate(-50%,24px);opacity:0;pointer-events:none;background:var(--ink);color:#fff;font-weight:700;font-size:18px;padding:12px 20px;border-radius:999px;box-shadow:0 14px 34px rgba(19,22,36,.3);transition:opacity .25s,transform .3s cubic-bezier(.2,1.3,.4,1);white-space:nowrap}
.tt-toast.on{opacity:1;transform:translate(-50%,0)}
.tt-lock{overflow:hidden}
@media (max-width:767px){
 .hdr-cta .tt{height:38px;margin-right:2px}
 .hdr-cta .tt-b{padding:0 9px}
 .hdr-cta .tt-l{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 .tt-dialog{padding:28px 18px 18px;border-radius:22px;max-height:calc(100dvh - 24px)}
 .tt-modal{padding:12px}
 .tt-dialog h2{font-size:27px;margin-right:44px}
 .tt-x{top:12px;right:12px}
 #ttDesc{font-size:17px}
 .tt-prods{grid-template-columns:1fr 1fr;gap:10px}
 .tt-prod b{font-size:15px}
 .tt-ctas .btn{width:100%;font-size:17px;height:50px;padding:0 16px}
 .tt-ctas{justify-content:center}
 .tt-toast{font-size:16px;bottom:22px}
}
@media (max-width:359px){.hdr-cta .tt{display:none}}
@media (prefers-reduced-motion:reduce){
 .tt-pump,.tt-treat::after,.tt-backdrop,.tt-dialog,.tt-ghost,.tt-ghost .ey,.brand.tt-shake img,main.tt-wobble{animation:none!important}
 .tt-hat{animation:none!important;transform:rotate(-10deg)}
 .tt-prod,.tt-toast{transition:opacity .2s}
 .tt-prod:hover{transform:none}
}

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

/* === Halloween header + hero trick/treat === */
.hdr-in{position:relative;box-shadow:0 0 0 1px rgba(255,87,33,.14),0 10px 34px -14px rgba(84,61,255,.35),0 6px 26px -16px rgba(255,87,33,.5)}
.hdr.scrolled .hdr-in{box-shadow:0 0 0 1px rgba(255,87,33,.16),0 10px 34px -12px rgba(84,61,255,.35),0 8px 30px rgba(19,22,36,.08)}
.hw-web{position:absolute;left:0;top:0;width:58px;height:58px;opacity:.2;pointer-events:none;border-top-left-radius:999px;overflow:hidden;clip-path:inset(0 round 30px 0 0 0)}
.hw-hat{position:absolute;left:50%;top:-15px;width:30px;margin-left:-11px;pointer-events:none;transform:rotate(-14deg);transform-origin:50% 100%}
.hw-hat svg{display:block;width:100%;height:auto}
.hw-hat.hw-hop{animation:hwHop .9s cubic-bezier(.3,1.6,.5,1)}
@keyframes hwHop{0%{transform:rotate(-14deg)}35%{transform:translateY(-14px) rotate(16deg)}70%{transform:translateY(0) rotate(-22deg)}100%{transform:rotate(-14deg)}}
.hw-spider{position:absolute;top:100%;right:23%;width:22px;pointer-events:none;transform-origin:50% 0;animation:hwBob 5.5s ease-in-out infinite}
.hw-thread{display:block;width:1px;height:26px;margin:0 auto;background:linear-gradient(rgba(37,44,71,.15),rgba(37,44,71,.55))}
.hw-spider svg{display:block;width:22px;height:22px;margin-top:-3px}
@keyframes hwBob{0%,100%{transform:translateY(0) rotate(0)}45%{transform:translateY(10px) rotate(4deg)}70%{transform:translateY(4px) rotate(-3deg)}}
.hw-spider.hw-drop{animation:hwDrop 1.6s cubic-bezier(.3,1.4,.5,1)}
@keyframes hwDrop{0%{transform:translateY(0)}35%{transform:translateY(46px)}100%{transform:translateY(0)}}
.hw-deco{position:absolute;inset:-14px 0 -40px;pointer-events:none;overflow:hidden;z-index:-1}
.hw-bat{position:absolute;left:0;top:0;width:30px;opacity:0}
.hw-bat svg{display:block;width:100%;height:auto}
.hw-bat .w{transform-origin:50% 40%;animation:hwFlap .22s ease-in-out infinite alternate}
@keyframes hwFlap{to{transform:scaleY(.35)}}
.hw-bat.b1{animation:hwFly1 16s linear infinite 2s}
.hw-bat.b2{width:22px;animation:hwFly2 16s linear infinite 9s}
@keyframes hwFly1{0%{transform:translate(-40px,58px);opacity:0}2%{opacity:.75}12%{transform:translate(40vw,6px)}24%{transform:translate(85vw,64px);opacity:.75}27%,100%{transform:translate(105vw,30px);opacity:0}}
@keyframes hwFly2{0%{transform:translate(105vw,10px) scaleX(-1);opacity:0}2%{opacity:.6}13%{transform:translate(55vw,66px) scaleX(-1)}25%{transform:translate(8vw,4px) scaleX(-1);opacity:.6}28%,100%{transform:translate(-40px,40px) scaleX(-1);opacity:0}}
/* hero buttons */
.tt-hero-treat{cursor:pointer;position:relative;box-shadow:0 0 0 0 rgba(255,87,33,.55),0 10px 26px -8px rgba(255,87,33,.7);animation:hwPulse 2.2s ease-out infinite}
.tt-hero-treat .tt-ico,.tt-hero-trick .tt-ico{width:24px;height:24px}
.tt-hero-treat .tt-candy path:first-child{fill:#FFE0D4}
.tt-hero-treat .tt-candy circle{fill:#fff}
.tt-hero-treat .tt-candy path:last-child{stroke:var(--chili)}
@keyframes hwPulse{0%{box-shadow:0 0 0 0 rgba(255,87,33,.55),0 10px 26px -8px rgba(255,87,33,.7)}70%,100%{box-shadow:0 0 0 14px rgba(255,87,33,0),0 10px 26px -8px rgba(255,87,33,.7)}}
.tt-hero-trick{cursor:pointer;background:var(--ink);color:#fff;border:2px solid var(--violet);box-shadow:0 0 0 4px rgba(84,61,255,.14)}
.tt-hero-trick:hover{background:var(--violet);border-color:var(--violet)}
.tt-hero-treat:focus-visible,.tt-hero-trick:focus-visible{outline:3px solid var(--violet);outline-offset:3px}
@media (max-width:767px){.hw-spider{right:84px}.hw-thread{height:20px}.hw-web{width:46px;height:46px}.hw-hat{width:26px;top:-13px;margin-left:-10px}}
@media (prefers-reduced-motion:reduce){.hw-spider,.hw-spider.hw-drop,.hw-hat.hw-hop,.tt-hero-treat,.hw-bat .w{animation:none!important}.hw-deco{display:none}}


/* === The Oracle (Trick) tarot modal === */
.or-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px}
.or-modal[hidden]{display:none}
.or-backdrop{position:absolute;inset:0;background:rgba(8,5,20,.78);backdrop-filter:blur(4px)}
.or-dialog{position:relative;width:min(760px,100%);max-height:calc(100dvh - 40px);overflow:auto;border-radius:28px;padding:44px 40px 34px;color:#f4ecff;text-align:center;
 background:radial-gradient(ellipse at 50% 110%,rgba(255,87,33,.22),transparent 55%),radial-gradient(ellipse at 50% -20%,#3b2477,transparent 60%),linear-gradient(180deg,#22164a,#120c29);
 box-shadow:0 0 0 1px rgba(255,120,70,.22),0 0 60px rgba(124,77,255,.35),0 30px 80px rgba(0,0,0,.5);outline:none;isolation:isolate}
.or-sky{position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;opacity:.9;
 background-image:radial-gradient(1.5px 1.5px at 8% 14%,#fff,transparent),radial-gradient(1px 1px at 22% 38%,#FFD2C0,transparent),radial-gradient(1.6px 1.6px at 37% 9%,#fff,transparent),radial-gradient(1px 1px at 52% 27%,#fff,transparent),radial-gradient(1.4px 1.4px at 66% 12%,#FFD2C0,transparent),radial-gradient(1px 1px at 79% 33%,#fff,transparent),radial-gradient(1.7px 1.7px at 91% 8%,#fff,transparent),radial-gradient(1px 1px at 12% 62%,#fff,transparent),radial-gradient(1.3px 1.3px at 88% 58%,#FFD2C0,transparent),radial-gradient(1px 1px at 46% 71%,#fff,transparent),radial-gradient(1.2px 1.2px at 28% 86%,#fff,transparent),radial-gradient(1px 1px at 72% 84%,#fff,transparent);
 animation:orTwinkle 4s ease-in-out infinite alternate}
@keyframes orTwinkle{to{opacity:.45}}
@keyframes orFlame{0%{transform:scale(1) rotate(-2deg)}50%{transform:scale(.92,1.08) rotate(2deg)}100%{transform:scale(1.04,.96) rotate(-1deg)}}
.or-x{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);color:#fff;display:grid;place-items:center;cursor:pointer}
.or-x svg{width:18px;height:18px}
.or-x:hover{background:rgba(255,255,255,.14)}
.or-kicker{display:inline-block;font-family:var(--mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#FF8A5C;margin-bottom:14px}
.or-h{font-family:var(--serif);font-size:32px;line-height:1.15;margin:0 auto 22px;max-width:520px;color:#fff;text-shadow:0 0 24px rgba(160,120,255,.55)}
.or-step[hidden]{display:none}
.or-form{display:flex;gap:10px;max-width:520px;margin:0 auto}
.or-form input{flex:1;min-width:0;height:54px;border-radius:999px;border:1px solid rgba(255,120,70,.45);background:rgba(10,6,26,.55);color:#fff;font:inherit;font-size:18px;padding:0 22px}
.or-form input::placeholder{color:rgba(244,236,255,.5)}
.or-form input:focus-visible{outline:3px solid #FF5721;outline-offset:2px}
.or-form .btn{height:54px;white-space:nowrap}
.or-err{color:#FFB49A;margin:12px 0 0;font-size:15px}
.or-orb{width:90px;height:90px;margin:8px auto 10px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#b9a3ff 25%,#5a3bd6 60%,#1d1150);box-shadow:0 0 40px 10px rgba(140,100,255,.55);animation:orPulse 1.4s ease-in-out infinite alternate}
@keyframes orPulse{to{transform:scale(1.08);box-shadow:0 0 60px 20px rgba(255,190,90,.45)}}
.or-fan{display:flex;justify-content:center;align-items:flex-end;gap:0;padding:18px 0 26px;perspective:1200px}
.or-card{--rot:0deg;--ty:0px;position:relative;width:150px;height:240px;margin:0 -10px;padding:0;border:0;background:none;cursor:pointer;transform:translateY(var(--ty)) rotate(var(--rot));transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .4s;border-radius:14px;perspective:1000px}
.or-card[data-i="0"]{--rot:-12deg;--ty:14px}.or-card[data-i="2"]{--rot:12deg;--ty:14px}.or-card[data-i="1"]{z-index:1}
.or-card:not(:disabled):hover,.or-card:not(:disabled):focus-visible{transform:translateY(calc(var(--ty) - 22px)) rotate(var(--rot)) scale(1.04);z-index:2}
.or-card:focus-visible{outline:3px solid #FF5721;outline-offset:4px}
.or-card.dim{opacity:.25}
.or-card.chosen{z-index:3;transform:translateY(-10px) rotate(0) scale(1.08)}
.or-in{position:absolute;inset:0;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.3,.7,.2,1)}
.or-card.flip .or-in{transform:rotateY(180deg)}
.or-back,.or-front{position:absolute;inset:0;border-radius:14px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}
.or-back{background:radial-gradient(circle at 50% 50%,rgba(255,110,60,.35) 0 14px,transparent 15px),repeating-linear-gradient(45deg,rgba(255,120,70,.14) 0 2px,transparent 2px 12px),repeating-linear-gradient(-45deg,rgba(255,120,70,.14) 0 2px,transparent 2px 12px),linear-gradient(160deg,#3a2378,#1a1040);box-shadow:inset 0 0 0 3px #1a1040,inset 0 0 0 5px #FF5721,0 14px 30px rgba(0,0,0,.45),0 0 26px rgba(140,100,255,.35)}
.or-back::after{content:"☾";position:absolute;inset:0;display:grid;place-items:center;font-size:30px;color:#FF9466}
.or-front{transform:rotateY(180deg)}
.or-front,.or-card-big{display:flex;flex-direction:column;align-items:stretch;background:#fff;box-shadow:inset 0 0 0 4px #fff,inset 0 0 0 6px #FF5721,0 14px 30px rgba(0,0,0,.45);padding:12px 11px;color:#131624;font-family:var(--serif)}
.or-num{font-weight:700;font-size:16px;line-height:1;margin-bottom:6px}
.or-art{position:relative;flex:1;border-radius:6px;background:radial-gradient(circle at 50% 30%,#2c3766,#151c3c);display:grid;place-items:center;overflow:hidden;box-shadow:inset 0 0 0 1px #FF5721}
.or-stars{position:absolute;inset:0;background-image:radial-gradient(1.4px 1.4px at 15% 20%,#FF9466,transparent),radial-gradient(1px 1px at 70% 15%,#FF9466,transparent),radial-gradient(1.3px 1.3px at 85% 60%,#FF9466,transparent),radial-gradient(1px 1px at 30% 75%,#FF9466,transparent),radial-gradient(1.2px 1.2px at 55% 45%,#fff,transparent),radial-gradient(1px 1px at 20% 50%,#fff,transparent)}
.or-emo{position:relative;font-size:52px;line-height:1;filter:drop-shadow(0 0 12px rgba(255,110,60,.5))}
.or-band{margin-top:8px;font-weight:700;font-size:14px;line-height:1.15;border-top:1px solid #FF5721;padding-top:6px}
.or-result{display:grid;grid-template-columns:200px 1fr;gap:30px;align-items:center;text-align:left;margin:4px 0 22px}
.or-card-big{grid-row:span 3;width:200px;height:320px;border-radius:16px}
.or-card-big .or-emo{font-size:76px}.or-card-big .or-num{font-size:20px}.or-card-big .or-band{font-size:18px}
.or-read{grid-column:2;font-family:var(--mono);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#FF8A5C;margin:0}
.or-name:focus,.or-name:focus-visible{outline:none}
.or-name{grid-column:2;font-family:var(--serif);font-size:36px;line-height:1.1;margin:0;color:#fff;outline:none;text-shadow:0 0 24px rgba(160,120,255,.55)}
.or-omen{grid-column:2;font-family:var(--serif);font-size:22px;line-height:1.4;margin:0;color:#f4ecff}
.or-after{border-top:1px solid rgba(255,120,70,.25);padding-top:20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 20px;text-align:left}
.or-after p{margin:0;flex:1 1 280px;font-size:18px;color:#fff}
.or-again-row{display:flex;justify-content:center;margin-top:18px}
.or-again{font:inherit;font-size:16px;background:none;border:0;padding:8px 12px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;color:#FF8A5C}.or-again:hover{color:#fff}.or-again:focus-visible{outline:2px solid #FF5721;outline-offset:2px;border-radius:8px}
.or-dialog :focus-visible{outline:3px solid #FF5721;outline-offset:3px}
@media (max-width:767px){
 .or-modal{padding:10px}
 .or-dialog{padding:34px 18px 24px;border-radius:22px;max-height:calc(100dvh - 20px)}
 .or-x{top:10px;right:10px}
 .or-h{font-size:25px;margin-bottom:18px}
 .or-form{flex-direction:column}.or-form .btn{width:100%}
 .or-card{width:98px;height:158px;margin:0 -6px}
 .or-back::after{font-size:22px}
 .or-result{grid-template-columns:1fr;justify-items:center;text-align:center;gap:10px}
 .or-card-big{grid-row:auto;width:150px;height:240px}
 .or-card-big .or-emo{font-size:56px}.or-card-big .or-band{font-size:15px}
 .or-read,.or-name,.or-omen{grid-column:1}
 .or-name{font-size:28px}.or-omen{font-size:19px}
 .or-after{flex-direction:column;align-items:stretch;text-align:center}.or-after p{flex:none}.or-after .btn{width:100%}

}
@media (prefers-reduced-motion:reduce){
 .or-sky,.or-orb{animation:none}
 .or-card,.or-in{transition:none}
 .or-card.flip .or-in{transform:none}
 .or-card.flip .or-back{opacity:0;transition:opacity .35s}
 .or-front{transform:none;opacity:0}
 .or-card.flip .or-front{opacity:1;transition:opacity .35s}
 .or-card:not(:disabled):hover,.or-card:not(:disabled):focus-visible{transform:translateY(var(--ty)) rotate(var(--rot))}
}

/* ---- Mobile QA (round 14) ---- */
/* modals: respect notches / home indicator */
.tt-modal,.or-modal{padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}
.tt-dialog,.or-dialog{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
/* 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}
 .hdr-cta .tt{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}
 .hdr-cta .tt{height:44px}
 .hdr-cta .tt-b{height:44px;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 */
 .hw-bat{display:none}
 .tt-modal,.or-modal{padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}
 .tt-dialog,.or-dialog{max-height:calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
}
@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); the Halloween look now lives in the hero background === */
.hdr-in>.brand,.hdr-in>.hdr-cta,.hdr-in>.menu-btn{position:relative;z-index:2}
.hw-deco{display:none}

/* ===== Request-demo page, Halloween (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-stars{position:absolute;inset:0;width:100%;height:100%}
.rd-stars g{animation:hnTw 3.6s ease-in-out infinite}.rd-stars .s1{animation-delay:-1.2s;animation-duration:4.4s}.rd-stars .s2{animation-delay:-2.1s;animation-duration:2.9s}
.rd-moon{position:absolute;top:96px;right:clamp(24px,8vw,140px);width:clamp(64px,7vw,104px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 36%,#fffbe8 0,#ffe7a6 55%,#f5c76a 100%);box-shadow:0 0 40px 10px rgba(255,220,140,.35),0 0 120px 40px rgba(255,190,90,.14)}
.rd-moon::before,.rd-moon::after{content:"";position:absolute;border-radius:50%;background:rgba(214,170,90,.35)}
.rd-moon::before{width:18%;height:18%;left:56%;top:30%}.rd-moon::after{width:11%;height:11%;left:30%;top:60%}
.rd-fog{position:absolute;left:-20%;width:140%;height:120px;bottom:-30px;background:radial-gradient(40% 60% at 30% 60%,rgba(220,210,255,.12),transparent 70%),radial-gradient(35% 50% at 75% 50%,rgba(220,210,255,.10),transparent 70%);animation:hnFog 26s ease-in-out infinite alternate}
.rd-fog.f2{bottom:30%;opacity:.6;animation-duration:34s;animation-direction:alternate-reverse}
.rd-web{position:absolute;top:84px;right:0;width:clamp(110px,12vw,170px);opacity:.38}
.rd-bat{position:absolute;left:0;top:150px;width:34px;fill:#0a0618;opacity:0;animation:rdBat 22s linear infinite}
.rd-bat svg{display:block;width:100%;height:auto;filter:drop-shadow(0 0 2px rgba(255,214,150,.9)) drop-shadow(0 0 7px rgba(255,140,60,.45))}
.rd-bat .w{transform-origin:50% 40%;animation:hwFlap .2s ease-in-out infinite alternate}
.rd-bat.b2{width:24px;top:250px;animation-duration:30s;animation-delay:-9s}
.rd-bat.b3{width:28px;top:110px;animation-duration:26s;animation-delay:-17s;animation-direction:reverse}
@keyframes rdBat{0%{transform:translate(-40px,0);opacity:0}4%{opacity:.95}25%{transform:translate(26vw,-30px)}50%{transform:translate(52vw,20px)}75%{transform:translate(78vw,-14px)}96%{opacity:.95}100%{transform:translate(104vw,10px);opacity:0}}
.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-hat{position:absolute;top:-30px;left:24px;width:46px;height:46px;z-index:2}
.rd-hat img{position:absolute;left:3px;bottom:0;width:40px;height:40px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35))}
.rd-hat svg{position:absolute;left:4px;top:-18px;width:44px;transform:rotate(-12deg)}
.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-badge{justify-self:start;display:inline-flex;gap:6px;align-items:center;font-size:15px;font-weight:600;color:#5b2a00;background:#FFF1DC;border:1px solid #FFD49A;border-radius:999px;padding:4px 12px;margin-bottom:6px}
.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-done-art{font-size:44px;display:flex;gap:10px;line-height:1}
.rd-done-art span{display:inline-block;animation:rdBob 2.4s ease-in-out infinite}.rd-done-art .p2{animation-delay:-.8s}.rd-done-art .p3{animation-delay:-1.6s}
@keyframes rdBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px) rotate(-6deg)}}
.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-treat{background:linear-gradient(180deg,#2a1a55,#1a1338);padding:clamp(48px,6vw,90px) 0;color:#F4F0FF}
.rd-treat-in{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,60px);align-items:center;padding:clamp(26px,3.4vw,52px);border-radius:28px;background:radial-gradient(70% 90% at 0 100%,rgba(255,120,40,.22),transparent 60%),radial-gradient(60% 80% at 100% 0,rgba(140,90,255,.22),transparent 60%),#150f33;border:1px solid rgba(255,170,90,.35);box-shadow:0 0 80px -30px rgba(255,120,40,.6)}
.rd-k2{display:inline-flex;gap:6px;align-items:center;font-family:var(--mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--yellow)}
.rd-treat h2{font-size:clamp(34px,3.6vw,54px);line-height:1.02;margin:12px 0 14px;color:#fff}
.rd-treat h2 .c{color:#FF7A3D}
.rd-treat-copy p{font-size:18px;line-height:1.45;color:rgba(244,240,255,.82);margin:0 0 22px;max-width:460px}
.rd-browse{display:inline-block;margin:14px 0 0 4px;color:#ffcf7a;font-size:16px;text-underline-offset:3px}
.rd-treat-copy .btn{max-width:100%}
.rd-sub{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(244,236,255,.7);margin:0 0 12px}
.rd-prods{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.rd-prod{display:flex;flex-direction:column;gap:6px;height:100%;padding:10px 10px 14px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#fff;text-decoration:none;transition:transform .25s var(--ease),border-color .25s,background .25s}
.rd-prod:hover{transform:translateY(-4px);border-color:rgba(255,170,90,.7);background:rgba(255,255,255,.1)}
.rd-pimg{display:block;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#fff}
.rd-pimg img{width:100%;height:100%;object-fit:cover;display:block}
.rd-prod b{font-family:var(--sans);font-size:15px;line-height:1.2;font-weight:600}
.rd-price{font-size:14px;color:var(--yellow)}
.rd-fine{grid-column:1/-1;margin:0;font-size:13px;color:rgba(244,240,255,.6)}
.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}
.rd-bat.b4{position:absolute;left:auto;right:180px;top:10px;width:22px;opacity:.9;animation:none}
@media (max-width:1023px){.rd-grid{grid-template-columns:1fr}.rd-formwrap{max-width:600px}.rd-treat-in{grid-template-columns:1fr}.rd-prods{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:767px){
 .rd-hero{padding-top:104px}
 .rd-copy h1{font-size:40px}
 .rd-moon{top:84px;width:52px;right:18px}
 .rd-web{width:96px;top:72px}
 .rd-fog.f2,.rd-bat.b2,.rd-bat.b3{display:none}
 .rd-bat{top:120px;width:26px}
 .rd-formwrap{padding:14px;border-radius:22px;margin-top:8px}
 .rd-hat{top:-26px;left:16px}
 .rd-form,.rd-done{padding:20px 16px}
 .rd-teams ul{gap:10px}.rd-teams img{height:20px;max-width:90px}
 .rd-prods{grid-template-columns:repeat(2,minmax(0,1fr))}
 .rd-treat-in{padding:24px 16px;border-radius:22px}
 .rd-treat-copy .btn{width:100%;height:auto;min-height:54px;padding:10px 18px;text-align:center}
 .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%}
 .rd-bat.b4{right:14px}
}
@media (prefers-reduced-motion:reduce){.rd-stars g,.rd-fog,.rd-bat .w,.rd-done-art span{animation:none!important}.rd-bat:not(.b4){display:none}}

/* request-demo polish (round 15) */
.rd-done[hidden],.rd-form[hidden]{display:none!important}
.rd-moon{right:auto;left:36%;top:78px}
.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}
@media (max-width:1199px){.rd-treat-in{grid-template-columns:1fr}}
@media (max-width:767px){.rd-moon{left:auto;right:18px}}

/* ===== 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}}

.hdr:has(.mnav.open) .hw-spider,.hdr:has(.mnav.open) .hw-web{display: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}

/* === Halloween hero background (round 16): warm cream, harvest moon behind the Celine card, cobwebs, drifting candy-corn mesh, doodles. CSS/SVG only === */
.hero{background:#fff;isolation:isolate}
.hero>.wrap,.hero>.logos{position:relative;z-index:1}
.hh-bg{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.hh-mesh,.hh-webs,.hh-doodles{position:absolute;inset:0;will-change:transform}
.hh-mesh{transform:translate3d(0,calc(var(--hy,0) * .22px),0)}
.hh-doodles{transform:translate3d(0,calc(var(--hy,0) * -.14px),0)}
.hh-webs{transform:translate3d(0,calc(var(--hy,0) * .08px),0)}
.hh-blob{position:absolute;border-radius:50%;animation:hhDrift 26s ease-in-out infinite alternate}
.hh-blob.p{width:min(54vw,760px);aspect-ratio:1;left:-16%;top:-22%;background:radial-gradient(closest-side,rgba(124,92,255,.20),rgba(124,92,255,0))}
.hh-blob.y{width:min(40vw,560px);aspect-ratio:1;left:30%;top:-18%;background:radial-gradient(closest-side,rgba(255,187,54,.20),rgba(255,187,54,0));animation-duration:32s;animation-delay:-8s}
.hh-blob.o{width:min(60vw,860px);aspect-ratio:1;right:-18%;top:6%;background:radial-gradient(closest-side,rgba(255,110,50,.26),rgba(255,87,33,0));animation-duration:30s;animation-delay:-14s;animation-direction:alternate-reverse}
.hh-blob.l{width:min(34vw,480px);aspect-ratio:1;left:14%;bottom:-6%;background:radial-gradient(closest-side,rgba(184,227,90,.24),rgba(184,227,90,0));animation-duration:36s;animation-delay:-20s}
@keyframes hhDrift{0%{transform:translate(0,0) scale(1)}50%{transform:translate(4%,3%) scale(1.06)}100%{transform:translate(-3%,5%) scale(.97)}}
.hh-web{position:absolute;top:0;width:clamp(120px,15vw,230px);color:#474F70;opacity:.2}
.hh-web svg{display:block;width:100%;height:auto}
.hh-web.l{left:0}.hh-web.r{right:0;transform:scaleX(-1)}
.hh-d{position:absolute;display:block;animation:hhBob 6s ease-in-out infinite}
.hh-d svg{display:block;width:100%;height:auto}
@keyframes hhBob{0%,100%{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-9px) rotate(calc(var(--r,0deg) * -1))}}
.hh-bat{width:26px;fill:#252C47;opacity:.72}
.hh-bat .w{transform-origin:50% 40%;animation:hwFlap .22s ease-in-out infinite alternate}
.hh-bat.a1{left:44%;top:118px;--r:-8deg}
.hh-bat.a2{left:49%;top:150px;width:18px;animation-delay:-2s;--r:6deg}
.hh-bat.a3{right:4%;top:116px;width:20px;animation-delay:-3.5s;--r:-5deg}
.hh-ghost{width:34px;opacity:.9}
.hh-ghost.g1{left:2.2%;top:46%;--r:-6deg;animation-duration:7s}
.hh-ghost.g2{right:2.5%;bottom:21%;width:26px;--r:7deg;animation-delay:-3s}
.hh-pump{width:40px;left:46%;bottom:128px;--r:-4deg;animation-duration:8s;animation-delay:-1s}
.hh-corn{width:18px;opacity:.95}
.hh-corn.c1{left:51%;top:31%;--r:14deg;animation-delay:-2.4s}
.hh-corn.c2{left:3.4%;bottom:150px;width:15px;--r:-18deg;animation-delay:-4.2s}
.hv{isolation:isolate}
.hh-moon{position:absolute;z-index:-1;left:50%;top:50%;width:118%;aspect-ratio:1;border-radius:50%;transform:translate3d(-50%,calc(-50% + var(--hy,0) * .1px),0);background:radial-gradient(circle at 42% 38%,#FFF1D6 0,#FFE2B4 46%,#FFD08E 70%,#FFC57A 100%);box-shadow:0 0 70px 24px rgba(255,190,110,.38),0 0 200px 80px rgba(255,170,90,.18);opacity:.95}
.hh-moon::before,.hh-moon::after,.hh-moon i{content:"";position:absolute;border-radius:50%;background:rgba(214,150,70,.16)}
.hh-moon::before{width:9%;height:9%;left:8%;top:30%}.hh-moon::after{width:6%;height:6%;right:7%;top:64%}.hh-moon i{width:5%;height:5%;left:14%;top:72%}
.hero h1{color:var(--ink)}
@media (max-width:1180px){.hh-ghost.g1,.hh-corn.c2{display:none}}
@media (max-width:1023px){.hh-bat.a1{left:auto;right:12%;top:96px}.hh-bat.a2{display:none}.hh-corn.c1{left:auto;right:6%;top:30%}.hh-pump{left:auto;right:5%;bottom:auto;top:44%}.hh-ghost.g2{right:auto;left:4%;bottom:auto;top:47%}}
@media (max-width:767px){.hh-web{width:96px;opacity:.16}.hh-web.r{display:none}.hh-pump{width:30px;top:auto;bottom:120px;right:4%}.hh-ghost.g2{display:none}.hh-corn.c1{top:auto;bottom:46%;right:3%}.hh-bat.a3{display:none}.hh-moon{width:112%}}
@media (prefers-reduced-motion:reduce){.hh-blob,.hh-d,.hh-bat .w{animation:none!important}}

/* 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, no candles; small orange/ink Halloween accents only === */
.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-web{color:#474F70;opacity:.2;top:0}
.rd-bat{fill:#252C47}
.rd-bat svg{filter:none}
@keyframes rdBat{0%{transform:translate(-40px,0);opacity:0}4%{opacity:.55}25%{transform:translate(26vw,-30px)}50%{transform:translate(52vw,20px)}75%{transform:translate(78vw,-14px)}96%{opacity:.55}100%{transform:translate(104vw,10px);opacity: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-hat img{filter:drop-shadow(0 3px 6px rgba(19,22,36,.18))}
.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-treat{background:#fff;color:var(--ink)}
.rd-treat-in{background:#FFF6EF;border:1px solid #FFD9C7;box-shadow:none}
.rd-treat-in::before,.rd-treat-in::after{display:none}
.rd-k2{color:var(--chili-dark)}
.rd-treat h2{color:var(--ink)}.rd-treat h2 .c{color:var(--chili)}
.rd-treat-copy p{color:var(--dg)}
.rd-browse{color:var(--chili-dark)}
.rd-sub{color:var(--gray)}
.rd-prod{background:#fff;border-color:var(--lg);color:var(--ink)}
.rd-prod:hover{background:#fff;border-color:var(--chili)}
.rd-price{color:var(--chili-dark)}
.rd-fine{color:var(--gray)}
.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}
.rd-bat.b4 svg{filter: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 */
.hh-mesh,.hh-moon,.hh-corn{display:none!important}

/* === 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 (home-alina) */
.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-where{display:none}.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 pumpkin 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}
.tt-prod{padding:8px}
.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}}
/* treat (the store): bold chili label, no emoji; the photos as a 2x2 grid; text link; tight above and below */
.rd-page .rd-treat-copy .rd-badge{flex-basis:auto!important;align-self:flex-start;margin:0 0 6px}
.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-treat{padding-top:0;padding-bottom:0}
.rd-page .rd-faq{padding-top:64px}
.rd-page .rd-treat-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.rd-page .rd-prods{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:380px;justify-self:end;width:100%}
.rd-page .rd-treat-in{padding:clamp(20px,2.4vw,28px) clamp(22px,2.6vw,36px)}
.rd-page .rd-treat h2{margin:10px 0 10px}
.rd-page .rd-treat-copy p{margin-bottom:16px}
@media (max-width:1023px){.rd-page .rd-prods{justify-self:stretch;max-width:none}}
.rd-page .rd-treat-copy{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}
.rd-page .rd-treat-copy>:not(.btn):not(.rd-browse){flex-basis:100%}
.rd-page .rd-browse{display:inline-flex;align-items:center;margin:0;color:var(--ink);font-size:17px;font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:5px}
.rd-page .rd-browse:hover{color:var(--chili)}
/* 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-treat-copy 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}
.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{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-treat-in,.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-badge{display:none}
.rd-page .rd-formwrap[data-grown] .rd-live h2{font-size:clamp(26px,2vw,30px)}
.rd-page .rd-formwrap h2,.rd-page .rd-formwrap .rd-badge{transition:font-size .3s ease}
/* treat: the four store photos larger, image only, filling the right column */
.rd-page .rd-treat-in{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center}
.rd-page .rd-prods{gap:14px}
.rd-page .rd-prod{padding:0;border:0;background:none;border-radius:18px;overflow:hidden}
.rd-page .rd-pimg{border-radius:18px;background:#f4f4f0}
.rd-page .rd-prod:hover{transform:translateY(-4px);background:none}
@media (max-width:1023px){.rd-page .rd-treat-in{grid-template-columns:1fr}}
/* 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}
.rd-page .rd-copy h1{margin:18px 0 18px}
/* the spider drops from the web in the hero's top-right corner */
.rd-spider{position:absolute;top:0;right:10px;width:60px;height:150px;z-index:1;pointer-events:none}
.rd-spider>div{display:block!important;left:0!important;top:0!important}
@media (max-width:1279px){.rd-spider{display:none}}
/* 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)}

.or-result{grid-template-rows:1fr auto auto auto 1fr;column-gap:36px;row-gap:0;align-items:start}
.or-card-big{grid-row:1/span 5}
.or-read{grid-row:2;margin:0 0 12px}
.or-name{grid-row:3;margin:0 0 16px}
.or-omen{grid-row:4}
@media (max-width:767px){.or-result{grid-template-rows:none;row-gap:10px}.or-card-big,.or-read,.or-name,.or-omen{grid-row:auto}.or-read,.or-name{margin:0}}

.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}