/* Full-screen homepage hero (fx). The motion stage is drawn at 1366x696 and scaled to fit the first screen. */
header#top.fx-hero{position:relative;padding:0!important;margin:0;overflow:hidden!important;background:radial-gradient(70% 85% at 64% 40%,#232a72 0%,#161a45 46%,#0d1030 100%)!important;color:#fff;z-index:1}
header#top.fx-hero>canvas.pl-canvas{display:none!important}
.fx-hero .fx-frame{position:relative;width:100%;height:calc(100svh - var(--fx-nav,74px));min-height:480px}
.fx-hero .fx-stage{position:absolute;z-index:2;left:0;top:0;width:1366px;height:696px;transform-origin:0 0}
.fx-hero .fx-net{position:absolute;inset:0}
.fx-hero .fx-net canvas{position:absolute;left:0;top:0;width:1366px;height:696px}
.fx-hero .fx-scrim{position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(90deg,rgba(13,16,48,.9) 0%,rgba(13,16,48,.5) 36%,rgba(13,16,48,0) 58%),linear-gradient(0deg,rgba(13,16,48,.85) 0%,rgba(13,16,48,0) 46%)}
.fx-hero .fx-node{position:absolute;z-index:8;border-radius:10px;padding:9px 12px;font-size:13px;line-height:1.25;border:1px solid rgba(255,255,255,.14);background:rgba(20,24,64,.86);white-space:nowrap;transform:translate(-50%,-50%);color:#fff;font-family:Satoshi,-apple-system,"Segoe UI",sans-serif}
.fx-hero .fx-node small{display:block;color:rgba(255,255,255,.55);font-size:11px;margin-top:2px}
.fx-hero .fx-hub{position:absolute;z-index:9;width:168px;height:168px;border-radius:50%;transform:translate(-50%,-50%);display:grid;place-items:center;text-align:center;background:radial-gradient(circle,#0a1140 58%,rgba(10,17,64,0) 60%);font-family:Satoshi,-apple-system,"Segoe UI",sans-serif}
.fx-hero .fx-ring{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(245,138,31,.75);box-shadow:0 0 40px rgba(245,138,31,.35)}
.fx-hero .fx-ring2{position:absolute;inset:-22px;border-radius:50%;border:1.5px solid rgba(245,138,31,.25)}
.fx-hero .fx-pulse{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(245,138,31,.8);opacity:0}
.fx-hero .fx-hub span{display:block;font-size:10px;letter-spacing:.18em;color:#f8b26a;margin-bottom:4px}.fx-hero .fx-hub b{font-size:19px;font-weight:600}
.fx-hero .fx-lab{position:absolute;z-index:6;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.4)}
/* copy */
.fx-hero .fx-copy{position:absolute;left:56px;bottom:40px;width:660px;z-index:20}
.fx-hero .fx-copy .pl-eyebrow{font-size:12.5px!important;letter-spacing:.18em!important;text-transform:uppercase;color:#ff8724!important;margin:0 0 14px!important}
.fx-hero .fx-copy h1{font-size:46px!important;line-height:1.07!important;font-weight:500!important;letter-spacing:-.025em!important;margin:0 0 14px!important;color:#fff!important;max-width:none!important}
.fx-hero .fx-copy h1 .pl-span-3{color:#ff8724}
.fx-hero .fx-sub{font-size:16px;line-height:1.5;color:rgba(255,255,255,.74);margin:0 0 20px;max-width:600px}
.fx-hero .fx-sub b{color:#fff;font-weight:500}
.fx-hero .fx-btns{display:flex;gap:12px;align-items:center}
.fx-hero .fx-btns a{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:4px;font-size:16px;font-weight:500;text-decoration:none;line-height:1.2}
.fx-hero .fx-start{background:#ff8724;color:#fff!important;box-shadow:0 8px 24px rgba(245,138,31,.3)}
.fx-hero .fx-start:hover{background:#f07a14}
.fx-hero .fx-demo{border:1px solid rgba(255,255,255,.4);color:#fff!important;background:rgba(13,16,48,.35)}
.fx-hero .fx-demo:hover{border-color:#fff}
.fx-hero .fx-micro{display:flex;gap:18px;align-items:center;margin:12px 0 0;font-size:13px;color:rgba(255,255,255,.62)}
.fx-hero .fx-micro a{color:#fff!important;text-decoration:none;display:inline-flex;align-items:center;gap:6px;background:none!important;border:0!important;padding:0!important;font-size:13px!important}
.fx-hero .fx-micro a svg{width:11px;height:11px}
/* conversation panel */
.fx-hero .fx-panel{position:absolute;z-index:15;right:56px;top:24px;width:560px;border-radius:18px;background:rgba(18,22,60,.92);border:1px solid rgba(255,255,255,.14);box-shadow:0 40px 100px rgba(0,0,0,.5);display:none;font-family:Satoshi,-apple-system,"Segoe UI",sans-serif;color:#fff}
.fx-hero .fx-pbar{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.09);font-size:13px;color:rgba(255,255,255,.7)}
.fx-hero .fx-pbar b{color:#fff;font-weight:600}.fx-hero .fx-dot{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 0 4px rgba(52,211,153,.16)}
.fx-hero .fx-pill{margin-left:auto;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#f8b26a;border:1px solid rgba(248,178,106,.35);padding:4px 9px;border-radius:999px}
.fx-hero .fx-pb{padding:16px 18px 18px}
.fx-hero .fx-say{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:14px 14px 14px 4px;padding:13px 15px;font-size:14.5px;line-height:1.5;color:#e9eaf6;min-height:20px}
.fx-hero .fx-say b{color:#fff}
.fx-hero .fx-u{margin:12px 0 12px auto;width:fit-content;max-width:82%;background:#5f73f4;padding:11px 14px;border-radius:14px 14px 4px 14px;font-size:14.5px;line-height:1.45;min-width:40px;min-height:43px}
.fx-hero .fx-st{font:11.5px/1.5 "SFMono-Regular",Menlo,Consolas,monospace;color:rgba(255,255,255,.58)}.fx-hero .fx-st i{color:#34d399;font-style:normal;margin-right:6px}
.fx-hero .fx-act{margin-top:10px;border:1px solid rgba(245,138,31,.5);background:rgba(245,138,31,.08);border-radius:12px;padding:11px 13px;font-size:13.5px}
.fx-hero .fx-act.ok{border-color:rgba(52,211,153,.55);background:rgba(52,211,153,.09)}
.fx-hero .fx-pbtns{display:flex;gap:8px;margin-top:9px}.fx-hero .fx-pbtn{font-size:12.5px;font-weight:600;padding:7px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.22);display:inline-block}.fx-hero .fx-pbtn.o{background:#f58a1f;border-color:#f58a1f;color:#141735}
.fx-hero .fx-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.fx-hero .fx-kp{border:1px solid rgba(52,211,153,.4);background:rgba(52,211,153,.07);border-radius:10px;padding:10px 12px;font-size:11.5px;color:rgba(255,255,255,.6)}
.fx-hero .fx-kp b{display:block;font-size:22px;color:#fff;font-weight:600;margin-bottom:2px;font-variant-numeric:tabular-nums}.fx-hero .fx-kp em{font-style:normal;color:#6ee7b7;font-size:12px;margin-left:4px}
.fx-hero .fx-cta{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:14px}
.fx-hero .fx-cta a{background:#ff8724;color:#fff!important;font-weight:600;font-size:15px;padding:12px 22px;border-radius:6px;text-decoration:none;box-shadow:0 8px 24px rgba(245,138,31,.35)}
.fx-hero .fx-cta span{font-size:12.5px;color:rgba(255,255,255,.62);line-height:1.4}
.fx-hero .fx-cursor{position:absolute;z-index:30;width:20px;height:20px;opacity:0;pointer-events:none}
.fx-hero .fx-caret{display:inline-block;width:2px;height:1em;background:#fff;vertical-align:-2px;margin-left:1px}
/* phones and small tablets: copy first, then a cropped, scaled view of the motion */
@media (max-width:899px){
 .fx-hero .fx-frame{height:auto;min-height:0}
 .fx-hero .fx-copy{position:relative;left:auto;bottom:auto;width:auto;padding:26px 20px 18px}
 .fx-hero .fx-copy h1{font-size:34px!important;line-height:1.08!important}
 .fx-hero .fx-sub{font-size:15.5px;margin-bottom:18px}
 .fx-hero .fx-btns{flex-direction:column;align-items:stretch;gap:10px}
 .fx-hero .fx-btns a{justify-content:center;padding:14px 18px}
 .fx-hero .fx-micro{flex-wrap:wrap;gap:6px 14px;justify-content:center}
 .fx-hero .fx-view{position:relative;overflow:hidden}
 .fx-hero .fx-scrim{display:none}
}
@media (prefers-reduced-motion:reduce){.fx-hero .fx-pulse{display:none}}
.fx-hero .fx-stage.fx-p .fx-panel{left:15px;right:auto;top:15px;width:450px}
.fx-hero .fx-stage.fx-p .fx-node{font-size:14px}
.fx-hero .fx-stage.fx-p .fx-kpis{gap:8px}.fx-hero .fx-stage.fx-p .fx-kp b{font-size:20px}
/* keep the hero's nodes and hub independent of the MCP page's phone rules (shared class names) */
.fx-hero .fx-stage .fx-hub{width:168px!important;height:168px!important;max-width:none!important;padding:0!important}
.fx-hero .fx-stage .fx-node{padding:9px 12px!important}
.fx-hero .fx-stage .fx-cap small{display:block!important}