/* DT360 APP HERO DIALOGS V1 */
@media (max-width:820px) {

.dt360-home-hero .dt360-app-hero.apv { --ap-lime:var(--dt360-ds-lime,#caff00);grid-area:visual;position:relative;width:100%;min-width:0;color:#fff;font-family:var(--dt360-ds-font-body,sans-serif);isolation:isolate; }
.apv,.apv * { box-sizing:border-box; }
.apv .apv-tools { display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:31px;color:#b6a8cd;font-size:10px;line-height:1.4; }
.apv .apv-control { font:inherit;padding:7px 10px;border:1px solid #a082d355;border-radius:22px;background:transparent;color:#dbd1ed;cursor:pointer; }
.apv [hidden] { display:none!important; }
.apv button:focus-visible,.apv .apv-panel:focus-visible { outline:2px solid var(--ap-lime);outline-offset:3px; }
.apv .apv-scene { position:relative;display:grid;align-items:center;isolation:isolate; }
.apv .apv-scene::before { content:"";position:absolute;inset:6% 0 0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 38% 46%,#9279ec22,transparent 58%),radial-gradient(ellipse at 85% 50%,#b3ff0010,transparent 42%); }
.apv .apv-scene::after { content:"";position:absolute;inset:18% 8% 0;z-index:-2;pointer-events:none;background:linear-gradient(#8964cf10 1px,transparent 1px),linear-gradient(90deg,#8964cf10 1px,transparent 1px);background-size:27px 27px;mask-image:radial-gradient(ellipse,#000,transparent 72%);transform:perspective(600px) rotateX(8deg) rotateY(-13deg); }
.apv .apv-wires { position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:0; }
.apv .apv-line { fill:none;stroke:#99ba6288;stroke-width:1.4; }
.apv .apv-line.apv-used { stroke:#caff00aa; }
.apv .apv-pulse { fill:none;stroke:var(--ap-lime);stroke-width:3;stroke-linecap:round;stroke-dasharray:3 97;filter:drop-shadow(0 0 4px #caff00);opacity:0; }
.apv .apv-wire-dot { fill:var(--ap-lime);filter:drop-shadow(0 0 4px #caff00); }
.apv .apv-phone-bay { position:relative;z-index:1;min-width:0;display:flex;justify-content:center;perspective:900px; }
.apv .apv-phone { position:relative;width:100%;max-width:282px;height:548px;min-height:0;padding:7px;border:1px solid #c8b5f3aa;border-radius:35px;background:linear-gradient(135deg,#9c80c966,#24153d 12%,#0b0616 42%,#493161 84%,#b7a0e375);box-shadow:inset 0 0 0 2px #1c0d33,inset 3px 1px 2px #e2cfff77,inset -2px -3px 2px #ac84f64d,11px 17px 24px #06000fb3,0 0 30px #8363cc1a; }
.apv .apv-phone::before { content:"";position:absolute;left:-4px;top:92px;width:3px;height:46px;border-radius:3px;background:linear-gradient(#b7a0e3,#3b205a);box-shadow:0 61px #694c8f; }
.apv .apv-phone::after { content:"";position:absolute;right:-4px;top:117px;width:3px;height:59px;border-radius:3px;background:linear-gradient(#b7a0e3,#3b205a); }
.apv .apv-screen { position:relative;display:grid;grid-template-rows:auto 1fr auto auto;height:100%;min-height:0;padding:31px 13px 18px;border:1px solid #67508766;border-radius:28px;background:radial-gradient(ellipse at 0 0,#53388066,transparent 55%),linear-gradient(160deg,#180d2d,#100820 65%);overflow:hidden; }
.apv .apv-notch { position:absolute;z-index:4;top:10px;left:50%;transform:translateX(-50%);width:76px;height:17px;border-radius:0 0 13px 13px;background:#08040f;box-shadow:0 1px 0 #baa4ea25; }
.apv .apv-notch::before { content:"";position:absolute;left:20px;top:5px;width:27px;height:3px;border-radius:3px;background:#302343; }
.apv .apv-notch::after { content:"";position:absolute;right:16px;top:4px;width:5px;height:5px;border-radius:50%;background:#392760;box-shadow:inset 1px 0 #8b9cd450; }
.apv .apv-brand { display:flex;justify-content:space-between;align-items:center;gap:5px;grid-row:1;padding-bottom:12px;border-bottom:1px solid #a386ce2c;color:#c9b8e0;font-size:10px;font-weight:650; }
.apv .apv-demo-label { color:#c1a3e7;font-size:8px;letter-spacing:.13em;border:1px solid #9271ba55;border-radius:5px;padding:3px 4px; }
.apv .apv-tabs { grid-row:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:12px; }
.apv .apv-tab { min-width:0;display:flex;align-items:center;justify-content:center;gap:5px;flex-direction:column;min-height:45px;border:1px solid #9975c140;border-radius:9px;padding:6px 3px;background:#2d19496b;color:#c4b2dc;font:600 10px/1.25 var(--dt360-ds-font-body,sans-serif);white-space:nowrap;cursor:pointer; }
.apv .apv-tab>span { width:15px;height:15px; }
.apv .apv-tab[aria-selected="true"] { color:#172500;background:var(--ap-lime);border-color:#dfff8c;box-shadow:0 3px 16px #b8ff0019; }
.apv .apv-tab:disabled { cursor:default; }
.apv .apv-tab:hover:not([aria-selected="true"]) { border-color:#a8c668;color:#fff; }
.apv svg:not(.apv-wires) { display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round; }
.apv .apv-panels { grid-row:2;min-width:0;min-height:0;padding-top:16px; }
.apv .apv-panel { min-width:0; }
.apv .apv-eyebrow { display:block;color:#bba4d8;font-size:8px;line-height:1.4;font-weight:700;letter-spacing:.1em; }
.apv .apv-title { display:block;margin-top:4px;color:#fff;font-family:var(--dt360-ds-font-head,sans-serif);font-size:19px;line-height:1.25;font-weight:700;letter-spacing:-.025em; }
.apv .apv-intro { padding:0;margin:7px 0 14px;color:#c8bad9;font-size:11px;line-height:1.5; }
.apv .apv-summary { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px; }
.apv .apv-summary>div { min-width:0;padding:11px 8px;border:1px solid #9a72cf40;border-radius:11px;background:linear-gradient(130deg,#4527608c,#2b16464f); }
.apv .apv-mini-icon { display:block;width:20px;height:20px;color:#c2a5f5; }
.apv .apv-summary strong { display:block;margin-top:8px;font-size:10px;line-height:1.4;color:#f3eafe; }
.apv .apv-summary>div>span:last-child { display:block;margin-top:3px;color:#b7a4cb;font-size:9px;line-height:1.4; }
.apv .apv-activity { margin-top:12px;padding:12px 10px;border:1px solid #b9d58a3d;border-radius:11px;background:linear-gradient(130deg,#caff000b,#30194655); }
.apv .apv-activity>div:first-child { display:grid;grid-template-columns:6px 1fr;gap:4px 7px;align-items:center; }
.apv .apv-dot { width:6px;height:6px;border-radius:50%;background:var(--ap-lime);box-shadow:0 0 8px #caff0055; }
.apv .apv-activity strong { font-size:11px;line-height:1.4; }
.apv .apv-activity>div>span:last-child { grid-column:2;color:#c3afdb;font-size:10px;line-height:1.4; }
.apv .apv-progress { height:4px;border-radius:4px;background:#533e6d;margin:11px 0 8px; }
.apv .apv-progress i { display:block;width:64%;height:100%;border-radius:4px;background:linear-gradient(90deg,#8cbf37,var(--ap-lime));box-shadow:0 0 8px #caff0033; }
.apv .apv-activity small { color:#b7a6cd;font-size:9px;line-height:1.4; }
.apv .apv-bubble { padding:10px 11px;font-size:11px;line-height:1.5;border:1px solid #9877c23b; }
.apv .apv-question { margin:13px 0 10px 13px;border-radius:12px 12px 2px 12px;background:#56356b80;color:#ede3fa; }
.apv .apv-answer { position:relative;padding:11px;border:1px solid #b5d57560;border-radius:12px;background:linear-gradient(135deg,#b9f9000b,#28153f9e); }
.apv .apv-answer .apv-mini-icon { width:19px;height:19px;color:var(--ap-lime);float:left;margin-right:7px; }
.apv .apv-answer>strong { font-size:11px;line-height:20px;color:#f0e9fa; }
.apv .apv-answer p { clear:both;font-size:11px;line-height:1.55;margin:8px 0 9px;color:#d5c9e5; }
.apv .apv-source { display:block;font-size:9px;line-height:1.4;color:#bedc86;padding-top:8px;border-top:1px solid #adc66633; }
.apv .apv-disclaimer { display:block;margin-top:9px;color:#bba9ce;font-size:9px;line-height:1.5; }
.apv .apv-service-list { display:grid;gap:8px; }
.apv .apv-service-list>div { display:flex;gap:8px;align-items:center;min-height:44px;padding:9px 7px;border:1px solid #9877c240;border-radius:10px;background:#301d4c80; }
.apv .apv-service-list strong { flex:1;min-width:0;font-size:10px;line-height:1.4;color:#ebdffb; }
.apv .apv-service-list .apv-mini-icon { flex:0 0 18px;height:18px; }
.apv .apv-chevron { flex:0 0 12px;height:12px;color:#bed78c; }
.apv .apv-confirm { display:flex;gap:6px;align-items:center;font-size:9px;line-height:1.4;color:#ccdf9e;margin-top:12px; }
.apv .apv-confirm>span { width:16px;height:16px;flex:0 0 16px;color:var(--ap-lime); }
.apv .apv-partner { display:flex;align-items:center;gap:8px;margin:14px 0 11px; }
.apv .apv-partner>span { display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#5d3d7e;color:#e9d9ff;font-size:10px; }
.apv .apv-partner strong { display:block;font-size:11px;line-height:1.4;color:#ebdffb; }
.apv .apv-partner small { display:block;font-size:9px;line-height:1.4;color:#b4a0ce; }
.apv .apv-reply { margin-right:13px;border-radius:12px 12px 12px 2px;background:#28183f;color:#d4c4e6; }
.apv .apv-message-sample { display:flex;justify-content:space-between;gap:8px;margin-top:12px;border:1px solid #a081c24d;border-radius:10px;padding:9px;color:#a38bbd;font-size:10px;line-height:1.5; }
.apv .apv-message-sample>span { width:16px;height:16px;color:var(--ap-lime); }
.apv .apv-screen-foot { grid-row:4;display:flex;justify-content:space-between;align-items:center;gap:4px;margin-top:10px;color:#aa94c1;font-size:8px;line-height:1.4; }
.apv .apv-indicator { display:flex;gap:4px; }
.apv .apv-indicator i { width:4px;height:4px;border-radius:50%;background:#72588e; }
.apv .apv-indicator i.apv-current { width:11px;border-radius:4px;background:var(--ap-lime); }
.apv .apv-homebar { position:absolute;left:50%;bottom:10px;transform:translateX(-50%);width:68px;height:3px;border-radius:3px;background:#bda4d754; }
.apv .apv-port { position:absolute;right:0;width:2px;height:2px;pointer-events:none; }
.apv .apv-port-1 { top:27%; }.apv .apv-port-2 { top:50%; }.apv .apv-port-3 { top:73%; }
.apv .apv-systems { position:relative;z-index:1;display:flex;flex-direction:column;align-items:stretch;gap:33px; }
.apv .apv-system { position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px solid #9c7cd273;border-radius:20px;padding:17px 10px;background:linear-gradient(135deg,#4e326c80,#211039ee 72%);box-shadow:inset 0 1px #e6d4ff22,0 12px 27px #06001066;color:#d2bef6; }
.apv .apv-system::after { content:"";position:absolute;inset:5px -4px -5px 4px;border:1px solid #a487d41a;border-radius:20px;z-index:-1;background:#21113955; }
.apv .apv-system-icon { width:37px;height:37px; }
.apv .apv-system strong { color:#e5d7f9;font-size:12px;line-height:1.3;font-weight:650;letter-spacing:.02em; }
.apv .apv-system.apv-active { border-color:#caff0099;box-shadow:inset 0 1px #eeffad22,0 0 21px #a4ee000d,0 12px 27px #06001066; }
.apv .apv-system.apv-active .apv-system-icon { color:var(--ap-lime); }
.apv .apv-system-port { position:absolute;left:0;top:50%;width:1px;height:1px; }
.apv .apv-note { margin:18px 0 0;padding:0;text-align:center;color:#b09dc6;font-size:11px;line-height:1.5; }
@media (prefers-reduced-motion:no-preference) {
 .apv.apv-running .apv-pulse { opacity:1;animation:dt360-app-stream 4s linear infinite; }
 .apv .apv-panel:not([hidden]) { animation:dt360-app-view .25s ease-out both; }
 .apv .apv-system { transition:border-color .3s,color .3s; }
}
@keyframes dt360-app-stream { from { stroke-dashoffset:100; } to { stroke-dashoffset:0; } }
@keyframes dt360-app-view { from { opacity:0;transform:translateY(4px); } to { opacity:1;transform:translateY(0); } }

.dt360-home-hero .dt360-app-hero.apv { max-width:540px;justify-self:center; }
.apv .apv-scene { grid-template-columns:minmax(0,1fr) 60px;column-gap:27px;padding:17px 2px 12px 10px; }
.apv .apv-phone { max-width:270px;transform:rotate(-2deg);height:530px; }
.apv .apv-screen { padding:29px 10px 18px; }
.apv .apv-systems { gap:33px; }
.apv .apv-system { border-radius:16px;padding:12px 5px;gap:8px; }
.apv .apv-system-icon { width:27px;height:27px; }
.apv .apv-system strong { font-size:11px; }
.apv .apv-note { font-size:10px; }
@media (max-width:360px) {
 .apv .apv-scene { grid-template-columns:minmax(0,1fr) 52px;column-gap:20px; }
 .apv .apv-screen { padding-left:8px;padding-right:8px; }
 .apv .apv-phone { height:548px; }
 .apv .apv-system-icon { width:24px;height:24px; }
 .apv .apv-title { font-size:17px; }
 .apv .apv-brand { font-size:9px; }
 .apv .apv-tab { font-size:9px; }
 .apv .apv-summary>div { padding:11px 4px; }
 .apv .apv-tools { font-size:9px; }
}

}