.profession-guide-intro{position:relative;isolation:isolate;overflow:hidden;padding-block:27px 48px;background:#f4f6f8}.profession-guide-intro>.section-shell{position:relative;z-index:2}.profession-guide-backdrop{position:absolute;inset:0 0 0 45%;z-index:0;pointer-events:none}.profession-guide-backdrop img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--profession-focus,70% 42%)}.profession-guide-intro::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#f4f6f8 0%,#f4f6f8 43%,#f4f6f8f2 60%,#f4f6f880 64%,#f4f6f805 78%)}.profession-guide-copy{max-width:60%;padding-top:26px}.profession-guide-copy>.eyebrow{font-size:14px;line-height:1.8;margin-bottom:15px;color:#244575}.profession-guide-copy .page-title{font-size:42px;line-height:1.6;letter-spacing:-.035em;margin:0 0 18px}.profession-guide-copy .page-title>span{display:block}.profession-guide-lead{max-width:570px;font-size:16px;line-height:2;color:#4f5d73;margin:0}.profession-guide-jumps{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:21px}.profession-guide-jumps a{display:inline-flex;gap:20px;align-items:center;min-height:44px;font-size:14px;font-weight:700;color:#244575;text-decoration:underline;text-underline-offset:5px}.profession-guide-page .live-demo-section{padding-top:65px;padding-bottom:55px}.profession-guide-page .design-choice-intro h2{font-size:35px}.profession-guide-page #live-preview,.profession-guide-page #profile-plan,.profession-guide-page #design-preview{scroll-margin-top:20px}.profession-guide-page .design-choice h3>span{display:inline-block}.profession-guide-page .design-preview-status{font-size:14px}.profession-guide-plan{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;padding-block:55px 70px}.profession-guide-plan h2,.profession-guide-cta h2{font-size:36px;line-height:1.65;letter-spacing:.015em;margin:0 0 24px}.profession-guide-plan h2>span,.profession-guide-cta h2>span{display:block}.profession-guide-plan>div>p:not(.eyebrow){font-size:16px;line-height:2;color:#536078;margin:0 0 26px;max-width:590px}.profession-guide-plan>div>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.profession-guide-plan ol{list-style:none;padding:0;margin:0;border-top:1px solid #cdd8e8}.profession-guide-plan li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:18px;padding-block:24px;border-bottom:1px solid #cdd8e8}.profession-guide-plan li>span{font:700 14px/1.8 Arial,sans-serif;color:#165dff;padding-top:5px}.profession-guide-plan h3{font-size:20px;line-height:1.7;margin:0 0 10px;color:#244575}.profession-guide-plan li p{font-size:15px;line-height:1.95;color:#536078;margin:0}.profession-guide-plan .profession-guide-note{font-size:14px;line-height:1.95;margin-top:25px}.profession-guide-cta{background:#edf2fb;padding-block:45px}.profession-guide-cta>.section-shell{display:grid;grid-template-columns:1fr .65fr;gap:50px;align-items:center}.profession-guide-cta p{font-size:16px;line-height:2;color:#536078;margin:0}.profession-guide-cta .eyebrow{font-size:13px;color:#165dff;margin-bottom:17px}.profession-guide-cta h2{margin-bottom:17px}.profession-guide-cta .section-shell>div:last-child{display:flex;flex-direction:column;gap:20px;align-items:flex-start}.profession-guide-page a:focus-visible{outline:3px solid #165dff;outline-offset:5px}
@media(max-width:1199px){.profession-guide-copy .page-title{font-size:38px}.profession-guide-plan{gap:45px}.profession-guide-cta>.section-shell{gap:35px}}
@media(max-width:959px){.profession-guide-copy{max-width:60%}.profession-guide-copy .page-title{font-size:35px}.profession-guide-lead{font-size:15px}.profession-guide-plan{gap:30px;padding-block:40px 55px}.profession-guide-plan h2,.profession-guide-cta h2{font-size:30px}.profession-guide-cta>.section-shell{grid-template-columns:1fr;gap:25px}.profession-guide-page .live-demo-section{padding-top:45px;padding-bottom:40px}}
@media(max-width:719px){.profession-guide-intro{padding-block:20px 36px;background:#243b53}.profession-guide-backdrop{left:0}.profession-guide-intro::after{background:linear-gradient(90deg,#142334dc 0%,#142334d8 63%,#142334c9 100%)}.profession-guide-intro .breadcrumbs,.profession-guide-intro .breadcrumbs a,.profession-guide-copy>.eyebrow,.profession-guide-copy .page-title,.profession-guide-lead,.profession-guide-jumps a{color:#f8fbff}.profession-guide-intro .breadcrumbs li+li::before{border-color:#d5e2f2}.profession-guide-copy{max-width:100%;padding-top:22px}.profession-guide-copy .page-title{font-size:30px;letter-spacing:-.035em;line-height:1.65;margin-bottom:17px}.profession-guide-copy>.eyebrow{font-size:13px}.profession-guide-lead{font-size:15px;line-height:2;max-width:540px}.profession-guide-jumps{gap:12px 22px;margin-top:17px}.profession-guide-jumps a{font-size:14px;gap:13px}.profession-guide-plan{grid-template-columns:minmax(0,1fr);gap:27px;padding-block:30px 45px}.profession-guide-plan h2,.profession-guide-cta h2{font-size:28px;line-height:1.65}.profession-guide-plan>div>p:not(.eyebrow){font-size:15px;line-height:2;margin-bottom:22px}.profession-guide-plan h3{font-size:19px}.profession-guide-plan li{padding-block:22px}.profession-guide-plan .profession-guide-note{font-size:14px}.profession-guide-cta{padding-block:35px}.profession-guide-cta p{font-size:15px}.profession-guide-cta .section-shell>div:last-child{gap:18px}.profession-guide-page .design-choice-intro h2{font-size:28px}.profession-guide-page .live-demo-section{padding-top:35px;padding-bottom:30px}}
@media(max-width:374px){.profession-guide-copy .page-title{font-size:28px}}

@media(min-width:720px){.profession-guide-intro .breadcrumbs,.profession-guide-intro .breadcrumbs a{color:#52617a}}

@media(max-width:719px){.profession-guide--idol .profession-guide-backdrop img{object-position:85% 42%}}