:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#231638;background:#f7f5fb;line-height:1.55;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}a{color:#5030a0}a:focus-visible{outline:3px solid #8c55ed;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.15;letter-spacing:-.025em}h1{font-size:clamp(2.1rem,5vw,3.7rem);max-width:19ch}h2{font-size:clamp(1.55rem,3vw,2.2rem)}h3{font-size:1.13rem}p{max-width:70ch}small{font-size:.8rem}.skip{position:absolute;left:-9999px;top:8px;background:#fff;padding:10px;z-index:20}.skip:focus{left:8px}
.site-head{background:#21143c;color:#fff}.head-inner{max-width:1140px;margin:auto;padding:14px 24px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.brand{font-weight:900;letter-spacing:.04em;color:#fff;text-decoration:none;display:flex;align-items:center;gap:9px}.brand-mark{display:grid;place-items:center;width:37px;height:37px;background:#c9fa69;border-radius:11px;color:#21143c;font-size:13px;letter-spacing:0}.head-links{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}.head-links a{color:#f4eefc;text-decoration:none;padding:8px 12px;border-radius:9px;font-size:.86rem;font-weight:700}.head-links a:hover,.head-links a[aria-current=page]{background:#513679}
main,.site-foot{max-width:1140px;margin:auto;padding-inline:24px}.hero{padding:64px 0 38px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(270px,.75fr);align-items:center;gap:32px}.eyebrow{display:block;color:#633aaa;font-size:.76rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px}.lead{font-size:1.12rem;color:#514766}.hero .lead{max-width:57ch}.hero-visual{background:#21143c;border-radius:28px;padding:25px;box-shadow:0 25px 60px #291b4c24;color:#fff;min-height:265px;display:grid;align-content:center}.hero-visual h2{color:#c9fa69;font-size:1.35rem}.flow{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:14px}.flow span{display:block;background:#3f2a62;padding:10px 12px;border-radius:10px;font-weight:700;font-size:.8rem}.flow i{font-style:normal;color:#c9fa69;font-size:1.2rem}.hero-visual p{font-size:.82rem;color:#dcd2ed;margin:15px 0 0}
.intro-card,.note,.end-card{border:1px solid #ded7ed;background:#fff;border-radius:20px;padding:22px 26px}.note{border-left:5px solid #6e42c3;background:#f0ebf9}.note strong{color:#3c2577}.note p:last-child,.intro-card p:last-child{margin-bottom:0}.quick-nav{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0 30px}.quick-nav a{background:#fff;border:1px solid #ded7ed;border-radius:999px;padding:9px 14px;text-decoration:none;font-size:.84rem;font-weight:750}.quick-nav a:hover{border-color:#6432b0;background:#f1eafa}
.role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:24px 0 52px}.role-card{display:flex;flex-direction:column;border:1px solid #ded7ed;border-radius:21px;background:#fff;padding:25px;text-decoration:none;color:inherit;min-height:260px;box-shadow:0 7px 24px #28144a0a}.role-card:hover{border-color:#8654d2;transform:translateY(-2px)}.role-card .role-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#eee7f8;font-size:1.45rem;margin-bottom:22px}.role-card p{color:#5e536e;font-size:.9rem}.role-card strong{color:#5030a0;margin-top:auto}.role-card .count{color:#806da0;font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.chapter{padding:32px 0;scroll-margin-top:25px;border-top:1px solid #ded7ed}.chapter-head{max-width:730px;margin-bottom:23px}.chapter-head p{color:#5f536f}.step{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.95fr);gap:30px;align-items:center;margin:22px 0 38px}.step.reverse .copy{order:2}.step.reverse figure{order:1}.step .number{display:inline-grid;place-items:center;width:37px;height:37px;border-radius:50%;background:#c9fa69;color:#21143c;font-weight:900;margin-bottom:14px}.copy h3{font-size:1.35rem}.copy p,.copy li{color:#514766}.copy ul,.copy ol{padding-left:20px}.copy li+li{margin-top:6px}.inline-link{display:inline-block;font-weight:800;margin-top:6px}.mock{margin:0;background:#fff;border:1px solid #dcd3e9;border-radius:20px;box-shadow:0 14px 35px #25144214;overflow:hidden}.mock-screen{padding:19px;background:linear-gradient(160deg,#f9f7fd,#f0ebf8);min-height:215px}.mock-bar{background:#28183f;color:#fff;font-size:.72rem;font-weight:800;padding:10px 16px;display:flex;justify-content:space-between;gap:10px}.mock-bar .dots{color:#c9fa69}.mock-title{font-size:.92rem;font-weight:850;color:#241638;margin-bottom:13px}.mock-line,.mock-row{background:#fff;border:1px solid #dfd7eb;border-radius:11px;padding:10px 12px;font-size:.74rem;margin:7px 0;display:flex;align-items:center;justify-content:space-between;gap:8px}.mock-line b,.mock-row b{color:#2b1747}.mock-row small{color:#6a5b7f}.mock-pill{border-radius:99px;background:#ebe2f8;color:#5a3198;padding:3px 9px;font-size:.68rem;font-weight:800;white-space:nowrap}.mock-pill.green{background:#e6f9c9;color:#39691b}.mock-pill.amber{background:#fff1d2;color:#85530f}.mock-button{display:block;background:#c9fa69;border-radius:10px;padding:9px 12px;color:#231638;text-align:center;font-size:.77rem;font-weight:850;margin-top:11px}.mock-button.purple{background:#482779;color:#fff}.mock-chips{display:flex;gap:5px;flex-wrap:wrap}.mock-chips span{background:#fff;border:1px solid #d7cce7;border-radius:8px;padding:6px 8px;font-size:.68rem;font-weight:750}.mock-chips .on{background:#e9def9;border-color:#6b38c1;color:#4c2691}.mock-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.mock-grid span{background:#fff;border:1px solid #d7cce7;border-radius:8px;padding:10px 2px;text-align:center;font-weight:800;font-size:.68rem}.mock-grid .on{background:#e9def9;border-color:#6b38c1}.mock-progress{height:10px;border-radius:99px;background:#ded3eb;overflow:hidden;margin-top:12px}.mock-progress span{display:block;width:65%;height:100%;background:#c9fa69}.mock figcaption{padding:10px 15px;color:#6d6280;font-size:.72rem;border-top:1px solid #e6dfed}.mini-flow{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.mini-flow span{background:#eee8f6;border-radius:9px;padding:8px 10px;font-size:.75rem;font-weight:750}.mini-flow span:last-child{background:#e8f8d0}.safety{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0 45px}.safety .note{margin:0}.end-card{margin:16px 0 60px;background:#21143c;color:#fff;border-color:#21143c}.end-card h2{color:#c9fa69}.end-card p{color:#ebe4f4}.end-card a{display:inline-block;background:#c9fa69;color:#21143c;text-decoration:none;font-weight:850;padding:12px 17px;border-radius:10px}.site-foot{border-top:1px solid #dfd7e9;padding-block:20px 40px;color:#6a5e7a;font-size:.78rem}
@media(max-width:760px){.hero,.step{grid-template-columns:1fr}.hero{padding-top:36px}.step.reverse .copy,.step.reverse figure{order:initial}.role-grid{grid-template-columns:1fr}.role-card{min-height:0}.safety{grid-template-columns:1fr}.head-links{width:100%;margin-left:0}.head-links a{padding:7px 9px}.hero-visual{min-height:0}.chapter{padding-block:23px}}
@media(max-width:380px){main,.site-foot{padding-inline:16px}.head-inner{padding-inline:16px}.mock-screen{padding:14px}.mock-grid{gap:3px}.mock-grid span{padding:8px 1px}.head-links a{font-size:.78rem}}
@media print{.site-head,.quick-nav,.end-card,.site-foot{display:none}.hero,.step{display:block}.hero-visual{color:#231638;background:#fff;border:1px solid #ccc;box-shadow:none}.hero-visual h2{color:#231638}.hero-visual p{color:#231638}.chapter,.step,.mock{break-inside:avoid}.mock{box-shadow:none}a{color:#231638;text-decoration:none}}