:root{--navy:#071f34;--deep:#103b58;--text:#183951;--muted:#607c91;--sky:#e9f6fb;--cyan:#42b8d4;--gold:#f9b83c;--border:#d6e6ee;--teal:#35bb93}*{box-sizing:border-box}body{margin:0;font:15px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:#f4f9fc}a{color:#11638b}.container{max-width:1390px;margin:auto;padding:0 24px}header{background:#071e32;color:white;border-bottom:3px solid #267da3}.site-nav{max-width:1390px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 24px}.brand{color:white;text-decoration:none;font-weight:850;letter-spacing:.04em}.brand span{font-weight:450;font-size:12px;color:#d7e8f0}header nav{display:flex;gap:22px;font-size:13px}header nav a{color:#e6f2f6;text-decoration:none}.hero{background:linear-gradient(113deg,#08283e,#124562);color:white;padding:56px 0 45px}.eyebrow{color:#c38b2f;font-size:11px;letter-spacing:.16em;font-weight:850}.hero .eyebrow{color:#ffc55c}.hero h1{font-size:clamp(36px,4.2vw,60px);line-height:1.1;letter-spacing:-.035em;margin:18px 0 17px;max-width:800px}.hero p{max-width:900px;color:#d8e7ef;font-size:17px}.state{margin-top:26px;font-size:13px!important;color:#c5dce7!important}.state span{font-weight:800;color:#152f41;background:#ffd078;border-radius:20px;padding:6px 12px;margin-right:10px}.roles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:35px}.role{background:white;border:1px solid var(--border);border-top:5px solid var(--accent);border-radius:13px;padding:18px 18px 17px;cursor:pointer;text-align:left;color:var(--text);box-shadow:0 10px 26px #1a5b7810}.role strong{display:block;font-size:16px}.role small{display:block;color:#618096;margin-top:5px;font-size:12px}.role.active{outline:3px solid #58b5d2;outline-offset:2px;background:#f4fdff}.intro{display:flex;justify-content:space-between;gap:22px;align-items:center;padding:35px 4px 16px}.intro h2{font-size:clamp(24px,3vw,37px);margin:7px 0}.intro p{margin:0;max-width:850px;color:var(--muted)}.role-cta a,.links a{display:inline-block;border-radius:9px;background:var(--gold);text-decoration:none;color:#142f43;font-weight:800;padding:13px 18px;white-space:nowrap}.legend{display:flex;gap:19px;flex-wrap:wrap;color:#657f91;font-size:12px;margin:12px 0 17px}.marker{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.marker.source{background:#40b1cb}.marker.planned{background:#c59b46}.flow{display:flex;align-items:stretch;gap:22px;overflow-x:auto;padding:8px 4px 18px;scroll-snap-type:x mandatory}.flow-card{position:relative;flex:1 0 0;min-width:185px;max-width:none;background:white;border:1px solid #cde2ed;border-radius:15px;box-shadow:0 11px 26px #1744600d;padding:19px 15px 17px;cursor:pointer;text-align:left;scroll-snap-align:start;color:inherit}.flow-card:after{content:"→";position:absolute;right:-23px;top:42%;font-weight:850;color:#2c8fb6;font-size:23px}.flow-card:last-child:after{content:""}.flow-card.active{border-color:#42acd1;box-shadow:0 0 0 2px #7bcfe6,0 11px 26px #1744600d}.circle{width:36px;height:36px;border-radius:50%;background:#0b577b;color:white;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:850;margin-bottom:12px}.flow-card h3{font-size:16px;line-height:1.26;margin:0 0 10px;min-height:61px}.flow-card p{font-size:12px;color:#5e7b90;margin:0 0 15px;min-height:91px}.flow-card .mini{background:#eff7fb;border:1px solid #dceaf1;border-radius:9px;padding:11px}.flow-card .mini strong{display:block;color:#254f65;font-size:12px}.mini ul{padding:0;margin:8px 0 0;list-style:none}.mini li{border-top:1px solid #d6e6ed;padding:5px 0;color:#496b80;font-size:11px}.mini li:before{content:"✓";color:#22a27c;font-weight:900;margin-right:6px}.status{margin-top:13px;color:#8c6d34;font-size:11px;font-weight:750}.status.existing{color:#21738b}.stepdetail{margin:10px 4px 38px;padding:19px 23px;border-radius:13px;border:1px solid #d3e6ef;border-left:5px solid #49b4d1;background:white}.stepdetail h3{font-size:18px;margin:3px 0 8px}.stepdetail p{color:#55768b;margin:0}.stepdetail a{font-weight:800;display:inline-block;margin-top:10px}.benefits{display:grid;grid-template-columns:1fr 1.5fr;gap:27px;background:white;border:1px solid var(--border);border-radius:18px;padding:30px;margin-bottom:27px}.benefits h2{font-size:27px;margin:8px 0}.benefits p{color:#638095}.benefit-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.benefit-item{background:#f4fafd;border:1px solid #e0ebf1;border-radius:10px;padding:15px;font-size:13px;font-weight:700}.benefit-item:before{content:"✓";color:#148a79;margin-right:8px}.boundary{display:flex;gap:18px;align-items:center;padding:26px;background:#e7f2f8;border-radius:16px;margin:30px 0}.boundary-icon{font-size:31px}.boundary h2{margin:0 0 7px;font-size:20px}.boundary p{margin:0;color:#51718a}.links{margin:35px 0 48px}.links h2{font-size:26px}.link-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.link-grid a{display:flex;justify-content:space-between;gap:10px;align-items:center;background:#f6b83e;font-size:13px;white-space:normal}.link-grid a:nth-child(even){background:#e2f1f7;color:#174d6b}footer{background:#071e32;padding:24px;color:#c3dbe7;text-align:center;font-size:12px}footer a{color:#e4f9ff}@media(max-width:1100px){.flow-card{min-width:220px}.flow-card h3{min-height:0}.flow-card p{min-height:0}.link-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.roles{grid-template-columns:repeat(2,1fr)}.intro{display:block}.role-cta{margin-top:18px}.benefits{grid-template-columns:1fr}.flow-card{flex:none;width:260px}.benefit-list{grid-template-columns:1fr}.site-nav{display:block}header nav{margin-top:12px;gap:12px;flex-wrap:wrap}.hero{padding:35px 0}.hero p{font-size:15px}}@media(max-width:480px){.roles,.link-grid{grid-template-columns:1fr}.container{padding:0 16px}.benefits{padding:20px}.flow-card{width:240px}}