body{background:#f8f5fc;color:#291e35}.journey{max-width:1240px;margin:auto;padding:48px 24px 64px}.journey-intro{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;align-items:center;padding:32px 44px;background:#eee6f7;border-radius:32px}.journey-label{color:#7540a5;font-weight:800;letter-spacing:.05em}.journey h1{font-size:clamp(36px,5vw,64px);line-height:1.2;letter-spacing:-.045em;margin:16px 0 24px}.journey-intro p{font-size:20px}.journey-intro figure{margin:0;max-width:270px;justify-self:end}.journey-intro img{width:100%;max-height:330px;object-fit:cover;object-position:50% 30%;border-radius:120px 120px 24px 24px}.journey figcaption{font-size:12px;text-align:center;color:#665675}.journey .manual-button{background:#7540a5;color:#fff;border:0;font:inherit;font-weight:750;cursor:pointer}.journey .manual-button.secondary{background:white;color:#65318e;border:1px solid #c9b4da}.phase-nav{display:flex;gap:16px;margin:32px 0}.phase-nav a{flex:1;color:#65318e;font-size:20px;font-weight:800;text-decoration:none;border-bottom:2px solid #d9c7e9;padding:12px}.phase-nav span{float:right}.journey-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start;scroll-margin-top:90px}.phase{background:white;border:1px solid #e5daed;border-radius:24px;overflow:hidden;scroll-margin-top:90px}.phase>header{padding:24px;background:#f0e9f7;border-bottom:1px solid #e5daed}.phase>header p{margin:0;color:#665675;font-size:15px}.phase h2{font-size:24px;line-height:1.5;margin:8px 0 0}.phase h2 span{color:#7540a5}.phase ol{list-style:none;margin:0;padding:24px 20px}.phase li{display:flex;gap:12px;position:relative;padding-bottom:28px}.phase li:last-child{padding-bottom:0}.phase li:not(:last-child):before{content:"";position:absolute;left:17px;top:40px;bottom:5px;width:2px;background:#e3d5ed}.step-number{flex-shrink:0;width:36px;height:36px;display:grid;place-items:center;background:#7540a5;color:white;border-radius:50%;font-weight:850}.phase h3{font-size:21px;margin:3px 0 8px;line-height:1.4}.phase li p{font-size:17px;line-height:1.75;margin:8px 0 0}.phase li .step-owner{color:#756180;font-size:13px;margin:0}.step-badge{display:inline-block;padding:4px 9px;background:#f0e6fb;color:#65318e;border-radius:8px;font-size:13px;font-weight:800}.example-notes{background:white;border:1px solid #e5daed;border-radius:24px;padding:30px;margin-top:24px;font-size:18px}.example-notes h2{font-size:25px;margin:0 0 18px}.message-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.message-grid article{padding:20px;background:#f8f5fc;border-radius:16px}.message-grid span{font-size:14px;color:#7540a5;font-weight:800}.message-grid p{font-size:17px;margin-bottom:0}.safety-note{border-left:5px solid #7540a5}.example-notes a:not(.manual-button){color:#65318e}.journey a:focus-visible,.journey button:focus-visible{outline:3px solid #7540a5;outline-offset:4px}
@media(max-width:950px){.journey-flow{grid-template-columns:1fr}.message-grid{grid-template-columns:1fr}.phase li:not(:last-child){padding-bottom:24px}.journey-intro{padding:28px;gap:24px}.journey-intro figure{max-width:200px}}
@media(max-width:560px){.journey{padding:20px 16px 40px}.journey-intro{grid-template-columns:1fr}.journey-intro figure{display:none}.phase-nav{gap:4px}.phase-nav a{font-size:17px;padding:10px 5px}.example-notes{padding:24px}.journey-intro p{font-size:18px}}
@media print{.journey{padding:0}.journey-intro{padding:12px;background:white;grid-template-columns:1fr}.journey-intro figure,.phase-nav{display:none}.journey h1{font-size:30px}.journey-flow{display:block}.phase{margin:12px 0;break-inside:auto}.phase>header{padding:12px}.phase ol{padding:14px}.phase li,.example-notes{break-inside:avoid}.phase li p{font-size:12pt}.example-notes{font-size:12pt}.message-grid{display:block}.message-grid article{margin:8px 0;break-inside:avoid}}