.xhv{display:none}@media (min-width:768px){.dc-page .hero-sub{max-width:760px!important}.xhv{width:min(100%,1152px);height:auto;min-height:420px;box-shadow:var(--xaos-shadow-device);background:#090b0d;border:1px solid #35383d;border-radius:18px;grid-template-columns:1fr 1fr;display:grid;position:relative;overflow:hidden}.xhv__zone{min-width:0;min-height:418px;position:relative;overflow:hidden}.xhv__zone--chaos{background:radial-gradient(circle at 65% 38%,#3a181c77,#0000 55%),#0a0c0e;border-right:1px solid #344046}.xhv__zone--system{background:radial-gradient(circle at 50% 55%,#0f3a3d66,#0000 60%),#0a0c0e}.xhv__head{z-index:12;background:#0b0e11e8;border-bottom:1px solid #2a3034;align-items:center;gap:9px;height:44px;padding:0 18px;display:flex;position:relative}.xhv__head strong{letter-spacing:.09em;color:#f4f4f6;font-size:15px;font-weight:750}.xhv__head em{font:600 11px var(--xaos-font-mono),monospace;letter-spacing:.13em;color:#9aa0a6;margin-left:auto;font-style:normal}.xhv__dot{background:#ed8288;border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #eb8e90a8}.xhv__zone--system .xhv__dot{background:#54d6c0;box-shadow:0 0 12px #54d6c099}.xhv__scene{height:270px;position:relative;overflow:hidden}.xhv__scene--chaos:after{z-index:10;content:"";background:linear-gradient(#0000,#0a0c0e);height:25px;position:absolute;inset:auto 0 0}.xhv__grid{background-image:linear-gradient(#eb8e900b 1px,#0000 1px),linear-gradient(90deg,#eb8e900b 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0}.xhv__sheet{background:#fff;border:1px solid #b9bdc6;border-radius:6px;position:absolute;overflow:hidden;box-shadow:0 12px 26px #000c}.xhv__sheet img{width:100%;height:auto;display:block}.xhv__sheet--clients{z-index:1;width:340px;top:18px;left:136px;transform:rotate(-4deg)}.xhv__sheet--payments{z-index:2;width:315px;top:61px;left:279px;transform:rotate(3deg)}.xhv__sheet--projects{z-index:3;width:340px;top:127px;left:111px;transform:rotate(1deg)}.xhv__sheet--deadlines{z-index:4;color:#1f2328;width:303px;height:111px;font:10px Arial,sans-serif;top:169px;left:290px;transform:rotate(-3deg)}.xhv__fakebar{background:#f5f7fa;border-bottom:1px solid #d6dce2;height:31px;padding:7px 10px;font-weight:700}.xhv__fakeicon{color:#fff;background:#22a862;border-radius:3px;place-items:center;width:17px;height:17px;margin-right:3px;display:inline-grid}.xhv__fakerow{border-bottom:1px solid #e1e5e8;grid-template-columns:1.7fr .6fr .9fr;gap:5px;padding:5px 9px;display:grid}.xhv__fakerow--head{color:#525a61;background:#eef1f4;font-weight:700}.xhv__fakerow b{color:#ba2e30;text-align:center;background:#ffe0e0;border-radius:3px;font-weight:700}.xhv__phone{z-index:6;filter:drop-shadow(7px 8px 13px #000c);display:block;position:absolute}.xhv__phone--chaos{width:124px;top:42px;left:12px;transform:rotate(-5deg)}.xhv__dashboard{z-index:2;border:1px solid #2a363a;border-radius:9px;width:500px;display:block;position:absolute;top:24px;left:22px;box-shadow:0 12px 25px #000a}.xhv__phone--system{width:117px;top:67px;right:12px;transform:rotate(4deg)}.xhv__system-glow{filter:blur(50px);background:#27d5ba22;border-radius:50%;width:370px;height:240px;position:absolute;top:30px;left:40px}.xhv__chips{z-index:12;background:#101316;border-top:1px solid #2b3136;grid-template-rows:repeat(2,minmax(39px,auto));grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-height:104px;padding:9px 13px;display:grid;position:relative}.xhv__chips span{color:#f1e9e9;min-width:0;font:500 14px/1.2 var(--xaos-font-sans),sans-serif;white-space:normal;background:#2b171a;border:1px solid #5c383c;border-radius:9px;justify-content:flex-start;align-items:center;gap:8px;padding:0 10px;display:flex}.xhv__chips i{color:#ef858a;font-size:18px;font-style:normal;line-height:1}.xhv__chips--system span{color:#e4f2ef;background:#142724;border-color:#22504b}.xhv__chips--system i{color:#5bdfc5}.xhv__transition{z-index:20;color:#8addf0;background:#11252c;border:1px solid #41808f;border-radius:50%;place-items:center;width:42px;height:42px;font-size:24px;display:grid;position:absolute;top:137px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #000b}}@media (min-width:768px) and (max-width:1023px){.xhv{grid-template-columns:1fr;height:auto}.xhv__zone{min-height:418px}.xhv__zone--chaos{border-bottom:1px solid #344046;border-right:0}.xhv__transition{top:50%;transform:translate(-50%,-50%)rotate(90deg)}}@media (min-width:1024px){.dc-page .hero-inner .h1{line-height:1.05!important}}