.fleex-onboarding{padding:24px 0 45px;background:#fdfcf9;color:#073b33;overflow:hidden;scroll-margin-top:25px}.onboarding-inner{max-width:1536px;margin:auto;padding:0 50px;position:relative}.onboarding-heading{text-align:center}.onboarding-heading>img{display:block;margin:0 auto 20px;width:110px;height:47px;object-fit:contain}.onboarding-heading h2{font:700 clamp(38px,4.65vw,72px)/1 Georgia,'Times New Roman',serif;letter-spacing:-2.3px;color:#052f2d;margin:0 0 14px}.onboarding-heading>p{font-size:23px;line-height:1.5;color:#425c5b;margin-bottom:53px}.onboarding-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;position:relative;z-index:1}.onboarding-card{position:relative;min-width:0;border:1px solid #eeeee9;background:#fff;border-radius:18px;padding:37px 16px 16px;box-shadow:0 12px 30px #193e3010;display:flex;flex-direction:column}.onboarding-number{position:absolute;top:-48px;left:calc(50% - 38px);width:76px;height:76px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(120deg,#e2ffa5,#dcf99b);color:#092d23;font:700 32px Georgia,serif;box-shadow:0 0 0 10px #fdfcf9}.onboarding-card:not(:last-child):after{content:'';position:absolute;height:1px;background:#326357;left:calc(50% + 49px);width:calc(100% - 81px);top:-10px}.onboarding-card:not(:last-child):before{content:'';position:absolute;width:8px;height:8px;border-top:1px solid #326357;border-right:1px solid #326357;transform:rotate(45deg);top:-14px;right:-13px}.onboarding-card-heading{display:flex;gap:23px;padding:0 15px;align-items:flex-start;min-height:123px}.onboarding-card-heading>i{display:grid;place-items:center;background:#f1f5ef;border-radius:16px;width:79px;height:80px;flex:none;color:#1b4d42}.onboarding-card-heading>i svg{width:39px;height:39px;stroke-width:1.6}.onboarding-card-heading>div{min-width:0;flex:1}.onboarding-card h3{font:700 29px/1.15 Georgia,serif;letter-spacing:-1px;margin:8px 0 9px;color:#052f2d;white-space:nowrap}.onboarding-card-heading p{font-size:17px;line-height:1.5;color:#56666a;margin:0}.onboarding-preview{border:1px solid #e5e9e2;background:linear-gradient(140deg,#fff,#fcfdf9);border-radius:12px;min-height:318px;min-width:0;overflow:hidden}.onboarding-example{font-size:11px;text-align:right;color:#8a9297;display:block;margin-top:7px}.onboarding-company{display:grid;grid-template-columns:28% 72%}.onboarding-sidebar{background:#f4f7f0;padding:10px 8px;display:flex;flex-direction:column;gap:4px;border-right:1px solid #edf0e9}.onboarding-sidebar>img{width:70px;height:30px;margin:0 5px 8px}.onboarding-sidebar>span{display:flex;align-items:center;gap:9px;padding:9px 8px;font-size:9px;white-space:nowrap;border-radius:7px;color:#354c4c}.onboarding-sidebar .selected{background:#ddedd4;color:#174c39}.onboarding-sidebar svg{width:14px;height:14px;stroke-width:1.6}.onboarding-company-content{padding:12px 13px;min-width:0}.onboarding-company-top{display:grid;grid-template-columns:1fr 1.15fr;gap:7px;min-height:137px;margin-bottom:8px}.onboarding-company-top>div{min-width:0}.onboarding-company-top>img{width:100%;height:122px;object-fit:cover;object-position:75% center;border-radius:8px}.onboarding-preview h4{font:700 19px Georgia,serif;letter-spacing:-.4px;margin:19px 0 24px;color:#15383b}.onboarding-company-content small{display:block;font-size:9px;color:#566469;line-height:1.4;margin:4px 0}.onboarding-field{font-size:9px;border:1px solid #e0e5dd;background:white;color:#1d343b;border-radius:6px;padding:10px 7px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.onboarding-office-title{display:flex;align-items:center;gap:5px;font-size:11px;margin-bottom:7px}.onboarding-office-title svg{width:15px;height:15px}.onboarding-created{display:flex;align-items:center;gap:12px;background:#ecf6e6;border-radius:10px;padding:12px 10px;margin-top:20px}.onboarding-created>i{display:grid;place-items:center;width:26px;height:26px;flex:none;border-radius:50%;background:linear-gradient(120deg,#299451,#00663d);color:white}.onboarding-created svg{width:17px;height:17px}.onboarding-created b{font-size:10px;font-weight:600}.onboarding-created small{font-size:8px;margin:3px 0 0;line-height:1.5}.onboarding-members{padding:18px 16px}.onboarding-widget-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:14px}.onboarding-widget-heading h4{margin:0;font-size:21px}.onboarding-widget-heading>a,.onboarding-calendar-bottom>a{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(120deg,#194d3b,#0b362f);color:white;border-radius:7px;padding:12px 14px;white-space:nowrap;font-size:11px;transition:background .2s}.onboarding-widget-heading>a:hover,.onboarding-calendar-bottom>a:hover{background:#236448}.onboarding-widget-heading>a svg{width:17px;height:17px}.onboarding-member{display:flex;align-items:center;gap:13px;border-top:1px solid #edf0ea;min-height:74px;padding:12px 3px}.onboarding-avatar{display:inline-block;width:46px;height:46px;border-radius:50%;background-size:auto 100%;background-repeat:no-repeat;background-color:#eaece6;flex:none}.onboarding-avatar-0{background-image:url('employee-portrait.jpg');background-size:cover;background-position:50% 35%}.onboarding-avatar-1{background-image:url('team-avatars.jpg');background-position:50% center}.onboarding-avatar-2{background-image:url('team-avatars.jpg');background-position:100% center}.onboarding-member>div{flex:1;min-width:0}.onboarding-member b{display:block;font-size:13px;font-weight:600;white-space:nowrap;color:#15343b}.onboarding-member small{display:block;font-size:12px;color:#5a6870;line-height:1.5;margin-top:3px}.onboarding-permission{background:#edf1f1;border-radius:8px;padding:8px 10px;font-size:10px;white-space:nowrap;color:#193638}.onboarding-permission.admin{background:#e9f5e0;color:#245435}.onboarding-ellipsis{font-size:21px;font-weight:700;margin-left:4px}.onboarding-calendar{padding:12px 10px;display:flex;flex-direction:column}.onboarding-calendar-title{display:flex;align-items:center;justify-content:center;gap:20px;font-size:10px;color:#183a3a}.onboarding-calendar-title>span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #edf0eb;border-radius:9px;font-size:21px}.onboarding-calendar table{width:100%;border-collapse:separate;border-spacing:4px;margin:10px 0 14px;table-layout:fixed}.onboarding-calendar thead th{font-size:9px;font-weight:400;padding:6px 0;color:#355054;white-space:normal;line-height:1.7}.onboarding-calendar th:first-child{width:26%}.onboarding-calendar tbody th{font-size:8px;font-weight:400;text-align:left;white-space:nowrap;padding:0;vertical-align:middle}.onboarding-calendar tbody th>b{font-size:8px;font-weight:400;display:inline-block;vertical-align:middle;max-width:66px;white-space:normal}.onboarding-calendar .onboarding-avatar{width:29px;height:29px;vertical-align:middle;margin-right:5px}.onboarding-calendar td{padding:0}.onboarding-day{display:grid;place-items:center;min-height:43px;border-radius:6px}.onboarding-day svg{width:17px;height:17px;stroke-width:1.6}.onboarding-day.office,.onboarding-legend .office{background:#eaf5e7;color:#215b3e}.onboarding-day.home,.onboarding-legend .home{background:#eaf1ff;color:#1456a2}.onboarding-day.leave,.onboarding-legend .leave{background:#fff5c7;color:#47723c}.onboarding-calendar-bottom{margin-top:auto;display:flex;align-items:center;gap:6px;justify-content:space-between}.onboarding-legend{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.onboarding-legend>span{display:flex;align-items:center;gap:4px;font-size:7px;white-space:nowrap;color:#526467}.onboarding-legend i{width:26px;height:29px;display:grid;place-items:center;border-radius:7px}.onboarding-legend svg{width:16px;height:16px}.onboarding-calendar-bottom>a{font-size:9px;gap:5px;padding:10px 9px}.onboarding-calendar-bottom>a svg{width:15px;height:15px}.onboarding-cta{text-align:center;position:relative;z-index:1;margin-top:31px}.onboarding-cta>a{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:linear-gradient(120deg,#dafa8b,#ddfb9c);border-radius:40px;padding:15px 48px;min-height:59px;color:#0b352b;font:700 21px Georgia,serif;transition:transform .2s,box-shadow .2s}.onboarding-cta>a:hover{transform:translateY(-2px);box-shadow:0 7px 20px #214b3015}.onboarding-cta>a svg{width:23px;height:23px}.onboarding-cta p{font-size:14px;color:#526565;margin-top:12px}.onboarding-corner-note{position:absolute;left:48px;bottom:-12px;text-transform:uppercase;font-size:9px;line-height:1.9;letter-spacing:3px;color:#a4aeaa}.onboarding-handwritten{position:absolute;right:38px;bottom:0;width:180px;text-align:center;transform:rotate(-8deg);font:500 25px/1.05 Caveat,cursive;color:#4d6963}.onboarding-flourish{position:absolute;left:0;bottom:-60px;width:100%;height:190px;fill:none;stroke:#d2ed9c;stroke-width:1;pointer-events:none}
@media(max-width:1250px){.onboarding-inner{padding:0 25px}.onboarding-card-heading{gap:12px;padding:0 5px;min-height:130px}.onboarding-card-heading>i{width:55px;height:60px;border-radius:12px}.onboarding-card-heading>i svg{width:30px;height:30px}.onboarding-card h3{font-size:24px;white-space:normal}.onboarding-card-heading p{font-size:15px}.onboarding-card{padding-left:12px;padding-right:12px}.onboarding-company{grid-template-columns:25% 75%}.onboarding-sidebar{padding:10px 4px}.onboarding-sidebar>img{width:60px;margin-left:0}.onboarding-sidebar>span{font-size:7px;gap:5px;padding:9px 3px}.onboarding-sidebar svg{width:12px}.onboarding-company-content{padding:10px 9px}.onboarding-members{padding:16px 10px}.onboarding-member{gap:7px}.onboarding-member .onboarding-avatar{width:34px;height:34px}.onboarding-member b{font-size:11px}.onboarding-member small{font-size:10px}.onboarding-permission{font-size:8px;padding:7px}.onboarding-ellipsis{display:none}.onboarding-widget-heading>a{font-size:9px;padding:10px;gap:5px}.onboarding-widget-heading h4{font-size:18px}.onboarding-calendar-bottom{flex-wrap:wrap;justify-content:center;gap:10px}.onboarding-calendar tbody th>b{font-size:7px;max-width:40px}.onboarding-calendar .onboarding-avatar{width:22px;height:22px;margin-right:3px}.onboarding-calendar th:first-child{width:28%}.onboarding-calendar table{border-spacing:3px}.onboarding-created{gap:7px;padding:10px 7px}.onboarding-heading h2{font-size:60px}.onboarding-heading>p{font-size:21px}}
@media(max-width:960px){.onboarding-cards{grid-template-columns:1fr;max-width:620px;margin:auto;gap:68px}.onboarding-heading h2{font-size:48px}.onboarding-heading>p{font-size:18px;margin-bottom:65px}.onboarding-card{padding:45px 20px 20px}.onboarding-card:not(:last-child):before,.onboarding-card:not(:last-child):after{display:none}.onboarding-card-heading{min-height:115px;gap:22px;padding:0 10px}.onboarding-card-heading>i{width:70px;height:70px}.onboarding-card h3{font-size:30px}.onboarding-card-heading p{font-size:17px}.onboarding-preview{min-height:320px}.onboarding-company{grid-template-columns:28% 72%}.onboarding-sidebar{padding:13px 12px}.onboarding-sidebar>img{width:85px;height:36px;margin:0 0 12px}.onboarding-sidebar>span{font-size:11px;gap:10px;padding:9px}.onboarding-sidebar svg{width:16px}.onboarding-company-content{padding:15px 20px}.onboarding-company-top{min-height:140px}.onboarding-company-top>img{height:135px}.onboarding-company-content small{font-size:10px}.onboarding-field{font-size:11px}.onboarding-office-title{font-size:13px}.onboarding-created b{font-size:12px}.onboarding-created small{font-size:10px}.onboarding-members{padding:20px}.onboarding-widget-heading h4{font-size:23px}.onboarding-widget-heading>a{font-size:12px;padding:12px 15px}.onboarding-member{gap:16px;min-height:76px}.onboarding-member .onboarding-avatar{width:48px;height:48px}.onboarding-member b{font-size:15px}.onboarding-member small{font-size:13px}.onboarding-permission{font-size:11px;padding:8px 12px}.onboarding-calendar{padding:18px 15px}.onboarding-calendar-title{font-size:13px}.onboarding-calendar table{border-spacing:5px}.onboarding-calendar thead th{font-size:12px}.onboarding-calendar tbody th>b{font-size:10px;max-width:75px}.onboarding-calendar .onboarding-avatar{width:34px;height:34px;margin-right:5px}.onboarding-day{min-height:50px}.onboarding-day svg{width:22px;height:22px}.onboarding-calendar-bottom{flex-wrap:nowrap;justify-content:space-between}.onboarding-legend>span{font-size:9px}.onboarding-calendar-bottom>a{font-size:11px;padding:12px}.onboarding-handwritten,.onboarding-corner-note{display:none}}
@media(max-width:500px){.fleex-onboarding{padding-top:30px}.onboarding-inner{padding:0 18px}.onboarding-heading h2{font-size:37px;letter-spacing:-1.5px;line-height:1.05}.onboarding-heading>p{font-size:17px}.onboarding-heading>img{width:100px;height:43px;margin-bottom:20px}.onboarding-card{padding:40px 12px 15px}.onboarding-number{width:64px;height:64px;left:calc(50% - 32px);top:-38px;font-size:28px}.onboarding-card-heading{gap:13px;padding:0 4px;min-height:120px}.onboarding-card-heading>i{width:51px;height:58px}.onboarding-card h3{font-size:25px;margin:5px 0 8px}.onboarding-card-heading p{font-size:15px}.onboarding-preview{min-height:298px}.onboarding-company{grid-template-columns:25% 75%}.onboarding-sidebar{padding:11px 4px}.onboarding-sidebar>img{width:65px;height:28px}.onboarding-sidebar>span{font-size:8px;gap:5px;padding:9px 3px}.onboarding-sidebar svg{width:12px;height:12px}.onboarding-company-content{padding:10px}.onboarding-company-top{min-height:124px;gap:5px}.onboarding-company-top>img{height:115px}.onboarding-preview h4{font-size:16px;margin:13px 0 22px}.onboarding-company-content small{font-size:8px}.onboarding-field{font-size:8px}.onboarding-office-title{font-size:10px}.onboarding-created{padding:11px 7px;margin-top:15px}.onboarding-created b{font-size:10px}.onboarding-created small{font-size:8px}.onboarding-created>i{width:23px;height:23px}.onboarding-members{padding:18px 10px}.onboarding-widget-heading h4{margin:0;font-size:19px}.onboarding-widget-heading>a{font-size:10px;padding:10px;gap:5px}.onboarding-member{gap:9px;min-height:76px}.onboarding-member .onboarding-avatar{width:37px;height:37px}.onboarding-member b{font-size:12px}.onboarding-member small{font-size:11px}.onboarding-permission{font-size:9px;padding:7px}.onboarding-calendar{padding:12px 7px}.onboarding-calendar-title{gap:10px;font-size:10px}.onboarding-calendar table{border-spacing:3px}.onboarding-calendar thead th{font-size:9px}.onboarding-calendar tbody th>b{font-size:7px;max-width:44px}.onboarding-calendar .onboarding-avatar{width:23px;height:23px;margin-right:3px}.onboarding-day{min-height:43px}.onboarding-day svg{width:17px;height:17px}.onboarding-calendar-bottom{flex-wrap:wrap;justify-content:center;gap:12px}.onboarding-legend{gap:12px}.onboarding-legend>span{font-size:8px}.onboarding-calendar-bottom>a{font-size:11px;padding:11px 16px}.onboarding-cta>a{font-size:20px;padding:15px 32px}.onboarding-cta p{font-size:13px}.onboarding-flourish{opacity:.6}}
@media(prefers-reduced-motion:reduce){.onboarding-cta>a{transition:none}.onboarding-cta>a:hover{transform:none}}