.how-page{background:var(--cream-50);overflow:clip}.how-intro{border-bottom:1px solid color-mix(in oklch, var(--blue-200) 28%, var(--ink-200));background:radial-gradient(58% 130% at 50% -30%, color-mix(in oklch, var(--blue-100) 62%, transparent) 0%, transparent 72%), var(--cream-100);padding-block:2.75rem 3rem}.how-intro-copy{text-align:center;justify-items:center;max-width:52rem;margin-inline:auto;display:grid}.how-intro-avatar{aspect-ratio:1;border:1px solid color-mix(in oklch, var(--blue-200) 72%, white);background:var(--cream-50);border-radius:50%;width:4.5rem;overflow:hidden;box-shadow:0 12px 28px -22px #0d16417a}.how-intro-avatar img{object-fit:cover;width:100%;height:100%;display:block}.how-intro-copy h1{max-width:25ch;color:var(--ink-900);font-family:var(--font-d);letter-spacing:-.045em;text-wrap:balance;margin-top:1.15rem;font-size:clamp(2.1rem,7.5vw,2.7rem);font-weight:850;line-height:1.01}.how-intro-copy .how-intro-lead{margin-top:1.2rem;max-width:56ch;color:var(--ink-700);text-wrap:pretty;margin-inline:auto;font-size:1.06rem;line-height:1.62}.how-intro-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1.25rem;width:100%;margin-top:1.6rem;display:flex}@keyframes how-intro-enter{0%{opacity:0;transform:translateY(.7rem)}to{opacity:1;transform:none}}.how-journey-section{padding-block:1.5rem 5rem}.how-faq-head h2{max-width:17ch;color:var(--ink-900);font-family:var(--font-d);letter-spacing:-.04em;text-wrap:balance;font-size:clamp(2rem,9vw,2.85rem);font-weight:820;line-height:1.02}.how-faq-head>p{max-width:47ch;color:var(--ink-700);text-wrap:pretty;font-size:1rem;line-height:1.62}.how-journey-title{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.how-journey{--how-journey-progress:0;gap:4rem;max-width:68rem;margin:0 auto;padding:0 0 1rem 3rem;display:grid;position:relative}.how-journey-line{z-index:0;width:1px;height:100%;position:absolute;top:0;bottom:0;left:1.15rem;overflow:visible}.how-journey-line path{fill:none;vector-effect:non-scaling-stroke;display:none}.how-journey-line:before,.how-journey-line:after{content:"";width:1px;position:absolute;inset:0 auto 0 0}.how-journey-line:before{background:repeating-linear-gradient(to bottom, var(--ink-300) 0 3px, transparent 3px 10px)}.how-journey-line:after{height:calc(var(--how-journey-progress) * 100%);background:var(--blue-500)}.how-journey-line-base{stroke:var(--ink-300);stroke-width:2px;stroke-linecap:round;stroke-dasharray:.004 .009}.how-journey-line-progress{stroke:var(--blue-500);stroke-width:2px;stroke-linecap:round;stroke-dasharray:.004 .009}.how-journey-line-mask{stroke:#fff;stroke-width:8px;stroke-linecap:round;stroke-dasharray:var(--how-journey-progress) 1}.how-journey-step,.how-journey-step--reverse{z-index:1;grid-template-columns:minmax(0,1fr);align-items:center;gap:1.75rem;width:100%;scroll-margin-top:6rem;display:grid;position:relative}.how-step-copy{min-width:0;position:relative}.how-step-copy h3{max-width:19ch;color:var(--ink-900);font-family:var(--font-d);letter-spacing:-.036em;text-wrap:balance;font-size:clamp(1.75rem,7vw,2.35rem);font-weight:790;line-height:1.04}.how-step-copy>p:last-child{max-width:50ch;color:var(--ink-700);text-wrap:pretty;margin-top:.95rem;font-size:1rem;line-height:1.65}.how-step-visual{min-width:0}.how-scene{min-width:0;color:var(--ink-800);font-family:var(--font-b);position:relative}.how-scene svg{flex:none;width:1.15rem;height:1.15rem}.how-scene-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.how-profile-scene{border:1px solid var(--ink-200);background:var(--cream-50);border-radius:14px;grid-template-columns:minmax(7.5rem,.8fr) minmax(0,1.2fr);align-items:center;gap:1.5rem;padding:1.4rem;display:grid;overflow:hidden;box-shadow:0 22px 48px -40px #0d164161}.how-profile-source{justify-items:center;gap:1rem;display:grid}.how-profile-source>strong{color:var(--ink-900);font-size:.9rem;font-weight:760}.how-profile-document{border:1px solid var(--ink-400);background:var(--cream-50);border-radius:7px;align-content:end;gap:.6rem;width:7rem;min-height:8.75rem;padding:1.2rem 1rem;display:grid;position:relative;overflow:hidden}.how-profile-document:after{border-bottom:1px solid var(--ink-400);border-left:1px solid var(--ink-400);background:var(--cream-100);clip-path:polygon(0 0,100% 100%,0 100%);content:"";width:1.85rem;height:1.85rem;position:absolute;top:-1px;right:-1px}.how-profile-document span{background:var(--ink-200);border-radius:2px;width:82%;height:3px;display:block}.how-profile-document span:nth-child(2),.how-profile-document span:nth-child(3){background:var(--blue-500)}.how-profile-document span:nth-child(3){width:58%}.how-profile-document span:nth-child(4){width:72%}.how-profile-parts{gap:.6rem;display:grid}.how-profile-parts>div{border:1px solid var(--ink-200);background:var(--cream-50);border-radius:9px;grid-template-columns:1.5rem minmax(0,1fr);align-items:center;gap:.7rem;min-height:3.15rem;padding:.65rem .8rem;display:grid}.how-profile-parts>div>svg{color:var(--ink-700)}.how-profile-parts>div>span{gap:.45rem;display:grid}.how-profile-parts strong{color:var(--ink-900);font-size:.76rem;font-style:normal;font-weight:700}.how-profile-parts i{background:var(--ink-150,var(--ink-200));border-radius:3px;width:72%;height:4px;display:block}.how-profile-connector{display:none}.how-role-search-scene{border:1px solid var(--ink-200);background:var(--cream-50);border-radius:14px;grid-template-columns:minmax(0,.9fr) 1.5rem minmax(0,1.15fr);align-items:center;gap:.75rem;padding:1.25rem;display:grid;overflow:hidden;box-shadow:0 22px 48px -40px #0d164161}.how-role-sources{gap:.85rem;display:grid}.how-role-sources>div{border:1px solid var(--ink-200);background:var(--cream-50);border-radius:10px;align-items:center;gap:.7rem;padding:.9rem;display:flex}.how-role-sources>div>svg{color:var(--blue-700)}.how-role-sources span{color:var(--ink-500);gap:.12rem;font-size:.68rem;line-height:1.3;display:grid}.how-role-sources strong{color:var(--ink-900);font-size:.8rem;font-weight:740}.how-role-sources>div:first-child strong{color:var(--blue-700)}.how-role-join{border-top:1px solid var(--blue-300);border-right:1px solid var(--blue-300);border-bottom:1px solid var(--blue-300);border-radius:0 8px 8px 0;height:58%;position:relative}.how-role-join:after{border-top:1px solid var(--blue-300);content:"";width:.75rem;position:absolute;top:50%;left:100%}.how-role-list{align-content:center;display:grid}.how-role-list>span{color:var(--ink-800);padding:.48rem .45rem;font-size:.72rem;font-weight:650;line-height:1.3;display:block}.how-match-scene{border:1px solid var(--ink-200);background:var(--cream-50);border-radius:14px;grid-template-columns:minmax(0,.9fr) 2.75rem minmax(0,1.1fr);align-items:center;gap:1rem;min-height:11.5rem;padding:1.35rem;display:grid;box-shadow:0 24px 50px -42px #0d16415c}.how-skill-list{display:grid}.how-skill-list span{color:var(--ink-800);padding-block:.68rem;font-size:.76rem;font-weight:680;line-height:1.4}.how-skill-list span+span{border-top:1px solid var(--ink-200)}.how-skill-path{background:var(--blue-400);width:100%;height:1px;position:relative}.how-skill-path:after{border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:6px solid var(--blue-400);content:"";position:absolute;top:50%;right:-1px;transform:translateY(-50%)}.how-skill-role{gap:.35rem;display:grid}.how-skill-role strong{color:var(--ink-900);font-family:var(--font-d);font-size:1rem;font-weight:760;line-height:1.3}.how-explanation-scene{border:1px solid var(--ink-200);background:var(--cream-100);border-radius:16px;flex-direction:column;gap:.8rem;max-width:35rem;padding:1.2rem;display:flex;box-shadow:0 26px 52px -42px #0d164161}.how-explanation-scene .meev-preview-message{font-size:.82rem}.how-explanation-scene .meev-preview-message p{line-height:1.48}.how-faq{border-top:1px solid var(--ink-200);background:var(--cream-100);padding-block:4.5rem}.how-faq-layout{gap:2.75rem;display:grid}.how-faq-head{align-content:start;gap:1rem;display:grid}.how-faq-list{border-top:1px solid var(--ink-300)}.how-faq-list details{border-bottom:1px solid var(--ink-200)}.how-faq-list summary{cursor:pointer;min-height:4rem;color:var(--ink-900);align-items:center;padding:1rem 2.75rem 1rem 0;font-size:.96rem;font-weight:720;line-height:1.4;list-style:none;display:flex;position:relative}.how-faq-list summary::-webkit-details-marker{display:none}.how-faq-list summary:after{border:1px solid var(--ink-300);width:1.8rem;height:1.8rem;color:var(--ink-600);content:"+";transition:transform .22s var(--ease-out-expo), border-color .15s ease-out, color .15s ease-out;border-radius:50%;place-items:center;font-size:1.1rem;font-weight:450;line-height:1;display:grid;position:absolute;right:0}.how-faq-list details[open] summary:after{border-color:var(--blue-400,var(--blue-300));color:var(--blue-700);content:"−";transform:rotate(180deg)}.how-faq-list summary:hover{color:var(--blue-700)}.how-faq-list summary:focus-visible{outline:2px solid var(--blue-500);outline-offset:4px;border-radius:4px}.how-faq-list details>div{max-width:48rem;color:var(--ink-700);text-wrap:pretty;padding:0 2.75rem 1.35rem 0;font-size:.94rem;line-height:1.65}.how-faq-list details>div a{min-height:44px;color:var(--blue-700);text-underline-offset:.25em;align-items:center;margin-top:.35rem;font-weight:700;text-decoration:underline;display:inline-flex}@media (prefers-reduced-motion:no-preference){.how-intro-copy>*{animation:how-intro-enter .52s var(--ease-out-expo) both}.how-intro-copy>h1{animation-delay:60ms}.how-intro-copy>.how-intro-lead{animation-delay:.12s}.how-intro-copy>.how-intro-actions{animation-delay:.18s}.how-journey-line-mask{transition:stroke-dasharray .1s linear}.how-journey-step.reveal-init .how-step-copy,.how-journey-step.reveal-init .how-step-visual{opacity:0;transition:opacity .44s ease-out, transform .62s var(--ease-out-expo);transform:translateY(1rem)}.how-journey-step.reveal-init .how-step-visual{transition-delay:80ms}.how-journey-step.reveal-init.is-revealed .how-step-copy,.how-journey-step.reveal-init.is-revealed .how-step-visual{opacity:1;transform:none}}@media (width>=640px){.how-intro{padding-block:3.25rem 3.5rem}.how-intro-avatar{width:5rem}.how-profile-scene{grid-template-columns:minmax(8rem,.78fr) auto minmax(12rem,1.22fr);gap:1.35rem}.how-profile-connector{width:2rem;color:var(--ink-800);place-items:center;display:grid}}@media (width<=820px){.how-journey{padding-inline:0}.how-journey-line{left:-.75rem}.how-step-copy{text-align:center;justify-items:center;display:grid}.how-step-copy h3,.how-step-copy>p:last-child{margin-inline:auto}.how-faq-head{text-align:center;justify-items:center}}@media (width>=821px){.how-intro{padding-block:clamp(3.5rem,5vw,4.25rem) clamp(3.75rem,5.5vw,4.75rem)}.how-intro-avatar{width:5.5rem}.how-intro-copy h1{font-size:clamp(2.7rem,3.4vw,3.2rem)}.how-journey-section{padding-block:1.5rem clamp(5rem,8vw,7rem)}.how-journey{gap:clamp(3.25rem,4vw,4.25rem);padding:1.5rem .5rem 2rem}.how-journey-line{width:100%;height:100%;inset:0}.how-journey-line path{display:block}.how-journey-line:before,.how-journey-line:after{display:none}.how-journey-step,.how-journey-step--reverse{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(3.75rem,5.5vw,5rem)}.how-journey-step--reverse{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}.how-journey-step--reverse .how-step-copy{grid-area:1/2}.how-journey-step--reverse .how-step-visual{grid-area:1/1}.how-step-copy h3{font-size:clamp(1.75rem,2.25vw,2rem)}.how-profile-scene{min-height:20.5rem;padding:1.75rem 2rem}.how-role-search-scene{max-width:34rem;min-height:19rem;padding:1.5rem}.how-explanation-scene{padding:1.5rem}.how-faq{padding-block:clamp(5rem,8vw,7.5rem)}.how-faq-layout{grid-template-columns:minmax(16rem,.72fr) minmax(0,1.28fr);align-items:start;gap:clamp(4rem,10vw,9rem)}.how-faq-head{position:sticky;top:6rem}.how-faq-head h2{font-size:clamp(2.15rem,3.8vw,3.35rem)}}@media (width<=520px){.how-intro-actions{align-items:stretch}.how-intro-actions .btn{justify-content:center;width:100%}.how-journey{gap:4.5rem}.how-profile-scene{grid-template-columns:minmax(7.5rem,.84fr) minmax(0,1.16fr);gap:1rem}.how-profile-document{width:5.8rem;min-height:7.4rem}.how-profile-source>strong{font-size:.78rem}.how-profile-parts{gap:.45rem}.how-profile-parts>div{grid-template-columns:1.1rem minmax(0,1fr);gap:.45rem;min-height:2.6rem;padding:.5rem .6rem}.how-profile-parts strong{font-size:.66rem}.how-role-search-scene{grid-template-columns:minmax(0,.92fr) .75rem minmax(0,1.08fr);gap:.45rem}.how-role-sources>div{gap:.45rem;padding:.65rem .55rem}.how-role-sources span{font-size:.58rem}.how-role-sources strong{font-size:.7rem}.how-role-list>span{padding:.4rem .35rem;font-size:.63rem}.how-match-scene{grid-template-columns:1fr;gap:.9rem;min-height:auto;padding:1rem}.how-skill-path{justify-self:center;width:1px;height:1.5rem}.how-skill-path:after{border-top:6px solid var(--blue-400);border-bottom:0;border-left:4px solid #0000;border-right:4px solid #0000;inset:auto auto -1px 50%;transform:translate(-50%)}.how-faq-list summary{font-size:.91rem}}@media (prefers-reduced-motion:reduce){.how-journey{--how-journey-progress:1}.how-journey-step .how-step-copy,.how-journey-step .how-step-visual{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}.how-faq-list summary:after{transition:none}}