/* Home page sections below the 3D hero. Arial, black and white, Milvian blue as the one accent. */
:root{--ink2:#0b0d10;--g1:#0a1b4d;--g2:#0b2a7a;--g3:#0a3fa8;--g4:#0a63e0;--g5:#0aa0ff;--g6:#12b8ff;--g7:#4fd0ff;--line2:#e7e8ea;--mute:#5f646b}
.wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.eyebrow{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.h-sec{font-size:clamp(32px,3.4vw,50px);line-height:1.08;letter-spacing:-.025em;font-weight:400}
.h-row{font-size:clamp(26px,2.4vw,34px);line-height:1.15;letter-spacing:-.015em;font-weight:400}
.lead{font-size:17px;line-height:1.55;color:#33373d}
.center{text-align:center}
.btn-o{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 18px;border-radius:999px;border:1px solid #1a1d21;font-size:14px;transition:background .3s var(--ease),color .3s var(--ease)}
.btn-o:hover{background:#111;color:#fff}
.btn-s{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 22px;border-radius:999px;background:var(--accent);color:#fff;font-size:15px;transition:background .3s var(--ease)}
.btn-s:hover{background:var(--deep)}
.btn-w{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 22px;border-radius:999px;border:1px solid rgba(255,255,255,.35);color:#fff;font-size:15px}
.btn-w:hover{background:rgba(255,255,255,.1)}
.btn-o svg,.btn-s svg,.btn-w svg{width:16px}
.tagline{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.tagline b{width:22px;height:22px;border-radius:5px;display:grid;place-items:center;color:#fff;font-weight:400}
.tagline b svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* 1. integrated platform */
.suite{padding:120px 0 40px;background:#fff}
.suite .h-sec{margin:18px auto 0;max-width:760px}
.suite_panel{position:relative;margin:56px auto 0;max-width:1240px;border-radius:30px;background:radial-gradient(120% 90% at 50% 120%,#203040 0%,#0b1118 45%,#000 75%);padding:96px 40px 80px;overflow:hidden}
.suite_mark{position:relative;z-index:2;width:84px;height:84px;margin:0 auto;border-radius:16px;background:linear-gradient(145deg,#1257ff,#0a2fa8 55%,#4fb6ff);display:grid;place-items:center;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 18px 50px -10px rgba(16,90,255,.6)}
.suite_mark img{width:46px;filter:brightness(0) invert(1)}
.suite_lines{position:absolute;left:40px;right:40px;top:180px;height:120px;width:calc(100% - 80px)}
.suite_lines path{fill:none;stroke:#1b4fd8;stroke-width:1.2;vector-effect:non-scaling-stroke}
.suite_lines .pulse{stroke:#5fc8ff;stroke-width:2;stroke-dasharray:.06 1;stroke-linecap:round;animation:flow 3.2s linear infinite;opacity:.9}
@keyframes flow{from{stroke-dashoffset:1.06}to{stroke-dashoffset:0}}
.suite_row{position:relative;z-index:2;display:grid;grid-template-columns:repeat(7,1fr);gap:22px;margin-top:136px}
.mod{position:relative;padding:12px;border-radius:14px;background:#24272c;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 24px -10px rgba(0,0,0,.8);cursor:pointer;transition:transform .4s var(--ease)}
.mod:hover,.mod.is-on{transform:translateY(-6px)}
.mod_face{aspect-ratio:1.18;border-radius:4px;display:grid;place-items:center;color:#fff;text-align:center;font-size:15px;line-height:1.3;padding:8px}
.mod_face svg{width:42px;height:42px;fill:none;stroke:#fff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.mod:nth-child(1) .mod_face{background:var(--g1)}.mod:nth-child(2) .mod_face{background:var(--g2)}.mod:nth-child(3) .mod_face{background:var(--g3)}
.mod:nth-child(4) .mod_face{background:var(--g4)}.mod:nth-child(5) .mod_face{background:var(--g5)}.mod:nth-child(6) .mod_face{background:var(--g6)}.mod:nth-child(7) .mod_face{background:var(--g7)}
.mod_name{position:absolute;left:50%;top:calc(100% + 14px);transform:translateX(-50%);white-space:nowrap;font-size:13px;color:#cfd6df;transition:color .3s}
.mod.is-on .mod_name{color:#fff}
.suite_info{position:relative;z-index:2;margin:74px auto 0;max-width:620px;text-align:center;color:#c9d0d9;font-size:16px;line-height:1.55;min-height:50px}
.suite_info b{display:block;color:#fff;font-weight:400;font-size:20px;margin-bottom:6px}

/* outcome rows */
.rows{padding:40px 0 60px}
.orow{display:grid;grid-template-columns:5fr 7fr;gap:90px;align-items:center;padding:70px 0}
.orow.flip{grid-template-columns:7fr 5fr}
.orow.flip .orow_text{order:2}
.orow_text .h-row{margin:18px 0 18px}
.orow_text p{font-size:16px;line-height:1.55;color:#3a3f45;margin-bottom:26px;max-width:470px}
.orow_text ul{list-style:none;margin:0 0 28px;padding:0;border-top:1px solid var(--line2)}
.orow_text li{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid var(--line2);font-size:14px;color:#2e3236}
.orow_text li span{width:72px;flex:none;color:var(--mute);font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding-top:2px}
.ui{position:relative;border-radius:22px;background:linear-gradient(160deg,#0d1218,#1a2430 70%,#22303e);padding:28px;min-height:420px;overflow:hidden;color:#e6ebf1;box-shadow:0 40px 80px -40px rgba(0,0,0,.5)}
.ui_card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 16px;backdrop-filter:blur(8px)}
.ui_k{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#93a1b1}
.ui_v{font-size:26px;margin-top:4px}
.ui_v small{font-size:13px;color:#93a1b1;margin-left:4px}
.ui_eq{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}
.ui_eq .eqc{border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:6px 9px;font-size:12px;line-height:1.2}
.ui_eq .eqc em{display:block;font-style:normal;color:#93a1b1;font-size:10px;margin-top:2px}
.ui_eq .eqc.warn{border-color:#ff9a4d;color:#ffd2b0}
.ui_eq i{font-style:normal;color:#93a1b1}
.ui_chart{margin-top:16px}
.ui_chart svg{width:100%;height:auto;display:block}
.toast{position:absolute;right:24px;bottom:24px;display:flex;gap:10px;align-items:flex-start;background:#fff;color:#16191d;border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.4;max-width:320px;box-shadow:0 20px 40px -12px rgba(0,0,0,.55);transform:translateY(16px);opacity:0;transition:all .8s var(--ease) .3s}
.ui.is-in .toast{transform:none;opacity:1}
.toast i{width:9px;height:9px;border-radius:50%;background:#ff8a3d;margin-top:5px;flex:none}
.toast i.ok{background:#21c46b}
.toast small{display:block;color:#6a7078;font-size:11px;margin-top:2px}
.ui_demo{position:absolute;left:28px;bottom:16px;font-size:10px;color:#7c8896;letter-spacing:.06em;text-transform:uppercase}
.zones{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.zone{border-radius:10px;padding:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);font-size:12px}
.zone b{display:block;font-weight:400;font-size:22px;margin:6px 0 2px}
.zone .bar{height:4px;border-radius:2px;background:rgba(255,255,255,.12);margin-top:8px;overflow:hidden}
.zone .bar i{display:block;height:100%;background:#21c46b}
.zone.warn{border-color:#ff9a4d}.zone.warn .bar i{background:#ff8a3d}
.tl{margin-top:8px}
.tl_i{display:grid;grid-template-columns:22px 1fr auto;gap:12px;align-items:start;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px}
.tl_i:last-child{border-bottom:0}
.tl_i .dot{width:12px;height:12px;border-radius:50%;margin-top:3px;border:2px solid #93a1b1}
.tl_i.fault .dot{border-color:#ff8a3d;background:#ff8a3d}
.tl_i.act .dot{border-color:#0aa0ff;background:#0aa0ff}
.tl_i.ok .dot{border-color:#21c46b;background:#21c46b}
.tl_i small{display:block;color:#93a1b1;font-size:12px;margin-top:3px}
.tl_i time{font-size:12px;color:#93a1b1}

/* 2. proof */
.proofs{padding:110px 0;background:#fff;border-top:1px solid var(--line2)}
.proofs_head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end}
.proofs_grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-top:70px}
.pf{border-top:1px solid #111;padding-top:18px}
.pf .eyebrow{font-size:11px}
.pf b{display:block;font-weight:400;font-size:clamp(40px,4.4vw,64px);letter-spacing:-.03em;line-height:1;margin:26px 0 12px}
.pf p{font-size:15px;line-height:1.45;color:#3a3f45}
.proofs_note{margin-top:36px;font-size:12px;color:var(--mute)}

/* 3. flywheel */
.fly{background:#f4f5f6;padding:110px 0}
.fly_grid{display:grid;grid-template-columns:5fr 6fr;gap:70px;align-items:center}
.fly .h-sec{margin:16px 0 22px}
.fly_steps{margin-top:30px;border-top:1px solid #dcdee1}
.fly_step{display:grid;grid-template-columns:44px 1fr;gap:8px;padding:16px 0;border-bottom:1px solid #dcdee1;cursor:pointer;color:#8a8f96;transition:color .3s}
.fly_step b{font-weight:400;font-size:13px;padding-top:3px}
.fly_step h4{font-weight:400;font-size:20px}
.fly_step p{font-size:14px;line-height:1.5;margin-top:6px;display:none;color:#3a3f45}
.fly_step.is-on{color:#111}
.fly_step.is-on p{display:block}
.fly_svg{width:100%;max-width:560px;margin:0 auto;display:block}
.fly_svg .node circle{fill:#fff;stroke:#c9ccd1;stroke-width:1.5;transition:all .4s}
.fly_svg .node text{font:14px Arial;fill:#5f646b;text-anchor:middle;transition:fill .4s}
.fly_svg .node.is-on circle{fill:var(--accent);stroke:var(--accent)}
.fly_svg .node.is-on text{fill:#111}
.fly_svg .ring{fill:none;stroke:#c9ccd1;stroke-width:1.2;stroke-dasharray:4 6}
.fly_svg .arc{fill:none;stroke:var(--accent);stroke-width:2.4;stroke-linecap:round;transition:stroke-dashoffset 1s var(--ease)}

/* 4. ways in */
.ways{padding:110px 0;background:#fff}
.ways_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:56px}
.way{border-radius:18px;background:#f4f5f6;overflow:hidden;display:flex;flex-direction:column;transition:transform .5s var(--ease)}
.way:hover{transform:translateY(-4px)}
.way_art{height:220px;background:#0d1218;display:grid;place-items:center}
.way_art svg{width:86%;height:auto}
.way_body{padding:26px 26px 30px}
.way_body h3{font-weight:400;font-size:24px;margin-bottom:10px}
.way_body p{font-size:15px;line-height:1.5;color:#3a3f45;margin-bottom:22px}
.link{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--atext)}
.link svg{width:16px;transition:transform .3s}
.link:hover svg{transform:translateX(3px)}

/* 5. category map */
.cmap{background:#000;color:#fff;padding:120px 0}
.cmap .eyebrow{color:#8d96a1}
.cmap .lead{color:#b9c1cb;max-width:640px;margin:20px auto 0}
.cmap_grid{display:grid;grid-template-columns:1fr 1fr 1.1fr 1fr 1fr;gap:18px;align-items:center;margin-top:70px}
.cm_col{border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:20px}
.cm_col h4{font-weight:400;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#8d96a1;margin-bottom:6px}
.cm_col h5{font-weight:400;font-size:16px;margin-bottom:14px;color:#fff}
.cm_col ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}
.cm_col li{font-size:12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:5px 10px;color:#dfe5ec}
.cm_col.rep{border-color:rgba(10,160,255,.5)}
.cm_col.rep li{border-color:rgba(10,160,255,.5)}
.cm_core{grid-row:span 2;text-align:center;padding:30px 20px;border-radius:20px;background:radial-gradient(circle at 50% 30%,#0a3fa8,#061433 70%);box-shadow:0 0 80px -10px rgba(10,99,224,.5)}
.cm_core img{width:46px;filter:brightness(0) invert(1);margin-bottom:14px}
.cm_core b{display:block;font-weight:400;font-size:22px;margin-bottom:8px}
.cm_core p{font-size:13px;line-height:1.5;color:#c9d6e6}
.cm_core ul{list-style:none;padding:0;margin:16px 0 0;font-size:12px;color:#9fb4cc;line-height:1.9}

/* 6. verticals */
.verts{padding:110px 0;background:#fff}
.verts_head{display:flex;justify-content:space-between;align-items:end;gap:40px}
.verts_grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line2);border:1px solid var(--line2);border-radius:18px;overflow:hidden;margin-top:50px}
.vert{background:#fff;padding:26px 24px 28px;min-height:220px;display:flex;flex-direction:column;transition:background .3s}
.vert:hover{background:#f6f7f8}
.vert svg{width:30px;height:30px;fill:none;stroke:#111;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.vert h3{font-weight:400;font-size:19px;margin:22px 0 8px}
.vert p{font-size:14px;line-height:1.5;color:#4a4f55;flex:1}
.vert .link{margin-top:16px}

/* 7. assistant */
.ai{background:linear-gradient(180deg,#000 0%,#0b1118 60%,#15202b 100%);color:#fff;padding:120px 0}
.ai_grid{display:grid;grid-template-columns:5fr 7fr;gap:70px;align-items:center}
.ai .eyebrow{color:#8d96a1}
.ai .h-sec{margin:16px 0 20px}
.ai p.lead{color:#b9c1cb}
.ai ul{list-style:none;padding:0;margin:28px 0 34px}
.ai li{padding:12px 0;border-top:1px solid rgba(255,255,255,.12);font-size:15px;color:#dfe5ec}
.chat{border-radius:22px;background:#f7f8f9;color:#16191d;padding:24px;box-shadow:0 40px 90px -30px rgba(0,0,0,.8)}
.chat_bar{display:flex;align-items:center;gap:10px;font-size:13px;color:#5f646b;padding-bottom:14px;border-bottom:1px solid #e3e5e8}
.chat_bar b{font-weight:400;color:#111}
.chat_bar i{width:8px;height:8px;border-radius:50%;background:#21c46b}
.msg{margin-top:16px;font-size:14px;line-height:1.55}
.msg.me{margin-left:auto;max-width:78%;background:#111;color:#fff;padding:12px 14px;border-radius:14px 14px 4px 14px}
.msg.bot{max-width:92%;background:#fff;border:1px solid #e3e5e8;padding:14px 16px;border-radius:14px 14px 14px 4px}
.msg table{width:100%;border-collapse:collapse;margin:10px 0;font-size:12px}
.msg td,.msg th{text-align:left;padding:6px 4px;border-bottom:1px solid #eceef0;font-weight:400}
.msg th{color:#6a7078}
.msg .warnline{display:flex;gap:8px;margin-top:8px;font-size:12px;color:#9a4a12;background:#fff4ec;border-radius:8px;padding:8px 10px}
.chat_in{margin-top:18px;border:1px solid #dcdfe3;border-radius:999px;padding:11px 16px;font-size:13px;color:#8a8f96;background:#fff}
.typing{display:inline-flex;gap:4px}
.typing i{width:6px;height:6px;border-radius:50%;background:#9aa0a7;animation:tp 1.2s infinite}
.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}
@keyframes tp{0%,60%,100%{opacity:.3}30%{opacity:1}}

/* 8. trust */
.trust{padding:90px 0;background:#fff;border-bottom:1px solid var(--line2)}
.trust_grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-top:46px}
.tr svg{width:28px;height:28px;fill:none;stroke:#111;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.tr h4{font-weight:400;font-size:18px;margin:18px 0 8px}
.tr p{font-size:14px;line-height:1.5;color:#4a4f55}

/* faq */
.faq2{padding:110px 0;display:grid;grid-template-columns:1fr 1.3fr;gap:80px}

/* final cta */
.cta{background:#000;color:#fff;padding:130px 0;text-align:center;position:relative;overflow:hidden}
.cta::before{content:"";position:absolute;left:50%;bottom:-340px;width:1100px;height:600px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(10,99,224,.45),transparent)}
.cta .h-sec{position:relative;font-size:clamp(36px,4.6vw,68px);max-width:900px;margin:0 auto 22px}
.cta p{position:relative;color:#b9c1cb;font-size:17px;margin-bottom:36px}
.cta .row{position:relative;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* footer */
.ft{background:#000;color:#c9d0d9;padding:0 0 40px;border-top:1px solid #1d2228}
.ft_top{display:grid;grid-template-columns:1.4fr repeat(5,1fr);gap:30px;padding:70px 0 60px}
.ft_brand img{width:40px;filter:brightness(0) invert(1)}
.ft_brand p{font-size:14px;line-height:1.55;color:#9aa3ad;margin-top:18px;max-width:260px}
.ft h5{font-weight:400;font-size:13px;color:#fff;margin-bottom:16px}
.ft a{display:block;font-size:14px;color:#9aa3ad;margin-bottom:11px}
.ft a:hover{color:#fff}
.ft_base{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:26px;border-top:1px solid #1d2228;font-size:13px;color:#7c8590}
.ft_base nav{display:flex;gap:20px}
.ft_base a{display:inline;margin:0}

@media (max-width:900px){
  .suite_panel{padding:60px 16px 50px;border-radius:20px}
  .suite_row{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:70px}
  .suite_lines{display:none}
  .mod_name{display:none}
  .orow,.orow.flip,.proofs_head,.fly_grid,.ai_grid,.faq2{grid-template-columns:1fr;gap:36px}
  .orow.flip .orow_text{order:0}
  .orow{padding:40px 0}
  .proofs_grid,.trust_grid{grid-template-columns:1fr 1fr;gap:28px}
  .ways_grid{grid-template-columns:1fr}
  .cmap_grid{grid-template-columns:1fr}
  .cm_core{grid-row:auto}
  .verts_grid{grid-template-columns:1fr 1fr}
  .verts_head{flex-direction:column;align-items:flex-start}
  .ft_top{grid-template-columns:1fr 1fr}
  .ui{padding:18px;min-height:0}
  .toast{position:relative;right:auto;bottom:auto;margin-top:14px}
}

/* ---- Motive-style platform section ---- */
.suite{padding:120px 0 20px}
.suite_panel{padding:110px 40px 76px}
.suite_row{margin-top:136px}
.mod{display:block}
.mod_face{position:relative;overflow:hidden}
.mod_face span{position:absolute;inset:0;display:grid;place-items:center;padding:8px;font-size:15px;line-height:1.25;opacity:0;transition:opacity .35s var(--ease)}
.mod_face svg{transition:opacity .35s var(--ease),transform .35s var(--ease)}
.mod:hover .mod_face svg{opacity:0;transform:scale(.8)}
.mod:hover .mod_face span{opacity:1}
.g1{background:var(--g1)}.g2{background:var(--g2)}.g3{background:var(--g3)}.g4{background:var(--g4)}.g5{background:var(--g5)}.g6{background:var(--g6)}.g7{background:var(--g7)}
.mrows{padding:60px 0 40px}
.mrow{position:relative;display:grid;grid-template-columns:4fr 1fr 7fr;align-items:center;padding:70px 0}
.mrow_text{grid-column:1;grid-row:1}
.mrow_media{grid-column:3;grid-row:1;position:relative}
.mrow.flip{grid-template-columns:7fr 1fr 4fr}
.mrow.flip .mrow_text{grid-column:3}
.mrow.flip .mrow_media{grid-column:1}
.mrow_eb{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#4b5057}
.mrow_eb .ic{width:26px;height:26px;border-radius:6px;display:grid;place-items:center;flex:none;position:relative;z-index:2}
.mrow_eb .ic svg{width:15px;height:15px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mrow h3{font-weight:400;font-size:clamp(26px,2.3vw,32px);line-height:1.18;letter-spacing:-.015em;margin:18px 0 16px}
.mrow p{font-size:16px;line-height:1.55;color:#40454c;margin-bottom:14px}
.mrow_by{font-size:12px;color:var(--mute);margin-bottom:26px}
.media{position:relative;border-radius:22px;overflow:hidden;background:#0d1218;aspect-ratio:14/9;box-shadow:0 40px 80px -40px rgba(0,0,0,.45);transform:translateY(40px);opacity:0;transition:transform 1s var(--ease),opacity 1s var(--ease)}
.mrow.is-in .media{transform:none;opacity:1}
.media img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) brightness(.92);transform:scale(1.04);animation:kb 18s ease-in-out infinite alternate}
.media.is-paused img{animation-play-state:paused}
@keyframes kb{from{transform:scale(1.04) translate(0,0)}to{transform:scale(1.12) translate(-2%,1%)}}
.media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,10,16,0) 40%,rgba(6,10,16,.55));pointer-events:none}
.media_pause{position:absolute;right:16px;top:16px;z-index:3;width:30px;height:30px;border-radius:50%;background:rgba(15,20,28,.6);display:grid;place-items:center;backdrop-filter:blur(6px)}
.media_pause svg{width:11px;height:11px;stroke:#fff;stroke-width:1.8;fill:none}
.media.is-paused .media_pause svg path{d:path("M3 2l7 4-7 4z");fill:#fff;stroke:none}
.mrow_line{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}
.gcard{position:absolute;z-index:3;width:min(300px,52%);padding:14px 16px 12px;border-radius:14px;background:rgba(17,23,31,.78);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#eef2f6;font-size:13px;box-shadow:0 20px 40px -18px rgba(0,0,0,.6);transform:translateY(16px);opacity:0;transition:all .9s var(--ease) .35s}
.mrow.is-in .gcard{transform:none;opacity:1}
.gcard.bl{left:22px;bottom:22px}.gcard.tr{right:22px;top:58px}
.gc_k{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#93a1b1}
.gc_t{font-size:15px;margin:6px 0 10px}
.gc_rows div{display:flex;justify-content:space-between;padding:7px 0;border-top:1px solid rgba(255,255,255,.1)}
.gc_rows span{color:#a9b4c1}.gc_rows b{font-weight:400}
.gc_eq{display:flex;align-items:center;gap:5px;margin:10px 0;color:#93a1b1;flex-wrap:wrap}
.gc_eq span{color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:7px;padding:4px 7px;font-size:13px}
.gc_eq span em{display:block;font-style:normal;font-size:9px;color:#93a1b1}
.gc_eq span.w{border-color:#ff9a4d;color:#ffd2b0}
.gc_alert{display:flex;align-items:center;gap:8px;font-size:12px;color:#ffd2b0;margin-top:4px}
.gc_alert i{width:8px;height:8px;border-radius:50%;background:#ff8a3d}
.gc_alert.ok{color:#bff0d4}.gc_alert.ok i{background:#21c46b}
.gc_big{font-size:30px;margin:6px 0 8px}.gc_big small{font-size:12px;color:#93a1b1}
.gc_bar{height:6px;border-radius:3px;background:rgba(255,255,255,.12);overflow:hidden}.gc_bar i{display:block;height:100%;background:linear-gradient(90deg,#0a63e0,#4fd0ff)}
.gc_sub{display:flex;justify-content:space-between;font-size:11px;color:#93a1b1;margin-top:8px}.gc_sub .ok{color:#5fe0a0}
.gc_spark{width:100%;height:40px;margin:2px 0 6px}
.gc_btn{margin-top:10px;text-align:center;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:7px;font-size:12px}
.gc_log div{display:flex;align-items:center;gap:8px;padding:8px 0;border-top:1px solid rgba(255,255,255,.1)}
.gc_log div:first-child{margin-top:8px}
.gc_log i{width:8px;height:8px;border-radius:50%;background:#ff8a3d;flex:none}.gc_log i.ok{background:#21c46b}
.gc_log span{margin-left:auto;font-size:11px;color:#93a1b1}
.gc_me{margin-left:auto;width:fit-content;max-width:90%;background:#0a63e0;border-radius:12px 12px 3px 12px;padding:8px 10px;font-size:12px}
.gc_bot{margin-top:8px;background:rgba(255,255,255,.08);border-radius:12px 12px 12px 3px;padding:8px 10px;font-size:12px;line-height:1.45;color:#dfe5ec}
.gc_demo{margin-top:8px;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#6f7c8b}
@media (max-width:900px){
  .mrow,.mrow.flip{grid-template-columns:1fr;gap:28px;padding:36px 0}
  .mrow .mrow_text,.mrow.flip .mrow_text,.mrow .mrow_media,.mrow.flip .mrow_media{grid-column:1;grid-row:auto}
  .mrow.flip .mrow_text{grid-row:1}
  .gcard{width:62%;padding:10px 12px;font-size:12px}
  .gcard.tr{top:50px}
  .suite_panel{padding:56px 14px 44px}
}

/* 0. AI first: agentic AI on AI ready data (home, after the hero). Light, like the 3D world above it. */
.agx{position:relative;padding:110px 0 100px;background:linear-gradient(180deg,#f1f2f3 0%,#f5f8fc 40%,#eef3f9 100%);overflow:hidden}
.agx::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(16,28,47,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(16,28,47,.045) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(70% 70% at 70% 40%,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(70% 70% at 70% 40%,#000 30%,transparent 80%);pointer-events:none}
.agx .wrap{position:relative}
.agx .h-sec{margin:16px 0 22px;max-width:560px}
.agx_eb{display:flex;align-items:center;gap:10px;color:var(--atext,#0A6FA6) !important}
.agx_eb i{width:8px;height:8px;border-radius:50%;background:var(--amber,#F59C0E);box-shadow:0 0 0 4px rgba(245,156,14,.18)}
.agx_top{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center}
.agx_lead{font-size:17px;line-height:1.6;color:#3d4653;max-width:540px;margin:0 0 14px}
.agx_links{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center;margin-top:24px}
.agx_link{display:inline-flex;align-items:center;gap:8px;font-size:15px;color:var(--atext,#0A6FA6)}
.agx_link svg,.agx .btn-s svg{width:22px;height:12px}

/* the stack: facility, aQ Core, agents */
.agv{position:relative;height:640px;perspective:1900px;min-width:0}
.agv_s{position:absolute;left:5%;top:50%;width:52%;height:0;transform-style:preserve-3d;transform:translateY(95px) rotateX(58deg) rotateZ(-38deg)}
.agv_p{position:absolute;left:0;top:-170px;width:100%;height:340px;border-radius:22px;transform-style:preserve-3d}
.agv_p.p1{background:#e9ecef url(/assets/sites/hos-plan.jpg) center/cover;box-shadow:0 60px 80px -30px rgba(16,28,47,.35);transform:translateZ(0)}
.agv_p.p2{transform:translateZ(160px);background:linear-gradient(135deg,rgba(0,144,216,.16),rgba(0,144,216,.06));border:1.5px solid rgba(0,144,216,.55);box-shadow:0 0 0 1px rgba(255,255,255,.6) inset,0 30px 60px -30px rgba(0,144,216,.45)}
.agv_grid{position:absolute;inset:0;border-radius:inherit;background-image:linear-gradient(rgba(0,144,216,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(0,144,216,.28) 1px,transparent 1px);background-size:20% 25%;background-position:10% 12.5%}
.agv_p.p2 i{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#fff;border:2px solid var(--accent,#0090D8)}
.agv_p.p2 i.live{background:var(--accent,#0090D8);box-shadow:0 0 0 6px rgba(0,144,216,.22);animation:agvPulse 2.4s ease-in-out infinite}
.agv_tag{position:absolute;right:14px;bottom:10px;font:600 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;color:var(--atext,#0A6FA6)}
.agv_p.p3{transform:translateZ(320px);background:linear-gradient(135deg,#132544,#0c1a30);box-shadow:0 40px 70px -30px rgba(16,28,47,.6);border:1px solid rgba(143,198,255,.25)}
.agv_a{position:absolute;width:66px;height:66px;margin:-33px 0 0 -33px;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 7px rgba(255,255,255,.07)}
.agv_a svg{width:32px;height:32px;fill:none;stroke:#0090D8;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.agv_a{background:#fff;box-shadow:0 0 0 6px rgba(143,198,255,.14),0 10px 20px -8px rgba(0,0,0,.5);animation:agvTurn 10s ease-in-out infinite}
.agv_a svg{stroke:var(--accent,#0090D8) !important;stroke-width:2 !important}
.a_energy{animation-delay:2s}.a_air{animation-delay:4s}.a_comp{animation-delay:6s}.a_pdm{animation-delay:8s}
@keyframes agvTurn{0%,22%,100%{box-shadow:0 0 0 6px rgba(143,198,255,.14),0 10px 20px -8px rgba(0,0,0,.5)}6%,16%{box-shadow:0 0 0 6px rgba(245,156,14,.55),0 0 22px 6px rgba(245,156,14,.35)}}
.agv_core{position:absolute;left:50%;top:52%;width:90px;height:90px;margin:-45px 0 0 -45px;border-radius:50%;border:1.5px dashed rgba(143,198,255,.45);animation:agvSpin 18s linear infinite}
.agv_pp{position:absolute;left:0;top:-170px;width:100%;height:340px;transform-style:preserve-3d;pointer-events:none}
.agv_d{position:absolute;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;transform:translateZ(0);opacity:0}
.agv_d.up{background:var(--accent,#0090D8);box-shadow:0 0 10px 2px rgba(0,144,216,.6);animation:agvUp 3.2s linear infinite}
.agv_d.dn{background:var(--amber,#F59C0E);box-shadow:0 0 10px 2px rgba(245,156,14,.6);animation:agvDown 3.6s linear infinite}
@keyframes agvUp{0%{transform:translateZ(4px);opacity:0}10%{opacity:1}85%{opacity:1}100%{transform:translateZ(318px);opacity:0}}
@keyframes agvDown{0%{transform:translateZ(318px);opacity:0}10%{opacity:1}85%{opacity:1}100%{transform:translateZ(4px);opacity:0}}
@keyframes agvPulse{50%{box-shadow:0 0 0 11px rgba(0,144,216,.08)}}
@keyframes agvSpin{to{transform:rotate(360deg)}}
.agv_c{position:absolute;right:0;width:min(240px,34%);padding:0 0 0 18px;border-left:2px solid var(--accent,#0090D8);display:grid;gap:4px}
.agv_c b{font-size:16px;font-weight:600;color:var(--inkc,#101C2F)}
.agv_c span{font-size:13.5px;line-height:1.5;color:#4a5566}
.agv_c.c3{top:40px;border-color:#101C2F}.agv_c.c2{top:250px}.agv_c.c1{top:452px;border-color:#9aa6b4}
.agv_key{position:absolute;left:4%;bottom:0;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:13px;color:#4a5566}
.agv_key span{display:inline-flex;align-items:center;gap:8px}
.agv_key i{width:9px;height:9px;border-radius:50%}.agv_key i.up{background:var(--accent,#0090D8)}.agv_key i.dn{background:var(--amber,#F59C0E)}

/* the loop */
.agx_loop{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:64px}
.agx_step{background:#fff;border:1px solid #e1e7ef;border-radius:16px;padding:18px 18px 16px;display:grid;gap:10px;align-content:start;transition:border-color .4s,box-shadow .4s,transform .4s}
.agx_step_h{display:flex;align-items:center;gap:10px}
.agx_n{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;background:#eef4fb;color:var(--atext,#0A6FA6);font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;transition:all .4s}
.agx_step b{font-size:18px;font-weight:600;color:var(--inkc,#101C2F)}
.agx_step small{font-size:14px;line-height:1.5;color:#4a5566}
.agx_ex{margin-top:auto;padding:9px 10px;border-radius:10px;background:#f4f7fb;font-size:12.5px;line-height:1.4;color:#22324a;display:flex;gap:8px}
.agx_ex time{font:500 11.5px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:#7a8594;flex:none}
.agx_step.on{border-color:var(--accent,#0090D8);box-shadow:0 18px 40px -24px rgba(0,144,216,.55);transform:translateY(-4px)}
.agx_step.on .agx_n{background:var(--accent,#0090D8);color:#fff}
.agx_step.on .agx_ex{background:#e8f3fc}
.agx_loop_note{grid-column:1/-1;font-size:12px;color:#7a8594;text-align:right}

/* sprinkled on vs built on */
.agx_cmp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}
.agx_card{border-radius:18px;padding:22px 24px;border:1px solid #e1e7ef;background:#fff}
.agx_card.old{background:#f7f8fa}
.agx_card.new{border:1.5px solid var(--accent,#0090D8);box-shadow:0 24px 50px -32px rgba(0,144,216,.55)}
.agx_card_h{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.agx_card_h small{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#7a8594}
.agx_card_h b{font-size:20px;font-weight:600;color:var(--inkc,#101C2F)}
.agx_ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#e6eaf0;flex:none}
.agx_card.new .agx_ic{background:var(--accent,#0090D8)}
.agx_ic svg{width:22px;height:22px;fill:none;stroke:#5f6b7a;stroke-width:1.8;stroke-linecap:round}
.agx_card.new .agx_ic svg{stroke:#fff}
.agx_card ul{list-style:none;margin:0;padding:0}
.agx_card li{padding:10px 0 10px 26px;border-top:1px solid #e6ebf1;font-size:15px;line-height:1.5;color:#5f6b7a;position:relative}
.agx_card li::before{content:"";position:absolute;left:4px;top:17px;width:9px;height:9px;border-radius:50%;background:#c7cfd9}
.agx_card.new li{color:#22324a}
.agx_card.new li::before{background:var(--accent,#0090D8)}
@media (prefers-reduced-motion:reduce){.agv_d,.agv_core,.agv_p.p2 i.live,.agv_a{animation:none}.agv_d{display:none}}
@media (max-width:1100px){.agx_top{grid-template-columns:minmax(0,1fr)}.agv{height:560px;max-width:760px;margin:0 auto;width:100%}.agx_loop{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){
  .agx{padding:70px 0 60px}.agx_lead{font-size:16px}
  .agv{height:auto;perspective:none;display:grid;gap:14px;margin-top:150px}
  .agv_s{position:relative;left:auto;top:auto;width:78%;height:330px;margin:0 auto;transform:translate(24%,165px) rotateX(58deg) rotateZ(-38deg) scale(.78)}
  .agv_p,.agv_pp{top:-130px;height:260px}
  .agv_c{position:static;width:auto}.agv_key{position:static}
  .agx_loop{grid-template-columns:minmax(0,1fr)}.agx_cmp{grid-template-columns:minmax(0,1fr)}
}

/* agent storyboard: five illustrated frames that play in turn (partials/agent-storyboard.html) */
.agx_sbh{margin-top:70px;display:grid;gap:10px}
.agx_sbh .eyebrow{color:var(--atext,#0A6FA6)}
.agx_page{padding:80px 0 70px}.agx_page .agx_sbh{margin-top:0}.agx_page .h-sec{margin:6px 0 0}
.sb{position:relative;margin-top:22px}
.sb_track{position:absolute;left:10%;right:10%;top:-2px;height:2px;background:linear-gradient(90deg,#d6e3f1,#d6e3f1)}
.sb_dot{position:absolute;top:-5px;left:0;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--amber,#F59C0E);box-shadow:0 0 0 5px rgba(245,156,14,.2);transition:left .9s cubic-bezier(.3,0,.2,1)}
.sb_frames{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding-top:18px}
.sb_f{margin:0;background:#fff;border:1px solid #e1e7ef;border-radius:16px;padding:10px 10px 14px;display:grid;gap:10px;transition:border-color .4s,box-shadow .4s,transform .4s,opacity .4s;opacity:.55}
.sb_f.done{opacity:.85}
.sb_f.on{opacity:1;border-color:var(--accent,#0090D8);box-shadow:0 22px 44px -26px rgba(0,144,216,.6);transform:translateY(-4px)}
.sb_f svg{width:100%;height:auto;display:block}
.sb_f figcaption{display:grid;gap:3px;padding:0 6px;font-size:14px;line-height:1.4;color:#4a5566}
.sb_f figcaption b{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:600;color:var(--inkc,#101C2F)}
.sb_f figcaption b span{font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#fff;background:#9fb2c8;border-radius:6px;padding:4px 6px;transition:background .4s}
.sb_f.on figcaption b span,.sb_f.done figcaption b span{background:var(--accent,#0090D8)}
.sb_note{margin-top:10px;font-size:12px;color:#7a8594;text-align:right}
/* drawing */
.sb_bg{fill:#f4f7fb}.sb_axis{stroke:#cfd8e3;stroke-width:1}.sb_band{fill:rgba(0,144,216,.12)}
.sb_line{fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:320;stroke-dashoffset:320}
.sb_f.on .sb_line,.sb_f.done .sb_line{animation:sbDraw 1.4s ease forwards}
.sb_line.warn{stroke:var(--amber,#F59C0E)}.sb_line.ok{stroke:#0E9E56}
.sb_pulse{fill:var(--amber,#F59C0E);opacity:0}.sb_f.on .sb_pulse{animation:sbPop 1.6s .9s ease infinite}
.sb_t{font:600 10px Arial,sans-serif;fill:#22324a}.sb_s{font:10px Arial,sans-serif;fill:#7a8594}.r{text-anchor:end}
.sb_t.warn{fill:#b4610c}
.sb_plan{fill:#fff;stroke:#c9d3df}.sb_wall{stroke:#c9d3df;stroke-width:1.4}
.sb_zone{fill:rgba(245,156,14,.0);transition:fill .6s}.sb_f.on .sb_zone,.sb_f.done .sb_zone{fill:rgba(245,156,14,.22)}
.sb_lens{fill:rgba(255,255,255,.4);stroke:#101C2F;stroke-width:2.4}.sb_lens_h{stroke:#101C2F;stroke-width:3;stroke-linecap:round}
.sb_f.on .sb_lens,.sb_f.on .sb_lens_h{animation:sbScan 1.8s ease-in-out infinite alternate}
.sb_dev{fill:var(--accent,#0090D8)}
.sb_agent{fill:#101C2F}.sb_agent_x{stroke:#fff;stroke-width:2;stroke-linecap:round}
.sb_path{fill:none;stroke-width:2}.sb_path.dim{stroke:#cfd8e3}.sb_path.dash{stroke:#9fb2c8;stroke-dasharray:4 4}.sb_path.on{stroke:var(--accent,#0090D8);stroke-width:2.6}
.sb_opt{fill:#fff;stroke:#cfd8e3}.sb_opt.on{fill:var(--accent,#0090D8);stroke:var(--accent,#0090D8)}.sb_opt.dash{stroke-dasharray:4 3}
.sb_o{font:600 9.5px Arial,sans-serif;fill:#4a5566;text-anchor:middle}.sb_o.on,.sb_o.w{fill:#fff}.sb_o.dim{fill:#9fb2c8}
.sb_ticket{fill:#fff;stroke:#c9d3df}.sb_rule{stroke:#dde4ec;stroke-width:4;stroke-linecap:round}
.sb_sent{fill:#0E9E56}
.sb_toggle{fill:#cfd8e3;transition:fill .4s}.sb_knob{fill:#fff;transform:translateX(-22px);transition:transform .5s .4s}
.sb_f.on .sb_toggle,.sb_f.done .sb_toggle{fill:var(--accent,#0090D8)}.sb_f.on .sb_knob,.sb_f.done .sb_knob{transform:none}
.sb_check{fill:#0E9E56;opacity:0;transform-origin:178px 40px;transform:scale(.6);transition:all .5s .9s}
.sb_f.on .sb_check,.sb_f.done .sb_check{opacity:1;transform:none}
.sb_check_m{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity .3s 1.2s}
.sb_f.on .sb_check_m,.sb_f.done .sb_check_m{opacity:1}
@keyframes sbDraw{to{stroke-dashoffset:0}}
@keyframes sbPop{0%{opacity:.9;r:4}100%{opacity:0;r:16}}
@keyframes sbScan{from{transform:translate(-6px,2px)}to{transform:translate(4px,-3px)}}

/* sprinkled on vs built in, as two flows (partials/agent-compare.html) */
.cmpv{display:grid;gap:14px;margin-top:26px}
.cmpv_row{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;align-items:center;padding:18px 22px;border-radius:18px;border:1px solid #e1e7ef;background:#fff}
.cmpv_row.old{background:#f6f7f9}
.cmpv_row.new{border:1.5px solid var(--accent,#0090D8);box-shadow:0 24px 50px -32px rgba(0,144,216,.55)}
.cmpv_h small{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#7a8594}
.cmpv_h b{font-size:19px;font-weight:600;color:var(--inkc,#101C2F)}
.cmpv_flow{display:flex;align-items:center;gap:10px;min-width:0}
.cmpv_flow > i{flex:1;height:2px;min-width:14px;background:#cfd8e3;position:relative}
.cmpv_flow > i::after{content:"";position:absolute;right:-1px;top:-4px;border:5px solid transparent;border-left-color:#cfd8e3;border-right:0}
.cmpv_row.new .cmpv_flow > i{background:linear-gradient(90deg,var(--accent,#0090D8),#7cc4ef);background-size:200% 100%;animation:cmpvFlow 2s linear infinite}
.cmpv_row.new .cmpv_flow > i::after{border-left-color:#7cc4ef}
.cmpv_n{display:grid;justify-items:center;gap:6px;flex:none;width:118px;text-align:center}
.cmpv_n svg{width:44px;height:44px;padding:10px;border-radius:12px;background:#e8ecf1;fill:none;stroke:#7a8594;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cmpv_row.new .cmpv_n svg{background:#e8f3fc;stroke:var(--accent,#0090D8)}
.cmpv_row.new .cmpv_n.end svg{background:#0E9E56;stroke:#fff}
.cmpv_row.old .cmpv_n.end svg{background:#fdf1dc;stroke:#b4610c}
.cmpv_n em{font-style:normal;font-size:13px;line-height:1.3;color:#4a5566}
.cmpv_row.new .cmpv_n em{color:#22324a}
@keyframes cmpvFlow{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.sb_line{stroke-dashoffset:0}.sb_f *{animation:none !important}.cmpv_flow > i{animation:none !important}}
@media (max-width:1100px){.sb_frames{grid-template-columns:repeat(3,minmax(0,1fr))}.sb_track{display:none}}
@media (max-width:700px){
  .sb_frames{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:18px 16px 6px;scrollbar-width:none}
  .sb_frames::-webkit-scrollbar{display:none}
  .sb_f{flex:0 0 74%;scroll-snap-align:start;opacity:1}
  .cmpv_row{grid-template-columns:minmax(0,1fr);gap:12px;padding:16px}
  .cmpv_flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .cmpv_flow > i{display:none}.cmpv_n{width:auto}.cmpv_n svg{width:38px;height:38px;padding:8px}.cmpv_n em{font-size:12px}
}
.sb_ai{font:700 11px Arial,sans-serif;fill:#fff;text-anchor:middle;letter-spacing:.04em}
@media (max-width:1100px) and (min-width:701px){.cmpv_row{grid-template-columns:minmax(0,1fr);gap:12px}.cmpv_n{width:auto;flex:1 1 0;min-width:0}.cmpv_flow > i{flex:0 0 22px;min-width:0}}
/* home AI section: same tempo as the sections around it (white, quiet, one block) */
.agx:not(.agx_page){background:#fff;padding:120px 0 110px}
.agx:not(.agx_page)::before{display:none}
.agx_eb{color:var(--mute,#6f7175) !important}
.agx_eb i{display:none}

/* 0. AI native vs AI sprinkled (home): built from the site's own pieces, the 3D render, hotspots, tags and blue banners */
.ain{background:#fff;padding:120px 0 110px}
.ain_head{max-width:1180px}
.ain_head .eyebrow{color:var(--mute,#6f7175)}
.ain_h{margin:18px 0 0;font-size:clamp(36px,4.4vw,64px);line-height:1.04;letter-spacing:-.035em;font-weight:600;color:var(--inkc,#101C2F)}
.ain_h span{color:var(--accent,#0090D8)}
.ain_split{display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);align-items:stretch;margin-top:56px}
.ain_card{border-radius:6px;overflow:hidden;display:flex;flex-direction:column;background:#f4f5f6}
.ain_card.new{background:radial-gradient(40% 50% at 85% 10%,rgba(255,255,255,.3),transparent 70%),linear-gradient(135deg,#0d4ea6,#1a6fc4 55%,#2f86d6);color:#fff;box-shadow:0 40px 80px -40px rgba(13,78,166,.6)}
.ain_vis{position:relative;aspect-ratio:16/9;overflow:hidden}
.ain_vis img{width:100%;height:100%;object-fit:cover;object-position:50% 62%;display:block}
.ain_card.old .ain_vis img{filter:grayscale(1) contrast(.85) brightness(1.06);opacity:.55}
.ain_card.new .ain_vis{margin:12px 12px 0;border-radius:4px}
.ain_card.new .ain_vis .cx_grid{opacity:.5}
.ain_ask{position:absolute;left:8%;right:8%;bottom:9%;display:flex;align-items:center;gap:10px;height:44px;padding:0 8px 0 16px;border-radius:999px;background:#fff;border:1px solid #d6d9dd;color:#8a9099;font-size:14px;box-shadow:0 10px 24px -14px rgba(0,0,0,.3)}
.ain_ask i{width:2px;height:18px;background:#8a9099;animation:ainBlink 1.1s steps(1) infinite}
.ain_ask b{margin-left:auto;width:28px;height:28px;border-radius:50%;background:#e4e6e9;color:#8a9099;display:grid;place-items:center;font-weight:400}
.ain_bars{position:absolute;left:8%;top:10%;display:flex;align-items:flex-end;gap:6px;height:70px;padding:10px 12px 22px;background:#fff;border:1px solid #e4e6e9;border-radius:6px}
.ain_bars span{width:12px;background:#c4c9cf;border-radius:2px 2px 0 0}
.ain_bars small{position:absolute;left:12px;bottom:5px;font-size:10px;color:#8a9099;letter-spacing:.04em}
.ain_hs{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px}
.ain_hs b{width:34px;height:34px;border-radius:50%;background:var(--inkc,#101C2F);box-shadow:0 0 0 3px rgba(255,255,255,.95),0 10px 24px -6px rgba(16,28,47,.55);position:relative}
.ain_hs b::before,.ain_hs b::after{content:"";position:absolute;left:50%;top:50%;background:#fff;transform:translate(-50%,-50%)}
.ain_hs b::before{width:12px;height:2px}.ain_hs b::after{width:2px;height:12px}
.ain_hs b{animation:ainRing 2.4s ease-out infinite}
.ain_hs em{font-style:normal;height:26px;padding:0 10px;display:flex;align-items:center;border-radius:3px;background:var(--inkc,#101C2F);color:#fff;font-size:13px;font-weight:600}
.ain_hs.r{flex-direction:row-reverse}
.ain_tag{position:absolute;transform:translate(-50%,-100%);display:flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;background:rgba(16,28,47,.92);color:#fff;font-size:12px;font-weight:600;white-space:nowrap}
.ain_tag i{width:7px;height:7px;border-radius:50%;background:#4fc37f}
.ain_tag.warn{background:#b4501a}
.ain_txt{padding:26px 28px 30px;display:grid;gap:14px}
.ain_card.old .cx_lbl{color:#6a7078}.ain_card.old .cx_lbl i{background:#9aa1a9}
.ain_txt h3{font-weight:400;font-size:clamp(26px,2.4vw,34px);line-height:1.12;letter-spacing:-.02em}
.ain_card.old h3{color:#6a7078}
.ain_txt ul{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ain_txt li{padding:8px 12px;border-radius:999px;font-size:13.5px}
.ain_card.old li{background:#e8eaed;color:#6a7078}
.ain_card.new li{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.28)}
.ain_vs{display:grid;place-items:center;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:#9aa1a9}
.ain_cont{position:relative;overflow:hidden;margin-top:18px;border-radius:6px;padding:40px;color:#fff;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:center;background:radial-gradient(40% 60% at 90% 0%,rgba(47,134,214,.35),transparent 70%),linear-gradient(135deg,#0b1f4d,#0d3f8a 60%,#1a6fc4)}
.ain_cont_t{position:relative;display:grid;gap:22px;justify-items:start}
.ain_cont h3{font-weight:400;font-size:clamp(28px,2.6vw,40px);line-height:1.12;letter-spacing:-.02em;max-width:460px}
.ain_day{position:relative;min-width:0}
.ain_day svg{width:100%;height:190px;display:block;overflow:visible}
.ain_band{fill:rgba(255,255,255,.08)}
.ain_line{fill:none;stroke:#8fd0ff;stroke-width:2.4;stroke-linecap:round}
.ain_now{stroke:#fff;stroke-width:1.4;stroke-dasharray:3 4;opacity:.8;animation:ainScan 8s linear infinite}
.ain_ev .e{fill:#fff;stroke:#0d3f8a;stroke-width:3;transform-box:fill-box;transform-origin:center;animation:ainEv 8s linear infinite;animation-delay:var(--d)}
.ain_ev .e.warn{fill:var(--amber,#F59C0E)}.ain_ev .e.ok{fill:#4fc37f}
.ain_log{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.ain_log li{font-size:12px;line-height:1.4;color:#cfe3f7;border-top:2px solid rgba(255,255,255,.25);padding-top:8px;animation:ainLog 8s linear infinite;animation-delay:var(--d)}
.ain_log time{display:block;font:600 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:#fff}
.ain_note{display:block;margin-top:10px;font-size:11px;color:#9cc0e6;text-align:right}
@keyframes ainBlink{50%{opacity:0}}
@keyframes ainRing{0%{box-shadow:0 0 0 3px rgba(255,255,255,.95),0 0 0 3px rgba(143,208,255,.7)}100%{box-shadow:0 0 0 3px rgba(255,255,255,.95),0 0 0 18px rgba(143,208,255,0)}}
@keyframes ainScan{from{transform:translateX(0)}to{transform:translateX(640px)}}
@keyframes ainEv{0%,2%{transform:scale(1)}6%{transform:scale(1.7)}14%,100%{transform:scale(1)}}
@keyframes ainLog{0%,1%{border-top-color:rgba(255,255,255,.25)}4%,18%{border-top-color:#F59C0E}24%,100%{border-top-color:rgba(255,255,255,.25)}}
@media (prefers-reduced-motion:reduce){.ain *{animation:none !important}}
@media (max-width:1000px){.ain_split{grid-template-columns:minmax(0,1fr);gap:12px}.ain_vs{padding:4px 0}.ain_cont{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.ain{padding:72px 0 64px}.ain_txt{padding:20px}.ain_cont{padding:26px 20px}.ain_log{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ain_tag{font-size:10.5px;height:20px;padding:0 8px}.ain_hs em{font-size:11px;height:22px}.ain_hs b{width:28px;height:28px}.ain_bars{display:none}.ain_ask{height:38px;font-size:12px}}

@media (max-width:640px){.ain_tag.warn{left:36% !important}.ain_tag:not(.warn){display:none}}
/* one wide agents card: the live facility on the left, one sentence on the right */
.ain_split{grid-template-columns:minmax(0,1fr) !important}
.ain_card.wide{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center}
.ain_card.wide .ain_vis{margin:12px;border-radius:4px}
.ain_card.wide .ain_txt{padding:30px 40px 30px 16px}
.ain_card.wide h3{font-size:clamp(24px,2.1vw,32px);line-height:1.22}
@media (max-width:1000px){.ain_card.wide{grid-template-columns:minmax(0,1fr)}.ain_card.wide .ain_txt{padding:8px 24px 28px}}
.ain_h{text-wrap:balance}
/* agents section without a second 3D picture: statement, one line, then the continuous banner with a live roster */
.ain_lead{margin:22px 0 0;max-width:720px;font-size:19px;line-height:1.55;color:#3d4653}
.ain_cont{margin-top:48px}
.ain_agents{list-style:none;margin:0;padding:0;display:grid;gap:8px;width:100%;max-width:380px}
.ain_agents li{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:6px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:14px}
.ain_agents b{width:28px;height:28px;border-radius:50%;background:#fff;display:grid;place-items:center;flex:none}
.ain_agents b svg{width:15px;height:15px;fill:none;stroke:var(--accent,#0090D8);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ain_agents span{margin-left:auto;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;display:flex;align-items:center;gap:7px;color:#cfe3f7}
.ain_agents span::before{content:"";width:8px;height:8px;border-radius:50%;background:#4fc37f;box-shadow:0 0 0 3px rgba(79,195,127,.25)}
.ain_agents span::after{content:"Watching";animation:ainState 6s steps(1) infinite;animation-delay:var(--d)}
@keyframes ainState{0%{content:"Watching"}50%{content:"Acting"}75%{content:"Verifying"}}
@media (prefers-reduced-motion:reduce){.ain_agents span::after{animation:none}}
.ain_h span{display:block;text-wrap:balance}

/* platform diagram: every tile is named, no hover needed to know what it is */
.mod_name{display:block;margin-top:10px;color:#fff;font-size:13.5px;font-weight:600;line-height:1.25;text-align:center}
.mod_eb{display:block;margin-top:3px;color:rgba(255,255,255,.62);font-size:11.5px;line-height:1.3;text-align:center}
.mod:hover .mod_face svg{opacity:1;transform:scale(1.06)}
@media (max-width:900px){.mod_name{font-size:12px;margin-top:8px}.mod_eb{display:none}}