:root{font-family:Arial,Helvetica,sans-serif;color:#151b42;background:#f5f7fb;font-synthesis:none;--dti-blue:#1e4387;--dti-sky:#73c0e2;--muted:#56647b;--line:#dce4f0;--paper:#fff;--amber:#a26725;--orange:#ef9d69}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button:disabled{opacity:.48;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #73c0e2;outline-offset:4px}button{border:0}h1,h2,h3,p{margin:0}svg{flex-shrink:0}img{max-width:100%}a.link{text-decoration:underline;text-underline-offset:4px}.skip-link{position:fixed;top:-80px;left:20px;padding:14px;background:var(--dti-sky);z-index:100}.skip-link:focus{top:14px}.boot{display:grid;place-content:center;min-height:100vh;gap:25px;text-align:center;color:var(--muted)}.boot-mark{font:80px Arial,Helvetica,sans-serif;color:var(--dti-blue)}
.shell{display:grid;grid-template-columns:224px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100dvh;padding:36px 22px 24px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:#ffffff;z-index:20}.brand{display:flex;align-items:center;gap:10px;padding:0 9px}.brand img{width:36px;height:36px}.brand strong{font-size:24px;letter-spacing:-1px}.brand small{display:block;font-size:8px;letter-spacing:2.1px;margin-top:4px;font-weight:600}.sidebar-label{font-size:9px;letter-spacing:1.9px;color:#56647b;margin:56px 13px 19px}.nav{display:grid;gap:8px}.nav a{display:flex;gap:13px;align-items:center;padding:14px 13px;border-radius:9px;color:#56647b;font-size:13px;font-weight:500;transition:background .2s}.nav a:hover{background:#eef3fa}.nav a.active{background:var(--dti-blue);color:#ffffff}.nav a.active svg{color:var(--dti-sky)}.nav .nav-index{margin-left:auto;font-size:9px;opacity:.4}.sidebar-foot{margin-top:auto}.brief-card{border:1px solid var(--line);border-radius:12px;padding:17px 14px;background:#eef3fa;position:relative;overflow:hidden}.brief-card:after{content:"";position:absolute;width:100px;height:100px;border:1px solid #dce4f0;border-radius:50%;right:-56px;top:-48px}.brief-card>svg{margin-bottom:13px}.brief-card p{font-size:12px;font-weight:600;line-height:1.7}.brief-card small{display:block;color:var(--muted);font-size:10px;margin:5px 0 15px}.brief-card a{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600}.studio{margin:23px 8px 0;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px}.studio-dot{width:6px;height:6px;background:#5278a6;border-radius:50%}.workspace{min-width:0}.topbar{height:86px;border-bottom:1px solid var(--line);padding:0 44px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f5f7fb}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:11px;color:#56647b}.breadcrumb strong{font-weight:500;color:#1e4387}.top-actions{display:flex;gap:18px;align-items:center;font-size:11px}.status-dot{height:6px;width:6px;border-radius:50%;background:#5278a6;display:inline-block;margin-right:7px}.status-dot.offline{background:var(--orange)}.install-btn{background:transparent;padding:8px;display:flex;align-items:center;gap:7px;font-size:11px}.avatar{height:31px;width:31px;border-radius:50%;display:grid;place-items:center;background:#eef3fa;font-size:10px;color:#1e4387;border:3px solid #fff}.main{max-width:1600px;margin:0 auto;padding:37px 44px 24px;animation:arrive .35s ease-out}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:27px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1.7px;text-transform:uppercase;font-weight:600;color:#56647b}.page-heading h1{font-weight:500;letter-spacing:-1.25px;font-size:30px;line-height:1.2;margin-top:9px}.page-heading p{color:var(--muted);font-size:12px;margin-top:10px;line-height:1.6}.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;border-radius:7px;background:var(--dti-blue);padding:12px 18px;font-size:11px;font-weight:600;color:white;border:1px solid transparent;white-space:nowrap;transition:transform .2s,background .2s}.button:hover{background:#151b42;transform:translateY(-1px)}.button.featured{background:var(--dti-sky);color:var(--dti-blue)}.button.featured:hover{background:#73c0e2}.button.outline{border-color:#dce4f0;background:transparent;color:var(--dti-blue)}.button.outline:hover{background:#eef3fa}.button.small{padding:9px 12px;font-size:10px}.text-button{background:transparent;font-size:11px;font-weight:500;display:inline-flex;gap:9px;align-items:center;padding:8px 0}.text-button:hover{color:#5278a6}.hero{background:var(--dti-blue);color:#fff;border-radius:15px;min-height:355px;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr}.hero-copy{padding:38px 0 32px 35px;position:relative;z-index:2}.hero .eyebrow{color:#73c0e2;letter-spacing:1.9px;font-size:8px}.hero h2{font:normal clamp(38px,3.6vw,58px)/1.06 Arial,Helvetica,sans-serif;letter-spacing:-2.2px;margin:22px 0 15px}.hero h2 em{font-weight:normal;color:var(--dti-sky)}.hero-copy>p{font-size:11px;line-height:1.8;color:#afc9e4;max-width:265px}.hero-actions{display:flex;gap:20px;align-items:center;margin-top:26px}.hero .text-button{color:#afc9e4;font-size:10px}.radar{position:relative;display:grid;place-items:center;min-width:0;background:radial-gradient(ellipse at 54% 47%,#73c0e255,transparent 67%)}.radar svg.radar-art{width:100%;height:100%;position:absolute;opacity:.94}.radar-grid{stroke:#73c0e2;stroke-width:.6;fill:none;opacity:.17}.radar-ring{transform-origin:250px 180px;animation:orbit 55s linear infinite}.radar-sweep{transform-origin:250px 180px;animation:orbit 16s linear infinite;opacity:.2}.radar-point{fill:#73c0e2;filter:drop-shadow(0 0 4px #73c0e2)}.map-shape{fill:#73c0e2;stroke:#73c0e2;stroke-width:.7}.signal-card{position:absolute;right:25px;bottom:40px;display:flex;align-items:center;gap:11px;background:#fffffffa;border:1px solid #fff7;color:var(--dti-blue);padding:12px 14px;border-radius:10px;box-shadow:0 8px 25px #081b222a;animation:bob 6s ease-in-out infinite}.signal-icon{width:33px;height:33px;background:#e6eef8;border-radius:8px;display:grid;place-items:center}.signal-card strong{font-size:11px;display:block}.signal-card small{font-size:9px;color:#56647b;display:block;margin-top:4px}.radar-tag{position:absolute;left:13%;top:46px;display:flex;align-items:center;gap:8px;font-size:9px;background:#151b42;border:1px solid #73c0e255;border-radius:30px;padding:8px 13px;color:#73c0e2}.radar-caption{position:absolute;bottom:14px;left:25px;font-size:8px;letter-spacing:1px;color:#afc9e4}.hero-caption{font-size:9px;color:var(--muted);display:flex;justify-content:space-between;margin:10px 2px 0;gap:10px}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);margin:26px 0 29px;border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:21px 0}.stat{padding:0 23px;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:#56647b}.stat-label{font-size:10px;color:#56647b}.stat-value{font-size:30px;letter-spacing:-1.5px;font-weight:500;line-height:1.2}.stat-value span{font-size:13px;letter-spacing:0;color:#56647b;margin-left:5px}.stat-note{color:#56647b;font-size:9px;margin-top:5px;line-height:1.5}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;gap:15px}.section-heading h2{font-size:16px;font-weight:500;letter-spacing:-.35px}.section-heading p{font-size:10px;color:var(--muted);margin-top:5px}.overview-grid{display:grid;grid-template-columns:1.38fr 1fr;gap:24px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:23px}.panel-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.panel-top h3{font-size:13px;font-weight:500}.pill{display:inline-flex;align-items:center;gap:5px;font-size:9px;padding:5px 9px;border-radius:30px;background:#e6eef8;color:#1e4387;white-space:nowrap}.pill.amber{color:#936026;background:#fbefdd}.pill.neutral{color:#56647b;background:#eef3fa}.pill.dark{color:var(--dti-sky);background:#ffffff15;border:1px solid #73c0e230}.feature-case{display:grid;grid-template-columns:119px 1fr;gap:20px;align-items:center}.product-image{background:#eef3fa;border-radius:9px;overflow:hidden;display:grid;place-items:center}.feature-case img{width:119px;height:139px;object-fit:contain;background:white;mix-blend-mode:multiply}.feature-case h3{font-size:17px;font-weight:500;letter-spacing:-.4px;line-height:1.35;margin:7px 0 8px}.feature-case p{font-size:10px;line-height:1.7;color:var(--muted)}.card-footer{border-top:1px solid var(--line);margin-top:20px;padding-top:15px;display:flex;justify-content:space-between;align-items:center;gap:8px}.source-link{color:#1e4387;font-size:9px;display:inline-flex;gap:5px;align-items:center}.mini-flow{display:flex;gap:7px;align-items:center;margin:19px 0 18px}.mini-node{border:1px solid #dce4f0;border-radius:8px;padding:13px 6px;flex:1;min-width:0;text-align:center;background:#ffffff}.mini-node.accent{background:#e6eef8;border-color:#dce4f0}.mini-node svg{margin-bottom:8px;color:#1e4387}.mini-node span{font-size:9px;display:block;line-height:1.4}.mini-flow>svg{width:10px;color:#5278a6}.architecture-teaser{font-size:10px;color:var(--muted);line-height:1.7}.footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:28px;padding:18px 0 0;color:#56647b;font-size:9px}.footer span:last-child{display:flex;align-items:center;gap:7px}.dot-divider{padding:0 6px;opacity:.6}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.case-card{padding:0;overflow:hidden}.case-card .case-visual{position:relative;height:230px;background:#eef3fa;padding:24px;display:grid;place-items:center}.case-visual img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply}.case-visual>.pill{position:absolute;left:15px;top:15px;background:#ffffff;z-index:1}.case-body{padding:21px}.case-body h2{font-size:19px;letter-spacing:-.5px;font-weight:500;line-height:1.3;margin:9px 0}.case-body p{font-size:11px;color:var(--muted);line-height:1.65;min-height:36px}.case-body .button{width:100%;margin-top:18px}.evidence-banner{margin-top:25px;display:flex;gap:18px;align-items:center;background:#e6eef8;border:1px solid #dce4f0;border-radius:12px;padding:23px}.evidence-banner h3{font-size:14px;font-weight:500;margin-bottom:5px}.evidence-banner p{font-size:11px;line-height:1.6;color:#56647b}.evidence-banner .button{margin-left:auto}.archive-note{font-size:10px;color:var(--muted);line-height:1.7;margin:15px 0 24px}.scenario-tabs{display:flex;gap:5px;border:1px solid var(--line);padding:5px;border-radius:10px;background:#e6eef8}.scenario-tabs button{flex:1;padding:14px 20px;border-radius:6px;background:transparent;font-size:13px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:10px}.scenario-tabs button[aria-selected=true]{background:var(--paper);box-shadow:0 2px 7px #151b420b}.scenario-tabs .pill{font-size:8px;padding:4px 6px}.architecture-stage{margin-top:21px;padding:29px;background:var(--dti-blue);border-radius:13px;color:#fff;position:relative;overflow:hidden}.architecture-stage .stage-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.stage-heading h2{font:32px Arial,Helvetica,sans-serif;margin:10px 0 8px;letter-spacing:-.6px}.stage-heading p{font-size:11px;line-height:1.7;color:#afc9e4;max-width:520px}.architecture-flow{display:flex;align-items:center;gap:10px;margin-top:28px}.architecture-node{flex:1;min-height:100px;min-width:0;border:1px solid #73c0e255;border-radius:8px;padding:17px 11px;text-align:center;background:#ffffff08}.architecture-node.active{border-color:var(--dti-sky);background:#73c0e215}.architecture-node svg{color:var(--dti-sky);margin-bottom:10px}.architecture-node strong{font-weight:500;font-size:11px;display:block}.architecture-node small{display:block;font-size:9px;color:#afc9e4;line-height:1.5;margin-top:6px}.architecture-flow>svg{width:14px;color:#5278a6}.comparison-table{width:100%;border-collapse:collapse;font-size:11px;margin-top:26px}.comparison-table th,.comparison-table td{border-bottom:1px solid var(--line);padding:18px 14px;vertical-align:top;text-align:left;line-height:1.65}.comparison-table th{font-weight:500;color:#56647b;font-size:10px}.comparison-table thead th{font-weight:600;color:var(--dti-blue);font-size:12px}.comparison-table tr>*:last-child{background:#eef3fa66}.comparison-table td{width:26%}.comparison-table td small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.calculator{margin-top:25px}.calculator-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:30px;align-items:center}.slider-label{display:flex;justify-content:space-between;gap:10px;font-size:11px;margin-bottom:15px}.slider-label output{font-weight:600;color:#1e4387}input[type=range]{width:100%;accent-color:var(--dti-blue);height:5px;cursor:pointer;margin:8px 0 19px}.calc-value{font-size:30px;letter-spacing:-1px;margin:7px 0}.calc-label{font-size:10px;color:var(--muted)}.calc-value span{font-size:12px;letter-spacing:0}.calc-note{font-size:10px;line-height:1.65;color:var(--muted);padding-top:18px;margin-top:12px;border-top:1px solid var(--line)}.source-details{font-size:10px;color:var(--muted);margin-top:17px;line-height:1.8}.source-details summary{cursor:pointer;color:#1e4387}.source-details>div{padding:15px 0}.source-details a{color:var(--dti-blue);text-decoration:underline;text-underline-offset:3px}.requirement-summary{display:flex;gap:15px;margin-bottom:24px;flex-wrap:wrap}.requirement-summary .pill{font-size:10px;padding:9px 12px}.requirements-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.requirement-card{padding:21px;position:relative}.requirement-card .req-id{font:italic 29px Arial,Helvetica,sans-serif;color:#5278a6;margin-bottom:15px;display:block}.requirement-card h2{font-size:14px;font-weight:500;margin-bottom:10px}.requirement-card p{font-size:10px;color:var(--muted);line-height:1.65;margin-bottom:15px}.requirement-card .source-link{margin-top:15px;display:flex}.requirement-card details{font-size:10px;line-height:1.7;color:var(--muted);margin-top:13px}.requirement-card summary{cursor:pointer;color:#1e4387}.roadmap{margin-top:30px}.roadmap-track{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:12px;background:white;overflow:hidden}.roadmap-step{padding:23px;border-right:1px solid var(--line)}.roadmap-step:last-child{border:0}.roadmap-step small{font-size:9px;color:#5278a6;letter-spacing:.8px}.roadmap-step h3{font-size:14px;font-weight:500;margin:14px 0 8px}.roadmap-step p{font-size:10px;color:var(--muted);line-height:1.7}.live-panel{background:#fff;border:1px solid var(--line);padding:30px;border-radius:13px;display:grid;grid-template-columns:1fr 1fr;gap:35px}.live-intro h2{font:34px/1.13 Arial,Helvetica,sans-serif;letter-spacing:-.8px;margin:14px 0}.live-intro p{font-size:12px;color:var(--muted);line-height:1.8;max-width:350px}.live-intro label{display:block;font-size:10px;color:var(--muted);margin:23px 0 8px}.live-intro select{width:100%;max-width:330px;border:1px solid var(--line);background:#f5f7fb;color:var(--dti-blue);border-radius:7px;padding:12px;font-size:12px}.live-intro .button{margin-top:15px;display:flex;width:100%;max-width:330px}.live-trace{padding:10px 0}.trace-step{display:flex;gap:15px;padding:14px 0}.trace-step>span{height:34px;width:34px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:#e6eef8;color:#5278a6}.trace-step[data-state=running]>span{color:var(--dti-blue);background:var(--dti-sky);animation:breathe 1s infinite}.trace-step[data-state=complete]>span{color:var(--dti-blue);background:#e6eef8}.trace-step[data-state=inconclusive]>span{color:#a76e36;background:#fcf0dd}.trace-step h3{font-size:13px;font-weight:500;margin:3px 0 6px}.trace-step p{font-size:10px;color:var(--muted);line-height:1.7}.live-result{margin-top:22px;padding:23px;border:1px solid #dce4f0;background:#e6eef8;border-radius:11px}.live-result.inconclusive{background:#fbf4e6;border-color:#e8dbc3}.live-result h3{font:25px Arial,Helvetica,sans-serif;margin:9px 0 12px}.live-result p{font-size:11px;line-height:1.8;color:#56647b}.live-result .button{margin-top:17px}.live-result .result-meta{margin-top:13px;font-size:9px;overflow-wrap:anywhere}.error-box{padding:30px;text-align:center;font-size:14px;line-height:2}.empty{text-align:center;padding:40px;color:var(--muted);font-size:12px}dialog{border:1px solid #dce4f0;border-radius:16px;padding:0;width:min(1050px,calc(100% - 48px));max-height:calc(100dvh - 48px);color:var(--dti-blue);background:#f5f7fb;box-shadow:0 30px 140px #001b314d}dialog::backdrop{background:#151b42ca;backdrop-filter:blur(7px)}.modal-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:21px 27px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#f5f7fb;z-index:3}.modal-top .eyebrow{font-size:9px}.close-btn{background:#e6eef8;border-radius:50%;width:31px;height:31px;display:grid;place-items:center}.modal-content{padding:28px}.tour-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:0 0 30px}.tour-progress button{border-bottom:2px solid #dce4f0;color:#56647b;background:transparent;text-align:left;font-size:10px;padding:0 0 12px;line-height:1.5}.tour-progress button span{font-size:9px;padding-right:7px}.tour-progress button.active{border-color:var(--dti-blue);color:var(--dti-blue);font-weight:600}.tour-layout{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:start}.tour-art{height:355px;background:#eef3fa;border:1px solid #dce4f0;border-radius:12px;position:relative;display:grid;place-items:center;padding:25px;overflow:hidden}.tour-art img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply}.tour-art .pill{position:absolute;top:14px;left:14px;background:#fff}.tour-copy h2{font:39px/1.1 Arial,Helvetica,sans-serif;letter-spacing:-1.2px;margin:12px 0 16px}.tour-copy>p{font-size:12px;color:var(--muted);line-height:1.8}.quote{border-left:3px solid #5278a6;background:#eef3fa;padding:17px 18px;margin:20px 0;font:23px Arial,Helvetica,sans-serif;line-height:1.4}.quote small{display:block;font:9px/1.7 Arial,Helvetica,sans-serif;letter-spacing:.4px;color:#56647b;margin-top:9px}.detail-list{display:grid;gap:13px;margin:22px 0}.detail-item{display:flex;gap:10px;align-items:flex-start;font-size:11px;line-height:1.7;color:#56647b}.detail-item svg{margin-top:2px;color:#5278a6}.detail-item strong{font-weight:500;color:var(--dti-blue);display:block}.tour-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);margin-top:27px;padding-top:20px}.tour-footer p{font-size:9px;color:var(--muted);line-height:1.7;max-width:400px}.tour-footer>div{display:flex;gap:10px}.source-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.source-chips a{font-size:9px;background:#e6eef8;border-radius:4px;padding:6px 9px;color:#1e4387}.similarity-display{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px;background:#e6eef8;border-radius:12px}.similarity-product img{height:220px;width:100%;object-fit:contain;mix-blend-mode:multiply}.similarity-product p{font-size:10px;line-height:1.7;margin-top:12px}.similarity-match{grid-column:1/-1;background:#e6eef8;border-radius:7px;text-align:center;font-size:11px;padding:15px}.integrity-box{background:var(--dti-blue);color:white;border-radius:12px;padding:27px;min-height:355px;display:flex;flex-direction:column;gap:23px}.integrity-box>svg{color:var(--dti-sky);width:52px;height:52px}.integrity-box h3{font:27px Arial,Helvetica,sans-serif}.integrity-box p{color:#afc9e4;font-size:10px;line-height:1.7}.hash-code{font:10px/1.8 ui-monospace,monospace;background:#0b133180;padding:14px;border:1px solid #73c0e230;border-radius:6px;word-break:break-all;color:#73c0e2}.integrity-result{border-radius:6px;padding:13px;background:#73c0e2;color:var(--dti-blue);font-size:11px;line-height:1.7}.integrity-result.fail{background:#f4d5ae;color:#75421c}.integrity-result.error{background:#f8dccd;color:#793a22}.proof-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.decision{margin-top:20px;display:grid;gap:9px}.decision label{font-size:10px;color:var(--muted)}.decision select,.decision input{width:100%;padding:11px;border:1px solid var(--line);background:white;border-radius:6px;font-size:11px;color:var(--dti-blue)}.decision .button{justify-self:start}.decision-saved{font-size:11px;line-height:1.7;color:#1e4387}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--dti-blue);color:#afc9e4;padding:14px 22px;border-radius:9px;box-shadow:0 6px 30px #1e438720;font-size:12px;z-index:200;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:90vw}.toast.visible{opacity:1;transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.live-state{margin-top:17px;font-size:10px;color:var(--muted);line-height:1.7}.sim-note{font-size:10px;color:var(--muted);line-height:1.7;margin-top:14px}.session-mark{font-size:10px;padding:8px 12px;background:#eef3fa;border-radius:5px;margin-top:15px}.offline-callout{background:#fbefdc;padding:11px 16px;margin-bottom:20px;border-radius:7px;font-size:11px;line-height:1.7;color:#936630}.heading-actions{display:flex;gap:10px;align-items:center}
@keyframes orbit{to{transform:rotate(360deg)}}@keyframes bob{50%{transform:translateY(-6px)}}@keyframes breathe{50%{opacity:.55}}@keyframes arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.main{padding-top:45px}.hero{min-height:415px}.hero-copy{padding:48px}.hero h2{font-size:65px}.hero-copy>p{font-size:13px;max-width:320px}.hero .button{padding:15px 23px}.stat-row{padding:26px 0}.stat-value{font-size:38px}.stat-label{font-size:12px}.stat-note{font-size:11px}.panel{padding:28px}.feature-case{grid-template-columns:150px 1fr}.feature-case img{width:150px;height:160px}.feature-case h3{font-size:21px}.feature-case p,.architecture-teaser{font-size:12px}.mini-node{padding:16px 8px}.mini-node span{font-size:11px}}
@media(max-width:1200px){.shell{grid-template-columns:185px 1fr}.sidebar{padding:30px 13px 20px}.brand{padding:0 6px;gap:8px}.brand strong{font-size:21px}.brand small{font-size:7px}.brand img{width:31px;height:31px}.topbar{padding:0 28px}.main{padding:29px 28px 22px}.hero-copy{padding:32px 0 30px 28px}.hero h2{font-size:43px}.radar-tag{left:8%;top:35px}.signal-card{right:17px;bottom:48px;padding:10px}.signal-card strong{font-size:9px}.signal-card small{font-size:8px}.stat{padding:0 17px}.overview-grid{gap:17px}.panel{padding:19px}.feature-case{grid-template-columns:95px 1fr;gap:16px}.feature-case img{width:95px;height:125px}.hero-actions{gap:13px}.hero-actions .button{padding:12px}.case-grid{gap:15px}.case-visual{height:200px!important}.case-body{padding:17px}.case-body h2{font-size:16px}.case-body p{font-size:10px}.requirements-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){.shell{grid-template-columns:76px 1fr}.sidebar{padding:28px 11px}.brand{padding:0;justify-content:center}.brand img{width:37px;height:37px}.brand>div,.sidebar-label,.nav a span,.brief-card,.studio{display:none}.nav{margin-top:48px;gap:13px}.nav a{padding:16px;justify-content:center}.sidebar-foot:after{content:'PH';font-size:10px;color:#56647b;display:block;text-align:center}.topbar{height:73px}.hero h2{font-size:42px}.overview-grid{grid-template-columns:1.2fr 1fr}.feature-case{grid-template-columns:78px 1fr;gap:12px}.feature-case img{width:78px;height:113px}.feature-case h3{font-size:15px}.stat-value{font-size:28px}.stat-label{font-size:9px}.scenario-tabs button{font-size:12px}.architecture-node{padding:15px 8px}.architecture-flow{gap:7px}.architecture-node strong{font-size:10px}.roadmap-step{padding:17px}.calculator-grid{gap:23px}.calc-value{font-size:25px}.tour-copy h2{font-size:33px}.tour-layout{gap:24px}.tour-art{height:330px}}
@media(max-width:760px){.shell{display:block}.sidebar{height:65px;position:fixed;top:auto;bottom:0;width:100%;padding:5px 15px;border:0;border-top:1px solid var(--line);background:#fffffff5;backdrop-filter:blur(12px)}.sidebar .brand,.sidebar-foot{display:none}.nav{display:flex;margin:0;gap:5px;justify-content:space-around;height:100%}.nav a{padding:7px 5px;flex:1;border-radius:7px;display:flex;flex-direction:column;gap:5px;font-size:8px}.nav a span:not(.nav-index){display:block}.nav a svg{width:18px;height:18px}.topbar{height:65px;padding:0 21px}.breadcrumb{font-size:10px;gap:7px}.top-actions{gap:9px}.top-actions .avatar{display:none}.install-btn{padding:5px;font-size:0;gap:0}.main{padding:25px 21px 90px}.page-heading{gap:12px;align-items:center;margin-bottom:22px}.page-heading h1{font-size:25px}.page-heading p{font-size:10px;max-width:250px}.page-heading .button{padding:11px 13px;font-size:10px}.eyebrow{font-size:8px}.hero{min-height:345px;grid-template-columns:1.12fr 1fr}.hero-copy{padding:30px 0 28px 24px}.hero h2{font-size:39px;letter-spacing:-1.6px}.hero-copy>p{font-size:10px;max-width:230px}.hero-actions{gap:13px;flex-wrap:wrap;margin-top:22px}.hero .text-button{font-size:9px}.radar-tag{font-size:8px;padding:7px 10px;left:5%;top:27px}.signal-card{right:12px;bottom:53px;gap:8px;padding:10px}.signal-icon{height:27px;width:27px}.radar-caption{font-size:6px;left:12px;bottom:19px}.hero-caption{font-size:8px;line-height:1.6}.stat-row{padding:18px 0;margin:22px 0}.stat{padding:0 12px}.stat-top svg{display:none}.stat-value{font-size:26px}.stat-note{font-size:8px}.overview-grid{gap:17px;grid-template-columns:1fr}.feature-case{grid-template-columns:100px 1fr;gap:20px}.feature-case img{width:100px;height:127px}.feature-case h3{font-size:19px}.feature-case p{font-size:11px}.mini-node{padding:15px}.mini-node span{font-size:10px}.footer{font-size:8px;line-height:1.7;align-items:flex-start}.footer span:last-child{white-space:nowrap}.case-grid{grid-template-columns:1fr}.case-card{display:grid;grid-template-columns:39% 61%}.case-card .case-visual{height:auto!important;min-height:240px;padding:25px 12px}.case-body{padding:23px}.case-body h2{font-size:20px}.case-body p{font-size:11px}.evidence-banner{flex-wrap:wrap;padding:20px}.evidence-banner .button{margin-left:0}.evidence-banner>svg{display:none}.scenario-tabs button{padding:12px 5px;font-size:11px;gap:5px}.scenario-tabs .pill{font-size:7px;padding:3px 5px}.architecture-stage{padding:24px}.stage-heading h2{font-size:30px}.architecture-flow{flex-wrap:wrap;justify-content:center;gap:8px}.architecture-node{flex:none;width:28%;min-height:105px}.architecture-flow>svg{width:10px}.comparison-wrap{overflow-x:auto;margin:0 -5px}.comparison-table{min-width:550px;font-size:10px;margin-top:15px}.comparison-table th,.comparison-table td{padding:14px 10px}.calculator-grid{grid-template-columns:1fr 1fr;gap:20px}.calculator-controls{grid-column:1/-1}.calc-value{font-size:31px}.requirements-grid{gap:12px}.requirement-card{padding:17px}.requirement-card h2{font-size:13px}.roadmap-track{grid-template-columns:1fr 1fr}.roadmap-step:nth-child(-n+2){border-bottom:1px solid var(--line)}.roadmap-step:nth-child(2){border-right:0}.live-panel{grid-template-columns:1fr;gap:17px;padding:23px}.live-intro p{max-width:none}.live-intro select,.live-intro .button{max-width:none}.live-intro h2{font-size:36px}.live-trace{border-top:1px solid var(--line);padding-top:19px}dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.modal-top{padding:16px 19px}.modal-content{padding:20px}.tour-progress{margin-bottom:22px;gap:8px}.tour-progress button{font-size:9px}.tour-progress button span{display:block;font-size:8px;padding-bottom:6px}.tour-layout{grid-template-columns:1fr;gap:23px}.tour-art{height:280px}.tour-copy h2{font-size:35px}.tour-copy>p{font-size:12px}.tour-footer{align-items:flex-start}.tour-footer p{max-width:180px}.tour-footer .button{padding:11px}.tour-footer>div{gap:7px}.similarity-product img{height:200px}.integrity-box{min-height:280px}.heading-actions .button.outline{display:none}}
@media(max-width:460px){.topbar{padding:0 17px}.top-actions{font-size:9px}.breadcrumb .crumb-root{display:none}.main{padding:24px 17px 90px}.page-heading h1{font-size:24px}.page-heading p{max-width:235px;font-size:10px}.page-heading>.button{font-size:9px;padding:10px}.page-heading>.button svg{width:13px}.hero{grid-template-columns:1fr;min-height:525px}.hero-copy{padding:29px 26px 0}.hero h2{font-size:48px;margin-top:21px}.hero-copy>p{max-width:245px;font-size:11px}.hero-actions{margin-top:21px;gap:21px}.hero-actions .button{padding:12px 17px}.radar{min-height:203px;margin-top:-6px}.radar svg.radar-art{width:320px;height:260px;top:-39px;right:-15px}.radar-tag{top:47px;left:24px;font-size:8px}.signal-card{bottom:33px;right:24px}.signal-card strong{font-size:10px}.radar-caption{left:26px;bottom:11px;font-size:7px}.hero-caption{font-size:7px}.hero-caption span:last-child{max-width:125px;text-align:right}.stat-row{grid-template-columns:1fr 1fr;padding:0}.stat{padding:17px 19px;border-bottom:1px solid var(--line)}.stat:nth-child(2){border-right:0}.stat:nth-child(n+3){border-bottom:0}.stat-label{font-size:10px}.stat-value{font-size:30px}.stat-note{font-size:9px}.stat-top svg{display:block}.section-heading h2{font-size:15px}.section-heading .text-button{font-size:9px}.feature-case{gap:15px;grid-template-columns:86px 1fr}.feature-case img{width:86px;height:121px}.feature-case h3{font-size:18px}.feature-case p{font-size:10px}.panel{padding:19px}.case-card{display:block;padding:0}.case-card .case-visual{height:220px!important;min-height:0;padding:22px}.case-body{padding:21px}.requirements-grid{grid-template-columns:1fr}.requirement-card .req-id{font-size:24px;margin-bottom:10px}.requirement-card h2{font-size:15px}.requirement-card p{font-size:11px}.architecture-stage{padding:20px}.stage-heading .pill{display:none}.architecture-node{width:27%}.scenario-tabs button{font-size:11px;flex-wrap:wrap;padding:10px 4px;gap:4px}.scenario-tabs .pill{font-size:6px}.architecture-node strong{font-size:9px}.architecture-node small{font-size:8px}.tour-footer{flex-wrap:wrap}.tour-footer p{max-width:none;width:100%}.tour-footer>div{margin-left:auto}.tour-progress button{font-size:8px}.tour-copy h2{font-size:32px}.tour-art{height:260px}.similarity-product img{height:150px}.footer{flex-direction:column;gap:7px}.requirement-summary{gap:8px}.requirement-summary .pill{font-size:9px;padding:8px}.heading-actions .button{font-size:9px;padding:10px}.source-chips a{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

.live-source-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:23px 0}.live-source{background:#ffffffa0;border:1px solid #dce4f0;border-radius:9px;padding:20px}.live-source h4{font-size:14px;font-weight:500;line-height:1.6;margin:12px 0}.live-source p{font-size:10px}.live-source .source-link{margin-top:14px}.manifest-commitment{margin-top:18px;font-size:10px;line-height:1.8;color:#56647b}.manifest-commitment code{display:block;overflow-wrap:anywhere;user-select:all;font-size:10px;color:#1e4387;margin-top:6px}.manifest-commitment button{font-size:10px}.roadmap-track{grid-template-columns:repeat(3,1fr)}@media(max-width:760px){.live-source-cards{grid-template-columns:1fr}.roadmap-track{grid-template-columns:1fr!important}.roadmap-step{border-right:0;border-bottom:1px solid var(--line)}}

/* Flex constrains the original photo to the available panel height. */
.tour-art{display:flex;align-items:center;justify-content:center}.tour-art img{min-height:0;min-width:0;max-height:100%;max-width:100%}

/* DTI identity: official digital palette and Arial; see BRANDING.md. */
:root {
  --dti-navy: #151b42;
  --dti-red: #df1e25;
  --dti-yellow: #ffe500;
  --dti-charcoal: #41434e;
}
.sidebar { background:#fff; padding-top:26px; overflow-y:auto; }
.brand-context { color:#56647b; font-size:8px; font-weight:700; letter-spacing:1.8px; margin:0 11px 12px; }
.brand { display:flex; justify-content:flex-start; padding:0 11px; }
.brand img { width:96px; height:auto; object-fit:contain; }
.trace-step { min-height:108px; }
.trace-step>div { min-width:0; flex:1; }
.product-brand { margin:22px 11px 0; padding-top:19px; border-top:1px solid var(--line); }
.product-brand strong { color:var(--dti-blue); font-size:19px; font-weight:700; letter-spacing:-.6px; }
.product-brand small { display:block; font-size:8px; font-weight:600; letter-spacing:1.35px; color:#56647b; margin-top:6px; }
.sidebar-label { margin:30px 11px 16px; font-size:8px; letter-spacing:1.3px; }
.nav a { position:relative; font-weight:500; border-radius:6px; }
.nav a.active { color:#fff; }
.nav a.active::before { content:''; position:absolute; width:3px; top:12px; bottom:12px; left:0; background:var(--dti-red); border-radius:2px; }
.nav a.active svg { color:#fff; }
.sidebar-foot { padding-top:24px; }
.brief-card { background:#f5f7fb; border-radius:8px; }
.brief-card::after { border-color:#dce4f0; }
.studio { line-height:1.6; }
.topbar { position:relative; background:#fff; }
.topbar::before { content:''; position:absolute; top:0; left:0; width:100%; height:3px; background:linear-gradient(90deg,var(--dti-blue) 0 76%,var(--dti-red) 76% 100%); }
.masthead { display:flex; align-items:center; gap:13px; min-width:0; }
.agency-name { font-size:10px; font-weight:700; letter-spacing:1.05px; color:var(--dti-blue); margin-bottom:9px; }
.breadcrumb { font-size:10px; gap:9px; }
.mobile-dti { display:none; }
.page-heading h1 { color:var(--dti-navy); font-weight:600; letter-spacing:-1px; }
.hero { background:linear-gradient(115deg,var(--dti-navy) 0%,var(--dti-blue) 100%); }
.hero::after { content:''; position:absolute; bottom:0; left:35px; width:65px; height:4px; background:var(--dti-red); }
.hero h2 { font-weight:700; font-size:clamp(38px,3.7vw,58px); letter-spacing:-2px; line-height:1.06; }
.hero h2 em { font-style:normal; font-weight:700; }
.hero .eyebrow { color:#b9ddeb; }
.hero-copy>p { color:#d4e4f4; }
.hero .button.featured { background:#fff; color:var(--dti-blue); }
.hero .button.featured:hover { background:#e5f3fa; }
.hero .text-button { color:#fff; }
.radar { background:radial-gradient(ellipse at 54% 47%,#73c0e217,transparent 67%); }
.radar-tag { background:#203e70; color:#d6ebf7; }
.radar-tag .status-dot { background:var(--dti-sky); }
.radar-caption { color:#c1d1e8; }
.signal-card { background:#fff; }
.signal-icon { background:#e6f2fb; }
.signal-card small { color:#56647b; }
.map-shape { fill:#73c0e2; stroke:#bfe5f5; }
.stat-value { font-weight:600; color:var(--dti-blue); }
.stat-top svg { color:var(--dti-blue); }
.section-heading h2,.panel-top h3 { font-weight:600; }
.feature-case h3,.case-body h2 { font-weight:600; }
.text-button { color:var(--dti-blue); }
.button { border-radius:5px; }
.button:hover { background:#172f66; }
.pill { background:#e6eef8; color:var(--dti-blue); }
.pill.neutral { color:#56647b; }
.pill.amber { color:#8a541e; }
.architecture-stage,.integrity-box { background:var(--dti-navy); }
.stage-heading h2,.tour-copy h2,.live-intro h2 { font-weight:700; font-style:normal; }
.stage-heading h2 { letter-spacing:-.7px; }
.stage-heading p { color:#cad6e9; }
.architecture-node small { color:#c2d0e6; }
.architecture-node.active { background:#73c0e212; }
.comparison-table thead th:last-child { color:var(--dti-blue); }
.comparison-table tr>*:last-child { background:#eaf1fa80; }
.quote { font-size:24px; font-weight:600; border-left-color:var(--dti-blue); }
.quote small { font-weight:400; }
.requirement-card .req-id { color:var(--dti-blue); font-size:22px; font-style:normal; font-weight:700; }
.integrity-box h3,.live-result h3 { font-weight:600; }
.integrity-box p { color:#c6d4e8; }
.integrity-result { background:#e2f1fa; }
.hero .status-dot { background:var(--dti-sky); }
@media(min-width:1600px) {
  .hero h2 { font-size:64px; }
}
@media(max-width:1200px) {
  .brand img { width:88px; height:auto; }
  .product-brand { margin-left:8px; margin-right:8px; }
  .hero h2 { font-size:44px; }
  .agency-name { font-size:9px; letter-spacing:.75px; }
}
@media(max-width:980px) {
  .brand-context,.product-brand { display:none; }
  .brand { padding:0; justify-content:center; }
  .brand img { width:44px; height:auto; }
  .nav { margin-top:30px; }
  .hero h2 { font-size:40px; }
}
@media(max-width:760px) {
  .sidebar { overflow:visible; padding:5px 9px; background:#fffffff5; }
  .sidebar .brand,.brand-context,.product-brand { display:none; }
  .nav { margin:0; gap:3px; }
  .nav a { padding:7px 3px; min-width:0; font-size:8px; }
  .nav a.active::before { height:2px; width:16px; top:0; bottom:auto; left:calc(50% - 8px); }
  .agency-name { display:none; }
  .mobile-dti { display:block; width:42px; padding:4px; background:#fff; flex-shrink:0; }
  .mobile-dti img { width:100%; height:auto; display:block; }
  .topbar { height:75px; gap:12px; }
  .masthead { gap:10px; }
  .breadcrumb { font-size:10px; gap:5px; }
  .top-actions { gap:8px; }
  .hero h2 { font-size:38px; }
  .tour-copy h2 { font-size:32px; }
}
@media(max-width:460px) {
  .hero h2 { font-size:43px; letter-spacing:-1.6px; }
  .hero-copy { padding-top:31px; }
  .hero { min-height:510px; }
  .top-actions { font-size:8px; }
  .topbar { padding:0 14px; }
  .mobile-dti { width:39px; }
  .page-heading h1 { font-size:24px; }
  .hero::after { left:26px; }
}

.live-listing-link { display:block; margin:14px 0; }
.trace-step[data-state="manual_review"]>span { background:#fff0cf; color:#704d00; }