.crumbs{font-size:12px;color:var(--muted);margin-bottom:14px}.crumbs a{color:inherit}
.uc-hero{padding:56px 0 40px;background:radial-gradient(circle at 80% 10%,rgba(53,211,161,.12),transparent 30%),linear-gradient(180deg,#fbfcfa,#fff)}
.uc-hero h1{font-size:52px;line-height:1.05;letter-spacing:-.05em;margin:12px 0 16px}
.uc-hero .lead{max-width:760px}
.uc-tabs{margin:26px 0 0}.uc-tabs .tab{text-decoration:none}
.uc-tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:22px}
.uc-tile{display:block;padding:16px;border:1px solid #e3eae6;border-radius:14px;background:#fff;color:var(--ink);text-decoration:none;transition:.18s}
.uc-tile:hover{border-color:var(--green-line);transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.uc-tile b{display:block;font-size:13px;line-height:1.35;margin-top:9px}
.uc-id{display:inline-block;font-size:10px;font-weight:850;letter-spacing:.06em;color:var(--green);background:var(--green-soft);border:1px solid #d1f2e3;border-radius:999px;padding:4px 8px}
.uc-body{padding:34px 0 80px}
.uc-legend{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px;color:var(--muted)}
.uc-vendor{display:inline-block;font-size:10px;font-weight:850;letter-spacing:.04em;color:#fff;background:var(--vc);border-radius:6px;padding:3px 7px}
.uc-case{padding:38px 0;border-top:1px solid var(--line);scroll-margin-top:90px}
.uc-case-head{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.uc-case-head h2{font-size:30px;margin:0;letter-spacing:-.035em}
.uc-flow{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:26px;counter-reset:n}
.uc-node{position:relative;display:flex;flex-direction:column;gap:8px;padding:14px 14px 32px;border:1px solid #e3ebe7;border-radius:13px;background:#fff;font-size:12px;line-height:1.4}
.uc-node b{font-size:13px}
.uc-node code{font:10.5px/1.5 "SFMono-Regular",Consolas,monospace;color:#5a6a7c;word-break:break-word}
.uc-node:not(:last-child):after{content:"→";position:absolute;right:-21px;top:50%;transform:translateY(-50%);color:#8c98a5;font-size:16px}
.uc-node .uc-vendor{align-self:flex-start}
.uc-num{position:absolute;bottom:10px;right:10px;width:20px;height:20px;border-radius:50%;background:#f0f4f2;color:#506071;font-size:10px;font-weight:850;display:grid;place-items:center}
.uc-tag{align-self:flex-start;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#506071}
.uc-node.trig{background:var(--navy);border-color:var(--navy);color:#fff}.uc-node.trig .uc-tag{color:#84e8c7}
.uc-node.gate{border-width:1.5px;border-color:var(--green-line);background:#f5fffa}.uc-node.gate .uc-tag{color:#27785d}
.uc-node.gate.deny{border-color:#ffc4c4;background:#fff8f8}.uc-node.gate.deny .uc-tag{color:var(--red)}
.uc-node.gate.review{border-color:#f0d894;background:#fffaf0}.uc-node.gate.review .uc-tag{color:var(--amber)}
.uc-node.gate .badge{align-self:flex-start}
.uc-why{display:grid;grid-template-columns:1.3fr 1fr;gap:26px;margin-top:20px;align-items:start}
.uc-why p{margin:8px 0 0;font-size:14px;line-height:1.65;color:#495a6d}
.uc-diff{border:1px solid #e5ebe8;border-radius:14px;overflow:hidden;background:#fff}
.uc-cta{margin-top:50px}
.dept-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:32px}
.dept-tile{display:flex;flex-direction:column;padding:20px;border:1px solid #e3eae6;border-radius:16px;background:#fff}
.dept-tile h3{font-size:22px;letter-spacing:-.03em;margin:10px 0 12px}.dept-tile h3 a{color:var(--ink);text-decoration:none}
.dept-tile ul{list-style:none;margin:0 0 16px;padding:0;flex:1}
.dept-tile li a{display:block;padding:8px 0;border-top:1px solid #edf1ef;font-size:12px;line-height:1.4;color:#3a4552;text-decoration:none}
.dept-tile li a:hover{color:var(--green)}
.dept-tile li span{display:inline-block;min-width:32px;font-size:10px;font-weight:850;color:var(--green)}
.dept-more{font-size:12px;font-weight:800;color:var(--green);text-decoration:none}
@media(max-width:1100px){.dept-grid{grid-template-columns:repeat(2,1fr)}.uc-tiles{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){.uc-flow{grid-auto-flow:row;grid-auto-columns:auto;gap:24px}.uc-node:not(:last-child):after{content:"↓";right:auto;left:50%;top:auto;bottom:-22px;transform:translateX(-50%)}.uc-why{grid-template-columns:1fr}}
@media(max-width:680px){.uc-hero h1{font-size:38px}.dept-grid,.uc-tiles{grid-template-columns:1fr}.uc-case-head h2{font-size:24px}}
.uc-node.trig,.uc-node.gate{padding-bottom:14px}
.dept-blurb{font-size:12px;line-height:1.55;color:var(--muted);margin:0 0 14px}.footer-uc-title a{color:inherit;text-decoration:none}
.hc-icon{width:30px;height:30px;display:grid;place-items:center;background:var(--green-soft);border:1px solid #d1f2e3;color:var(--green);border-radius:9px;font-weight:900;font-size:13px}
.hc-spec-intro{font-size:13px;color:var(--muted);margin:0 0 18px}
.hc-chip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.hc-chip{border:1px solid #e3eae6;border-radius:13px;padding:14px 15px;background:#fff;font-size:12.5px}
.hc-chip b{display:block;font-size:13px;font-weight:780;margin-bottom:4px}
.hc-chip span{color:var(--muted);font-size:11.5px;line-height:1.5}
@media(max-width:980px){.hc-chip-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.hc-chip-grid{grid-template-columns:1fr}}
.hc-shots{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;margin-top:26px;align-items:start}
.hc-shot{margin:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;box-shadow:var(--shadow-sm)}
.hc-shot img{display:block;width:100%;height:auto}
.hc-shot figcaption{padding:12px 16px 16px;font-size:12px;line-height:1.55;color:var(--muted)}
@media(max-width:980px){.hc-shots{grid-template-columns:1fr}}