/* DCC AI assistant feature (platform.html#ai-assistance) */
.platform-ai-feature{padding:88px 28px;background:radial-gradient(ellipse at 88% 0%,#245e70 0%,#143a5a 38%,#0e2a47 75%)}
#dcc-ai-teaser{--dcc-surface:#fff;--dcc-ink:#0e2a47;--dcc-soft:#f2f6fa;--dcc-muted:#52616f;--dcc-line:#d8e4eb;--dcc-teal:#1f98a7;--dcc-aqua:#7acab7;--dcc-amber:#b26a12;--dcc-red:#c0392b;max-width:1180px;margin:0 auto;font-family:'Saira',Arial,sans-serif;color:var(--dcc-ink)}
#dcc-ai-teaser *{box-sizing:border-box}
#dcc-ai-teaser .ai-head{max-width:780px;margin-bottom:40px}
#dcc-ai-teaser .eyebrow{font-size:12px;letter-spacing:.2em;font-weight:600;margin:0 0 12px;color:#91ddd0}
#dcc-ai-teaser h2{font-size:clamp(30px,3.4vw,44px);line-height:1.12;letter-spacing:-.025em;color:#fff;margin:0 0 16px;font-weight:600}
#dcc-ai-teaser .intro{font-size:18px;line-height:1.6;color:#d6e8f1;margin:0}
#dcc-ai-teaser .ai-icon{width:19px;height:19px;flex-shrink:0;vertical-align:middle}

/* Stage: benefit menu + assistant window */
#dcc-ai-teaser .ai-stage{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:28px;align-items:start}
#dcc-ai-teaser .ai-menu{display:grid;gap:10px}
#dcc-ai-teaser .ai-menu button{display:flex;gap:16px;align-items:flex-start;text-align:left;width:100%;padding:18px 18px;border-radius:12px;border:1px solid rgba(145,221,208,.18);background:rgba(255,255,255,.04);color:#d6e8f1;font:inherit;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
#dcc-ai-teaser .ai-menu button:hover{background:rgba(255,255,255,.08);border-color:rgba(145,221,208,.4)}
#dcc-ai-teaser .ai-menu button[aria-selected=true]{background:#fff;border-color:#fff;color:var(--dcc-muted);box-shadow:0 14px 34px rgba(6,24,41,.35)}
#dcc-ai-teaser .ai-menu button:focus-visible{outline:3px solid var(--dcc-aqua);outline-offset:3px}
#dcc-ai-teaser .ai-menu-icon{flex:0 0 44px;height:44px;border-radius:10px;display:grid;place-items:center;background:rgba(122,202,183,.14);color:#91ddd0}
#dcc-ai-teaser .ai-menu-icon svg{width:24px;height:24px}
#dcc-ai-teaser .ai-menu button[aria-selected=true] .ai-menu-icon{background:linear-gradient(135deg,#1f98a7,#0e5a74);color:#fff}
#dcc-ai-teaser .ai-menu-text{display:grid;gap:4px}
#dcc-ai-teaser .ai-menu-text strong{font-size:18px;line-height:1.3;font-weight:600;color:#fff}
#dcc-ai-teaser .ai-menu button[aria-selected=true] strong{color:var(--dcc-ink)}
#dcc-ai-teaser .ai-menu-text>span{font-size:15px;line-height:1.5}

#dcc-ai-teaser .window{border-radius:14px;background:var(--dcc-surface);overflow:hidden;box-shadow:0 22px 50px rgba(6,24,41,.45);min-height:100%}
#dcc-ai-teaser .bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 22px;border-bottom:1px solid var(--dcc-line);font-size:16px;font-weight:600;flex-wrap:wrap}
#dcc-ai-teaser .brand,#dcc-ai-teaser .answer-label{display:flex;align-items:center;gap:9px}
#dcc-ai-teaser .spark{color:var(--dcc-teal)}
#dcc-ai-teaser .scope{font-size:12px;font-weight:400;color:var(--dcc-muted)}
#dcc-ai-teaser .conversation{padding:24px;display:grid;gap:18px}
#dcc-ai-teaser .conversation.in .prompt{animation:aiIn .35s ease both}
#dcc-ai-teaser .conversation.in .reply{animation:aiIn .45s .18s ease both}
@keyframes aiIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
#dcc-ai-teaser .prompt{justify-self:end;max-width:88%;padding:13px 16px;border-radius:14px 14px 2px 14px;background:#0e2a47;color:#fff;font-size:16px;line-height:1.5;margin:0}
#dcc-ai-teaser .answer-label{font-size:13px;font-weight:600;margin:0 0 8px;flex-wrap:wrap}
#dcc-ai-teaser .ai-time{font-weight:500;font-size:12px;color:#0b7d8b;background:#e3f4f2;border-radius:999px;padding:2px 9px}
#dcc-ai-teaser .answer{font-size:16px;line-height:1.6;margin:0 0 14px}
#dcc-ai-teaser .result{border:1px solid var(--dcc-line);border-radius:10px;padding:16px;background:var(--dcc-surface)}
#dcc-ai-teaser .result-head{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:12px;font-size:15px;font-weight:600}
#dcc-ai-teaser .tag{padding:4px 9px;background:var(--dcc-soft);color:var(--dcc-muted);font-size:12px;border-radius:4px;font-weight:500}
#dcc-ai-teaser .result-row{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-top:1px solid var(--dcc-line);font-size:15px;line-height:1.5}
#dcc-ai-teaser .result-row span:first-child{color:var(--dcc-muted)}
#dcc-ai-teaser .result-row span:last-child{text-align:right;font-weight:500;display:inline-flex;align-items:center;gap:6px;justify-content:flex-end}
#dcc-ai-teaser .result-row em{font-style:normal;color:var(--dcc-muted);font-weight:400}
#dcc-ai-teaser .result-row.new span:last-child{color:#0b7d8b;background:#e3f4f2;padding:2px 10px;border-radius:6px}
#dcc-ai-teaser .result-row.ok span:last-child{color:#1c7a45}
#dcc-ai-teaser .result-row svg{width:16px;height:16px}

/* Chart */
#dcc-ai-teaser .ai-chart{display:block;width:100%;height:auto;font-family:inherit}
#dcc-ai-teaser .ai-chart .grid{stroke:#e6edf2;stroke-width:1}
#dcc-ai-teaser .ai-chart .axis{fill:#6b7a88;font-size:12px}
#dcc-ai-teaser .ai-chart .bar{fill:#1f98a7}
#dcc-ai-teaser .ai-chart .bar-hi{fill:#d98a1f}
#dcc-ai-teaser .ai-chart .val{fill:#0e2a47;font-size:13px;font-weight:600}
#dcc-ai-teaser .ai-chart .val-hi{fill:#9a5a0e}
#dcc-ai-teaser .ai-chart .target{stroke:#0e2a47;stroke-width:1.5;stroke-dasharray:5 4}
#dcc-ai-teaser .ai-chart .target-label{fill:#0e2a47;font-size:12px;font-weight:600}
#dcc-ai-teaser .ai-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
#dcc-ai-teaser .ai-actions span{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;padding:7px 11px;border-radius:6px;border:1px solid var(--dcc-line);color:var(--dcc-ink)}
#dcc-ai-teaser .ai-actions span.primary{background:#1668e3;border-color:#1668e3;color:#fff}
#dcc-ai-teaser .ai-actions svg{width:15px;height:15px}

/* Needs attention list */
#dcc-ai-teaser .ai-issues{list-style:none;margin:0;padding:0}
#dcc-ai-teaser .ai-issues li{display:grid;grid-template-columns:12px 1fr auto;gap:12px;align-items:center;padding:11px 0;border-top:1px solid var(--dcc-line);font-size:14px;line-height:1.45}
#dcc-ai-teaser .ai-issues .dot{width:10px;height:10px;border-radius:50%;background:#8aa0b2}
#dcc-ai-teaser .ai-issues .crit .dot{background:var(--dcc-red);box-shadow:0 0 0 4px #f8dcd8}
#dcc-ai-teaser .ai-issues .warn .dot{background:#d98a1f}
#dcc-ai-teaser .ai-issues .what strong{display:block;font-size:15px;font-weight:600}
#dcc-ai-teaser .ai-issues .what{color:var(--dcc-muted)}
#dcc-ai-teaser .ai-issues .fix{font-size:13px;font-weight:500;color:var(--dcc-ink);background:var(--dcc-soft);padding:4px 9px;border-radius:5px;text-align:right}
#dcc-ai-teaser .ai-issues .crit .fix{background:#fbe9e6;color:#8f2a1f}

/* Priority ladder */
#dcc-ai-teaser .ai-priorities{list-style:none;margin:0;padding:0;display:grid;gap:7px}
#dcc-ai-teaser .ai-priorities li{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:500;padding:8px 12px;border-radius:8px;background:var(--dcc-soft);border-left:4px solid}
#dcc-ai-teaser .ai-priorities .num{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:13px;font-weight:700}
#dcc-ai-teaser .ai-priorities .p1{border-color:#1668e3}#dcc-ai-teaser .ai-priorities .p1 .num{background:#1668e3}
#dcc-ai-teaser .ai-priorities .p2{border-color:#c0392b}#dcc-ai-teaser .ai-priorities .p2 .num{background:#c0392b}
#dcc-ai-teaser .ai-priorities .p3{border-color:#d9731a}#dcc-ai-teaser .ai-priorities .p3 .num{background:#d9731a}
#dcc-ai-teaser .ai-priorities .p4{border-color:#b8900f}#dcc-ai-teaser .ai-priorities .p4 .num{background:#b8900f}
#dcc-ai-teaser .ai-priorities .p5{border-color:#52616f}#dcc-ai-teaser .ai-priorities .p5 .num{background:#52616f}

/* Guided steps */
#dcc-ai-teaser .ai-steps{list-style:none;margin:0;padding:0;display:grid;gap:8px}
#dcc-ai-teaser .ai-steps li{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:8px;background:var(--dcc-soft);font-size:14px;line-height:1.45;color:var(--dcc-muted)}
#dcc-ai-teaser .ai-steps strong{display:block;font-size:15px;font-weight:600;color:var(--dcc-ink)}
#dcc-ai-teaser .ai-steps .num{flex:0 0 26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;border:2px dashed #1f98a7;color:#0b7d8b;background:#fff}
#dcc-ai-teaser .ai-steps .auto{background:#e3f4f2}
#dcc-ai-teaser .ai-steps .auto .num{border:none;background:linear-gradient(135deg,#1f98a7,#0e5a74);color:#fff}

/* Approval */
#dcc-ai-teaser .ai-approve{margin-top:14px}
#dcc-ai-teaser .apply{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:14px;font-weight:600;min-height:44px;padding:10px 16px;border-radius:8px;border:1px solid #1668e3;background:#1668e3;color:#fff;cursor:pointer}
#dcc-ai-teaser .apply svg{width:16px;height:16px}
#dcc-ai-teaser .apply:focus-visible{outline:3px solid var(--dcc-teal);outline-offset:3px}
#dcc-ai-teaser .ai-approve p{margin:12px 0 0;padding:12px 14px;background:var(--dcc-soft);font-size:14px;line-height:1.6;border-radius:8px}
#dcc-ai-teaser .ai-approve p[hidden]{display:none}

/* Before / with comparison */
#dcc-ai-teaser .ai-compare{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}
#dcc-ai-teaser .ai-compare-row{border-radius:12px;border:1px solid rgba(145,221,208,.2);padding:18px 20px;background:rgba(255,255,255,.04)}
#dcc-ai-teaser .ai-compare p{margin:0}
#dcc-ai-teaser .ai-compare .task{font-size:16px;font-weight:600;color:#fff;margin-bottom:12px}
#dcc-ai-teaser .ai-compare .before,#dcc-ai-teaser .ai-compare .after{font-size:15px;line-height:1.45;padding-left:12px;border-left:3px solid}
#dcc-ai-teaser .ai-compare .before{color:#9fb6c6;border-color:rgba(159,182,198,.4);text-decoration:line-through;text-decoration-color:rgba(159,182,198,.55);margin-bottom:10px}
#dcc-ai-teaser .ai-compare .after{color:#fff;border-color:var(--dcc-aqua);font-weight:500}
#dcc-ai-teaser .ai-compare span{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;font-weight:600;margin-bottom:2px}
#dcc-ai-teaser .ai-compare .before span{color:#7f97a8}
#dcc-ai-teaser .ai-compare .before{text-decoration:none}
#dcc-ai-teaser .ai-compare .before s{text-decoration-color:rgba(159,182,198,.6)}
#dcc-ai-teaser .ai-compare .after span{color:#91ddd0}

#dcc-ai-teaser .trust{display:flex;flex-wrap:wrap;gap:10px 28px;color:#d7ecef;padding-top:28px;font-size:15px;line-height:1.6}
#dcc-ai-teaser .trust span{display:flex;align-items:center;gap:8px}
#dcc-ai-teaser .trust .ai-icon{color:#91ddd0}
#dcc-ai-teaser .concept{margin:14px 0 0;color:#a9c4d2;font-size:13px;line-height:1.55;max-width:820px}

@media(max-width:960px){
#dcc-ai-teaser .ai-stage{grid-template-columns:1fr}
#dcc-ai-teaser .ai-menu{grid-template-columns:1fr 1fr}
#dcc-ai-teaser .ai-compare{grid-template-columns:1fr}
}
@media(max-width:620px){
.platform-ai-feature{padding:56px 16px}
#dcc-ai-teaser .intro{font-size:16px}
#dcc-ai-teaser .ai-menu{gap:8px}
#dcc-ai-teaser .ai-menu button{flex-direction:column;gap:10px;padding:14px}
#dcc-ai-teaser .ai-menu-icon{flex-basis:auto;width:40px;height:40px}
#dcc-ai-teaser .ai-menu-text strong{font-size:15px}
#dcc-ai-teaser .ai-menu-text>span{display:none}
#dcc-ai-teaser .conversation{padding:16px}
#dcc-ai-teaser .bar{padding:14px 16px}
#dcc-ai-teaser .prompt{max-width:100%;font-size:15px}
#dcc-ai-teaser .answer{font-size:15px}
#dcc-ai-teaser .result{padding:13px}
#dcc-ai-teaser .ai-issues li{grid-template-columns:12px 1fr}
#dcc-ai-teaser .ai-issues .fix{grid-column:2;justify-self:start;text-align:left}
#dcc-ai-teaser .result-row{flex-direction:column;gap:2px}
#dcc-ai-teaser .result-row span:last-child{text-align:left;justify-content:flex-start;align-self:flex-start}
#dcc-ai-teaser .trust{font-size:14px}
#dcc-ai-teaser .ai-chart .axis,#dcc-ai-teaser .ai-chart .target-label{font-size:19px}
#dcc-ai-teaser .ai-chart .val{font-size:21px}
}
@media(prefers-reduced-motion:reduce){#dcc-ai-teaser *{animation:none!important;transition:none!important}}