:root{--detail-accent:#00a86b;--detail-accent-soft:#e8f5ee;--ink:#000052;--muted:#55556e;--line:#e1e0da;--surface:#f5f4f0;--max:1280px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--surface);color:var(--ink);font:16px/1.55 'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.sd-header{height:64px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - var(--max))/2));background:rgba(255,255,255,.94)}
.sd-brand{font-size:18px;letter-spacing:-.03em}.sd-brand b{font-weight:600}.sd-home{color:var(--detail-accent);font-size:14px}
.sd-main{max-width:var(--max);padding:0 32px;margin:auto}
.sd-crumb{display:flex;gap:9px;align-items:center;padding:20px 0;color:var(--muted);font-size:13px}.sd-crumb a{color:var(--detail-accent)}
.sd-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:48px;align-items:center;padding:54px 0 64px;border-bottom:1px solid var(--line)}
.sd-kicker{font:500 12px/1.4 'IBM Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--detail-accent)}
.sd-title{font-size:clamp(38px,6vw,72px);font-weight:300;line-height:1.04;letter-spacing:-.045em;margin:14px 0 18px;max-width:800px}
.sd-title span{background:linear-gradient(105deg,#a100ff,#6929c4 48%,#0f62fe);background-clip:text;-webkit-background-clip:text;color:transparent}
.sd-description{font-size:19px;color:#30305f;max-width:64ch;margin:0}
.sd-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.sd-meta span{padding:7px 11px;background:var(--surface);font-size:12px;color:#30305f;border-radius:2px}
.sd-visual{min-height:300px;position:relative;overflow:hidden;background:#e1e0da;isolation:isolate}
.sd-visual::before{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(90deg,#00a86b,#000052) top left/0 2px no-repeat,linear-gradient(180deg,#000052,#00a86b) top right/2px 0 no-repeat,linear-gradient(270deg,#00a86b,#000052) bottom right/0 2px no-repeat,linear-gradient(0deg,#000052,#00a86b) bottom left/2px 0 no-repeat;animation:edge-trace 1s ease-out .15s 1 both}
.sd-visual::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.18));pointer-events:none}
.sd-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.sd-section{padding:60px 0;border-bottom:1px solid var(--line)}
.sd-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px}
.sd-section h2{font-size:clamp(25px,3vw,36px);font-weight:300;line-height:1.2;letter-spacing:-.025em;margin:0}
.sd-section-head p{margin:0;color:var(--muted);font-size:14px;max-width:48ch}
.sd-columns{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.7fr);gap:64px}
.sd-copy{font-size:17px;color:#30305f;max-width:72ch}.sd-copy p{margin:0 0 18px}
.sd-facts{background:var(--surface);padding:22px;border-top:3px solid var(--detail-accent)}.sd-facts h3{font-size:14px;margin:0 0 12px}.sd-fact{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.sd-fact:last-child{border-bottom:0}.sd-fact span:first-child{color:var(--muted)}.sd-fact span:last-child{text-align:right;font-weight:500}
.sd-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sd-related a{min-height:145px;padding:20px;background:#fff;border:1px solid var(--line);position:relative;display:flex;flex-direction:column;justify-content:space-between;transition:border-color .2s,box-shadow .2s,transform .2s}
.sd-related a::before{content:"";height:2px;position:absolute;inset:0 auto auto 0;width:0;background:linear-gradient(90deg,#a100ff,#0f62fe);transition:width .28s ease}
.sd-related a:hover{border-color:#72d5a8}.sd-related a:hover::before{width:100%}
.sd-related small{font:11px 'IBM Plex Mono',monospace;text-transform:uppercase;color:var(--detail-accent);letter-spacing:.05em}.sd-related strong{font-size:18px;font-weight:400;line-height:1.3}.sd-related i{font-style:normal;color:var(--detail-accent);align-self:flex-end}
.sd-cta{background:#000052;color:#fff;margin:56px 0 64px;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:24px}.sd-cta h2{font-size:26px;font-weight:300;margin:0}.sd-cta a{background:#fff;color:#000052;padding:12px 17px;font-size:14px;white-space:nowrap}.sd-cta a:hover{background:#e5f2eb}
.sd-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:8px 0 8px}
.sd-metric{padding:22px 20px;background:#fff;border:1px solid var(--line);min-height:140px;position:relative;isolation:isolate}
.sd-metric b{display:block;font-size:32px;font-weight:300;letter-spacing:-.04em;background:linear-gradient(105deg,#a100ff,#6929c4 48%,#0f62fe);background-clip:text;-webkit-background-clip:text;color:transparent}
.sd-metric span{display:block;margin-top:8px;color:var(--muted);font-size:13px}
.sd-quote{margin:8px 0 0;padding:28px 32px;background:#000052;color:#fff}
.sd-quote p{font-size:clamp(22px,2.4vw,30px);font-weight:300;line-height:1.35;margin:0 0 14px;max-width:28ch}
.sd-quote cite{font-style:normal;font:12px 'IBM Plex Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:#72d5a8}
.sd-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sd-highlight{padding:22px;border:1px solid var(--line);background:#fff;min-height:160px;display:flex;flex-direction:column;gap:10px;position:relative;isolation:isolate}
.sd-highlight small{font:11px 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.05em;color:var(--detail-accent)}
.sd-highlight h3{margin:0;font-size:20px;font-weight:400}
.sd-highlight p{margin:0;color:#30305f;font-size:14px}
@keyframes edge-trace{0%{background-size:0 2px,2px 0,0 2px,2px 0}25%{background-size:100% 2px,2px 0,0 2px,2px 0}50%{background-size:100% 2px,2px 100%,0 2px,2px 0}75%{background-size:100% 2px,2px 100%,100% 2px,2px 0}100%{background-size:100% 2px,2px 100%,100% 2px,2px 100%}}
.sd-metric::before,.sd-highlight::before,.sd-related a::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(90deg,#00a86b,#000052) top left/0 2px no-repeat,linear-gradient(180deg,#000052,#00a86b) top right/2px 0 no-repeat,linear-gradient(270deg,#00a86b,#000052) bottom right/0 2px no-repeat,linear-gradient(0deg,#000052,#00a86b) bottom left/2px 0 no-repeat}
.sd-metric:hover::before,.sd-highlight:hover::before,.sd-related a:hover::after{opacity:1;animation:edge-trace .72s ease-out 1 both}
.sd-footer{border-top:1px solid var(--line);padding:20px max(24px,calc((100vw - var(--max))/2));display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:12px}
@media(max-width:760px){.sd-main{padding:0 20px}.sd-hero{grid-template-columns:1fr;gap:28px;padding:36px 0 42px}.sd-visual{min-height:210px}.sd-columns{grid-template-columns:1fr;gap:28px}.sd-related,.sd-metrics,.sd-highlights{grid-template-columns:1fr}.sd-related a{min-height:120px}.sd-section{padding:42px 0}.sd-cta{align-items:flex-start;flex-direction:column;margin:40px 0;padding:24px}.sd-footer{padding:18px 20px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sd-related a,.sd-related a::before,.sd-visual::before{transition:none;animation:none}}