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