@charset "UTF-8";
/* Nivelva: Imhotep Monitoring. prefix: im. Gelap + aksen oranye, putih untuk bagian terang, tanpa krem */
:root{--im-ink:#0E1013;--im-ink2:#16181D;--im-card:#1B1D22;--im-line:rgba(255,255,255,.10);--im-dim:rgba(255,255,255,.66);--im-peach:#FFB38A;--im-ok:#22C55E;--im-bad:#F87171;--im-warn:#FBBF24;--im-bd:#E4E6EA;--im-mut:#5B5F66;--im-soft:#F4F5F7}
.imHero,.imVer,.imDemo,.imAlert,.imStat,.imSteps,.imFaq,.imCta{overflow:hidden;position:relative}
.imKick{display:block;margin-bottom:12px;font:700 11.5px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.imHead{max-width:780px;margin:0 auto 36px;text-align:center}
.imH2{font:600 clamp(30px,3.8vw,46px)/1.08 var(--serif);letter-spacing:-.02em;margin:0;text-wrap:balance;font-variant-numeric:lining-nums}
.imH2 em{font-style:italic;color:var(--accent);font-weight:500}
.imHead--dark .imH2{color:#fff}
.imHead--dark .imH2 em{color:var(--im-peach)}
.imLead{font-size:16.5px;line-height:1.6;color:var(--ink-2);margin:14px 0 0;text-wrap:pretty}
.imHead--dark .imLead{color:var(--im-dim)}
.imBtn{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:none}
.imBtn:hover{background:#C2410C;border-color:#C2410C;color:#fff;box-shadow:none}
.imBtn--line{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.06);color:#fff;border:1.5px solid rgba(255,255,255,.22);box-shadow:none}
.imBtn--line:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.4);color:#fff;box-shadow:none}
.imBtn--wire{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5);box-shadow:none}
.imBtn--wire:hover{border-color:#fff;color:#fff;background:transparent;box-shadow:none}
.btn svg{flex:none}
.imDot{display:inline-block;flex:none;width:9px;height:9px;border-radius:50%;background:var(--im-ok);box-shadow:0 0 0 4px rgba(34,197,94,.16)}
.is-down .imDot,.imDot.is-down{background:var(--im-bad);box-shadow:0 0 0 4px rgba(248,113,113,.18)}
.imPill{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:999px;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.32);font:700 12px/1 var(--sans);color:#16A34A;white-space:nowrap}
.imPill i{width:7px;height:7px;border-radius:50%;background:var(--im-ok)}
.imPill.is-down{background:rgba(248,113,113,.12);border-color:rgba(248,113,113,.35);color:#DC2626}
.imPill.is-down i{background:var(--im-bad)}

/* ===== hero ===== */
.imHero{padding:72px 0 84px;background:var(--im-ink);color:#fff}
.imHero__bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(700px 420px at 78% 30%,rgba(236,101,42,.26),transparent 70%),radial-gradient(500px 300px at 10% 100%,rgba(34,197,94,.08),transparent 70%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:auto,auto,32px 32px,32px 32px}
.imHero .shell{position:relative}
.imHero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:52px;align-items:center}
.imHero h1{margin:0;font:600 clamp(36px,4.6vw,58px)/1.04 var(--serif);letter-spacing:-.025em;text-wrap:balance;font-variant-numeric:lining-nums}
.imHero h1 .imKick{margin-bottom:16px;color:var(--im-peach)}
.imBr{display:block;font-style:italic;font-weight:500;color:var(--accent)}
.imHero__sub{margin:20px 0 26px;max-width:36em;font-size:17px;line-height:1.65;color:rgba(255,255,255,.78)}
.imHero__sub b{color:#fff}
.imHero__cta{display:flex;flex-wrap:wrap;gap:12px}
.imHero__pts{list-style:none;padding:0;margin:24px 0 0;display:flex;flex-wrap:wrap;gap:8px 18px}
.imHero__pts li{display:inline-flex;align-items:center;gap:7px;font:600 14px/1.3 var(--sans);color:rgba(255,255,255,.82)}
.imHero__pts svg{color:var(--im-ok)}
.imRadar{border-radius:24px;background:linear-gradient(165deg,#191B20,#0E1013);border:1px solid var(--im-line);box-shadow:0 30px 80px rgba(0,0,0,.45);padding:20px;min-width:0}
.imRadar__stage{position:relative;aspect-ratio:1.45/1;border-radius:18px;background:radial-gradient(circle at 50% 50%,rgba(236,101,42,.10),transparent 62%);overflow:hidden}
.imRadar__ring{position:absolute;left:50%;top:50%;border-radius:50%;border:1px dashed rgba(255,255,255,.12);transform:translate(-50%,-50%)}
.imRadar__ring.r1{width:30%;aspect-ratio:1}.imRadar__ring.r2{width:56%;aspect-ratio:1}.imRadar__ring.r3{width:84%;aspect-ratio:1}
.imRadar__sweep{position:absolute;left:50%;top:50%;width:84%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:conic-gradient(from 0deg,rgba(236,101,42,.16),rgba(236,101,42,.04) 12%,transparent 18%);animation:imSpin 6s linear infinite}
@keyframes imSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.imRadar__core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 16px;border-radius:16px;background:#fff;color:var(--im-ink);box-shadow:0 0 0 8px rgba(255,255,255,.06),0 14px 30px rgba(0,0,0,.4)}
.imRadar__core b{font:700 13px/1 var(--sans)}
.imRadar__core em{display:inline-flex;align-items:center;gap:6px;font:700 11px/1 var(--mono);font-style:normal;color:#16A34A}
.imRadar__core em i{width:7px;height:7px;border-radius:50%;background:var(--im-ok);animation:imBlink 1.4s ease-in-out infinite}
@keyframes imBlink{50%{opacity:.3}}
.imRadar__node{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;gap:5px;transform:translate(-50%,-50%)}
.imRadar__node i{width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(236,101,42,.22),0 0 18px rgba(236,101,42,.6)}
.imRadar__node b{font:700 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.imRadar__node.n1{left:14%;top:22%}.imRadar__node.n2{left:86%;top:24%}.imRadar__node.n3{left:16%;top:80%}.imRadar__node.n4{left:84%;top:78%}
.imRadar__beam{position:absolute;left:50%;top:50%;height:2px;transform-origin:0 50%;background:linear-gradient(90deg,rgba(255,179,138,.0),rgba(255,179,138,.35));z-index:1}
.imRadar__beam i{position:absolute;right:0;top:-3px;width:8px;height:8px;border-radius:50%;background:var(--im-peach);box-shadow:0 0 10px var(--im-peach);animation:imPkt 2.2s ease-in infinite}
.imRadar__beam.n1{width:40%;transform:rotate(-147deg)}.imRadar__beam.n2{width:40%;transform:rotate(-34deg)}.imRadar__beam.n3{width:38%;transform:rotate(143deg)}.imRadar__beam.n4{width:38%;transform:rotate(35deg)}
.imRadar__beam.n2 i{animation-delay:.55s}.imRadar__beam.n3 i{animation-delay:1.1s}.imRadar__beam.n4 i{animation-delay:1.65s}
@keyframes imPkt{0%{right:0;opacity:0}15%{opacity:1}100%{right:calc(100% - 8px);opacity:.2}}
.imRadar__log{margin-top:14px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid var(--im-line);overflow:hidden}
.imRadar__logh{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--im-line);font:700 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--im-dim)}
.imRadar__logh span{display:inline-flex;align-items:center;gap:7px}
.imRadar__logh i{width:7px;height:7px;border-radius:50%;background:var(--im-ok)}
.imRadar__logh em{font-style:normal;text-transform:none;letter-spacing:0;color:rgba(255,255,255,.4)}
.imRadar__row{display:grid;grid-template-columns:64px minmax(0,1fr) auto 56px;gap:10px;align-items:center;padding:9px 14px;font:500 12.5px/1.2 var(--mono);color:rgba(255,255,255,.85)}
.imRadar__row+.imRadar__row{border-top:1px solid rgba(255,255,255,.05)}
.imRadar__row.is-new{animation:imIn .5s ease}
@keyframes imIn{from{background:rgba(236,101,42,.14)}to{background:transparent}}
.imRadar__k{color:var(--im-peach);font-weight:700}
.imRadar__h{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.imRadar__r{display:inline-flex;align-items:center;gap:6px;color:#86EFAC;white-space:nowrap}
.imRadar__r i{width:6px;height:6px;border-radius:50%;background:var(--im-ok)}
.imRadar__ms{text-align:right;color:rgba(255,255,255,.55)}

/* ===== dua versi ===== */
.imVer{padding:84px 0;background:#fff}
.imVer__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1120px;margin:0 auto}
.imVerCard{padding:26px;border-radius:22px;border:1.5px solid var(--im-bd);background:#fff}
.imVerCard.is-agent{background:linear-gradient(165deg,#1B1D22,#0E1013);border-color:#0E1013;color:#fff}
.imVerCard__hd{display:flex;align-items:center;gap:14px}
.imVerCard__ic{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:14px;background:#FFF1E8;color:var(--accent)}
.imVerCard.is-agent .imVerCard__ic{background:rgba(236,101,42,.18);color:var(--im-peach)}
.imVerCard__hd b{display:block;font:600 24px/1.1 var(--serif)}
.imVerCard__hd span{display:block;margin-top:4px;font-size:13.5px;color:var(--im-mut)}
.imVerCard.is-agent .imVerCard__hd span{color:var(--im-dim)}
.imVerCard>p{margin:16px 0 16px;font-size:15px;line-height:1.6;color:var(--ink-2)}
.imVerCard.is-agent>p{color:rgba(255,255,255,.75)}
.imVerCard ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.imVerCard li{display:flex;align-items:flex-start;gap:9px;padding:10px 12px;border-radius:12px;background:var(--im-soft);font:600 13.5px/1.35 var(--sans)}
.imVerCard li svg{flex:none;margin-top:1px;color:var(--accent)}
.imVerCard.is-agent li{background:rgba(255,255,255,.06)}
.imVerCard.is-agent li svg{color:var(--im-peach)}

/* ===== demo dasbor ===== */
.imDemo{padding:88px 0;background:var(--im-ink);color:#fff}
.imDemo::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(600px 300px at 50% 0%,rgba(236,101,42,.18),transparent 70%)}
.imDemo .shell{position:relative}
.imDash{max-width:1120px;margin:0 auto;border-radius:22px;background:#13151A;border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 90px rgba(0,0,0,.5);overflow:hidden}
.imDash__bar{display:flex;align-items:center;gap:14px;padding:12px 16px;background:#191B21;border-bottom:1px solid var(--im-line)}
.imDash__dots{display:flex;gap:7px}
.imDash__dots i{width:11px;height:11px;border-radius:50%;background:#FF5F57}
.imDash__dots i:nth-child(2){background:#FEBC2E}.imDash__dots i:nth-child(3){background:#28C840}
.imDash__tabs{display:flex;gap:4px;padding:4px;border-radius:999px;background:rgba(255,255,255,.05)}
.imDash__tabs button{appearance:none;display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:0;border-radius:999px;background:transparent;color:rgba(255,255,255,.7);font:700 13px/1 var(--sans);cursor:pointer}
.imDash__tabs button:hover{color:#fff}
.imDash__tabs button.is-on{background:#fff;color:var(--im-ink)}
.imDash__tag{margin-left:auto;padding:5px 9px;border-radius:999px;border:1px solid var(--im-line);font:600 11px/1 var(--mono);color:rgba(255,255,255,.5);white-space:nowrap}
.imDash__body{padding:20px}
.imLite__sum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
.imLite__sum div{padding:14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--im-line)}
.imLite__sum b{display:block;font:700 22px/1 var(--mono);letter-spacing:-.02em;color:#fff;font-variant-numeric:tabular-nums}
.imLite__sum span{display:block;margin-top:6px;font:500 12.5px/1.2 var(--sans);color:var(--im-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.imLite__sum .is-bad b{color:var(--im-bad)}
.imLite__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:14px}
.imLite__list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.imLite__list button{appearance:none;display:grid;grid-template-columns:auto minmax(0,1fr) 92px;align-items:center;gap:12px;width:100%;padding:11px 12px;border-radius:12px;border:1px solid transparent;background:rgba(255,255,255,.03);color:#fff;text-align:left;cursor:pointer;transition:background .15s,border-color .15s}
.imLite__list button:hover{background:rgba(255,255,255,.07)}
.imLite__list button.is-on{background:rgba(255,255,255,.09);border-color:rgba(255,179,138,.45)}
.imLite__n{min-width:0}
.imLite__n b{display:block;font:700 13.5px/1.25 var(--sans);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.imLite__n em{display:block;margin-top:3px;font:500 11.5px/1.2 var(--mono);font-style:normal;color:rgba(255,255,255,.5)}
.imLite__list .imSpark{height:24px}
.imLite__detail{padding:16px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid var(--im-line);min-width:0}
.imLite__dh{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.imLite__dh b{display:block;margin-top:10px;font:700 17px/1.25 var(--sans);overflow-wrap:anywhere}
.imLite__dh em{display:block;margin-top:4px;font-style:normal;font-size:12.5px;color:var(--im-dim)}
.imLite__ms{text-align:right;flex:none}
.imLite__ms b{margin:0;font:700 26px/1 var(--mono);color:var(--im-peach)}
.imLite__ms span{display:block;margin-top:6px;font-size:12px;color:var(--im-dim)}
.imLite__chartLbl{margin:18px 0 8px;font:700 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.imSpark{display:flex;align-items:flex-end;gap:3px;height:96px}
.imSpark i{flex:1;min-width:2px;border-radius:2px 2px 0 0;background:linear-gradient(180deg,#FFB38A,#EC652A);transition:height .5s ease}
.imSpark i.is-down{background:var(--im-bad);opacity:.85}
.imLite__chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.imLite__chips span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--im-line);font:500 12px/1 var(--sans);color:var(--im-dim)}
.imLite__chips b{color:#fff}
.imLite__chips svg{color:var(--im-peach)}
.imLite__chips .is-warn{border-color:rgba(251,191,36,.4)}
.imLite__chips .is-warn b{color:var(--im-warn)}
.imAgent__host{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--im-line);margin-bottom:14px}
.imAgent__os{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#fff;color:var(--im-ink)}
.imAgent__host b{display:block;font:700 15px/1.2 var(--mono)}
.imAgent__host em{display:block;margin-top:3px;font-style:normal;font-size:12.5px;color:var(--im-dim)}
.imAgent__host .imPill{margin-left:auto}
.imAgent__rings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
.imRing{position:relative;display:flex;flex-direction:column;align-items:center;padding:14px 8px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--im-line)}
.imRing svg{width:84px;height:84px;transform:rotate(-90deg)}
.imRing__bg{fill:none;stroke:rgba(255,255,255,.08);stroke-width:6}
.imRing__fg{fill:none;stroke:var(--im-peach);stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .6s ease}
.imRing.is-warn .imRing__fg{stroke:var(--im-warn)}
.imRing>b{position:absolute;top:44px;left:0;right:0;text-align:center;font:700 18px/1 var(--mono);color:#fff;font-variant-numeric:tabular-nums}
.imRing>b small{font-size:11px;color:var(--im-dim)}
.imRing>span{margin-top:8px;font:700 13px/1 var(--sans);color:#fff}
.imRing>em{margin-top:4px;font-style:normal;font:500 11.5px/1.2 var(--mono);color:var(--im-dim);text-align:center}
.imAgent__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:14px}
.imAgent__net{padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--im-line);min-width:0}
.imAgent__net .imLite__chartLbl{margin-top:0}
.imAgent__net .imSpark{height:80px}
.imAgent__net .imSpark i{background:linear-gradient(180deg,#86EFAC,#16A34A)}
.imAgent__nets{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px;font-size:12.5px;color:var(--im-dim)}
.imAgent__nets span{display:inline-flex;align-items:center;gap:7px}
.imAgent__nets b{color:#fff}
.imAgent__nets i{width:9px;height:9px;border-radius:3px}
.imAgent__nets i.in{background:#60A5FA}.imAgent__nets i.out{background:#22C55E}
.imAgent__svc{list-style:none;margin:0;padding:8px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--im-line);display:grid;gap:2px}
.imAgent__svc li{display:flex;align-items:center;gap:10px;padding:8px 8px;border-radius:9px;font-size:13px}
.imAgent__svc li b{font:700 13px/1 var(--mono);color:#fff}
.imAgent__svc li em{margin-left:auto;font-style:normal;font-size:12px;color:#86EFAC}
.imAgent__svc li.is-down{background:rgba(248,113,113,.08)}
.imAgent__svc li.is-down em{color:var(--im-bad)}

/* ===== alert ===== */
.imAlert{padding:88px 0;background:#fff}
.imAlert__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:56px;align-items:center;max-width:1120px;margin:0 auto}
.imAlert__ch{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.imAlert__ch li{display:inline-flex;align-items:center;gap:10px;padding:10px 16px 10px 10px;border-radius:999px;border:1.5px solid var(--im-bd)}
.imAlert__ch li span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff}
.imAlert__ch .wa{background:#25D366}.imAlert__ch .tg{background:#229ED9}.imAlert__ch .em{background:var(--im-ink)}
.imAlert__ch b{font:700 14.5px/1 var(--sans)}
.imPhone{max-width:360px;width:100%;justify-self:center;border-radius:34px;padding:12px;background:#111317;box-shadow:0 30px 70px rgba(17,19,23,.28),inset 0 0 0 1px rgba(255,255,255,.08)}
.imPhone__hd{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:22px 22px 0 0;background:#1F2C34;color:#fff}
.imPhone__av{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent);color:#fff}
.imPhone__hd b{display:block;font:700 14px/1.2 var(--sans)}
.imPhone__hd em{display:block;font-style:normal;font-size:11.5px;color:rgba(255,255,255,.6)}
.imPhone__body{display:grid;gap:10px;padding:14px;border-radius:0 0 22px 22px;background:#0B141A;background-image:radial-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:14px 14px;min-height:340px;align-content:start}
.imMsg{position:relative;max-width:88%;padding:10px 12px 18px;border-radius:12px 12px 12px 4px;background:#1F2C34;color:#E9EDEF;font-size:13px;line-height:1.45;border-left:3px solid var(--im-ok)}
.imMsg b{display:block;margin-bottom:3px;font:700 12px/1.3 var(--mono);letter-spacing:.02em}
.imMsg p{margin:0}
.imMsg__m{margin-top:3px!important;font-size:11.5px;color:rgba(233,237,239,.6)}
.imMsg>span{position:absolute;right:10px;bottom:5px;font-size:10.5px;color:rgba(233,237,239,.5)}
.imMsg.is-down{border-left-color:var(--im-bad)}.imMsg.is-down b{color:#FCA5A5}
.imMsg.is-warn{border-left-color:var(--im-warn)}.imMsg.is-warn b{color:#FDE68A}
.imMsg.is-up b{color:#86EFAC}

/* ===== status page ===== */
.imStat{padding:88px 0;background:var(--im-soft)}
.imStat__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:52px;align-items:center;max-width:1120px;margin:0 auto}
.imStatCard{padding:22px;border-radius:22px;background:#fff;border:1.5px solid var(--im-bd);box-shadow:0 20px 50px rgba(17,19,23,.08)}
.imStatCard__hd{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1.5px solid var(--im-bd)}
.imStatCard__hd b{font:600 20px/1.2 var(--serif)}
.imStatCard__row{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--im-soft)}
.imStatCard__n b{display:block;font:700 14px/1.2 var(--sans)}
.imStatCard__n em{display:block;margin-top:3px;font-style:normal;font-size:12px;color:var(--im-mut)}
.imStatCard__bars{display:flex;gap:2px;height:26px}
.imStatCard__bars i{flex:1;border-radius:2px;background:#22C55E}
.imStatCard__bars i.is-bad{background:#F59E0B}
.imStatCard__ft{display:flex;justify-content:space-between;margin-top:10px;font:500 11.5px/1 var(--mono);color:var(--im-mut)}
.imStatCard__ft em{font-style:normal}

/* ===== langkah ===== */
.imSteps{padding:84px 0;background:#fff}
.imSteps__row{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1120px}
.imSteps__row li{padding:22px;border-radius:18px;border:1.5px solid var(--im-bd);background:#fff}
.imSteps__ic{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--im-ink);color:#fff}
.imSteps__row li:last-child .imSteps__ic{background:var(--accent)}
.imSteps__row h3{margin:14px 0 6px;font:700 16.5px/1.3 var(--sans)}
.imSteps__row p{margin:0;font-size:14.5px;line-height:1.55;color:var(--ink-2)}

/* ===== FAQ ===== */
.imFaq{padding:84px 0;background:var(--im-soft)}
.imFaq__grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:36px;align-items:start;max-width:1120px;margin:0 auto}
.imFaq__side{position:sticky;top:96px;padding:28px;border-radius:22px;background:linear-gradient(165deg,#1B1D22,#0E1013);color:#fff;overflow:hidden}
.imFaq__side .imH2{color:#fff}
.imFaq__side .imH2 em{color:var(--im-peach)}
.imFaq__wa{display:flex;align-items:center;justify-content:center;gap:9px;height:48px;margin-top:22px;border-radius:999px;background:#25D366;color:#0B2E17;font:800 15px/1 var(--sans);text-decoration:none}
.imFaq__wa:hover{background:#2FE374;color:#0B2E17}
.imFaq__list{display:grid;gap:10px}
.imQ{position:relative;border-radius:16px;background:#fff;border:1.5px solid #DFE1E6}
.imQ:hover{border-color:#B9BCC2}
.imQ h3{margin:0;font:inherit}
.imQ button{appearance:none;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:18px 20px;border:0;background:transparent;font:700 16px/1.4 var(--sans);color:#16181C;text-align:left;cursor:pointer}
.imQ__ic{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:#F1F2F4;color:#16181C;transition:transform .2s,background .2s}
.imQ.is-open{border-color:#F3C2A8;box-shadow:0 14px 30px rgba(17,19,23,.07)}
.imQ.is-open::before{content:"";position:absolute;left:-1.5px;top:16px;bottom:16px;width:4px;border-radius:0 4px 4px 0;background:var(--accent)}
.imQ.is-open .imQ__ic{background:var(--accent);color:#fff;transform:rotate(180deg)}
.imQ__a p{margin:0;padding:0 20px 20px;font-size:15.5px;line-height:1.7;color:#33363B}

/* ===== CTA ===== */
.imCta{padding:84px 0 100px;background:#fff}
.imCta__box{position:relative;max-width:1120px;margin:0 auto;border-radius:28px;background:var(--im-ink);color:#fff;overflow:hidden;padding:60px 32px;text-align:center}
.imCta__box::after{content:"";position:absolute;left:50%;bottom:-220px;width:620px;height:420px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(236,101,42,.45),transparent 65%);pointer-events:none}
.imCta__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}
.imCta__in{position:relative;z-index:1;max-width:680px;margin:0 auto}
.imCta__pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid var(--im-line);background:rgba(255,255,255,.05);font:600 13px/1 var(--sans);color:var(--im-dim)}
.imCta__pill i{width:8px;height:8px;border-radius:50%;background:var(--im-ok);box-shadow:0 0 0 4px rgba(34,197,94,.2)}
.imCta h2{margin:18px 0 0;font:600 clamp(30px,4vw,48px)/1.06 var(--serif);letter-spacing:-.02em;color:#fff;text-wrap:balance}
.imCta h2 em{font-style:italic;color:var(--im-peach);font-weight:500}
.imCta p{margin:14px auto 26px;font-size:16px;line-height:1.6;color:var(--im-dim)}
.imCta p a{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.imCta__btns{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}

/* ===== responsif ===== */
@media (max-width:1100px){.imSteps__row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:960px){
  .imHero__grid,.imAlert__grid,.imStat__grid,.imFaq__grid{grid-template-columns:minmax(0,1fr);gap:30px}
  .imVer__grid{grid-template-columns:minmax(0,1fr)}
  .imLite__grid,.imAgent__grid{grid-template-columns:minmax(0,1fr)}
  .imFaq__side{position:relative;top:auto}
  .imStatCard{order:2}
}
@media (max-width:720px){
  .imHero{padding:36px 0 44px}
  .imHero h1{font-size:33px}
  .imHero__sub{font-size:15.5px;margin:14px 0 20px}
  .imHero__cta{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .imHero__cta .btn{justify-content:center;padding-left:10px;padding-right:10px;font-size:14px}
  .imHero__pts{margin-top:16px;gap:6px 14px}
  .imHero__pts li{font-size:12.5px}
  .imRadar{padding:12px;border-radius:20px}
  .imRadar__node b{display:none}
  .imRadar__core{padding:10px 12px}
  .imRadar__core b{font-size:12px}
  .imRadar__row{grid-template-columns:52px minmax(0,1fr) auto;padding:8px 10px;font-size:11.5px}
  .imRadar__ms{display:none}
  .imRadar__row:nth-child(n+4){display:none}
  .imVer,.imDemo,.imAlert,.imStat,.imSteps,.imFaq{padding:48px 0}
  .imCta{padding:44px 0 56px}
  .imHead{margin-bottom:20px}
  .imLead{font-size:15px}
  .imVerCard{padding:18px;border-radius:18px}
  .imVerCard__hd b{font-size:21px}
  .imVerCard>p{font-size:14px;margin:12px 0}
  .imVerCard ul{gap:6px}
  .imVerCard li{padding:8px 9px;font-size:12.5px;gap:7px}
  .imDash{border-radius:16px}
  .imDash__bar{padding:10px;gap:8px;flex-wrap:wrap}
  .imDash__dots{display:none}
  .imDash__tabs{flex:1}
  .imDash__tabs button{flex:1;justify-content:center;padding:8px 6px;font-size:12px}
  .imDash__tag{display:none}
  .imDash__body{padding:12px}
  .imLite__sum{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:10px}
  .imLite__sum div{padding:10px}
  .imLite__sum b{font-size:17px}
  .imLite__sum span{font-size:11.5px}
  .imLite__list button{grid-template-columns:auto minmax(0,1fr) 64px;padding:9px 10px;gap:9px}
  .imLite__detail{padding:12px}
  .imLite__ms b{font-size:20px}
  .imSpark{height:64px}
  .imAgent__rings{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .imRing svg{width:70px;height:70px}
  .imRing>b{top:38px;font-size:16px}
  .imAlert__ch li{padding:6px 12px 6px 6px}
  .imAlert__ch li span{width:30px;height:30px}
  .imAlert__ch b{font-size:13px}
  .imPhone{max-width:330px;border-radius:28px;padding:8px}
  .imPhone__body{min-height:0}
  .imStatCard{padding:16px}
  .imStatCard__row{grid-template-columns:86px minmax(0,1fr);gap:10px;padding:9px 0}
  .imStatCard__bars{height:22px}
  .imSteps__row{gap:8px}
  .imSteps__row li{padding:14px}
  .imSteps__ic{width:36px;height:36px}
  .imSteps__row h3{font-size:14.5px;margin:10px 0 4px}
  .imSteps__row p{font-size:12.5px;line-height:1.45}
  .imFaq__side{padding:18px}
  .imFaq__side .imH2{font-size:26px}
  .imFaq__wa{height:44px;margin-top:14px;font-size:14px}
  .imFaq__list{gap:8px}
  .imQ button{padding:13px 14px;font-size:15px}
  .imQ__ic{width:28px;height:28px}
  .imQ__a p{padding:0 14px 14px;font-size:14.5px}
  .imCta__box{padding:34px 18px;border-radius:22px}
  .imCta p{font-size:15px}
}
@media (max-width:380px){.imHero__cta{grid-template-columns:1fr}.imVerCard ul{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){
  .imRadar__sweep,.imRadar__beam i,.imRadar__core em i,.imRadar__row.is-new{animation:none}
  .imSpark i,.imRing__fg{transition:none}
}
.imRadar__node b,.imMsg>span{font-size:11px}

/* ===== dua versi v2 (5 Nov, owner: kacau & tidak rapi) ===== */
.imVer__grid{align-items:stretch}
.imVc{display:flex;flex-direction:column;padding:26px;border-radius:22px;border:1.5px solid var(--im-bd);background:#fff;min-width:0}
.imVc.is-agent{background:linear-gradient(165deg,#1B1D22,#0E1013);border-color:#0E1013;color:#fff}
.imVc__hd{display:flex;align-items:center;gap:14px}
.imVc__ic{display:flex;align-items:center;justify-content:center;flex:none;width:48px;height:48px;border-radius:14px;background:#FFF1E8;color:var(--accent)}
.imVc__ic svg{display:block}
.is-agent .imVc__ic{background:rgba(236,101,42,.18);color:var(--im-peach)}
.imVc__hd>div{flex:1;min-width:0}
.imVc__hd h3{margin:0;font:600 24px/1.1 var(--serif)}
.imVc__hd p{margin:4px 0 0;font-size:13.5px;line-height:1.35;color:var(--im-mut)}
.is-agent .imVc__hd p{color:var(--im-dim)}
.imVc__free{flex:none;padding:6px 10px;border-radius:999px;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.32);font:700 11.5px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:#16A34A}
.is-agent .imVc__free{color:#86EFAC}
.imVc__d{margin:16px 0 18px;font-size:15px;line-height:1.6;color:var(--ink-2)}
.is-agent .imVc__d{color:rgba(255,255,255,.75)}
.imVc__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.imVc__list li{display:flex;align-items:center;gap:10px;height:48px;padding:0 12px;border-radius:12px;background:var(--im-soft);font:600 14px/1.2 var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.imVc__list li span{display:flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;border-radius:8px;background:#fff;color:var(--accent)}
.is-agent .imVc__list li{background:rgba(255,255,255,.06)}
.is-agent .imVc__list li span{background:rgba(255,255,255,.08);color:var(--im-peach)}
.imVc__tags{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:auto;padding-top:18px;border-top:1.5px solid var(--im-bd)}
.imVc{gap:0}
.imVc__list{margin-bottom:18px}
.is-agent .imVc__tags{border-top-color:rgba(255,255,255,.12)}
.imVc__tags span{display:inline-flex;align-items:center;gap:6px;font:600 13px/1 var(--sans);color:var(--im-mut)}
.imVc__tags svg{color:#16A34A}
.is-agent .imVc__tags span{color:var(--im-dim)}
.is-agent .imVc__tags svg{color:#86EFAC}
@media (max-width:720px){
  .imVc{padding:18px;border-radius:18px}
  .imVc__ic{width:42px;height:42px;border-radius:12px}
  .imVc__hd h3{font-size:21px}
  .imVc__hd p{font-size:12.5px}
  .imVc__d{font-size:14px;margin:12px 0 14px}
  .imVc__list{gap:6px;margin-bottom:14px}
  .imVc__list li{height:42px;padding:0 9px;gap:8px;font-size:12.5px}
  .imVc__list li span{width:24px;height:24px}
  .imVc__tags{gap:6px 12px;padding-top:12px}
  .imVc__tags span{font-size:12px}
}

/* ===== demo dasbor v2: panel bersih (putih) + grafik garis (5 Nov, owner) ===== */
.imDash{background:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:0 40px 90px rgba(0,0,0,.45);color:#16181C}
.imDash__bar{background:#FAFAFB;border-bottom:1px solid #EBEDF0}
.imDash__tabs{background:#F1F2F4}
.imDash__tabs button{color:#5B5F66}
.imDash__tabs button:hover{color:#16181C}
.imDash__tabs button.is-on{background:#fff;color:#16181C;box-shadow:0 1px 3px rgba(17,19,23,.12)}
.imDash__tag{border-color:#E4E6EA;color:#8A8F98}
.imDash__body{padding:22px;background:#fff}
.imLite__sum div,.imLite__detail,.imAgent__host,.imRing,.imAgent__net,.imAgent__svc{background:#fff;border:1px solid #EBEDF0;box-shadow:0 1px 2px rgba(17,19,23,.04)}
.imLite__sum b{color:#16181C}
.imLite__sum span{color:#6B7079}
.imLite__sum .is-bad b{color:#DC2626}
.imLite__list button{background:#fff;border:1px solid #EBEDF0;color:#16181C}
.imLite__list button:hover{background:#FAFAFB;border-color:#D9DCE1}
.imLite__list button.is-on{background:#FFF7F2;border-color:#F5C2A7;box-shadow:inset 3px 0 0 var(--accent)}
.imLite__list button{grid-template-columns:auto minmax(0,1fr) 110px}
.imLite__n em{color:#8A8F98}
.imMini{display:block;height:32px}
.imMini .imLine{width:100%;height:100%;display:block}
.imLite__dh em{color:#6B7079}
.imLite__ms b{color:var(--accent)}
.imLite__ms span{color:#6B7079}
.imLite__chartLbl{color:#8A8F98}
.imLite__chips span{background:#F6F7F8;border-color:#EBEDF0;color:#5B5F66}
.imLite__chips b{color:#16181C}
.imLite__chips svg{color:var(--accent)}
.imLite__chips .is-warn b{color:#B45309}
.imChart{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;gap:6px 10px;margin-top:14px}
.imChart__y{grid-row:1;display:flex;flex-direction:column;justify-content:space-between;height:170px;font:500 11px/1 var(--mono);color:#9AA0A8;text-align:right}
.imChart__plot{grid-row:1;grid-column:2;position:relative;height:170px;border-left:1px solid #EBEDF0;border-bottom:1px solid #EBEDF0}
.imChart__plot .imLine{position:absolute;inset:0;width:100%;height:100%}
.imChart__x{grid-row:2;grid-column:2;display:flex;justify-content:space-between;font:500 11px/1 var(--mono);color:#9AA0A8}
.imChart--net{grid-template-columns:minmax(0,1fr);margin-top:0}
.imChart--net .imChart__plot{grid-column:1;height:130px}
.imLine__grid{stroke:#EEF0F3;stroke-width:1;vector-effect:non-scaling-stroke}
.imLine__down{fill:rgba(239,68,68,.08)}
.imLine path{transition:d .5s ease}
.imPill{background:rgba(34,197,94,.1)}
.imAgent__os{background:#16181C;color:#fff}
.imAgent__host em{color:#6B7079}
.imRing__bg{stroke:#EEF0F3}
.imRing__fg{stroke:var(--accent)}
.imRing.is-warn .imRing__fg{stroke:#F59E0B}
.imRing>b{color:#16181C}
.imRing>b small,.imRing>em{color:#8A8F98}
.imRing>span{color:#16181C}
.imAgent__nets{color:#6B7079}
.imAgent__nets b{color:#16181C}
.imAgent__nets i.in{background:#3B82F6}.imAgent__nets i.out{background:#16A34A}
.imAgent__svc li b{color:#16181C}
.imAgent__svc li em{color:#16A34A}
.imAgent__svc li.is-down{background:#FEF2F2}
.imAgent__svc li.is-down em{color:#DC2626}
@media (max-width:720px){
  .imDash__body{padding:12px}
  .imLite__list button{grid-template-columns:auto minmax(0,1fr) 72px}
  .imMini{height:26px}
  .imChart__y,.imChart__plot{height:130px}
  .imChart--net .imChart__plot{height:100px}
  .imChart__x{font-size:10.5px}
}
@media (prefers-reduced-motion:reduce){.imLine path{transition:none}}

/* ===== alert v2: ponsel interaktif per saluran (5 Nov, owner: lebih menarik) ===== */
.imAlert{background:radial-gradient(600px 360px at 80% 50%,rgba(236,101,42,.08),transparent 70%),#fff}
.imCh{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.imCh__b{appearance:none;display:inline-flex;align-items:center;gap:10px;padding:7px 16px 7px 7px;border-radius:999px;border:1.5px solid var(--im-bd);background:#fff;font:700 14.5px/1 var(--sans);color:#16181C;cursor:pointer;transition:border-color .18s,box-shadow .18s,background .18s}
.imCh__b span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:#fff}
.imCh__b.is-wa span{background:#25D366}.imCh__b.is-tg span{background:#229ED9}.imCh__b.is-em span{background:#16181C}
.imCh__b:hover{border-color:#B9BCC2}
.imCh__b.is-on{background:#16181C;border-color:#16181C;color:#fff;box-shadow:0 10px 24px rgba(17,19,23,.18)}
.imInc{list-style:none;margin:26px 0 0;padding:0;position:relative;display:grid;gap:12px}
.imInc::before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:2px;background:var(--im-bd)}
.imInc li{position:relative;display:grid;grid-template-columns:52px 1fr;gap:10px;padding-left:22px;font-size:14.5px;line-height:1.45;color:var(--ink-2)}
.imInc li::before{content:"";position:absolute;left:0;top:4px;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid #22C55E}
.imInc li.is-down::before{border-color:#EF4444}
.imInc li.is-send::before{border-color:var(--accent);background:var(--accent)}
.imInc b{font:700 13px/1.45 var(--mono);color:#16181C}
.imPh{position:relative;justify-self:center;width:100%;max-width:340px;border-radius:44px;padding:12px;background:#0B0C0F;box-shadow:0 40px 80px rgba(17,19,23,.28),0 0 0 1px rgba(255,255,255,.06) inset,0 0 0 9px #1A1C21}
.imPh__notch{position:absolute;left:50%;top:18px;width:96px;height:24px;transform:translateX(-50%);border-radius:999px;background:#000;z-index:3}
.imPh__status{display:flex;justify-content:space-between;align-items:center;padding:12px 22px 8px;font:700 13px/1 var(--sans);color:#fff;border-radius:34px 34px 0 0;background:var(--ph-hd)}
.imPh__status span{display:flex;gap:3px;align-items:flex-end}
.imPh__status i{width:4px;border-radius:1px;background:#fff}
.imPh__status i:nth-child(1){height:6px}.imPh__status i:nth-child(2){height:9px}.imPh__status i:nth-child(3){height:12px}
.imPh__hd{display:flex;align-items:center;gap:10px;padding:10px 16px 12px;background:var(--ph-hd);color:#fff}
.imPh__av{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff}
.imPh__av.is-mail{background:#fff;color:#16181C}
.imPh__hd b{display:block;font:700 14.5px/1.2 var(--sans)}
.imPh__hd em{display:block;margin-top:2px;font-style:normal;font-size:12px;color:rgba(255,255,255,.7)}
.imPh__hd>div{flex:1;min-width:0}
.imPh__tag{padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.12);font:600 10.5px/1 var(--mono);color:rgba(255,255,255,.75)}
.imPh__body{display:grid;gap:10px;align-content:start;min-height:410px;padding:14px 12px 18px;border-radius:0 0 34px 34px;background:var(--ph-bg)}
.imPh.is-wa{--ph-hd:#1F2C34;--ph-bg:#0B141A radial-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/14px 14px;--bub:#1F2C34;--bub-tx:#E9EDEF}
.imPh.is-tg{--ph-hd:#2B5278;--ph-bg:linear-gradient(160deg,#17212B,#0E1621);--bub:#182533;--bub-tx:#F5F5F5}
.imPh.is-em{--ph-hd:#16181C;--ph-bg:#fff}
.imPh__day{display:flex;justify-content:center}
.imPh__day span{padding:5px 12px;border-radius:8px;background:rgba(255,255,255,.08);font:600 11px/1 var(--sans);color:rgba(255,255,255,.7)}
.imBub{position:relative;max-width:90%;padding:10px 12px 20px;border-radius:4px 14px 14px 14px;background:var(--bub);color:var(--bub-tx);box-shadow:0 1px 1px rgba(0,0,0,.25)}
.imBub b{display:inline-flex;align-items:center;gap:6px;font:800 11px/1 var(--mono);letter-spacing:.06em}
.imBub b i{width:8px;height:8px;border-radius:50%}
.imBub.is-down b{color:#FCA5A5}.imBub.is-down b i{background:#EF4444}
.imBub.is-warn b{color:#FDE68A}.imBub.is-warn b i{background:#F59E0B}
.imBub.is-up b{color:#86EFAC}.imBub.is-up b i{background:#22C55E}
.imBub strong{display:block;margin-top:6px;font:700 14px/1.3 var(--mono);color:#fff;overflow-wrap:anywhere}
.imBub p{margin:4px 0 0;font-size:13.5px;line-height:1.45}
.imBub small{display:block;margin-top:4px;font-size:11.5px;color:rgba(233,237,239,.6)}
.imBub__t{position:absolute;right:10px;bottom:5px;display:inline-flex;align-items:center;gap:4px;font-size:11px;color:rgba(233,237,239,.55)}
.imBub__t svg{width:15px;height:10px;color:#53BDEB}
.imTyping{display:flex;gap:4px;width:56px;padding:12px 14px;border-radius:4px 14px 14px 14px;background:var(--bub)}
.imTyping i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.55)}
.imMail{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:10px;align-items:start;padding:12px;border-radius:12px;border:1px solid #EBEDF0;background:#fff;color:#16181C}
.imMail__dot{width:9px;height:9px;margin-top:5px;border-radius:50%;background:#22C55E}
.imMail.is-down .imMail__dot{background:#EF4444}.imMail.is-warn .imMail__dot{background:#F59E0B}
.imMail b{display:block;font:700 13px/1.35 var(--sans);overflow-wrap:anywhere}
.imMail p{margin:3px 0 0;font-size:12.5px;line-height:1.45;color:#6B7079}
.imMail em{font-style:normal;font:600 11px/1 var(--mono);color:#9AA0A8}
/* animasi muncul (hanya setelah terlihat) */
.imPh .imBub,.imPh .imMail,.imPh .imTyping{opacity:0;transform:translateY(8px)}
.imPh.is-play .imBub,.imPh.is-play .imMail{animation:imPop .45s cubic-bezier(.2,.8,.2,1) forwards}
.imPh.is-play .imTyping{animation:imPop .3s ease forwards,imFade .3s ease 2.6s forwards;animation-delay:0s,2.6s}
.imPh.is-play .imTyping i{animation:imDots 1s ease-in-out infinite}
.imPh.is-play .imTyping i:nth-child(2){animation-delay:.15s}.imPh.is-play .imTyping i:nth-child(3){animation-delay:.3s}
@keyframes imPop{to{opacity:1;transform:none}}
@keyframes imFade{to{opacity:0;height:0;padding:0;margin:0}}
@keyframes imDots{50%{transform:translateY(-3px);opacity:1}}
@media (max-width:720px){
  .imCh{gap:6px;margin-top:16px}
  .imCh__b{padding:5px 12px 5px 5px;font-size:13px;gap:8px}
  .imCh__b span{width:28px;height:28px}
  .imInc{margin-top:18px;gap:9px}
  .imInc li{font-size:13.5px;grid-template-columns:46px 1fr}
  .imPh{max-width:320px;border-radius:38px;padding:9px}
  .imPh__body{min-height:0;border-radius:0 0 30px 30px}
  .imPh__status{border-radius:30px 30px 0 0}
}
@media (prefers-reduced-motion:reduce){
  .imPh .imBub,.imPh .imMail{opacity:1;transform:none;animation:none}
  .imPh .imTyping{display:none}
}
.imLite__ms b{color:#16A34A}
.imLite__ms.is-down b{color:#DC2626}