.datify-journey{padding:6rem 0 1rem;color:#101820;font-family:var(--font-family--inter-tight),sans-serif}
.dj-heading{text-align:center;margin:0 auto 2.75rem}.dj-heading>.text-size-tiny{color:#315f82;margin-bottom:1rem}.dj-heading h2{font-size:clamp(2rem,3.5vw,3.4rem);font-weight:400;line-height:1.1;letter-spacing:-.035em;margin:0 0 1rem}.dj-heading p{color:#687482;margin:0;font-size:1rem}
.dj-tabs{display:flex;justify-content:center;border-bottom:1px solid #dce3e9;margin-bottom:2rem;gap:.5rem}.dj-tabs button{font:inherit;font-size:.875rem;background:none;border:0;border-bottom:2px solid transparent;padding:1rem .9rem;color:#687482;cursor:pointer;white-space:nowrap;transition:color .2s,border-color .2s}.dj-tabs button span{font-size:.75rem;margin-right:.5rem;opacity:.6}.dj-tabs button[aria-selected=true]{color:#1d3850;border-bottom-color:#1d3850}.dj-tabs button:hover{color:#1d3850}.datify-journey button:focus-visible,.dj-panel:focus-visible{outline:2px solid #315f82;outline-offset:4px}
.dj-panel{background:#f3f6f8;border:1px solid #e8edf1;border-radius:1.5rem;padding:3.5rem 4rem;display:grid;grid-template-columns:1fr 1.1fr;gap:5rem;align-items:center;overflow:hidden}
.dj-phone{width:100%;max-width:330px;height:596px;justify-self:center;border:6px solid #18212b;box-shadow:0 0 0 1px #aab3bd,0 20px 40px -20px #122d4b55;border-radius:42px;background:#fbfbfb;display:flex;flex-direction:column;overflow:hidden;position:relative}
.dj-phone-status{height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:11px;font-weight:600}.dj-island{width:86px;height:22px;background:#18212b;border-radius:20px;position:absolute;left:50%;transform:translateX(-50%);top:8px}
.dj-chat-head{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid #e3e8ea}.dj-chat-head>span:first-child{font-size:27px;color:#42836e}.dj-mark{display:inline-grid;place-items:center;background:#1d3850;width:32px;height:32px;border-radius:10px;flex-shrink:0}.dj-mark i{background:white;width:9px;height:9px;border-radius:3px}.dj-chat-head strong{font-size:13px;font-weight:500;display:block}.dj-chat-head small{display:block;font-size:10px;color:#7c8389;margin-top:2px}.dj-chat-head svg{width:19px;height:19px;color:#42836e;margin-left:auto}
.dj-chat{background:#eeeae3;flex:1;padding:17px 12px 10px;overflow:auto;scrollbar-width:thin}.dj-date{text-align:center;font-size:9px;color:#777b79;margin-bottom:17px}.dj-messages{display:flex;flex-direction:column;gap:10px}.dj-bubble{background:#fff;padding:11px 12px 7px;border-radius:3px 12px 12px 12px;max-width:94%;align-self:flex-start;box-shadow:0 1px 0 #00000008;animation:dj-message-in .3s ease both}.dj-bubble p{margin:0;font-size:12px;line-height:1.55}.dj-bubble small{font-size:8px;color:#858b8b;display:block;text-align:right;margin-top:5px}.dj-owner{align-self:flex-end;background:#def0db;border-radius:12px 3px 12px 12px}.dj-typing{display:flex;gap:4px;background:white;width:48px;padding:12px;border-radius:10px;margin-top:10px}.dj-typing[hidden]{display:none}.dj-typing i{width:5px;height:5px;border-radius:50%;background:#8e9997;animation:dj-dot 1s infinite}.dj-typing i:nth-child(2){animation-delay:.15s}.dj-typing i:nth-child(3){animation-delay:.3s}.dj-owner-typing{margin-left:auto;background:#def0db}.dj-composer{display:flex;align-items:center;gap:8px;padding:10px 13px;background:#fafbfa;color:#518773;font-size:22px}.dj-composer>div{border:1px solid #dce1df;border-radius:20px;display:flex;align-items:center;justify-content:space-between;background:white;padding:7px 10px;flex:1;font-size:10px;color:#999}.dj-composer svg{width:15px;height:15px;color:#518773}.dj-home-indicator{height:4px;width:95px;border-radius:3px;background:#18212b;margin:0 auto 9px;flex-shrink:0}
.dj-result{min-width:0;max-width:470px}.dj-step{font-size:.75rem;color:#58728a;display:block;margin-bottom:1rem}.dj-story h3{white-space:pre-line;font-size:clamp(1.6rem,2.5vw,2.4rem);line-height:1.12;font-weight:400;letter-spacing:-.025em;margin:0 0 1rem}.dj-story>p{font-size:.9375rem;line-height:1.5;color:#687482;margin:0 0 1.75rem;max-width:390px}.dj-record{border:1px solid #dce3e9;border-radius:16px;background:#fff;box-shadow:0 10px 22px -18px #17365133}.dj-record>header{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid #e8edf1;font-size:12px}.dj-record>header .dj-mark{height:25px;width:25px;border-radius:8px}.dj-record>header .dj-mark i{width:7px;height:7px;border-radius:2px}.dj-record>header small{margin-left:auto;color:#8b949c;font-size:10px}.dj-record-body{padding:24px}.dj-status{display:inline-block;font-size:10px;color:#315f82;background:#edf3f7;padding:6px 9px;border-radius:5px;margin-bottom:16px}.dj-record h4{font-size:1.25rem;font-weight:500;line-height:1.25;margin:0 0 6px;letter-spacing:-.02em}.dj-customer{font-size:12px;color:#7c858e;margin:0 0 20px}.dj-record dl{margin:0}.dj-record dl>div{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #e8edf1;padding:12px 0;font-size:12px}.dj-record dt{color:#7c858e}.dj-record dd{margin:0;text-align:right;color:#273746}.dj-note{font-size:11px;line-height:1.5;color:#7c858e;border-top:1px solid #e8edf1;margin:0;padding-top:14px}.dj-replay{border:0;background:none;color:#58728a;display:flex;align-items:center;gap:7px;padding:14px 0 0;font:inherit;font-size:12px;cursor:pointer}.dj-replay span{font-size:20px}.dj-disclaimer{text-align:center;color:#89919a;font-size:11px;line-height:1.5;margin:16px 0 0}
@keyframes dj-message-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes dj-dot{0%,70%,100%{opacity:.4;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}
@media(max-width:991px){.dj-panel{padding:2.5rem 2rem;gap:2rem}.dj-tabs{gap:0}.dj-tabs button{font-size:.8125rem;padding:1rem .65rem}.dj-tabs button span{display:none}.dj-record-body{padding:20px}}
@media(max-width:767px){.datify-journey{padding-top:3.5rem}.dj-heading{margin-bottom:1.5rem}.dj-heading p{font-size:.875rem}.dj-tabs{justify-content:flex-start;overflow-x:auto;scrollbar-width:thin;margin-bottom:1.5rem}.dj-tabs button{padding:1rem;font-size:.875rem;flex-shrink:0}.dj-panel{grid-template-columns:1fr;padding:1.75rem 1rem;gap:2rem;border-radius:18px}.dj-phone{max-width:318px;height:580px}.dj-result{max-width:100%;width:100%}.dj-story h3{font-size:1.8rem}.dj-story>p{max-width:none}.dj-disclaimer{font-size:10px}.dj-record-body{padding:20px}}
@media(prefers-reduced-motion:reduce){.datify-journey *{animation:none!important;transition:none!important}}
/* iPhone treatment: the device is a scripted product illustration. */
.dj-device{width:100%;max-width:350px;justify-self:center;position:relative;min-width:0;padding-bottom:28px}.dj-phone{width:100%;max-width:none;height:704px;box-sizing:border-box;border:1px solid #a3a5a8;padding:7px;border-radius:51px;background:linear-gradient(125deg,#676a70,#15171a 22%,#373b40 52%,#919498 78%,#34383d);box-shadow:0 0 0 1px #60656b,0 2px 0 2px #d0d2d5,0 26px 50px -20px #172b4650,0 6px 14px -6px #07142250;overflow:hidden;display:block;position:relative;z-index:1}.dj-screen{height:100%;width:100%;border:3px solid #08090a;border-radius:43px;background:#f7f8fa;overflow:hidden;display:flex;flex-direction:column;position:relative}.dj-hardware{position:absolute;width:4px;background:linear-gradient(90deg,#a1a4a7,#42464d);border-radius:2px;left:-4px;z-index:0}.dj-action{top:99px;height:22px}.dj-volume-up{top:145px;height:44px}.dj-volume-down{top:201px;height:44px}.dj-power{left:auto;right:-4px;top:170px;height:66px}.dj-phone-status{height:58px;flex:0 0 58px;position:relative;padding:0 23px;font-size:13px;color:#17191d;font-weight:600;letter-spacing:-.3px}.dj-island{top:12px;width:99px;height:29px;border-radius:22px;background:#07090c;box-shadow:inset 0 0 1px #000}.dj-island i{position:absolute;right:9px;top:9px;width:11px;height:11px;background:radial-gradient(circle at 40% 40%,#163b69 0,#0e1d33 25%,#050910 65%);border-radius:50%;box-shadow:0 0 0 2px #0e1115}.dj-status-icons{display:flex;align-items:center;gap:4px}.dj-status-icons svg{width:16px;height:14px}.dj-status-icons svg:last-child{width:25px}.dj-chat-head{padding:7px 11px 12px 7px;gap:7px;background:#f7f8fa;flex-shrink:0}.dj-chat-head .dj-back{width:19px;color:#16886d;display:flex}.dj-chat-head .dj-back svg{width:19px;height:23px;margin:0}.dj-chat-head .dj-mark{width:36px;height:36px;border-radius:12px}.dj-chat-head .dj-mark i{width:10px;height:10px}.dj-contact{flex:1;min-width:0}.dj-chat-head strong{font-size:14px;font-weight:600;letter-spacing:-.2px}.dj-chat-head small{font-size:9px;margin-top:3px;color:#7e878d}.dj-verified{display:inline-grid;place-items:center;width:11px;height:11px;background:#16886d;color:white;font-size:8px;border-radius:50%;vertical-align:1px;margin-left:2px}.dj-chat-actions{display:flex;align-items:center;gap:14px;color:#16886d}.dj-chat-actions svg{margin:0;width:19px;height:19px}.dj-chat{min-height:0;padding:17px 12px;background-color:#eeeae3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='140' viewBox='0 0 120 140' fill='none' stroke='%23b4afa5' stroke-opacity='.18' stroke-width='1.2'%3E%3Cpath d='M16 20h16a5 5 0 0 1 5 5v9a5 5 0 0 1-5 5h-8l-7 5v-5h-1a5 5 0 0 1-5-5v-9a5 5 0 0 1 5-5Z M79 8v16m-8-8h16 M81 81h20v22H81z M86 77v8m10-8v8m-15 5h20 M20 94l5 5 11-13 M50 58l5 10 11 2-8 8 2 11-10-5-10 5 2-11-8-8 11-2Z M14 130h16m57-8 7 7 7-7'/%3E%3C/svg%3E");scrollbar-width:none;overscroll-behavior:contain}.dj-chat::-webkit-scrollbar{display:none}.dj-date{display:table;max-width:100%;margin:0 auto 18px;padding:5px 9px;border-radius:6px;background:#faf9f5d9;color:#7b7f7b;font-size:9px;line-height:1.4;text-align:center;box-shadow:0 1px 1px #00000005}.dj-messages{gap:10px}.dj-bubble{padding:10px 11px 6px;border-radius:3px 12px 12px 12px;max-width:94%;position:relative;box-shadow:0 1px 1px #0000000d;transform-origin:left bottom}.dj-bubble p{font-size:12px;line-height:1.5;letter-spacing:0}.dj-owner{background:#d9f6ca;border-radius:12px 3px 12px 12px;transform-origin:right bottom}.dj-bubble .dj-timestamp{display:flex;align-items:center;justify-content:flex-end;gap:3px;font-size:8px;color:#858e88;line-height:12px;margin-top:4px}.dj-read-receipt{height:11px;width:15px;color:#46aada}.dj-typing{box-shadow:0 1px 1px #00000008}.dj-owner-typing{background:#d9f6ca}.dj-attachment{display:flex;align-items:center;gap:8px;background:#f0f3f6;border:1px solid #e5eaee;border-radius:8px;padding:9px 8px;margin-top:9px}.dj-pdf{position:relative;color:#b56561;display:flex;align-items:center;flex-shrink:0}.dj-pdf svg{width:27px;height:32px}.dj-pdf b{position:absolute;top:15px;left:2px;background:#f0f3f6;font-size:7px;font-weight:600}.dj-attachment>span:nth-child(2){min-width:0;flex:1}.dj-attachment strong{font-size:10px;line-height:1.3;font-weight:600;display:block;color:#263b4e}.dj-attachment small{font-size:8px;line-height:1.4;text-align:left;margin-top:4px;color:#7e8994}.dj-attachment>svg{width:15px;height:15px;flex-shrink:0;color:#7e8994}.dj-composer{padding:10px 10px 7px;gap:9px;flex-shrink:0;background:#f7f8fa}.dj-composer>svg{width:20px;height:20px;flex-shrink:0;color:#16886d}.dj-composer>div{height:32px;padding:5px 9px;min-width:0;font-size:11px;border-color:#d6dcde}.dj-composer>div svg{color:#919b9e}.dj-home-area{background:#f7f8fa;height:23px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.dj-home-indicator{margin:5px 0 0;height:4px;width:110px;background:#11151a}.dj-device-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:11px;color:#8b969e;letter-spacing:.01em}
@media(max-width:991px){.dj-device{max-width:325px}.dj-phone{height:670px}.dj-phone-status{padding:0 18px}.dj-status-icons{gap:3px}.dj-chat-actions{gap:9px}}
@media(max-width:767px){.dj-device{max-width:330px}.dj-phone{height:680px;border-radius:47px;padding:6px}.dj-screen{border-radius:40px}.dj-panel{padding:2rem 1rem;overflow:visible}.dj-phone-status{padding:0 20px}.dj-chat-actions{gap:10px}}
@media(max-width:374px){.dj-phone-status{padding:0 15px}.dj-island{width:85px}.dj-chat-head{gap:5px}.dj-chat-actions{gap:7px}.dj-chat-head small{font-size:8px}.dj-bubble p{font-size:11.5px}.dj-phone{height:655px}}
/* Product screenshots retain their full interface inside the existing card frames. */
.why-card_image{object-fit:contain!important;background:#f3f6f8;border-radius:12px}

/* The three trade-workflow cards share one visual rhythm and equal grid height. */
:is(#datify-calls, .dx-film) + .section .why-card_wrapper{align-items:stretch}
:is(#datify-calls, .dx-film) + .section .why-card{height:100%;min-width:0;align-items:stretch;padding:3.25rem 1.25rem 1.35rem;gap:1.2rem}
:is(#datify-calls, .dx-film) + .section .why-card_image{display:block;width:100%;max-width:none;height:10.5rem;flex:0 0 10.5rem;object-fit:contain!important;object-position:center;background:#f3f6f8;border-radius:12px}
:is(#datify-calls, .dx-film) + .section .why-card_texts{flex:1;align-items:stretch}
:is(#datify-calls, .dx-film) + .section .why-card_texts h3{line-height:1.18}
:is(#datify-calls, .dx-film) + .section .why-card_text{line-height:1.5}
@media(max-width:991px){:is(#datify-calls, .dx-film) + .section .why-card{padding:3rem 1rem 1.2rem;gap:1rem}:is(#datify-calls, .dx-film) + .section .why-card_image{height:9.75rem;flex-basis:9.75rem}}
@media(max-width:767px){:is(#datify-calls, .dx-film) + .section .why-card_wrapper{grid-auto-rows:26rem}:is(#datify-calls, .dx-film) + .section .why-card{height:26rem;min-height:0}:is(#datify-calls, .dx-film) + .section .why-card_image{height:auto;aspect-ratio:1.62;flex-basis:auto}}
@media(max-width:374px){:is(#datify-calls, .dx-film) + .section .why-card_wrapper{grid-auto-rows:29rem}:is(#datify-calls, .dx-film) + .section .why-card{height:29rem}}