/* Detailed, self-contained application scenes sharing the hiring dashboard's visual grammar. */
.dd-shell{--dd-accent:#708ccc;--dd-tint:#eef3fb;--dd-ink:#24364b;background:#f5f7fa;color:var(--dd-ink);font-size:12px}
.dd-shell *{box-sizing:border-box}.dd-shell p,.dd-shell h3,.dd-shell h4{margin:0}.dd-shell small{display:block}.dd-shell svg{flex:none}.dd-shell svg:not(.dd-network):not(.dd-floorplan):not(.dd-spark){width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.dd-shell .dd-rail{width:166px;padding:27px 17px;background:linear-gradient(160deg,#1c304d,#152038);position:relative;color:#fff}.dd-rail>img{width:132px;margin-bottom:28px}.dd-rail>p{font-size:8px;color:#91a5bf;letter-spacing:.12em;margin-bottom:12px}.dd-rail>strong{font-size:24px;line-height:1.12;font-weight:500;letter-spacing:-.035em;display:block}.dd-rail-items{margin:34px -10px 0;display:grid;gap:7px}.dd-rail-items>span{display:flex;align-items:center;gap:12px;padding:13px 11px;font-size:11px;color:#aec0d6;border:1px solid transparent;border-radius:7px}.dd-rail-items>span.dd-selected{color:#fff;background:#ffffff13;border-color:#ffffff28}.dd-rail-items svg{opacity:.8}.dd-rail-bottom{position:absolute;bottom:25px;left:20px;font-size:9px;color:#a6bbca}.dd-rail-bottom>i{display:inline-block;width:5px;height:5px;background:#91c8aa;border-radius:50%;margin-right:7px}.dd-rail-bottom small{font-size:8px;opacity:.6;margin-top:7px}
.dd-content{width:calc(100% - 166px);position:relative;padding:0 20px;background:linear-gradient(145deg,#fbfcff,#eff3f8);overflow:hidden}.dd-top{height:34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e0e7ef;color:#8190a3;font-size:9px}.dd-top>span{white-space:nowrap}.dd-top i{font-style:normal;margin:0 12px;color:#c2cbd5}.dd-top>div{display:flex;align-items:center;gap:15px}.dd-top>div>b{background:#dce5f4;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;font-size:8px;font-weight:500;color:#647c9a}.dd-top>div>span{font-size:8px;background:white;padding:3px 5px;border:1px solid #e1e7f0;border-radius:4px}.dd-heading{display:flex;align-items:center;justify-content:space-between;min-height:70px;gap:15px;padding:14px 0}.dd-heading p{font-size:8px;letter-spacing:.12em;color:#94a1b1;margin-bottom:7px}.dd-heading h3{font-size:25px;font-weight:500;letter-spacing:-.04em;line-height:1.1}.dd-pill{display:inline-flex;align-items:center;padding:5px 8px;background:var(--dd-tint);color:var(--dd-accent);border:1px solid color-mix(in srgb,var(--dd-accent) 16%,transparent);border-radius:5px;font-size:8px;font-weight:500;line-height:1.3;white-space:nowrap}.dd-positive{color:#518b75;background:#e7f4ee;border-color:#cfe7dc}.dd-warning{color:#b38248!important;background:#fcf2e3!important;border-color:#edd9bb!important}.dd-tabs{display:flex;align-items:center;gap:27px;height:35px;margin-bottom:12px;color:#8b98a7;font-size:10px;border-bottom:1px solid #dce4ee}.dd-tabs>span{height:100%;display:flex;align-items:center}.dd-tabs>.dd-tab-active{color:var(--dd-accent);border-bottom:2px solid var(--dd-accent);font-weight:600}.dd-tabs>b{margin-left:auto;font-size:13px}.dd-panel-head{height:33px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid #e5eaf1;color:#6f8197;font-size:10px;gap:8px}.dd-panel-head>b{font-weight:500}.dd-panel-head>span:not(.dd-pill){font-size:8px;color:#9aa8b8}.dd-footer{position:absolute;bottom:0;left:20px;right:20px;height:26px;display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#9aa8b8;border-top:1px solid #e2e8f0;background:#f5f8fc}.dd-footer span:first-child{color:var(--dd-accent)}
.dd-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:12px}.dd-stats>div{position:relative;padding:12px 14px;border:1px solid #e1e7ef;background:#fff;border-radius:8px;overflow:hidden;height:77px}.dd-stats span{display:block;font-size:9px;color:#8e9aab;margin-bottom:5px}.dd-stats strong{font-size:24px;line-height:1;font-weight:500;letter-spacing:-.04em}.dd-stats small{font-size:8px;margin-top:6px;color:#97a5b4}.dd-stats .dd-spark{position:absolute;right:12px;bottom:22px;width:74px;height:22px;opacity:.55}.dd-spark{width:100%;height:32px}.dd-phase{position:absolute;inset:0;opacity:0}.dd-phase[data-show="0"]{opacity:1}.dd-phase h4{font-size:24px;font-weight:500;line-height:1.2;letter-spacing:-.04em;margin:12px 0 15px}.dd-phase p{font-size:11px;line-height:1.65;color:#8795a7;margin-bottom:12px}.dd-data-row{display:flex;align-items:center;justify-content:space-between;gap:9px;border-bottom:1px solid #edf0f5;padding:11px 0;font-size:9px}.dd-data-row>span{color:#91a0b1;flex:none}.dd-data-row>b{color:#526b8c;font-size:9px;text-align:right;font-weight:500}.dd-data-row .dd-pill{font-size:7px;padding:4px 5px}.dd-note{display:flex;align-items:center;gap:8px;background:var(--dd-tint);border:1px solid #dfe8f3;color:var(--dd-accent);font-size:9px;line-height:1.5;padding:12px 10px;margin-top:17px;border-radius:7px}.dd-action-list{list-style:none;counter-reset:action;padding:0;margin:19px 0;display:grid;gap:15px}.dd-action-list>li{counter-increment:action;display:flex;align-items:center;gap:10px;font-size:11px;color:#7c8ca0;line-height:1.5}.dd-action-list>li:before{content:counter(action);display:grid;place-items:center;width:22px;height:22px;flex:none;border-radius:50%;border:1px solid #d7e1ef;font-size:9px;color:var(--dd-accent)}.dd-tool-check{display:flex;gap:8px;padding:12px 0;border-bottom:1px solid #e8eee9;color:#64917a;font-size:10px;line-height:1.5}.dd-mini-heading{font-size:8px;letter-spacing:.08em;color:#9aaaaf;margin-bottom:8px}
/* The ontology: application chrome, graph, object inspector and connected source trail. */
.dd-ontology-layout{display:grid;grid-template-columns:minmax(0,1fr) 225px;gap:11px;height:435px}.dd-graph-panel,.dd-inspector{background:#fff;border:1px solid #dce5ef;border-radius:9px;overflow:hidden}.dd-object-filters{display:flex;align-items:center;gap:12px;font-size:8px;padding:10px 12px;color:#8391a1}.dd-object-filters span{white-space:nowrap}.dd-object-filters i{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:4px}.dd-network{width:100%;height:340px;display:block}.dd-network-edge{fill:none;stroke:#bdcbdc;stroke-width:1.2;transition:stroke .35s,stroke-width .35s}.dd-link-labels{font-size:8px;fill:#8f9faf}.dd-object-icon{fill:none;stroke:white;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.dd-object-halo{fill:#7b9bd913;stroke:#8dacdf;stroke-width:1;opacity:0}.dd-object-label-bg{fill:white;stroke:#e3eaf2;stroke-width:.7}.dd-object text{font-size:8px;fill:#5e7189;font-weight:500}.sc-ontology[data-active-step="0"] .dd-object-3 .dd-object-halo,.sc-ontology[data-active-step="0"] .dd-object-16 .dd-object-halo,.sc-ontology[data-active-step="1"] .dd-object-10 .dd-object-halo,.sc-ontology[data-active-step="2"] .dd-object-10 .dd-object-halo,.sc-ontology[data-active-step="2"] .dd-object-7 .dd-object-halo,.sc-ontology[data-active-step="2"] .dd-object-13 .dd-object-halo,.sc-ontology[data-active-step="3"] .dd-object-16 .dd-object-halo{opacity:1}.sc-ontology[data-active-step="2"] .dd-impact-edge,.sc-ontology[data-active-step="3"] .dd-impact-edge{stroke:#658dd5;stroke-width:2.5;stroke-dasharray:5 3;animation:dd-network-flow 1.8s linear infinite}.dd-map-tools{display:flex;align-items:center;gap:7px;padding:6px 10px;border-top:1px solid #e6edf5;font-size:8px;color:#97a5b6}.dd-map-tools>span:last-child{margin-left:auto}.dd-inspector-phases{height:395px;position:relative}.dd-inspector-phases>.dd-phase{padding:17px 16px}.dd-source-line{display:flex;align-items:center;gap:9px;padding:12px 0;font-size:8px;color:#95a3b3}.dd-source-line>b{margin-left:auto;color:#8c9fb7;font-weight:400}.dd-source-line>.dd-pill{font-size:7px;padding:4px 7px}.dd-source-line>span:first-child{font-size:7px;letter-spacing:.08em;margin-right:7px}
/* Voice concierge: a continuously moving orb and waveform, visibly in the conversation. */
.dd-support{--dd-accent:#549b92;--dd-tint:#edf7f3}.dd-support .dd-rail{background:linear-gradient(145deg,#173f3d,#15302f)}.dd-support .dd-content{background:linear-gradient(135deg,#f6faf9,#edf5f1)}.dd-support-layout{display:grid;grid-template-columns:160px minmax(0,1fr) 244px;gap:11px;height:356px}.dd-inbox,.dd-voice-card,.dd-call-context{border:1px solid #dce8e3;background:#fff;border-radius:9px;overflow:hidden}.dd-inbox .dd-panel-head{padding:0 11px}.dd-inbox-item{display:flex;align-items:flex-start;gap:8px;padding:17px 9px;border-bottom:1px solid #e9efec;color:#8b9d99}.dd-inbox-item svg{width:14px!important;height:14px!important;margin-top:3px}.dd-inbox-item b{font-size:9px;font-weight:500;display:block;white-space:nowrap}.dd-inbox-item small{font-size:8px;margin-top:6px;line-height:1.5}.dd-inbox-active{background:#edf6f1;color:#518273;border-left:2px solid #7baf99}.dd-inbox-item>i{width:5px;height:5px;border-radius:50%;background:#72ac94;flex:none;margin-left:auto;margin-top:4px}.dd-inbox-knowledge{padding:18px 10px;color:#98aaa2}.dd-inbox-knowledge>span{font-size:7px;letter-spacing:.06em}.dd-inbox-knowledge p{font-size:8px;line-height:1.5;margin-top:10px}.dd-voice-card{background:radial-gradient(ellipse at 50% 36%,#e4f5f0 0,#f8fbfa 45%,white 75%);position:relative}.dd-voice-head{display:flex;align-items:center;justify-content:space-between;padding:12px 11px;gap:5px}.dd-voice-head>span:first-child{font-size:9px;display:flex;align-items:center;gap:5px;color:#608c80}.dd-voice-head svg{width:13px!important;height:13px!important}.dd-voice-head>.dd-pill{font-size:6px;padding:4px 5px}.dd-orb-stage{width:170px;height:170px;position:relative;margin:0 auto}.dd-orb-halo{position:absolute;inset:-10px;border-radius:50%;background:radial-gradient(circle,#5dc6b829,transparent 68%);animation:dd-orb-breathe 3.6s ease-in-out infinite}.dd-orb{position:absolute;inset:9px;border-radius:50%;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 30% 20%,#edfaff,#74b9d3 35%,#327e86 68%,#1b4d63);box-shadow:inset 5px 8px 18px #ffffffa1,inset -7px -10px 22px #16475b8c,0 12px 28px #4c9e943d,0 0 0 1px #a5d1c8;animation:dd-orb-breathe 4.4s ease-in-out infinite}.dd-orb-fluid{position:absolute;inset:-36%;border-radius:43%;background:conic-gradient(from 35deg,transparent 0%,#f7fffbd9 12%,#9af1cb99 23%,transparent 36%,#225e8baa 50%,#b7dcf8dd 66%,transparent 82%,#40b9a2ab);filter:blur(9px);mix-blend-mode:screen;animation:dd-orb-swirl 9s linear infinite}.dd-orb-fluid-two{inset:-18%;border-radius:38%;background:conic-gradient(from 80deg,#376ebb99,transparent 24%,#37ac7fb3 47%,#e0fbfff2 58%,transparent 77%);mix-blend-mode:soft-light;animation:dd-orb-swirl 6s linear infinite reverse;filter:blur(7px)}.dd-orb-glass{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at 31% 22%,#ffffff91 0%,transparent 34%,#0b445233 90%);box-shadow:inset 0 0 12px #effffe91}.dd-mic-symbol{position:absolute;left:50%;bottom:1px;transform:translateX(-50%);width:29px;height:29px;display:grid;place-items:center;border-radius:50%;color:#669c95;background:#f7fffbef;border:1px solid #d9eae3;box-shadow:0 2px 8px #173f3d15}.dd-mic-symbol svg{width:13px!important;height:13px!important}.dd-voice-status{position:relative;height:45px;margin-top:7px;text-align:center}.dd-voice-status>.dd-phase{padding:2px 5px}.dd-voice-status b{display:block;font-size:13px;font-weight:500;letter-spacing:-.02em;color:#487769}.dd-voice-status small{font-size:8px;color:#91a89e;margin-top:6px}.dd-wave{height:36px;margin:3px 23px 7px;display:flex;align-items:center;justify-content:center;gap:3px}.dd-wave>i{height:calc(var(--amp) * 28px);width:3px;flex:none;border-radius:3px;background:linear-gradient(#6caeb3,#87c3a1);transform-origin:center;animation:dd-voice-wave .85s ease-in-out infinite alternate;animation-delay:var(--delay)}.dd-call-icons{display:flex;justify-content:center;gap:16px}.dd-call-icons>span,.dd-call-icons>b{display:grid;place-items:center;width:26px;height:26px;background:#f1f5f3;border:1px solid #e2eae6;border-radius:50%;color:#8ca69b;font-size:14px}.dd-call-icons>b{background:#f9ece8;color:#cd9686;border-color:#f1d9d0;transform:rotate(130deg)}.dd-call-icons svg{width:12px!important;height:12px!important}.dd-call-context .dd-panel-head{font-size:9px}.dd-transcript{padding:15px 13px 10px}.dd-transcript>small,.dd-call-phases .dd-phase>small{font-size:7px;letter-spacing:.09em;color:#92a59c}.dd-transcript>p{font-size:11px;line-height:1.6;color:#627d70;margin-top:8px;background:#f4f8f6;border:1px solid #e8efeb;border-radius:7px;padding:10px}.dd-call-phases{position:relative;height:210px;margin:0 13px}.dd-call-phases .dd-data-row{padding:10px 0}.dd-answer{font-size:11px!important;line-height:1.7!important;padding:12px;background:#edf6f0;border:1px solid #dce9e0;border-radius:7px;color:#688574!important;margin-top:10px!important}.dd-guest-confirm{padding:8px 10px;margin:8px 0;border-radius:7px;background:#f3f6f5;color:#84958c;font-size:9px}.dd-confirmation{display:flex;align-items:center;gap:7px;margin-top:16px;padding:12px;border-radius:7px;background:#edf7ef;color:#57946e;font-size:10px}.sc-support[data-active-step="1"] .dd-orb-fluid{animation-duration:5s}.sc-support[data-active-step="2"] .dd-wave>i{animation-duration:.48s}.sc-support[data-active-step="2"] .dd-orb-fluid{animation-duration:4s}
/* Inventory map, camera evidence, stock ledger and contextual exception workbench. */
.dd-logistics{--dd-accent:#aa884f;--dd-tint:#f6f0e4}.dd-logistics .dd-rail{background:linear-gradient(145deg,#35483f,#23382f)}.dd-logistics .dd-content{background:linear-gradient(135deg,#fbfbf7,#f1f4ee)}.dd-logistics-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:12px;height:355px}.dd-stock-map,.dd-logistics-right{background:#fff;border:1px solid #dde5de;border-radius:9px;overflow:hidden;position:relative}.dd-floorplan{width:100%;height:248px;display:block}.dd-floorplan text{font-size:8px;fill:#8e9d97}.dd-floorplan text[fill=white]{fill:white}.dd-pick-route{animation:dd-network-flow 2.4s linear infinite}.dd-camera-strip{display:flex;gap:13px;height:72px;border-top:1px solid #e7ece7;padding:9px 12px;background:#f9fbf8}.dd-camera-strip>img{height:52px;width:96px;border-radius:4px;object-fit:cover}.dd-camera-strip>div{padding-top:3px}.dd-camera-strip small{font-size:7px;letter-spacing:.06em;color:#9fa99d}.dd-camera-strip b{font-size:11px;font-weight:500;color:#698376;display:block;margin-top:5px}.dd-camera-strip span{font-size:8px;color:#95a698;margin-top:5px;display:block}.dd-ops-phases{position:relative;height:215px;margin:14px 17px 0}.dd-ops-phases .dd-phase h4{font-size:23px;margin-top:4px;margin-bottom:9px}.dd-ops-phases .dd-phase>.dd-pill{margin-bottom:9px}.dd-ops-phases .dd-data-row{padding:8px 0}.dd-ops-phases .dd-action-list{margin-top:13px;gap:10px}.dd-ops-phases .dd-action-list>li{font-size:10px}.dd-stock-balance{display:flex;align-items:center;justify-content:space-between;padding:13px 0 15px;gap:10px}.dd-stock-balance>span,.dd-stock-balance>b{font-size:33px;font-weight:500;color:#63776e;letter-spacing:-.05em}.dd-stock-balance>b{color:#b58b50}.dd-stock-balance i{font-size:20px;font-style:normal;color:#bbc4bc}.dd-stock-balance small{font-size:8px;letter-spacing:0;font-weight:400;color:#9eaa9f;margin-top:5px}.dd-stock-list{position:absolute;bottom:12px;left:17px;right:17px;border-top:1px solid #e3e9e1;padding-top:10px}.dd-stock-list .dd-data-row{padding:6px 0;border:0}.dd-stock-list .dd-mini-heading{margin:0}.dd-ops-phases .dd-phase>p{font-size:10px}
/* Real information density behind a focused sales assistant panel. */
.dd-sales{--dd-accent:#9580b4;--dd-tint:#f0ebf8}.dd-sales .dd-rail{background:linear-gradient(150deg,#3a304f,#29243c)}.dd-sales .dd-content{background:linear-gradient(130deg,#faf8fc,#f0edf7)}.dd-pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.dd-deal-heading{display:flex;align-items:center;gap:7px;margin:0 0 12px;font-size:9px;color:#8e83a4}.dd-deal-heading>i{width:5px;height:5px;border-radius:50%;background:#ae9bc5}.dd-deal-heading b{font-weight:500}.dd-deal-heading>span{margin-left:auto;padding:3px 5px;background:#eae4f1;border-radius:4px;font-size:8px}.dd-deal-card{background:#ffffffcf;border:1px solid #e1dbe9;border-radius:7px;padding:13px 11px;margin-bottom:11px}.dd-deal-card>span{display:block;color:#706681;font-size:10px;font-weight:500}.dd-deal-card>strong{font-size:18px;letter-spacing:-.025em;font-weight:500;display:block;margin:11px 0 7px;color:#837991}.dd-deal-card>small{font-size:8px;color:#9e94ac}.dd-deal-card>div{display:flex;gap:6px;align-items:center;padding-top:12px;margin-top:12px;border-top:1px solid #eee9f3;font-size:7px;color:#a198ac}.dd-deal-card>div b{background:#ebe4f4;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;font-weight:500;color:#a28bbe}.dd-deal-card>div i{margin-left:auto;font-style:normal}.dd-deal-featured{border-color:#c7b7dc}.dd-sales-focus{position:absolute;left:203px;right:24px;top:278px;border:1px solid #cfc1df;border-radius:14px;background:#fffffffa;box-shadow:0 23px 60px #48345c26;overflow:hidden}.dd-focus-top{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #eee8f4;font-size:8px;letter-spacing:.07em;color:#9d8fb2}.dd-sales-phases{height:224px;position:relative}.dd-sales-phases>.dd-phase{padding:23px 23px;display:grid;grid-template-columns:1.1fr 1fr;gap:22px}.dd-sales-phases small{font-size:8px;letter-spacing:.06em;color:#a597b6}.dd-sales-phases h4{font-size:25px;margin:11px 0 12px}.dd-sales-phases p{font-size:10px;line-height:1.7}.dd-sales-phases aside{padding-top:6px}.dd-sales-phases .dd-data-row{padding:14px 0}.dd-sales-phases .dd-data-row>span{font-size:8px}.dd-sales-phases .dd-data-row>b{font-size:8px}.dd-sales-phases .dd-tool-check{padding:15px 0;color:#8b789f}
/* Photographic quality inspection and camera scenes, with live evidence overlays. */
.dd-quality{--dd-accent:#b28c65;--dd-tint:#f7efe6}.dd-quality .dd-rail{background:linear-gradient(150deg,#29313d,#172330)}.dd-quality .dd-content{background:linear-gradient(135deg,#f7f9fb,#eef1f5)}.dd-quality-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:12px;height:355px}.dd-camera-panel,.dd-quality-review{border:1px solid #dce3eb;background:white;border-radius:9px;overflow:hidden}.dd-inspection-camera{position:relative;height:252px;overflow:hidden;background:#172430;margin:0}.dd-inspection-camera>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.dd-bay-photo{opacity:0;transition:opacity .3s}.sc-quality[data-active-step="2"] .dd-bay-photo{opacity:1}.dd-camera-hud{position:absolute;top:11px;left:12px;right:12px;display:flex;justify-content:space-between;color:#d1dce4;font-size:7px;text-shadow:0 1px 5px #000}.dd-camera-hud>b{font-size:7px;font-weight:500;color:#c0ddcb}.dd-camera-corners{position:absolute;inset:30px 27px;border:1px solid #e0eef024;pointer-events:none}.dd-camera-corners:before,.dd-camera-corners:after{content:"";position:absolute;width:13px;height:13px;border-color:#d3e5e6;border-style:solid;opacity:.7}.dd-camera-corners:before{left:-1px;top:-1px;border-width:1px 0 0 1px}.dd-camera-corners:after{right:-1px;bottom:-1px;border-width:0 1px 1px 0}.dd-scanner{position:absolute;top:20%;left:5%;width:90%;height:1px;background:#b3e9d8a6;box-shadow:0 -8px 30px 6px #9fe6d129;animation:dd-scan 5s ease-in-out infinite alternate}.dd-defect-marker{position:absolute;left:61%;top:22%;width:19%;height:26%;border:1.5px solid #edb36f;opacity:0}.dd-defect-marker:before,.dd-defect-marker:after{content:"";position:absolute;inset:-4px;border:1px solid #edb36f44}.dd-defect-marker span{position:absolute;left:-1px;top:-18px;padding:4px 5px;background:#dc9b53d9;color:#fff8eb;font-size:6px;white-space:nowrap;letter-spacing:.05em}.dd-defect-marker>i{position:absolute;left:50%;top:50%;width:5px;height:5px;border:1px solid #f5c68d;border-radius:50%;box-shadow:0 0 0 4px #efb97826}.sc-quality[data-active-step="1"] .dd-defect-marker,.sc-quality[data-active-step="3"] .dd-defect-marker{opacity:1}.dd-zone-marker{position:absolute;left:56%;top:37%;width:33%;height:49%;border:1.5px solid #edbd77;background:#fbc3650e;opacity:0;transform:skewY(-8deg)}.dd-zone-marker>span{position:absolute;top:-15px;font-size:6px;padding:3px 5px;background:#ac804ad9;color:#fff8e9}.sc-quality[data-active-step="2"] .dd-zone-marker{opacity:1}.sc-quality[data-active-step="2"] .dd-scanner{opacity:0}.dd-image-caption{position:absolute;bottom:9px;left:12px;font-size:6px;color:#c6d3dd;text-shadow:0 1px 3px #000;background:#1526336b;padding:4px 6px;border-radius:3px}.dd-camera-thumbs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px;padding:8px 10px;background:#f6f8fb}.dd-camera-thumbs>div{position:relative;overflow:hidden;border-radius:4px;height:50px;border:1px solid #dbe2eb}.dd-camera-thumbs img{width:100%;height:100%;object-fit:cover;opacity:.8}.dd-camera-thumbs span{position:absolute;bottom:0;left:0;right:0;padding:4px 5px;background:#182b38c9;color:#dde6eb;font-size:6px}.dd-camera-thumbs .dd-trace-chart{border:0;background:#fff;padding:7px}.dd-trace-chart .dd-spark{height:23px}.dd-trace-chart small{font-size:6px;color:#a6a0a0}.dd-quality-phases{position:relative;height:320px}.dd-quality-phases>.dd-phase{padding:15px 16px}.dd-quality-phases h4{font-size:24px}.dd-quality-phases p{font-size:10px}.dd-quality-phases .dd-action-list{gap:12px}.dd-quality-phases .dd-action-list>li{font-size:10px}
@keyframes dd-network-flow{to{stroke-dashoffset:-32}}@keyframes dd-orb-swirl{to{transform:rotate(360deg)}}@keyframes dd-orb-breathe{0%,100%{transform:scale(.95)}50%{transform:scale(1.035)}}@keyframes dd-voice-wave{0%{transform:scaleY(.28);opacity:.55}100%{transform:scaleY(1);opacity:1}}@keyframes dd-scan{from{transform:translateY(0)}to{transform:translateY(150px)}}
/* Run motion only in the visible section; no audio, microphone or external connections. */
.sc-story:not([data-in-view]) .dd-shell *{animation-play-state:paused!important}
@media(max-width:767px){.sc-ontology .sc-background,.sc-support .sc-background,.sc-logistics .sc-background,.sc-sales .sc-background,.sc-quality .sc-background{right:-76px;bottom:44px}.dd-shell{inset:25px 0 15px}.dd-voice-card{overflow:visible}.dd-support-layout{gap:9px;grid-template-columns:152px minmax(0,1fr) 240px}.dd-voice-head>.dd-pill{font-size:6px}.dd-voice-head>span:first-child{font-size:8px}}
@media(max-width:767px) and (max-height:760px){.sc-ontology .sc-background,.sc-support .sc-background,.sc-logistics .sc-background,.sc-sales .sc-background,.sc-quality .sc-background{bottom:31px}}
@media(prefers-reduced-motion:reduce){.dd-shell *{animation:none!important;transition:none!important}.dd-wave>i{transform:scaleY(.65)}.dd-orb-fluid{transform:rotate(35deg)}.dd-scanner{display:none}.dd-voice-card{overflow:hidden}}
/* Keep the complete action panel on screen while the application extends behind the copy. */
@media(min-width:768px){.sc-ontology .sc-background,.sc-support .sc-background,.sc-logistics .sc-background,.sc-sales .sc-background,.sc-quality .sc-background{right:40px}}
@media(min-width:768px) and (max-width:1100px){.sc-ontology .sc-background,.sc-support .sc-background,.sc-logistics .sc-background,.sc-sales .sc-background,.sc-quality .sc-background{right:8px}}
.dd-ontology-layout{height:410px}.dd-network{height:318px}.dd-inspector-phases{height:375px}.dd-source-line{padding:10px 0}.dd-sales-focus{background:#fff}.dd-ops-phases .dd-phase h4{font-size:21px;line-height:1.1;margin:4px 0 8px}.dd-ops-phases .dd-action-list{gap:7px;margin:10px 0}.dd-ops-phases .dd-action-list>li:before{width:20px;height:20px}.dd-ops-phases .dd-phase>.dd-pill{margin-bottom:6px}.dd-stock-list{bottom:10px}
.dd-orb-fluid{filter:blur(5px);mix-blend-mode:normal;opacity:.8}.dd-orb-fluid-two{filter:blur(4px);mix-blend-mode:screen;opacity:.68}.dd-orb:after{content:"";position:absolute;inset:9% -13%;border:1px solid #ddffff92;border-radius:45%;box-shadow:inset 0 0 15px #91ecd74f,0 0 6px #e7ffff56;transform:rotate(-35deg);animation:dd-orb-ribbon 6s ease-in-out infinite alternate;pointer-events:none}@keyframes dd-orb-ribbon{from{transform:rotate(-35deg) scaleX(.52)}to{transform:rotate(145deg) scaleX(1.2)}}
.dd-camera-hud .dd-camera-bay-label{display:none}.sc-quality[data-active-step="2"] .dd-camera-hud .dd-camera-bay-label{display:block}.sc-quality[data-active-step="2"] .dd-camera-hud .dd-camera-part-label{display:none}
@media(max-width:767px){.sc-ontology .sc-background,.sc-support .sc-background,.sc-logistics .sc-background,.sc-sales .sc-background,.sc-quality .sc-background{right:14px}}
@media(prefers-reduced-motion:reduce){.dd-orb:after{animation:none}}
.sc-story:not([data-in-view]) .dd-orb:after{animation-play-state:paused}

.dd-defect-marker{left:70%;top:12%;width:12%;height:18%}
/* One approved application geometry, shared with Hiring and Marketing. */
.showcase-page .sc-story .sc-background{right:-120px}
.dd-shell .dd-rail{width:178px;padding:25px 18px;background:#0b111a}
.dd-shell .dd-rail>img{width:139px;height:auto;display:block;margin-bottom:37px;object-fit:contain;background:transparent;border:0;border-radius:0;box-shadow:none}
.dd-rail>p{font-size:8px;letter-spacing:.2em;color:#8c9cad;margin-bottom:7px}
.dd-rail>strong{font:700 23px/1.12 Manrope,sans-serif;letter-spacing:-.03em}
.dd-rail-items{margin-top:48px;gap:12px}
.dd-content{width:calc(100% - 178px);--dd-work-width:690px}
.dd-top,.dd-heading,.dd-stats,.dd-tabs,.dd-ontology-layout,.dd-source-line,.dd-support-layout,.dd-logistics-layout,.dd-pipeline,.dd-quality-layout{width:var(--dd-work-width);max-width:100%}
.dd-support-layout{grid-template-columns:125px minmax(0,1fr) 225px}.dd-inbox-item{padding-left:7px;padding-right:7px}.dd-inbox-item b{white-space:normal}.dd-inbox-item svg{width:12px!important;height:12px!important}.dd-voice-head{padding-left:9px;padding-right:9px}.dd-voice-head>.dd-pill{display:none}
.dd-sales-focus{left:158px;right:auto;width:540px}.dd-sales-phases>.dd-phase{grid-template-columns:1.1fr 1fr;gap:17px;padding:21px}.dd-sales-phases h4{font-size:23px}
@media(min-width:1650px){.showcase-page .sc-story .sc-background{right:-4vw}}
@media(min-width:768px) and (max-width:1100px){.showcase-page .sc-story .sc-background{right:-230px}}
@media(max-width:767px){.showcase-page .sc-story .sc-background{right:-76px;bottom:48px}.dd-content{--dd-work-width:620px}.dd-support-layout{grid-template-columns:100px minmax(0,1fr) 210px}.dd-inbox-knowledge{padding:14px 7px}.dd-inbox-item{gap:4px}.dd-inbox-item b{font-size:8px}.dd-inbox-item>i{display:none}.dd-voice-head>span:first-child{font-size:8px}.dd-inspector-phases>.dd-phase{padding:15px 12px}.dd-sales-focus{left:130px;width:510px}.dd-sales-phases h4{font-size:21px}}
@media(max-width:767px) and (max-height:760px){.showcase-page .sc-story .sc-background{bottom:40px}}
/* Keep long new-topic headings clear of the approved logo position. */
@media(min-width:1101px) and (max-width:1649px){.sc-ontology .sc-foreground h2,.sc-support .sc-foreground h2,.sc-logistics .sc-foreground h2,.sc-sales .sc-foreground h2,.sc-quality .sc-foreground h2{max-width:350px;white-space:normal}}
@media(min-width:1650px){.sc-ontology .sc-foreground h2,.sc-support .sc-foreground h2,.sc-logistics .sc-foreground h2,.sc-sales .sc-foreground h2,.sc-quality .sc-foreground h2{max-width:450px;white-space:normal}}
@media(min-width:768px) and (max-width:900px){.sc-ontology .sc-foreground h2,.sc-support .sc-foreground h2,.sc-logistics .sc-foreground h2,.sc-sales .sc-foreground h2,.sc-quality .sc-foreground h2{max-width:220px;white-space:normal}}

/* Keep a common smaller canvas beside the foreground, across every topic. */
@media(min-width:768px){.showcase-page .sc-story .sc-background{right:20px;transform-origin:right center}.showcase-page .sc-story .sc-foreground{width:34vw;max-width:435px}.showcase-page .sc-story .sc-foreground h2{max-width:100%;white-space:normal}.showcase-page .sc-story .sc-explain{max-width:100%}.showcase-page .sc-story .sc-chapters{max-width:100%}.showcase-page .sc-wash{background:linear-gradient(90deg,var(--sc-paper) 0%,color-mix(in srgb,var(--sc-paper) 96%,transparent) 32%,transparent 43%)}}
@media(min-width:1650px){.showcase-page .sc-story .sc-background{right:3vw}}
@media(min-width:768px) and (max-width:1100px){.showcase-page .sc-story .sc-background{right:12px}.showcase-page .sc-story .sc-foreground h2{font-size:clamp(30px,3.8vw,42px)}}
@media(max-width:767px){.showcase-page .sc-story .sc-background{right:-16px}}