.discipline-motion{--navy:#0a2540;--blue:#2465bb;--light:#eaf3ff;max-width:1100px;margin:40px auto;background:#fff;color:var(--navy);border:1px solid #c9d8e7;border-radius:20px;padding:40px;box-sizing:border-box;font-family:inherit}.discipline-motion *{box-sizing:border-box}.discipline-motion h2{font-size:clamp(28px,4vw,44px);line-height:1.12;letter-spacing:-.04em;max-width:730px;margin:15px 0 26px}.dm-label{font-size:12px;letter-spacing:.1em;font-weight:700;color:#365a7c}.dm-diagram{width:100%;height:210px;overflow:visible;display:block;background:linear-gradient(120deg,#f4f8fe,#fff);border-radius:12px}.dm-diagram rect,.dm-diagram path{stroke:var(--navy);stroke-width:2;fill:white}.dm-diagram .dm-rail{stroke:#91b8e4;stroke-dasharray:7 8;fill:none}.dm-boundary{fill:#eaf3ff!important;stroke:#a5c5ea!important;stroke-dasharray:5 5}.dm-request{transform:translate(60px,84px);transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}.dm-request rect{fill:#cce3ff}.dm-request path,.dm-file path+path,.dm-page path,.dm-answer path{fill:none}.dm-file{transform:translate(450px,56px)}.dm-gate{transform:translate(315px,50px);opacity:0;transition:opacity .5s}.dm-gate rect{fill:#2465bb;stroke:none}.dm-gate path{stroke:white;fill:none}.dm-cyber[data-motion-scene="1"] .dm-request{transform:translate(390px,84px)}.dm-cyber[data-motion-scene="2"] .dm-request{transform:translate(235px,84px)}.dm-cyber[data-motion-scene="2"] .dm-gate{opacity:1}.dm-answer{opacity:.15;transform:translateX(-30px);transition:opacity .8s,transform .8s}.dm-scan{fill:#8cbfff!important;stroke:none!important;opacity:.35;transition:transform 1.4s}.dm-search[data-motion-scene="1"] .dm-scan{transform:translateY(110px)}.dm-search[data-motion-scene="2"] .dm-answer{opacity:1;transform:none}.dm-search[data-motion-scene="2"] .dm-scan{opacity:0}.dm-panel{padding-top:28px}.dm-panel[hidden]{display:none}.dm-panel h3{font-size:clamp(22px,3vw,30px);line-height:1.25;margin:12px 0 20px}.dm-document{background:var(--light);padding:25px;border-left:4px solid var(--blue);min-height:202px;display:grid;gap:12px}.dm-document>span{font-size:14px;color:#365a7c}.dm-document strong{font-size:22px;line-height:1.3}.dm-document b{font-size:14px;justify-self:start;background:white;padding:6px 10px;border-radius:5px}.dm-document p{font-size:16px;line-height:1.6;margin:0;max-width:650px}.discipline-motion footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px}.discipline-motion footer p{max-width:570px;font-size:14px;line-height:1.5;color:#365a7c}.discipline-motion footer div{display:flex;gap:8px;flex-wrap:wrap}.discipline-motion button{font:inherit;font-size:14px;font-weight:700;cursor:pointer;border:1px solid #a6bed6;border-radius:7px;background:white;color:var(--navy);min-height:44px;padding:10px 15px}.discipline-motion .dm-play{background:var(--blue);color:#fff;border-color:var(--blue)}.discipline-motion button:focus-visible{outline:3px solid #3f8cff;outline-offset:3px}@media(max-width:600px){.discipline-motion{padding:22px;margin:24px 0}.dm-diagram{height:150px}.dm-document{padding:20px;min-height:270px}.dm-document strong{font-size:20px}.discipline-motion footer{display:block}.discipline-motion footer p{font-size:14px}.dm-panel h3{min-height:84px}.dm-label{font-size:12px}}@media(prefers-reduced-motion:reduce){.dm-diagram *{transition:none!important}.dm-panel{display:block!important}.dm-document{min-height:0}.discipline-motion footer div{display:none}}
/* Purposeful application artifacts replace abstract symbolic rails. */
.dm-actionboard{position:relative;min-height:500px;background:#eef5fe;border-radius:12px;padding:28px;overflow:hidden}.dm-actionboard h4{font-size:24px;line-height:1.2;margin:16px 0}.dm-browser,.dm-service-page,.dm-healthy-app{background:#fff;border:1px solid #bdd0e3;border-radius:10px;overflow:hidden;box-shadow:0 12px 28px #0a254010}.dm-browser{width:70%;transition:width .8s,transform .8s}.dm-browserbar{height:42px;background:#f6f8fc;border-bottom:1px solid #d3dfec;display:flex;align-items:center;gap:5px;padding:0 12px}.dm-browserbar i{width:6px;height:6px;background:#8ca4bd;border-radius:50%;flex-shrink:0}.dm-browserbar span{font-size:12px;color:#365a7c;margin-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-screenlabel{font-size:12px;color:#365a7c;font-weight:700;letter-spacing:.04em}.dm-config-screen,.dm-denied-screen{padding:24px;min-height:310px}.dm-code{background:#f1f5fb;padding:20px;display:grid;gap:12px;font-size:16px;line-height:1.4;font-family:monospace}.dm-access-note{margin-top:20px;color:#365a7c;font-size:14px}.dm-permission{position:absolute;right:28px;top:100px;width:390px;background:white;border:1px solid #a1bedf;border-radius:12px;padding:24px;box-shadow:0 20px 60px #0a254025;opacity:0;transform:translate(30px,15px) scale(.97);transition:opacity .5s,transform .8s}.dm-permission-option{display:flex;align-items:center;gap:12px;padding:15px 12px;margin:10px 0;border:1px solid #dae4ef;border-radius:7px}.dm-permission-option b{font-size:16px}.dm-permission-option small{display:block;font-size:14px;margin-top:6px;color:#365a7c}.dm-radio{width:18px;height:18px;border:2px solid #819bb7;border-radius:50%;flex-shrink:0}.dm-public .dm-radio{background:#2465bb;box-shadow:inset 0 0 0 3px white}.dm-save,.dm-new-button{background:#2465bb;color:white;padding:13px 16px;border-radius:6px;font-size:14px;font-weight:700;margin-top:16px;display:inline-block}.dm-actioncursor{position:absolute;right:30px;bottom:30px;width:26px;transform:translate(40px,-90px);opacity:0}.dm-actioncursor svg{fill:#0a2540;stroke:white;stroke-width:1.5;width:100%}.dm-security-board .dm-denied-screen{display:none}.dm-status-code{font-size:48px;font-weight:700;color:#2465bb}.dm-result-tag{display:inline-block;background:#e5f0ff;color:#174f85;padding:8px 10px;font-size:14px;font-weight:700;border-radius:6px}.dm-denied-screen p{font-size:16px;line-height:1.6}.dm-healthy-app{position:absolute;right:28px;top:28px;width:46%;opacity:0;transform:translateY(20px);transition:opacity .6s,transform .8s}.dm-app-content{padding:24px}.dm-project-row{padding:18px 0;border-top:1px solid #dde7f1;display:grid;gap:7px}.dm-project-row b{font-size:16px}.dm-project-row span{font-size:14px;color:#365a7c}.dm-cyber[data-motion-scene="1"] .dm-permission{opacity:1;transform:none}.dm-cyber[data-motion-scene="1"] .dm-actioncursor{animation:dm-approve 2s .3s both}.dm-cyber[data-motion-scene="1"] .dm-private{animation:dm-select .1s 1.2s forwards}.dm-cyber[data-motion-scene="1"] .dm-private .dm-radio{animation:dm-radio .1s 1.2s forwards}.dm-cyber[data-motion-scene="1"] .dm-public .dm-radio{animation:dm-unselect .1s 1.2s forwards}.dm-cyber[data-motion-scene="2"] .dm-config-screen{display:none}.dm-cyber[data-motion-scene="2"] .dm-denied-screen{display:block}.dm-cyber[data-motion-scene="2"] .dm-browser{width:49%}.dm-cyber[data-motion-scene="2"] .dm-healthy-app{opacity:1;transform:none}@keyframes dm-approve{0%{opacity:0}20%{opacity:1;transform:translate(-90px,-100px)}60%{opacity:1;transform:translate(-90px,-100px)}100%{opacity:1;transform:translate(-80px,0)}}@keyframes dm-select{to{background:#eaf3ff;border-color:#2465bb}}@keyframes dm-radio{to{background:#2465bb;box-shadow:inset 0 0 0 3px white}}@keyframes dm-unselect{to{background:white}}
.dm-service-page{width:100%;transition:width .8s}.dm-site-nav{display:flex;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid #e3ebf5}.dm-site-nav b{font-size:16px}.dm-site-nav span{font-size:14px}.dm-vague-copy,.dm-clear-copy{padding:28px;min-height:330px}.dm-vague-copy h4,.dm-clear-copy h4{font-size:30px;max-width:540px}.dm-vague-copy p,.dm-clear-copy p,.dm-answer-preview p{font-size:16px;line-height:1.65;max-width:570px}.dm-old-button{display:inline-block;border:1px solid #a6bed6;padding:12px 20px;font-size:14px;border-radius:6px}.dm-clear-copy{display:none}.dm-page-feature{font-size:14px;line-height:1.6;padding:15px 0}.dm-answer-preview{position:absolute;right:28px;top:100px;width:39%;background:white;border:1px solid #9dbce0;box-shadow:0 15px 40px #0a25401a;padding:24px;border-radius:12px;opacity:0;transform:translateX(25px);transition:opacity .6s,transform .8s}.dm-source{border-top:1px solid #d3e2f0;margin-top:20px;padding:18px 0;display:grid;gap:8px}.dm-source b{font-size:14px;color:#174f85}.dm-source span,.dm-answer-preview small{font-size:12px;line-height:1.5}.dm-search[data-motion-scene="1"] .dm-vague-copy,.dm-search[data-motion-scene="2"] .dm-vague-copy{display:none}.dm-search[data-motion-scene="1"] .dm-clear-copy,.dm-search[data-motion-scene="2"] .dm-clear-copy{display:block;animation:dm-copy-in .6s both}.dm-search[data-motion-scene="2"] .dm-service-page{width:58%}.dm-search[data-motion-scene="2"] .dm-site-nav span{display:none}.dm-search[data-motion-scene="2"] .dm-answer-preview{opacity:1;transform:none}@keyframes dm-copy-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.dm-paused *{animation-play-state:paused!important}
@media(max-width:650px){.dm-actionboard{padding:14px;min-height:450px}.dm-browser,.dm-service-page{width:100%!important}.dm-permission{top:75px;right:14px;width:calc(100% - 28px);padding:18px}.dm-healthy-app,.dm-answer-preview{position:relative;top:auto;right:auto;width:100%;display:none;margin-top:18px}.dm-cyber[data-motion-scene="2"] .dm-healthy-app,.dm-search[data-motion-scene="2"] .dm-answer-preview{display:block}.dm-config-screen,.dm-denied-screen{padding:20px;min-height:300px}.dm-site-nav{padding:16px}.dm-site-nav span{display:none}.dm-vague-copy,.dm-clear-copy{padding:20px}.dm-vague-copy h4,.dm-clear-copy h4{font-size:25px}.dm-actionboard h4{font-size:22px}.dm-app-content{padding:20px}.dm-code{padding:14px;font-size:14px}.dm-private b,.dm-public b{font-size:14px}.dm-new-button{font-size:14px}.dm-search[data-motion-scene="2"] .dm-service-page{width:100%}}
@media(prefers-reduced-motion:reduce){.dm-actionboard *{animation:none!important;transition:none!important}}

.dm-top-controls{margin-top:20px}.dm-top-controls>div{display:flex;gap:12px;flex-wrap:wrap}.dm-top-controls button{border:1px solid #b8cbe0;border-radius:30px;padding:12px 22px;font:inherit;font-size:14px;color:#0a2540;background:#fff;cursor:pointer}.dm-top-controls .dm-play{background:#0a2540;color:#fff;border-color:#0a2540}.dm-top-controls button:focus-visible{outline:3px solid #2465bb;outline-offset:4px}
/* Autoplay loops keep a small accessible pause, never replay/restart chrome. */
.discipline-motion header{position:relative;padding-right:52px}.discipline-motion .dm-auto-pause{position:absolute;right:0;top:0;width:42px;height:42px;min-height:42px;border:1px solid #b9cde2;border-radius:50%;background:white;color:#0a2540;padding:11px;display:grid;place-items:center}.dm-auto-pause svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}.dm-auto-pause[hidden]{display:none!important}@media(max-width:650px){.dm-cyber[data-motion-scene="1"] .dm-actionboard{min-height:550px}}@media(prefers-reduced-motion:reduce){.dm-auto-pause{display:none!important}}
