.onboarding-story{max-width:1160px;margin:auto;padding:96px 28px}.story-intro{justify-content:space-between;align-items:end;gap:40px;margin-bottom:50px;display:flex}.story-intro>p{color:#63768a;max-width:310px;margin-bottom:5px;font-size:15px}.story-layout{grid-template-columns:.86fr 1.14fr;align-items:center;gap:42px;display:grid}.story-chapters{gap:12px;display:grid}.story-chapter{text-align:left;color:#5a7088;background:0 0;border:1px solid #0000;border-radius:22px;align-items:center;gap:18px;min-width:0;padding:24px 18px;transition:background .2s,box-shadow .2s,border-color .2s;display:flex;position:relative}.story-chapter[data-state=active]{color:#253e57;background:linear-gradient(130deg,#fff,#f2f9ff);border-color:#dae9f5;box-shadow:inset 0 1px #fff,0 12px 30px -24px #26598366}.story-chapter:hover{background:#ecf5fc}.story-chapter-icon{color:#7192ac;background:#e9f1f8;border:1px solid #fff;border-radius:15px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.story-chapter[data-state=active] .story-chapter-icon{color:#2e6793;background:linear-gradient(145deg,#eaf9ff,#a7d0f1);box-shadow:inset 0 1px #fff,0 4px 8px #3b74981a}.story-chapter-copy{gap:7px;min-width:0;display:grid}.story-chapter-copy strong{letter-spacing:0;font-size:16px;font-weight:550;line-height:1.35}.story-chapter-copy>span:last-child{color:#6b7e91;max-width:245px;font-size:12px;line-height:1.6}.story-chapter-number{color:#6f93b2;font-variant-numeric:tabular-nums;letter-spacing:.06em;font-size:10px}.story-chapter-arrow{opacity:0;color:#5b8bb0;flex-shrink:0;margin-left:auto;transition:opacity .2s,transform .2s;transform:translate(-5px)}.story-chapter[data-state=active] .story-chapter-arrow{opacity:1;transform:none}.story-stage{isolation:isolate;background:radial-gradient(at 75% 5%,#fff 0,#0000 55%),linear-gradient(145deg,#e4f2ff,#c5e0f8);border:1px solid #d8e9f7;border-radius:36px;min-width:0;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff,0 18px 40px -35px #285a8266}.story-stage-ring{z-index:-1;pointer-events:none;border:1px solid #fff9;border-radius:50%;width:570px;height:570px;position:absolute;bottom:-290px;right:-200px;box-shadow:0 0 0 38px #fff2,0 0 0 78px #fff2,0 0 0 118px #fff2}.story-scene{flex-direction:column;min-height:540px;padding:26px 30px 24px;animation:.45s cubic-bezier(.2,.8,.2,1) both story-enter;display:flex}.story-scene[hidden]{display:none}.story-scene-caption{letter-spacing:.12em;color:#4c7495;justify-content:space-between;gap:15px;font-size:9px;display:flex}.story-scene-caption>span:last-child{letter-spacing:0;text-align:right;color:#647f97}.welcome-composition{min-height:423px;margin:auto 0;padding:44px 20px 25px;position:relative}.glass-letter{filter:drop-shadow(0 15px 18px #346c9a20);z-index:2;width:200px;height:160px;position:absolute;top:4px;right:-18px;transform:rotate(9deg)}.glass-letter-sheet{animation:.7s cubic-bezier(.2,.8,.2,1) both letter-enter}.welcome-letter-card{color:#274660;background:linear-gradient(145deg,#ffffffed,#f5fbffdf);border:1px solid #fff;border-radius:25px;width:calc(100% - 26px);max-width:365px;padding:30px;position:relative;transform:rotate(-3deg);box-shadow:inset 0 1px #fff,0 22px 40px -30px #27577d80}.story-mini-label{letter-spacing:.02em;color:#6585a0;font-size:10px;display:block}.welcome-letter-card>.story-mini-label{margin-top:23px}.welcome-letter-card h3,.clarity-step-card h3,.handoff-receipt h3{letter-spacing:0;margin-top:12px;font-size:29px;font-weight:550;line-height:1.15}.welcome-letter-card>p:not(.story-mini-label),.clarity-step-card>p{color:#6b8297;margin-top:14px;font-size:12px;line-height:1.7}.welcome-signature{border-top:1px solid #deebf5;align-items:center;gap:10px;margin-top:22px;padding-top:19px;display:flex}.welcome-signature>span,.clarity-avatar{color:#3d6b90;background:linear-gradient(145deg,#d8edff,#a8cae9);border:1px solid #fff;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:10px;display:grid}.welcome-signature strong{font-size:11px;font-weight:500;display:block}.welcome-signature small{color:#8194a5;margin-top:3px;font-size:9px;display:block}.welcome-signature>svg{color:#5b97c5;margin-left:auto}.story-scene-link{color:#365f80;text-align:center;justify-content:center;align-items:center;gap:9px;min-height:40px;margin-top:auto;font-size:11px;display:inline-flex}.story-scene-link:hover{text-underline-offset:4px;text-decoration:underline}.clarity-composition{margin:auto 0;padding:34px 8px 24px}.clarity-step-card{color:#274660;background:linear-gradient(145deg,#fff,#e9f5ff);border:1px solid #fff;border-radius:25px;margin-right:25px;padding:28px 30px 30px;transform:rotate(-2deg);box-shadow:0 15px 30px -25px #325f8b80}.clarity-step-progress{grid-template-columns:repeat(9,minmax(0,1fr));gap:5px;margin:24px 0 12px;display:grid}.clarity-step-progress>*{background:#d1e3f2;border-radius:5px;height:5px}.clarity-step-progress>span{background:linear-gradient(90deg,#93c2e8,#4d8dbd)}.clarity-message{z-index:1;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#eff9ffe8;border:1px solid #fff;border-radius:23px;gap:12px;margin:-3px -4px 0 27px;padding:20px;display:flex;position:relative;transform:rotate(2deg);box-shadow:0 18px 30px -27px #244f7f80}.clarity-message strong{color:#416783;font-size:10px;font-weight:600}.clarity-message p{color:#5a7892;margin-top:6px;font-size:12px;line-height:1.6}.clarity-message small{color:#748ea4;align-items:center;gap:5px;margin-top:12px;font-size:9px;display:flex}.handoff-composition{margin:auto 0;padding:44px 28px 28px;position:relative}.handoff-receipt{color:#274660;background:linear-gradient(145deg,#fff,#eaf6ff);border:1px solid #fff;border-radius:25px;padding:32px 26px 24px;transform:rotate(-2deg);box-shadow:0 20px 35px -28px #375c7e80}.handoff-seal{z-index:2;color:#487fa9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#edfaffeb,#a7d6faeb);border:1px solid #fff;border-radius:30px;place-items:center;width:89px;height:89px;display:grid;position:absolute;top:4px;right:6px;transform:rotate(10deg);box-shadow:inset 0 1px #fff,0 10px 28px -12px #38668e66}.handoff-receipt h3{margin-bottom:24px;font-size:27px}.handoff-receipt ul{gap:16px;margin:0;padding:0;list-style:none;display:grid}.handoff-receipt li{color:#56758e;align-items:center;gap:11px;font-size:12px;display:flex}.handoff-receipt li svg{color:#4584b3}.handoff-document{color:#5a88ab;border-top:1px dashed #bdd4e7;align-items:center;gap:10px;margin-top:24px;padding-top:20px;font-size:11px;display:flex}.handoff-document svg{flex-shrink:0}.handoff-document small{color:#7993a7;margin-top:4px;font-size:9px;display:block}@keyframes story-enter{0%{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes letter-enter{0%{transform:translateY(12px)}to{transform:none}}@media (width<=1023px){.story-layout{gap:20px}.story-chapter{gap:12px;padding:22px 12px}.story-chapter-icon{width:36px;height:36px}.story-chapter-copy strong{font-size:15px}.story-scene{padding:24px 16px}.welcome-composition{padding-left:6px;padding-right:6px}.glass-letter{width:168px;right:-6px}.welcome-letter-card{padding:26px}.story-intro{gap:24px}.story-intro>p{max-width:270px}}@media (width<=767px){.onboarding-story{padding:65px 22px}.story-intro{margin-bottom:30px;display:block}.story-intro>p{max-width:400px;margin-top:22px;font-size:14px}.story-layout{grid-template-columns:minmax(0,1fr)}.story-chapters{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.story-chapter{text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:9px;padding:14px 8px}.story-chapter-copy{gap:3px}.story-chapter-copy strong{max-width:120px;font-size:11px;line-height:1.4}.story-chapter-copy>span:last-child,.story-chapter-number,.story-chapter-arrow{display:none}.story-chapter-icon{border-radius:12px;width:35px;height:35px}.story-stage{border-radius:28px}.story-scene{min-height:500px}.welcome-composition{min-height:384px;padding-top:47px}.welcome-letter-card{width:calc(100% - 16px);padding:24px}.welcome-letter-card h3{max-width:220px;font-size:27px}.glass-letter{width:155px;height:125px;top:0;right:-4px}.clarity-composition{padding:30px 0 20px}.clarity-step-card{margin-right:12px;padding:25px}.clarity-step-card h3{font-size:27px}.clarity-message{margin-left:15px;padding:17px}.handoff-composition{padding:44px 8px 25px}.handoff-receipt{padding:30px 22px 24px}.handoff-seal{border-radius:26px;width:78px;height:78px;right:0}}@media (prefers-reduced-motion:reduce){.story-scene,.glass-letter-sheet{animation:none}.story-chapter,.story-chapter-arrow{transition:none}}@media (prefers-reduced-transparency:reduce){.clarity-message{-webkit-backdrop-filter:none;backdrop-filter:none;background:#eff9ff}.handoff-seal{-webkit-backdrop-filter:none;backdrop-filter:none;background:#c7e6fd}}