:root{--ink:#3f4c55;--deep:#315e67;--mint:#9dded5;--mint2:#e8f8f5;--coral:#ee8f53;--peach:#fff1e4;--cream:#f8fcfb;--line:#dbe9e7;--muted:#6b787e;--shadow:0 18px 46px rgba(48,85,93,.12)}
.digital-hero{grid-template-columns:.93fr 1.07fr;grid-template-areas:"copy visual";background:radial-gradient(circle at 12% 16%,rgba(255,255,255,.94),transparent 28%),linear-gradient(135deg,#dff7f3,#edf8ff 53%,#fff1df)}.digital-hero:after{background:rgba(255,200,134,.23)}.digital-visual{grid-area:visual;position:relative;z-index:1;width:min(570px,100%);margin:auto}.digital-visual img{display:block;width:100%;height:auto;border-radius:30px;box-shadow:var(--shadow)}.primary{background:#e6874c}.eyebrow{color:#4d9e98}.point,.rights{background:#35666d}.digital-message p{color:#e7f4f2}.practice{background:linear-gradient(135deg,#fff,#eef8ff)}.practice-text{padding:19px;border-left:5px solid #ef9a5d;border-radius:13px;background:#fff6ed;color:#5f584e;font-weight:650;line-height:2}.practice-text strong{color:#294c52;font-weight:900}.choice{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px}.choice i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e8f8f5;color:#35666d;font-style:normal;font-weight:900}.choice span{font-weight:800}.choice b{color:#68a9a4}.choice:hover,.choice.selected{border-color:#68beb7;background:#e8f8f5}.choice.selected i{background:#35666d;color:#fff}.footer{background:#2f5960}
@media(max-width:850px){.digital-hero{grid-template-columns:1fr;grid-template-areas:"copy" "visual"}.digital-visual{width:min(500px,100%)}}
.ai-promises{margin:32px 0 8px;padding:28px;border:1px solid #d8def2;border-radius:26px;background:linear-gradient(135deg,#f2f4ff,#fff);box-shadow:0 10px 30px rgba(73,83,136,.08)}.ai-promises h2{margin:2px 0 20px;color:#38466f;font-size:clamp(25px,3vw,34px)}.ai-promises ol{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:0;padding:0;list-style:none}.ai-promises li{display:flex;align-items:center;gap:13px;min-height:66px;padding:13px 15px;border-radius:16px;background:#fff;color:#3f4c55;font-weight:850;line-height:1.55}.ai-promises li:last-child{grid-column:1/-1}.ai-promises li b{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:12px;background:#7888bd;color:#fff;font-size:12px}@media(max-width:570px){.ai-promises{margin-top:24px;padding:21px 16px}.ai-promises ol{grid-template-columns:1fr}.ai-promises li:last-child{grid-column:auto}}
.reference-sites{padding:5px 0 95px}.reference-sites>h2{margin:0;color:var(--deep);font-size:clamp(30px,4vw,46px)}.reference-sites>div{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}.reference-sites article{display:flex;flex-direction:column;align-items:flex-start;padding:24px;border:1px solid var(--line);border-top:6px solid #5fa9a5;border-radius:23px;background:#fff;box-shadow:0 10px 30px rgba(48,85,93,.07)}.reference-sites article>span{font-size:34px}.reference-sites small{margin-top:7px;color:#d57442;font-weight:900}.reference-sites h3{margin:7px 0;color:var(--deep);font-size:19px;line-height:1.55}.reference-sites article p{color:var(--muted);font-size:12px}.reference-sites article a{margin-top:auto;padding:10px 13px;border-radius:99px;background:#35666d;color:#fff;font-size:11px;font-weight:900;text-decoration:none}.reference-date{margin-top:16px;color:var(--muted);font-size:10px}@media(max-width:850px){.reference-sites>div{grid-template-columns:1fr}.reference-sites{padding-bottom:70px}}

/* 04 KEY POINT: keep every chapter readable on the dark panel. */
.step.point{background:#35666d;color:#fff;border-color:#6ba2a7}
.step.point h2,.step.point blockquote{color:#fff}
.step.point .step-label{color:#ffd08f}
.step.point .step-no{background:#fff0ad;color:#294c52}