.demo-visual {--scene:#91a0ff;--scene-soft:#eef0ff;--scene-glow:#6e83ff25;--ease:cubic-bezier(.22,.8,.2,1);container:demo / inline-size;box-sizing:border-box;position:relative;display:flex;flex-direction:column;justify-content:center;gap:20px;width:100%;min-width:0;height:100%;min-height:350px;padding:clamp(18px,3vw,38px);overflow:hidden;color:#f4f6fb;font-family:Roboto,Arial,sans-serif;line-height:1.4;background:radial-gradient(ellipse at 85% 5%,var(--scene-glow),transparent 58%),#090d17;} .demo-visual--web {--scene:#9cb7dd;--scene-soft:#edf2fa;--scene-glow:#7198d02b;} .demo-visual--shop,.demo-visual--payments {--scene:#e7b367;--scene-soft:#fff4e6;--scene-glow:#d8a35d22;} .demo-visual--learning,.demo-visual--users {--scene:#b59af7;--scene-soft:#f2eeff;--scene-glow:#a68aff22;} .demo-visual--operations,.demo-visual--metrics,.demo-visual--lura-integrations {--scene:#7ad3b5;--scene-soft:#e8f8f1;--scene-glow:#63c7a522;} .demo-visual--leads {--scene:#ee9db5;--scene-soft:#fff0f4;--scene-glow:#e57ca222;} .demo-visual *,.demo-visual *::before,.demo-visual *::after {box-sizing:border-box;} .demo-visual h4,.demo-visual p {margin:0;} .demo-visual h4 {font-size:clamp(17px,3.9cqw,28px);line-height:1.1;letter-spacing:-.035em;font-weight:600;} .demo-visual i,.demo-visual em {font-style:normal;} .demo-visual svg {display:block;} .demo-visual [hidden] {display:none!important;} .solution-carousel__visual>.demo-visual,.service-media-placeholder>.demo-visual,.lura-demo-placeholder>.demo-visual {min-height:inherit;} .demo-visual__window {position:relative;width:100%;max-width:1080px;margin:auto auto 0;overflow:hidden;border:1px solid #ffffff25;border-radius:16px;background:#111827;box-shadow:0 25px 65px #0005;} .demo-visual__topbar {display:flex;align-items:center;gap:10px;min-height:32px;padding:7px 13px;border-bottom:1px solid #ffffff12;color:#bbc5db;font-size:clamp(9px,1.6cqw,11px);} .demo-visual__dots {display:flex;gap:4px;}.demo-visual__dots i {width:5px;height:5px;border-radius:50%;background:#68738b;} .demo-visual__live {margin-left:auto;color:#9da9c0;font-size:9px;white-space:nowrap;} .demo-visual__caption {display:grid;gap:9px;width:100%;max-width:1080px;margin:0 auto auto;} .demo-visual__caption>strong {color:#f4f6fb;font-size:clamp(18px,3.5cqw,27px);line-height:1.15;letter-spacing:-.025em;font-weight:500;} .demo-visual__caption-bottom {display:flex;align-items:center;justify-content:space-between;gap:8px;} .demo-visual__phase-label {color:var(--scene);font-size:clamp(11px,1.85cqw,13px);} .demo-visual__caption>small {color:#939fb5;font-size:10px;} .demo-visual__controls {display:flex;align-items:center;gap:4px;flex:none;} .demo-visual .demo-visual__controls button {display:grid;place-items:center;min-width:30px;height:32px;padding:5px;border:0;border-radius:6px;background:transparent;color:#b8c4dd;cursor:pointer;box-shadow:none;font:inherit;} .demo-visual .demo-visual__controls button:hover {background:#ffffff12;color:#fff;} .demo-visual .demo-visual__controls button:focus-visible {outline:2px solid var(--scene);outline-offset:2px;} .demo-visual__phase-button>span {position:relative;display:block;width:23px;height:3px;border-radius:3px;background:#46536d;overflow:hidden;} .demo-visual__phase-button[aria-pressed=true]>span {background:var(--scene);} .demo-visual.is-playing .demo-visual__phase-button[aria-pressed=true]>span {background:#46536d;} .demo-visual.is-playing .demo-visual__phase-button[aria-pressed=true]>span::after {content:'';position:absolute;inset:0;transform-origin:left;background:var(--scene);animation:demo-fill var(--demo-phase-duration,4s) linear both;} .demo-visual__toggle {border:1px solid #ffffff22!important;margin-left:4px;font-size:14px!important;} .demo-visual__web-stage {position:relative;height:clamp(285px,61cqw,440px);overflow:hidden;padding:20px 19px 47px;background:#dbe3ef;} .demo-visual__website {height:100%;border:1px solid #243f6425;border-radius:3px;overflow:hidden;box-shadow:0 15px 30px #243f6425;background:#f4f5f7;transform-origin:20% 50%;transition:transform 900ms var(--ease),opacity 900ms var(--ease);} .demo-visual__site-nav {display:flex;justify-content:space-between;align-items:center;gap:6px;min-height:45px;padding:10px 18px;color:#2b463a;} .demo-visual__site-nav>strong {display:grid;font-size:clamp(12px,2.6cqw,18px);letter-spacing:.13em;line-height:1;} .demo-visual__site-nav>strong span {margin-top:4px;font-size:7px;letter-spacing:.12em;font-weight:400;} .demo-visual__site-nav>small {color:#637367;font-size:clamp(7px,1.35cqw,10px);} .demo-visual__website .demo-visual__site-nav {color:#243d62;border-bottom:1px solid #243d6220;} .demo-visual__website .demo-visual__site-nav>small {color:#66758a;} .demo-visual__website-hero {display:grid;grid-template-columns:1fr 47%;height:calc(100% - 77px);} .demo-visual__website-hero>div {display:flex;flex-direction:column;align-items:start;justify-content:center;padding:10px 7px 12px 22px;} .demo-visual__website-hero small {margin-bottom:13px;color:#66758a;font-size:clamp(6px,1.15cqw,8px);letter-spacing:.08em;} .demo-visual__website-hero h4 {margin:0;color:#243d62;font-family:Georgia,serif;font-size:clamp(28px,6.8cqw,50px);font-weight:400;line-height:1.03;letter-spacing:-.05em;} .demo-visual__website-hero h4 em {font-style:italic;color:#8e4654;} .demo-visual__website-hero p {margin:12px 0 0;color:#66758a;font-size:clamp(8px,1.6cqw,11px);line-height:1.5;} .demo-visual__website-cta {position:relative;display:flex;gap:13px;align-items:center;margin-top:17px;padding:8px 0;border-bottom:1px solid #243d6260;color:#243d62;font-size:clamp(8px,1.55cqw,11px);} .demo-visual__website-cta b {font-size:15px;font-weight:400;} .demo-visual__project {position:relative;min-width:0;min-height:0;margin:12px 12px 12px 0;overflow:hidden;background:#b5c2d4;} .demo-visual__room {display:block;width:100%;height:100%;} .demo-visual__project-index {position:absolute;top:9px;left:10px;color:#243d62;font-size:8px;letter-spacing:.1em;} .demo-visual__project figcaption {position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:10px;background:#243d62;color:#fff;font-size:clamp(9px,1.8cqw,13px);} .demo-visual__project figcaption small {display:block;margin:4px 0 0;color:#bccadc;font-size:clamp(6px,1.15cqw,8px);letter-spacing:0;} .demo-visual__project figcaption b {font-weight:400;} .demo-visual__website-footer {display:flex;justify-content:space-between;align-items:center;gap:8px;height:32px;padding:0 20px;border-top:1px solid #243d6220;color:#66758a;font-size:clamp(6px,1.05cqw,8px);letter-spacing:.06em;} .demo-visual__website-footer b {margin-left:8px;color:#8e4654;} .demo-visual--web .demo-visual__web-note {color:#526783;} .demo-visual__web-contact,.demo-visual__web-lead {position:absolute;right:6%;bottom:18%;width:58%;padding:20px;border-radius:12px;background:#fff;border:1px solid #d8e1dc;box-shadow:0 18px 45px #233b3940;opacity:0;transform:translateY(35px) rotate(3deg);transition:transform .8s var(--ease),opacity .55s ease;pointer-events:none;color:#233b35;} .demo-visual__web-contact {display:grid;gap:9px;color:#243d62;} .demo-visual__web-contact small {color:#678371;font-size:clamp(7px,1.3cqw,9px);letter-spacing:.08em;} .demo-visual__web-contact>strong {font-size:clamp(15px,3.4cqw,24px);font-weight:500;line-height:1.12;} .demo-visual__web-contact>span {padding:9px;border:1px solid #dfe8e1;border-radius:5px;color:#718175;font-size:clamp(9px,1.8cqw,12px);} .demo-visual__web-contact>b {padding:10px;border-radius:5px;background:#243d62;color:#fff;font-size:clamp(10px,1.9cqw,13px);font-weight:500;text-align:center;} .demo-visual__web-lead {width:68%;bottom:20%;right:5%;transform:translateX(45px);} .demo-visual__lead-badge {display:block;margin-bottom:16px;color:#58826c;letter-spacing:.1em;font-size:clamp(8px,1.5cqw,11px);} .demo-visual__web-lead p {margin:13px 0;color:#596c60;font-size:clamp(11px,2.1cqw,15px);line-height:1.5;} .demo-visual__lead-ready {display:flex;justify-content:space-between;gap:5px;padding:10px;border-radius:6px;background:#eaf5ed;color:#33684a;font-size:clamp(9px,1.8cqw,12px);}.demo-visual__lead-ready>span {color:#728b79;} .demo-visual__web-pointer {position:absolute;left:43%;bottom:30%;color:#fff;text-shadow:1px 2px 3px #0008;font-size:27px;opacity:0;} .demo-visual__web-note,.demo-visual__shop-note {position:absolute;bottom:15px;left:0;width:100%;text-align:center;color:#496253;font-size:clamp(10px,2cqw,14px);} [data-story-note] {display:none;} .demo-visual[data-demo-phase="0"] [data-story-note="0"],.demo-visual[data-demo-phase="1"] [data-story-note="1"],.demo-visual[data-demo-phase="2"] [data-story-note="2"] {display:inline;} .demo-visual--web[data-demo-phase="1"] .demo-visual__website {transform:translateX(-7%) scale(.94);opacity:.7;} .demo-visual--web[data-demo-phase="2"] .demo-visual__website {transform:translateX(-17%) scale(.84);opacity:.48;} .demo-visual--web[data-demo-phase="1"] .demo-visual__web-contact,.demo-visual--web[data-demo-phase="2"] .demo-visual__web-lead {opacity:1;transform:none;} .demo-visual.is-playing[data-demo-phase="0"] .demo-visual__web-pointer {animation:demo-cursor var(--demo-phase-duration) ease both;} .demo-visual.is-playing[data-demo-phase="1"] .demo-visual__web-contact>span {animation:demo-write 1s .4s both;}.demo-visual.is-playing[data-demo-phase="1"] .demo-visual__web-contact>span:nth-of-type(2) {animation-delay:.9s;} .demo-visual__commerce {position:relative;height:clamp(345px,66cqw,460px);background:#f2ecdf;overflow:hidden;color:#2e4036;} .demo-visual__commerce .demo-visual__site-nav {position:relative;z-index:3;border-bottom:1px solid #67785b20;height:49px;} .demo-visual__product-stage {position:absolute;left:3%;top:60px;bottom:43px;width:51%;border-radius:10px;background:radial-gradient(ellipse at 50% 52%,#f4e4c5,#d8d8bb);transition:transform .9s var(--ease),width .9s var(--ease);} .demo-visual__product-tag {display:block;padding:13px 9px 0;color:#7e8267;font-size:clamp(7px,1.4cqw,10px);letter-spacing:.08em;text-align:center;} .demo-visual__bag {width:90%;height:calc(100% - 44px);margin:auto;filter:drop-shadow(9px 12px 8px #46391a18);} .demo-visual__product-colors {display:flex;justify-content:center;gap:7px;}.demo-visual__product-colors i {width:9px;height:9px;border-radius:50%;background:#c59b65;outline:1px solid #6a766650;outline-offset:2px;}.demo-visual__product-colors i:nth-child(2) {background:#577467;}.demo-visual__product-colors i:nth-child(3) {background:#313e41;} .demo-visual__product-copy {position:absolute;left:60%;right:4%;top:24%;transition:opacity .3s,transform .6s var(--ease);} .demo-visual__product-copy>small {color:#8e8063;font-size:clamp(7px,1.45cqw,10px);letter-spacing:.08em;}.demo-visual__product-copy h4 {margin:10px 0;font-size:clamp(24px,5.6cqw,40px);color:#2d4337;font-weight:500;}.demo-visual__product-copy p {color:#7c7b67;font-size:clamp(10px,2cqw,14px);}.demo-visual__product-copy p strong {display:block;margin-top:7px;color:#354b3c;font-size:clamp(19px,4.1cqw,29px);}.demo-visual__buy {display:block;margin-top:15px;padding:11px 7px;background:#314a3d;color:#fff;border-radius:5px;text-align:center;font-size:clamp(9px,1.8cqw,12px);} .demo-visual__order {position:absolute;z-index:2;top:68px;right:5%;width:60%;padding:19px;border-radius:12px;background:#fffef9;border:1px solid #dedfce;box-shadow:0 20px 30px #34473125;opacity:0;transform:translateX(45px);transition:transform .75s var(--ease),opacity .5s;color:#344a3c;} .demo-visual__order>small {color:#989780;font-size:clamp(8px,1.5cqw,10px);letter-spacing:.1em;}.demo-visual__order h4 {margin:9px 0 15px;font-size:clamp(18px,3.8cqw,28px);}.demo-visual__order>div:first-of-type {display:flex;justify-content:space-between;gap:5px;margin-bottom:13px;padding-bottom:12px;border-bottom:1px solid #e5e8dd;font-size:clamp(10px,2cqw,14px);}.demo-visual__order>div:first-of-type small {display:block;color:#8e9485;font-size:clamp(8px,1.6cqw,11px);}.demo-visual__order-pay,.demo-visual__order-paid {display:block;padding:10px;border-radius:5px;background:#304b3c;color:#fff;font-size:clamp(10px,2cqw,13px);text-align:center;}.demo-visual__order-paid {display:none;background:#e4f3e8;color:#3b7050;} .demo-visual__order-ops {display:grid;grid-template-rows:0fr;max-height:0;overflow:hidden;opacity:0;transition:max-height .8s var(--ease),opacity .5s;}.demo-visual__order-ops>span {display:flex;justify-content:space-between;gap:5px;padding:8px 0;border-bottom:1px solid #e7eade;color:#7a8777;font-size:clamp(8px,1.65cqw,11px);}.demo-visual__order-ops b {color:#435b43;font-weight:500;} .demo-visual--shop[data-demo-phase="1"] .demo-visual__product-stage,.demo-visual--shop[data-demo-phase="2"] .demo-visual__product-stage {transform:translateX(-20%) scale(.84);} .demo-visual--shop[data-demo-phase="1"] .demo-visual__product-copy,.demo-visual--shop[data-demo-phase="2"] .demo-visual__product-copy {transform:translateX(15px);opacity:0;} .demo-visual--shop[data-demo-phase="1"] .demo-visual__order,.demo-visual--shop[data-demo-phase="2"] .demo-visual__order {opacity:1;transform:none;} .demo-visual--shop[data-demo-phase="2"] .demo-visual__order {top:58px;padding:14px 19px;} .demo-visual--shop[data-demo-phase="2"] .demo-visual__order h4 {margin-bottom:8px;} .demo-visual--shop[data-demo-phase="2"] .demo-visual__order-pay {display:none;}.demo-visual--shop[data-demo-phase="2"] .demo-visual__order-paid {display:block;} .demo-visual--shop[data-demo-phase="2"] .demo-visual__order-ops {max-height:120px;opacity:1;} .demo-visual.is-playing[data-demo-phase="0"] .demo-visual__bag {animation:demo-product-float 4s ease-in-out infinite alternate;} .demo-visual__app {display:grid;grid-template-columns:23% minmax(0,1fr);} .demo-visual__sidebar {display:flex;flex-direction:column;gap:6px;padding:15px 8px;background:radial-gradient(circle at top left,#6e83ff25,transparent 65%),#0a0e18;color:#abb7cd;} .demo-visual__brand {display:flex;gap:7px;align-items:center;margin-bottom:17px;}.demo-visual__brand>i {display:grid;place-items:center;width:26px;height:26px;flex:none;border-radius:8px;background:#6e83ff;color:#fff;font-size:14px;}.demo-visual__brand>span {display:grid;min-width:0;}.demo-visual__brand strong {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(8px,1.65cqw,12px);font-weight:500;color:#fff;}.demo-visual__brand small {color:#8a9bb6;font-size:7px;} .demo-visual__nav-label {margin:0 5px 5px;color:#7988a2;font-size:clamp(6px,1.2cqw,9px);letter-spacing:.1em;text-transform:uppercase;} .demo-visual__nav {display:flex;align-items:center;gap:6px;min-height:34px;padding:7px;border:1px solid transparent;border-radius:7px;color:#a9b5cb;font-size:clamp(8px,1.7cqw,12px);transition:background .5s,color .5s;}.demo-visual__nav>i {width:5px;height:5px;flex:none;border-radius:50%;background:#596983;} .demo-visual[data-demo-phase="0"] .demo-visual__nav:nth-child(3),.demo-visual[data-demo-phase="1"] .demo-visual__nav:nth-child(4),.demo-visual[data-demo-phase="2"] .demo-visual__nav:nth-child(5) {border-color:#6e83ff44;background:#6e83ff22;color:#fff;} .demo-visual__workspace {min-width:0;background:#f5f5f2;color:#172336;} .demo-visual__appbar {display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:41px;padding:8px 13px;border-bottom:1px solid #e1e4e8;background:#fafaf8;}.demo-visual__appbar>span:first-child {display:grid;gap:1px;}.demo-visual__appbar small {color:#78869b;font-size:7px;text-transform:uppercase;letter-spacing:.1em;}.demo-visual__appbar strong {color:#2c3b50;font-size:clamp(9px,1.7cqw,12px);font-weight:500;} .demo-visual__system {display:flex;align-items:center;gap:4px;border:1px solid #e2e6e3;border-radius:20px;padding:4px 6px;background:#fff;color:#68786f;font-size:clamp(7px,1.3cqw,9px);white-space:nowrap;}.demo-visual__system i {width:5px;height:5px;border-radius:50%;background:#62ac82;} .demo-visual__screen {display:none;min-height:clamp(245px,45cqw,325px);padding:clamp(12px,3cqw,24px);} .demo-visual[data-demo-phase="0"] [data-demo-frame="0"],.demo-visual[data-demo-phase="1"] [data-demo-frame="1"],.demo-visual[data-demo-phase="2"] [data-demo-frame="2"] {display:block;} .demo-visual__eyebrow {display:block;margin-bottom:5px;color:#6276d4;font-size:clamp(8px,1.5cqw,11px);letter-spacing:.1em;text-transform:uppercase;} .demo-visual__screen>h4 {margin-bottom:16px;} .demo-visual__screen p {margin-top:12px;color:#788396;font-size:clamp(10px,1.9cqw,13px);} .demo-visual__kpis {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:12px 0;} .demo-visual__kpis>span {display:grid;gap:5px;padding:13px 10px;border:1px solid #e1e6ec;border-top:3px solid #6e83ff;border-radius:10px;background:#fff;color:#718094;font-size:clamp(9px,1.8cqw,13px);box-shadow:0 6px 14px #1a273405;}.demo-visual__kpis>span:nth-child(2) {border-top-color:#66b89f;}.demo-visual__kpis>span:nth-child(3) {border-top-color:#d9a059;}.demo-visual__kpis b {color:#263650;font-size:clamp(22px,4.6cqw,34px);line-height:1.1;}.demo-visual__kpis small {color:#7d8997;font-size:clamp(9px,1.5cqw,12px);}.demo-visual__kpis em {color:#7e8b99;font-size:clamp(8px,1.4cqw,11px);} .demo-visual__person,.demo-visual__inbox {display:flex;align-items:center;gap:9px;padding:12px;border:1px solid #e0e6e9;border-radius:10px;background:#fff;}.demo-visual__person>i,.demo-visual__inbox>i {display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:#eeebfb;color:#7f69b9;font-size:11px;}.demo-visual__person>span,.demo-visual__inbox>span {display:grid;gap:4px;min-width:0;}.demo-visual__person b,.demo-visual__inbox b {color:#24364b;font-size:clamp(12px,2.4cqw,17px);}.demo-visual__person small,.demo-visual__inbox small {color:#8391a0;font-size:clamp(8px,1.65cqw,11px);}.demo-visual__person>strong,.demo-visual__inbox>strong {margin-left:auto;color:#3d9271;font-size:13px;} .demo-visual__course {display:flex;gap:13px;align-items:center;padding:13px;border:1px solid #e1e4ee;border-radius:11px;background:#fff;}.demo-visual__course>span {display:grid;place-items:center;flex:none;width:32%;aspect-ratio:1;border-radius:7px;background:linear-gradient(145deg,#3e477d,#b3a0dd);color:#fff;font-size:45px;}.demo-visual__course>div {display:grid;gap:8px;}.demo-visual__course b {color:#34445b;font-size:clamp(11px,2.1cqw,15px);}.demo-visual__course small {color:#8592a4;font-size:clamp(9px,1.8cqw,12px);} .demo-visual__pill-row {display:flex;gap:7px;margin-top:11px;}.demo-visual__pill-row span {padding:6px 8px;border-radius:20px;background:#eeeafb;color:#8162b9;font-size:clamp(9px,1.7cqw,12px);} .demo-visual__player {display:grid;place-items:center;gap:12px;height:clamp(115px,23cqw,170px);border-radius:9px;background:radial-gradient(circle at 70% 10%,#927dd1,#263959);color:#fff;}.demo-visual__player>span {display:grid;place-items:center;width:45px;height:45px;border:1px solid #ffffff88;border-radius:50%;background:#ffffff15;}.demo-visual__player small {color:#d6d5f0;font-size:11px;} .demo-visual__progress {margin-top:15px;height:8px;border-radius:8px;overflow:hidden;background:#e2e5ef;}.demo-visual__progress i {display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6e83ff,#b8a1ec);} .demo-visual__kanban {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;}.demo-visual__kanban>div {min-height:145px;padding:7px;border-radius:8px;background:#e7eced;}.demo-visual__kanban small {display:block;margin-bottom:10px;color:#6e8390;font-size:clamp(8px,1.55cqw,11px);}.demo-visual__kanban b,.demo-visual__kanban span {display:block;padding:9px 6px;border-radius:7px;background:#fff;color:#7b8a93;font-size:clamp(9px,1.7cqw,12px);font-weight:400;}.demo-visual__kanban b {border-left:3px solid #66b89f;color:#294a42;box-shadow:0 5px 14px #243a3310;} .demo-visual__notice {margin-top:12px;padding:10px;border-radius:8px;background:var(--scene-soft);color:#46615c;font-size:clamp(10px,1.85cqw,13px);} .demo-visual__form,.demo-visual__checks {display:grid;gap:10px;}.demo-visual__form>span {display:grid;gap:3px;padding:9px 11px;border:1px solid #dfe5ec;border-radius:7px;background:#fff;color:#93a0af;font-size:clamp(8px,1.5cqw,11px);}.demo-visual__form b {color:#4b5e75;font-size:clamp(11px,2cqw,14px);font-weight:400;}.demo-visual__form>strong {justify-self:start;padding:10px 12px;border-radius:6px;background:#6e83ff;color:#fff;font-size:clamp(10px,1.9cqw,13px);font-weight:500;}.demo-visual__checks>span {padding:12px;border:1px solid #e1e6ec;border-radius:8px;background:#fff;color:#577565;font-size:clamp(10px,2cqw,14px);} .demo-visual__table {display:grid;grid-template-columns:1.3fr 1fr 1fr;border:1px solid #e1e7ec;border-radius:8px;overflow:hidden;background:#fff;}.demo-visual__table>span,.demo-visual__table>b {padding:11px 7px;border-bottom:1px solid #e9edf1;color:#50647b;font-size:clamp(9px,1.75cqw,12px);font-weight:400;overflow-wrap:anywhere;}.demo-visual__table>span {color:#91a0ad;background:#f8fafc;font-size:clamp(8px,1.55cqw,11px);}.demo-visual__table>b:nth-of-type(3n) {color:#449672;} .demo-visual__timeline {display:grid;gap:15px;padding-left:17px;margin-left:7px;border-left:2px solid #e597b0;}.demo-visual__timeline>span {position:relative;padding:12px;border-radius:8px;border:1px solid #e3e7ed;background:#fff;color:#617186;font-size:clamp(10px,1.9cqw,14px);}.demo-visual__timeline>span::before {content:'';position:absolute;top:17px;left:-23px;width:9px;height:9px;border-radius:50%;background:#e597b0;} .demo-visual__checkout,.demo-visual__invoice {display:grid;grid-template-columns:1fr auto;gap:16px;padding:20px;background:#fff;border:1px solid #e3e7eb;border-radius:10px;color:#67768b;font-size:clamp(11px,2cqw,14px);}.demo-visual__checkout strong,.demo-visual__invoice strong {color:#283d4e;font-size:clamp(18px,3.7cqw,26px);}.demo-visual__checkout small,.demo-visual__invoice small {grid-column:1/-1;color:#99a1aa;font-size:clamp(9px,1.6cqw,12px);}.demo-visual__checkout>b {grid-column:1/-1;padding:12px;border-radius:6px;background:#e1ac61;color:#503c23;text-align:center;}.demo-visual__invoice>span {grid-column:1/-1;padding-bottom:11px;border-bottom:1px dashed #ced7db;}.demo-visual__success {display:grid;place-items:center;width:78px;height:78px;margin:26px auto;border-radius:50%;background:#e3f3e8;color:#4aa57b;font-size:37px;box-shadow:0 0 0 12px #e3f3e855;} .demo-visual__bars {display:flex;align-items:end;gap:8px;height:clamp(105px,22cqw,150px);margin-top:20px;padding:0 10px;border-bottom:1px solid #d8e2e4;}.demo-visual__bars i {flex:1;height:36%;border-radius:5px 5px 0 0;background:linear-gradient(#8ed9c4,#5da791);transform-origin:bottom;}.demo-visual__bars i:nth-child(2) {height:55%;}.demo-visual__bars i:nth-child(3) {height:46%;}.demo-visual__bars i:nth-child(4) {height:69%;}.demo-visual__bars i:nth-child(5) {height:58%;}.demo-visual__bars i:nth-child(6) {height:85%;}.demo-visual__bars i:nth-child(7) {height:100%;}.demo-visual__axis {display:flex;justify-content:space-around;padding-top:7px;color:#9ca5ad;font-size:10px;} .demo-visual__compare {display:grid;gap:23px;margin-top:24px;}.demo-visual__compare>span {display:grid;gap:8px;color:#7c8a98;font-size:12px;}.demo-visual__compare i {height:16px;border-radius:15px;background:#bdc6cf;}.demo-visual__compare>span:last-child i {background:linear-gradient(90deg,#8394ee,#72c1a8);} .demo-visual--overview .demo-visual__window {border-radius:18px;}.demo-visual--overview .demo-visual__app {grid-template-columns:19% minmax(0,1fr);} .demo-visual__dashboard {position:relative;min-height:420px;padding:clamp(15px,3cqw,30px);overflow:hidden;} .demo-visual__dashboard-heading {display:flex;justify-content:space-between;align-items:start;gap:10px;}.demo-visual__dashboard-heading h4 {max-width:550px;font-size:clamp(21px,3.5cqw,34px);}.demo-visual__dashboard-heading>i {padding:6px 10px;border:1px solid #e2e7e9;border-radius:6px;background:#fff;color:#86929e;font-size:11px;} .demo-visual__dashboard .demo-visual__kpis {margin:20px 0;}.demo-visual__dashboard-grid {display:grid;grid-template-columns:1.6fr 1fr;gap:14px;} .demo-visual__dashboard-activity,.demo-visual__dashboard-shortcuts {padding:12px;border:1px solid #e2e6eb;border-radius:10px;background:#fff;} .demo-visual__dashboard-activity>b,.demo-visual__dashboard-shortcuts>b {display:flex;justify-content:space-between;gap:7px;margin-bottom:9px;color:#4c5b6b;font-size:clamp(11px,1.7cqw,14px);font-weight:500;}.demo-visual__dashboard-activity>b small {color:#8b99b1;font-size:9px;font-weight:400;} .demo-visual__dashboard-activity>span {display:flex;gap:8px;align-items:center;padding:10px 0;border-top:1px solid #eff1f4;}.demo-visual__dashboard-activity>span>i {display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:7px;background:#edf0fb;color:#7f90c9;font-size:10px;}.demo-visual__dashboard-activity>span>span {display:grid;gap:2px;}.demo-visual__dashboard-activity strong {color:#5b6b7e;font-size:clamp(10px,1.5cqw,13px);font-weight:500;}.demo-visual__dashboard-activity small {color:#9ba5b3;font-size:clamp(8px,1.2cqw,10px);}.demo-visual__dashboard-activity em {margin-left:auto;border-radius:10px;padding:3px 5px;background:#eaf6ef;color:#5c9272;font-size:8px;} .demo-visual__dashboard-shortcuts>span {display:flex;justify-content:space-between;margin-top:8px;padding:10px;border:1px solid #e7ebf2;border-radius:7px;background:#f7f8fb;color:#7885a0;font-size:clamp(10px,1.5cqw,13px);} .demo-visual__dashboard-drawer {position:absolute;top:21px;bottom:22px;right:18px;width:64%;padding:clamp(17px,3cqw,29px);border:1px solid #dce3eb;border-radius:13px;background:#fff;box-shadow:-25px 5px 45px #24334c25;opacity:0;transform:translateX(110%);transition:transform .85s var(--ease),opacity .5s;} .demo-visual__dashboard-drawer h4 {margin:8px 0 16px;}.demo-visual__dashboard-drawer p {padding:13px;border-radius:8px;background:#f6f7fa;color:#6c7b8e;font-size:clamp(12px,2cqw,16px);line-height:1.5;} .demo-visual__detail-pair {display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:19px 0;}.demo-visual__detail-pair>span {display:grid;gap:5px;color:#9ca5b2;font-size:10px;}.demo-visual__detail-pair b {color:#64738a;font-size:clamp(10px,1.6cqw,13px);font-weight:500;} .demo-visual__drawer-pending {padding:12px;background:#6e83ff;border-radius:7px;color:#fff;font-size:12px;text-align:center;}.demo-visual__drawer-done {display:none;gap:9px;}.demo-visual__drawer-done>span {padding:8px 11px;border-radius:6px;background:#edf7f0;color:#568568;font-size:clamp(10px,1.7cqw,13px);} .demo-visual__dashboard-toast {position:absolute;left:15px;bottom:15px;right:30px;display:flex;align-items:center;gap:12px;padding:15px;border:1px solid #b6d6c1;border-radius:11px;background:#f0fbf3;color:#426f53;box-shadow:0 10px 35px #3b64402a;opacity:0;transform:translateY(125%);transition:transform .7s .8s var(--ease),opacity .5s .8s;}.demo-visual__dashboard-toast>i {font-size:24px;}.demo-visual__dashboard-toast>span {display:grid;gap:3px;}.demo-visual__dashboard-toast strong {font-size:clamp(13px,2cqw,17px);font-weight:500;}.demo-visual__dashboard-toast small {color:#7a9b82;font-size:clamp(10px,1.5cqw,12px);} .demo-visual--overview[data-demo-phase="1"] .demo-visual__dashboard-drawer,.demo-visual--overview[data-demo-phase="2"] .demo-visual__dashboard-drawer {opacity:1;transform:none;} .demo-visual--overview[data-demo-phase="2"] .demo-visual__dashboard-toast {opacity:1;transform:none;}.demo-visual--overview[data-demo-phase="2"] .demo-visual__drawer-pending {display:none;}.demo-visual--overview[data-demo-phase="2"] .demo-visual__drawer-done {display:grid;} .demo-visual.is-playing[data-demo-phase="0"] .demo-visual__dashboard-new {animation:demo-request-arrive 1s .6s both;} .demo-visual__flow-scene {min-height:clamp(300px,49cqw,415px);padding:clamp(15px,3.5cqw,30px);display:flex;flex-direction:column;justify-content:center;gap:20px;background:radial-gradient(ellipse at 70% 15%,#263b5922,transparent 70%),#101a2a;} .demo-visual__flow-status {min-height:20px;color:#9bd7c3;font-size:clamp(10px,1.9cqw,14px);text-align:center;}.demo-visual [data-flow-status] {display:none;}.demo-visual[data-demo-phase="0"] [data-flow-status="0"],.demo-visual[data-demo-phase="1"] [data-flow-status="1"],.demo-visual[data-demo-phase="2"] [data-flow-status="2"] {display:block;} .demo-visual__pipeline {display:grid;grid-template-columns:37% 12% 51%;align-items:center;width:100%;}.demo-visual__pipeline-source {display:grid;gap:9px;padding:16px;border:1px solid #8197d8;border-radius:12px;background:linear-gradient(135deg,#2c426c,#1c2b47);}.demo-visual__pipeline-source small {color:#a4bbed;font-size:9px;letter-spacing:.1em;}.demo-visual__pipeline-source strong {color:#f5f8ff;font-size:clamp(17px,3.7cqw,26px);font-weight:500;}.demo-visual__pipeline-source span {color:#bfcde3;font-size:clamp(10px,2cqw,14px);}.demo-visual__pipeline-source em {padding:9px;border-radius:7px;background:#8faaff15;color:#9db5df;font-size:clamp(9px,1.7cqw,12px);} .demo-visual__pipeline-links {display:grid;gap:47px;}.demo-visual__pipeline-links i {position:relative;height:1px;background:#718db9;}.demo-visual__pipeline-links i::after {content:'';position:absolute;left:0;top:-3px;width:7px;height:7px;border-radius:50%;background:#a4e9d8;box-shadow:0 0 12px #a4e9d8;opacity:0;} .demo-visual__pipeline-targets {display:grid;gap:9px;}.demo-visual__pipeline-targets>span {display:grid;gap:3px;padding:12px;border:1px solid #3f536c;border-radius:9px;background:#19293c;transition:background .6s,border-color .6s,transform .6s;}.demo-visual__pipeline-targets b {color:#e0eaf8;font-size:clamp(12px,2.2cqw,16px);font-weight:500;}.demo-visual__pipeline-targets small {color:#8ea8b9;font-size:clamp(9px,1.8cqw,13px);} .demo-visual[data-demo-phase="0"] .demo-visual__pipeline-targets>span:nth-child(1),.demo-visual[data-demo-phase="1"] .demo-visual__pipeline-targets>span:nth-child(2),.demo-visual[data-demo-phase="2"] .demo-visual__pipeline-targets>span:nth-child(3) {background:#23463f;border-color:#83c5b0;transform:translateX(-3px);} .demo-visual.is-playing[data-demo-phase="0"] .demo-visual__pipeline-links i:nth-child(1)::after,.demo-visual.is-playing[data-demo-phase="1"] .demo-visual__pipeline-links i:nth-child(2)::after,.demo-visual.is-playing[data-demo-phase="2"] .demo-visual__pipeline-links i:nth-child(3)::after {opacity:1;animation:demo-packet 1.7s linear infinite;} .demo-visual__custom-flow {display:grid;grid-template-columns:1fr auto 1.35fr auto 1fr;align-items:center;gap:8px;}.demo-visual__custom-flow>i {color:#8d9ac6;font-size:22px;}.demo-visual__custom-input,.demo-visual__custom-rules,.demo-visual__custom-output {display:grid;gap:12px;min-height:175px;padding:14px;border:1px solid #5e76a9;border-radius:12px;background:#1c304b;transition:transform .65s var(--ease),background .5s;}.demo-visual__custom-rules {border-color:#82769d;background:#2a2940;}.demo-visual__custom-output {border-color:#51877c;background:#1c383a;}.demo-visual__custom-flow small {color:#a4b3d9;font-size:clamp(8px,1.4cqw,10px);letter-spacing:.08em;}.demo-visual__custom-flow strong {color:#fff;font-size:clamp(13px,2.3cqw,17px);align-self:center;}.demo-visual__custom-flow span {color:#a6bdd0;font-size:clamp(10px,1.8cqw,13px);}.demo-visual__custom-rules>span {padding:7px;border:1px solid #bbb2da20;border-radius:6px;background:#161b2b;color:#c5badb;} .demo-visual[data-demo-phase="0"] .demo-visual__custom-input,.demo-visual[data-demo-phase="1"] .demo-visual__custom-rules,.demo-visual[data-demo-phase="2"] .demo-visual__custom-output {transform:translateY(-7px);box-shadow:0 16px 26px #03081750;} .demo-visual--architecture .demo-visual__flow-scene {padding:clamp(18px,4cqw,35px);background:radial-gradient(circle at 70% 25%,#39437c66,transparent 70%),#111827;} .demo-visual__builder {display:grid;grid-template-columns:1fr 1.05fr;column-gap:30px;width:100%;} .demo-visual__builder-copy>small {display:block;margin:8px 0 13px;color:#98a3ca;font-size:clamp(8px,1.5cqw,11px);letter-spacing:.1em;}.demo-visual__builder-copy h4 {color:#eff1fd;font-size:clamp(21px,4cqw,34px);font-weight:500;} .demo-visual__builder-options {display:grid;gap:7px;margin-top:21px;}.demo-visual__builder-options>span {padding:10px 13px;border:1px solid transparent;border-radius:7px;color:#8798b5;font-size:clamp(11px,2.1cqw,15px);transition:background .5s,color .5s,transform .6s var(--ease);} .demo-visual[data-demo-phase="0"] .demo-visual__builder-options>span:nth-child(1),.demo-visual[data-demo-phase="1"] .demo-visual__builder-options>span:nth-child(2),.demo-visual[data-demo-phase="2"] .demo-visual__builder-options>span:nth-child(3) {background:#8395ef20;color:#d7dffc;border-color:#94a3ef40;transform:translateX(6px);} .demo-visual__builder-preview {min-width:0;overflow:hidden;border:1px solid #a5b2d944;border-radius:10px;background:#f7f2e9;box-shadow:0 20px 35px #0003;transform:perspective(900px) rotateY(-5deg) rotateZ(1deg);transition:transform .9s var(--ease);} .demo-visual__builder-chrome {display:flex;justify-content:space-between;padding:12px;border-bottom:1px solid #2d443522;color:#7b8a7a;font-size:9px;letter-spacing:.1em;}.demo-visual__builder-chrome i {font-size:6px;opacity:.6;} .demo-visual__builder-preview>div {position:relative;display:none;min-height:230px;padding:17px;overflow:hidden;color:#375643;} .demo-visual__builder-preview small {display:block;margin-bottom:10px;font-size:clamp(8px,1.4cqw,10px);color:#7a8f7c;letter-spacing:.06em;}.demo-visual__builder-preview strong {position:relative;z-index:1;display:block;font-family:Georgia,serif;font-size:clamp(23px,4.6cqw,36px);font-weight:400;line-height:1;}.demo-visual__builder-preview b {position:relative;z-index:1;display:inline-block;margin-top:15px;padding:8px 11px;background:#375b43;border-radius:4px;color:#fff;font-size:clamp(9px,1.6cqw,12px);font-weight:500;} .demo-visual__builder-art {position:absolute;right:7px;bottom:14px;color:#c0c8ac;font-size:130px;line-height:1;} .demo-visual__builder-products {display:flex;gap:6px;margin-top:15px;}.demo-visual__builder-products i {display:grid;place-items:center;flex:1;height:50px;border-radius:5px;background:#e9d8bc;color:#998263;font-size:28px;}.demo-visual__builder-products i:nth-child(2) {background:#c5d4c7;color:#698d72;}.demo-visual__builder-products i:nth-child(3) {background:#d4cee1;color:#9c8ea6;} .demo-visual__builder-lesson {display:block;margin-top:19px;padding:13px 9px;border-radius:6px;background:#e0def0;color:#746999;font-size:clamp(9px,1.6cqw,12px);} .demo-visual[data-demo-phase="0"] [data-builder-preview="0"],.demo-visual[data-demo-phase="1"] [data-builder-preview="1"],.demo-visual[data-demo-phase="2"] [data-builder-preview="2"] {display:block;} .demo-visual[data-demo-phase="1"] .demo-visual__builder-preview {transform:perspective(900px) rotateY(3deg) rotateZ(-1deg);}.demo-visual[data-demo-phase="2"] .demo-visual__builder-preview {transform:none;} .demo-visual__builder-modules {position:relative;grid-column:1/-1;min-height:39px;margin:16px 0;text-align:center;}.demo-visual__builder-modules>span {padding:10px;color:#a1d6c3;font-size:clamp(10px,1.9cqw,14px);border:1px solid #6fb59c44;border-radius:7px;background:#29493c55;}.demo-visual__builder-modules i {margin:0 10px;color:#607c70;} .demo-visual__builder-base {grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:15px 18px;border:1px solid #8b9de666;border-radius:10px;background:linear-gradient(110deg,#2a375f,#1e2a45);color:#b9c7e6;box-shadow:0 8px 24px #0003;}.demo-visual__builder-base strong {color:#e5eafa;font-size:17px;font-weight:500;}.demo-visual__builder-base>span {font-size:clamp(9px,1.7cqw,12px);}.demo-visual__builder-base small {width:100%;padding-top:5px;border-top:1px solid #b5c1df22;color:#778eb7;font-size:8px;letter-spacing:.12em;} .demo-visual__sync {display:grid;grid-template-columns:1fr 17% 1fr;align-items:center;row-gap:24px;} .demo-visual__sync-heading {grid-column:1/-1;}.demo-visual__sync-heading small {color:#8cb9b2;font-size:clamp(8px,1.5cqw,11px);letter-spacing:.09em;}.demo-visual__sync-heading h4 {margin-top:10px;color:#e7f2ef;font-size:clamp(25px,4.7cqw,35px);font-weight:500;} .demo-visual__sync-contact,.demo-visual__sync-calendar {display:grid;min-width:0;min-height:165px;padding:17px;border:1px solid #b1c7ba66;border-radius:11px;background:#eef4ed;color:#4a6a5e;box-shadow:0 18px 25px #0002;transition:transform .7s var(--ease),box-shadow .7s;} .demo-visual__sync-contact>span {display:grid;place-items:center;width:35px;height:35px;margin-bottom:11px;border-radius:50%;background:#d6e8db;color:#769c81;font-size:12px;}.demo-visual__sync-contact strong {font-size:clamp(13px,2.5cqw,19px);font-weight:500;}.demo-visual__sync-contact small {margin:5px 0 12px;color:#869f90;font-size:clamp(9px,1.65cqw,12px);}.demo-visual__sync-contact b {padding:5px;border-radius:5px;background:#dfecdf;color:#6c937b;font-size:clamp(8px,1.5cqw,11px);font-weight:400;text-align:center;} .demo-visual__sync-link {display:flex;flex-direction:column;align-items:center;gap:12px;}.demo-visual__sync-link strong {color:#adcabf;font-size:clamp(8px,1.7cqw,12px);white-space:nowrap;}.demo-visual__sync-link>i {position:relative;width:100%;height:1px;background:#6f9d96;}.demo-visual__sync-link>i::after {content:'';position:absolute;top:-2px;width:5px;height:5px;border-radius:50%;background:#b1ead4;box-shadow:0 0 10px #b1ead4;} .demo-visual__sync-calendar>small {color:#819b8e;font-size:clamp(7px,1.35cqw,10px);letter-spacing:.06em;}.demo-visual__sync-calendar>div {display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:11px 0;}.demo-visual__sync-calendar>div span {font-size:9px;color:#9bafa3;text-align:center;}.demo-visual__sync-calendar>div i {display:grid;place-items:center;height:22px;border-radius:5px;color:#769384;font-size:11px;}.demo-visual__sync-calendar>strong {color:#819588;font-size:clamp(10px,1.9cqw,14px);font-weight:500;}.demo-visual__sync-calendar>span {margin-top:5px;font-size:clamp(8px,1.5cqw,11px);color:#9aad9f;} .demo-visual__sync-mail {grid-column:1/-1;display:flex;gap:13px;align-items:center;padding:14px;border:1px solid #6eb59455;border-radius:9px;background:#213f37;color:#bedfd0;opacity:.18;transform:translateY(7px);transition:opacity .7s,transform .7s var(--ease);}.demo-visual__sync-mail>i {font-size:25px;}.demo-visual__sync-mail>span {display:grid;gap:3px;}.demo-visual__sync-mail strong {font-size:clamp(12px,2.2cqw,16px);font-weight:500;}.demo-visual__sync-mail small {color:#6f9b89;font-size:clamp(9px,1.6cqw,12px);}.demo-visual__sync-mail>b {margin-left:auto;font-size:22px;color:#89c8a4;} .demo-visual[data-demo-phase="0"] .demo-visual__sync-contact,.demo-visual[data-demo-phase="1"] .demo-visual__sync-calendar {transform:translateY(-6px);box-shadow:0 18px 35px #529c7833;} .demo-visual[data-demo-phase="1"] .demo-visual__sync-calendar>div i:nth-of-type(2),.demo-visual[data-demo-phase="2"] .demo-visual__sync-calendar>div i:nth-of-type(2) {background:#69987c;color:#fff;} .demo-visual[data-demo-phase="1"] .demo-visual__sync-calendar>strong,.demo-visual[data-demo-phase="2"] .demo-visual__sync-calendar>strong {color:#456d53;}.demo-visual[data-demo-phase="2"] .demo-visual__sync-mail {opacity:1;transform:none;} .demo-visual.is-playing .demo-visual__sync-link>i::after {animation:demo-packet 2s linear infinite;}.demo-visual.is-playing .demo-visual__sync-link>i:last-child::after {animation-direction:reverse;animation-delay:.7s;} .demo-visual.is-playing [data-demo-frame]:not([data-demo-frame="0"]) {animation:demo-rise .65s var(--ease) both;} .demo-visual--operations.is-playing [data-demo-frame] {animation:demo-slide .55s var(--ease) both;} .demo-visual--payments.is-playing [data-demo-frame="1"] {animation:demo-pop .6s var(--ease) both;} .demo-visual.is-playing .demo-visual__form b {animation:demo-write 1s .3s both;}.demo-visual.is-playing .demo-visual__form span:nth-child(2) b {animation-delay:.8s;} .demo-visual.is-playing .demo-visual__timeline span,.demo-visual.is-playing .demo-visual__checks span {animation:demo-rise .6s .2s both;}.demo-visual.is-playing .demo-visual__timeline span:nth-child(2),.demo-visual.is-playing .demo-visual__checks span:nth-child(2) {animation-delay:.45s;}.demo-visual.is-playing .demo-visual__timeline span:nth-child(3),.demo-visual.is-playing .demo-visual__checks span:nth-child(3) {animation-delay:.7s;} .demo-visual.is-playing .demo-visual__kanban b {animation:demo-task .65s var(--ease) both;} .demo-visual.is-playing .demo-visual__bars i {animation:demo-fill .9s var(--ease) both;transform-origin:bottom;animation-name:demo-bar;}.demo-visual.is-playing .demo-visual__bars i:nth-child(even) {animation-delay:.2s;} .demo-visual.is-playing .demo-visual__progress i {animation:demo-fill 2.2s .4s both;transform-origin:left;}.demo-visual.is-playing .demo-visual__compare i {animation:demo-fill 1s .25s both;transform-origin:left;} .demo-visual.is-playing [data-builder-preview] {animation:demo-pop .6s var(--ease) both;}.demo-visual.is-playing .demo-visual__course>span {animation:demo-product-float 4s ease-in-out infinite alternate;} .demo-visual.is-playing .demo-visual__drawer-done>span {animation:demo-rise .5s .2s both;}.demo-visual.is-playing .demo-visual__drawer-done>span:nth-child(2) {animation-delay:.4s;}.demo-visual.is-playing .demo-visual__drawer-done>span:nth-child(3) {animation-delay:.6s;} @keyframes demo-fill {from {transform:scaleX(0);} to {transform:scaleX(1);}} @keyframes demo-bar {from {transform:scaleY(.12);} to {transform:scaleY(1);}} @keyframes demo-rise {from {opacity:.3;transform:translateY(12px);} to {opacity:1;transform:none;}} @keyframes demo-slide {from {opacity:.4;transform:translateX(17px);} to {opacity:1;transform:none;}} @keyframes demo-pop {from {opacity:.4;transform:scale(.93);} to {opacity:1;transform:none;}} @keyframes demo-write {from {clip-path:inset(0 100% 0 0);opacity:.3;} to {clip-path:inset(0);opacity:1;}} @keyframes demo-task {from {opacity:.3;transform:translate(-16px,-5px) rotate(-3deg);} to {opacity:1;transform:none;}} @keyframes demo-product-float {from {transform:translateY(1px) rotate(-2deg);} to {transform:translateY(-6px) rotate(2deg);}} @keyframes demo-cursor {0%,25% {opacity:0;transform:translate(55px,30px);} 45%,70% {opacity:1;transform:translate(0);} 78% {opacity:1;transform:scale(.85);} 90%,100% {opacity:0;transform:translate(0);}} @keyframes demo-request-arrive {from {opacity:.2;transform:translateY(-12px);background:#eaf0ff;} to {opacity:1;transform:none;background:#f1f5ff;}} @keyframes demo-packet {from {left:0;} to {left:calc(100% - 6px);}} @container demo (max-width:460px) {.demo-visual__live {font-size:8px;}.demo-visual__topbar {padding:7px 9px;gap:6px;} .demo-visual__caption>strong {font-size:19px;}.demo-visual__caption-bottom {align-items:start;}.demo-visual__phase-label {padding-top:8px;} .demo-visual__web-stage {padding:13px 10px 42px;}.demo-visual__site-nav {padding:10px;min-height:40px;}.demo-visual__website-hero {height:calc(100% - 72px);grid-template-columns:1fr 45%;}.demo-visual__website-hero>div {padding:8px 4px 8px 13px;}.demo-visual__website-hero h4 {font-size:29px;}.demo-visual__website-hero small {font-size:5.5px;margin-bottom:9px;}.demo-visual__project {margin:9px 8px 9px 0;}.demo-visual__project figcaption {padding:8px;}.demo-visual__website-hero p {margin-top:9px;}.demo-visual__website-cta {padding:8px 6px;margin-top:12px;font-size:8px;}.demo-visual__website-footer {padding:0 10px;font-size:6px;} .demo-visual__web-contact {width:68%;padding:14px;gap:8px;bottom:18%;}.demo-visual__web-lead {width:79%;padding:14px;}.demo-visual__web-lead .demo-visual__person {padding:8px;}.demo-visual__web-lead .demo-visual__person b {font-size:12px;}.demo-visual__lead-ready {padding:8px;}.demo-visual__lead-ready>span {display:none;} .demo-visual__commerce {height:350px;}.demo-visual__product-stage {top:58px;bottom:44px;}.demo-visual__product-copy {top:27%;left:57%;right:3%;}.demo-visual__product-copy h4 {font-size:24px;}.demo-visual__buy {padding:9px 5px;font-size:9px;}.demo-visual__order {top:68px;width:68%;padding:13px;}.demo-visual__order h4 {font-size:19px;margin-bottom:11px;}.demo-visual--shop[data-demo-phase="2"] .demo-visual__order {padding:13px;}.demo-visual__order>div:first-of-type {margin-bottom:10px;padding-bottom:9px;}.demo-visual__order-ops>span {padding:6px 0;font-size:8px;}.demo-visual__shop-note {bottom:11px;font-size:10px;} .demo-visual__brand {gap:4px;}.demo-visual__brand>i {width:19px;height:19px;font-size:11px;border-radius:5px;}.demo-visual__brand small {display:none;}.demo-visual__nav {padding:6px 3px;gap:4px;}.demo-visual__nav-label {margin-left:3px;letter-spacing:.04em;}.demo-visual__sidebar {padding:11px 5px;}.demo-visual__system {font-size:0;padding:5px;}.demo-visual__appbar {padding:7px 9px;}.demo-visual__screen {padding:12px;}.demo-visual__screen>h4 {font-size:18px;margin-bottom:13px;}.demo-visual__kanban>div {padding:5px;}.demo-visual__kanban b,.demo-visual__kanban span {padding:7px 4px;font-size:9px;}.demo-visual__kpis {gap:6px;}.demo-visual__kpis>span {padding:9px 6px;}.demo-visual__kpis b {font-size:21px;}.demo-visual__checkout,.demo-visual__invoice {padding:13px;gap:13px;} .demo-visual--overview .demo-visual__app {grid-template-columns:20% minmax(0,1fr);}.demo-visual__dashboard {min-height:395px;padding:12px;}.demo-visual__dashboard-heading h4 {font-size:20px;}.demo-visual__dashboard-heading>i {display:none;}.demo-visual__dashboard-grid {grid-template-columns:1fr;}.demo-visual__dashboard-shortcuts {display:none;}.demo-visual__dashboard .demo-visual__kpis {margin:14px 0;}.demo-visual__dashboard .demo-visual__kpis em {display:none;}.demo-visual__dashboard-activity {padding:9px;}.demo-visual__dashboard-activity>b small {display:none;}.demo-visual__dashboard-activity>span {padding:9px 0;gap:5px;}.demo-visual__dashboard-activity em {display:none;}.demo-visual__dashboard-drawer {width:91%;top:13px;right:10px;bottom:15px;padding:15px;}.demo-visual__dashboard-drawer h4 {font-size:21px;margin:9px 0 12px;}.demo-visual__dashboard-drawer p {font-size:12px;padding:11px;}.demo-visual__detail-pair {margin:16px 0;gap:8px;}.demo-visual__dashboard-toast {left:8px;right:8px;padding:10px;gap:8px;bottom:11px;}.demo-visual__dashboard-toast strong {font-size:12px;}.demo-visual__dashboard-toast small {font-size:9px;} .demo-visual__pipeline-source {padding:11px 8px;gap:8px;}.demo-visual__pipeline-targets>span {padding:10px 8px;}.demo-visual__pipeline-links {gap:44px;}.demo-visual__flow-status {font-size:11px;} .demo-visual__custom-flow {gap:4px;grid-template-columns:1fr auto 1.25fr auto 1fr;}.demo-visual__custom-flow>i {font-size:14px;}.demo-visual__custom-input,.demo-visual__custom-rules,.demo-visual__custom-output {padding:9px 6px;min-height:165px;gap:8px;}.demo-visual__custom-flow strong {font-size:12px;}.demo-visual__custom-flow small {font-size:8px;letter-spacing:0;}.demo-visual__custom-flow span {font-size:9px;}.demo-visual__custom-rules>span {padding:5px;} .demo-visual__builder {column-gap:14px;}.demo-visual__builder-copy h4 {font-size:21px;}.demo-visual__builder-copy>small {font-size:8px;letter-spacing:.03em;margin-top:0;}.demo-visual__builder-options {gap:6px;margin-top:17px;}.demo-visual__builder-options>span {padding:8px 5px;font-size:11px;}.demo-visual__builder-preview>div {min-height:224px;padding:12px;}.demo-visual__builder-preview strong {font-size:23px;}.demo-visual__builder-chrome {padding:11px 8px;font-size:8px;}.demo-visual__builder-preview small {font-size:8px;}.demo-visual__builder-preview b {font-size:9px;padding:8px;}.demo-visual__builder-art {font-size:105px;}.demo-visual__builder-products {gap:4px;}.demo-visual__builder-products i {height:39px;font-size:20px;}.demo-visual__builder-lesson {padding:10px 7px;font-size:9px;}.demo-visual__builder-modules {margin:13px 0;}.demo-visual__builder-modules>span {padding:9px 4px;font-size:11px;}.demo-visual__builder-modules i {margin:0 4px;}.demo-visual__builder-base {padding:12px;gap:6px;}.demo-visual__builder-base>span {font-size:9px;}.demo-visual__builder-base small {font-size:7px;} .demo-visual__sync {column-gap:0;row-gap:21px;grid-template-columns:1fr 16% 1fr;}.demo-visual__sync-heading h4 {font-size:25px;}.demo-visual__sync-contact,.demo-visual__sync-calendar {padding:12px 9px;min-height:170px;}.demo-visual__sync-calendar>div {gap:3px;}.demo-visual__sync-calendar>div i {font-size:10px;}.demo-visual__sync-calendar>div span {font-size:8px;}.demo-visual__sync-link strong {font-size:8px;}.demo-visual__sync-mail {padding:11px;gap:9px;}} @media (prefers-reduced-motion:reduce) {.demo-visual *,.demo-visual *::before,.demo-visual *::after {animation:none!important;transition:none!important;}}