:root{--navy:#07131e;--surface:#102436;--surface-2:#0d2233;--ink:#edf7f5;--muted:#9bb0bb;--teal:#57e0cf;--line:rgba(234,244,244,.16);font-family:'Manrope','Noto Sans SC',Arial,sans-serif;color:var(--ink);background:var(--navy)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(135deg,#07131e,#0b2030 55%,#07131e);color:var(--ink);line-height:1.6}a{color:inherit;text-decoration:none}.flow-page{width:min(1180px,calc(100% - 36px));margin:auto;padding:42px 0 32px}.flow-header{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;padding-bottom:38px;border-bottom:1px solid var(--line)}.eyebrow,.section-label{margin:0 0 12px;color:var(--teal);font-size:11px;font-weight:700;letter-spacing:.18em}.flow-header h1{margin:0;font-size:clamp(2.35rem,5vw,5.8rem);line-height:1.02;letter-spacing:-.06em}.flow-header h1 span{color:var(--teal)}.lead{max-width:48ch;margin:20px 0 0;color:var(--muted);font-size:17px}.header-links{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.solid-button,.outline-button,.mini-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px;border:1px solid var(--line);font-size:13px;font-weight:600}.solid-button{background:var(--teal);border-color:var(--teal);color:var(--navy)}.outline-button:hover,.mini-link:hover{border-color:var(--teal);color:var(--teal)}.quick-flow,.role-section,.qr-section,.notes-section{padding:58px 0;border-bottom:1px solid var(--line)}h2{margin:0;font-size:clamp(2rem,4vw,4.4rem);line-height:1.04;letter-spacing:-.055em}.overall-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin-top:30px;background:var(--line);border:1px solid var(--line)}.overall-grid article{min-height:190px;padding:22px;background:var(--surface-2)}.overall-grid span{display:block;color:var(--teal);font-size:12px;font-weight:700;letter-spacing:.12em}.overall-grid strong{display:block;margin:38px 0 8px;font-size:18px}.overall-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.role-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px}.steps{list-style:none;padding:0;margin:0;display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}.steps li{display:grid;grid-template-columns:180px 1fr;gap:24px;padding:18px 22px;background:rgba(13,34,51,.95)}.steps li:nth-child(even){background:rgba(16,36,54,.98)}.steps b{color:var(--teal);font-size:15px}.steps span{color:var(--muted);font-size:14px}.qr-section{background:rgba(8,21,34,.5)}.qr-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;margin-top:28px;background:var(--line);border:1px solid var(--line)}.qr-card{display:flex;min-height:220px;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px 12px;background:var(--surface-2);text-align:center}.qr-card:hover{background:#123148}.qr-card img{width:112px;height:112px;padding:8px;background:#fff;object-fit:contain}.qr-card strong{font-size:14px}.qr-card span{color:var(--teal);font-size:12px}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:28px;background:var(--line);border:1px solid var(--line)}.notes-grid p{margin:0;min-height:108px;padding:20px;background:var(--surface-2);color:var(--muted);font-size:14px}.notes-grid b{display:block;margin-bottom:6px;color:var(--teal);font-size:15px}.flow-footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:22px;color:#7f9aa6;font-size:12px}.flow-footer a{color:var(--teal)}
@media(max-width:900px){.flow-header{display:block}.header-links{justify-content:flex-start;margin-top:24px}.overall-grid{grid-template-columns:repeat(2,1fr)}.overall-grid article:last-child{grid-column:1/-1}.qr-grid{grid-template-columns:repeat(3,1fr)}.notes-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.flow-page{width:min(100% - 24px,1180px);padding-top:24px}.flow-header h1{font-size:clamp(2.35rem,13vw,4.5rem)}.lead{font-size:15px}.quick-flow,.role-section,.qr-section,.notes-section{padding:42px 0}.overall-grid,.qr-grid,.notes-grid{grid-template-columns:1fr}.overall-grid article:last-child{grid-column:auto}.overall-grid article{min-height:0}.overall-grid strong{margin-top:20px}.role-heading{display:block}.mini-link{margin-top:16px;width:100%}.steps li{grid-template-columns:1fr;gap:5px;padding:16px}.qr-card{min-height:205px}.flow-footer{display:grid;gap:10px}}
@media print{body{background:#fff;color:#162a36}.flow-page{width:auto;padding:0}.flow-header,.quick-flow,.role-section,.qr-section,.notes-section{border-color:#ccd9df}.flow-header h1,.steps b,.overall-grid span,.notes-grid b{color:#0b5f69}.lead,.overall-grid p,.steps span,.notes-grid p,.flow-footer{color:#607582}.overall-grid,.steps,.qr-grid,.notes-grid{background:#ccd9df}.overall-grid article,.steps li,.qr-card,.notes-grid p{background:#fff}.header-links,.flow-footer a{color:#0b5f69}}