.features-page .nav-current{color:var(--blue)}.features-hero{position:relative;overflow:hidden;background:#f7f5ef}.features-hero-grid{min-height:615px;display:grid;grid-template-columns:51% 49%;align-items:center}.features-hero-copy{position:relative;z-index:2;padding:70px 0}.features-hero h1{font-size:clamp(51px,4.8vw,70px);max-width:630px;margin:25px 0 21px}.features-hero-copy>p{max-width:550px;color:#5b6d77;font-size:16px;line-height:1.75;margin-bottom:30px}.features-hero-art{height:500px;position:relative}.features-hero-art:before{content:"";position:absolute;inset:20px -40px;border-radius:50%;background:radial-gradient(circle,#dce6ff 0,#eaf0fc 42%,transparent 72%)}.art-ring{position:absolute;border:1px solid #bbc9ed;border-radius:50%;transform:rotate(-25deg)}.ring-a{height:385px;width:575px;top:45px;left:5px}.ring-b{height:300px;width:470px;top:88px;left:55px}.stack-card{position:absolute;z-index:1;background:#fff;border:1px solid #e2e7ee;border-radius:11px;box-shadow:0 24px 40px #2c477527}.stack-overline{display:block;font-size:8px;letter-spacing:.14em;font-weight:800;color:#8d9ca7}.stack-profile{top:80px;left:62px;width:330px;padding:20px;transform:rotate(-7deg)}.stack-person{display:flex;align-items:center;gap:10px;margin:20px 0 17px}.stack-avatar{display:grid;place-content:center;width:42px;height:42px;border-radius:8px;background:#dcebe5;color:#496f62;font-size:12px;font-weight:800}.stack-person strong,.stack-request-line strong{display:block;font-size:12px}.stack-person small,.stack-request-line small{display:block;color:#8d9ca7;font-size:9px;margin-top:3px}.stack-person b{margin-left:auto;color:var(--blue);font-size:20px}.stack-detail{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #e8edf0;padding-top:14px;color:#91a0a9;font-size:8px}.stack-detail strong{display:block;color:#344b58;font-size:10px;margin-top:5px}.stack-request{top:205px;right:2px;width:340px;padding:18px;transform:rotate(6deg)}.stack-request-line{display:flex;gap:9px;align-items:center;padding:12px 0;border-bottom:1px solid #e9edf0}.stack-request-line:last-child{border:0}.stack-icon{width:32px;height:32px;display:grid;place-content:center;border-radius:7px;background:#e8edff;color:var(--blue)}.stack-icon.leaf{background:#e5f4e8;color:#6ca17e}.stack-request-line b{margin-left:auto;padding:5px 7px;border-radius:4px;background:#fff2db;color:#ab8546;font-size:8px}.stack-request-line b.approved{background:#e6f4e8;color:#61996c}.stack-hiring{bottom:49px;left:47px;width:290px;padding:17px;transform:rotate(-3deg)}.stack-hiring>strong{display:block;font-size:13px;margin:13px 0}.stack-progress{display:flex;gap:4px}.stack-progress i{flex:1;height:5px;background:#dfe6f8;border-radius:5px}.stack-progress i:first-child{background:var(--blue)}.stack-hiring>small{display:block;color:#8e9fa9;font-size:8px;margin-top:10px}.features-art-caption{position:absolute;right:10px;bottom:16px;color:#8392a5;font-size:8px;letter-spacing:.14em;font-weight:800}.page-hero-bottom{display:flex;justify-content:space-between;padding:16px 0;border-top:1px solid #dce1df;color:#809399;font-size:9px;letter-spacing:.18em;font-weight:800}.feature-index{background:#fffefa}.feature-index .section-head{margin-bottom:51px}.module-list{display:grid;gap:15px}.module-card{min-height:315px;display:grid;grid-template-columns:1fr 45%;gap:45px;align-items:center;padding:34px 43px;border:1px solid #e5e8e5;border-radius:13px;overflow:hidden;background:#f5f8fa;transition:transform .2s,box-shadow .2s}.module-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px #233b4d14}.module-card:nth-child(even){background:#eff5ed}.module-card.module-leave{background:#f8f5ec}.module-card.module-pay{background:#f0f2fa}.module-card.module-recruit{background:#eef5f4}.module-count{color:var(--blue);font-size:9px;font-weight:800;letter-spacing:.19em}.module-card h3{font-size:clamp(29px,3vw,40px);line-height:1.14;letter-spacing:-.065em;margin:15px 0 12px}.module-card h3 span{color:var(--blue)}.module-card p{max-width:485px;font-size:13px;color:#65757c;line-height:1.75;margin-bottom:23px}.module-link{display:inline-flex;align-items:center;gap:25px;border-bottom:1px solid var(--blue);padding-bottom:5px;color:var(--blue);font-size:11px;font-weight:800}.module-link span{font-size:17px;font-weight:400}.module-illustration{position:relative;max-width:460px;width:100%;min-height:230px;justify-self:center;padding:20px;border:1px solid #e0e7ea;border-radius:10px;background:#fff;box-shadow:0 22px 33px #2c477515;transform:rotate(-2deg)}.module-card:nth-child(even) .module-illustration{transform:rotate(2deg)}.module-window-head{display:flex;justify-content:space-between;border-bottom:1px solid #e9eef0;padding-bottom:15px;color:#95a2ac;font-size:8px;letter-spacing:.11em;font-weight:800}.records-person{display:flex;align-items:center;gap:11px;padding:20px 0 17px}.records-person>span{width:44px;height:44px;display:grid;place-content:center;background:#dcebe2;border-radius:9px;color:#5b8066;font-size:12px;font-weight:800}.records-person strong,.leave-row strong{display:block;font-size:13px}.records-person small,.leave-row small{display:block;margin-top:4px;color:#98a5ac;font-size:9px}.records-person b{margin-left:auto;background:#e6f5e9;color:#639c74;padding:5px 7px;border-radius:5px;font-size:8px}.records-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-top:1px solid #edf0f0;padding-top:17px}.records-fields small{display:block;color:#a0abb0;font-size:7px;letter-spacing:.1em}.records-fields strong{display:block;font-size:10px;margin-top:4px}.attendance-illustration{background:#fcfefc}.schedule-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:26px 0 15px;text-align:center}.schedule-grid span{font-size:8px;color:#98a5ac;font-weight:800}.schedule-grid b{background:#e8f0f7;border-radius:5px;padding:15px 3px;color:#506779;font-size:8px}.schedule-grid b:nth-last-child(2){background:#eff2ed;color:#a9b4ae}.schedule-request{display:flex;align-items:center;gap:9px;border:1px solid #e8edef;border-radius:7px;padding:10px}.schedule-request>span{display:grid;place-content:center;width:28px;height:28px;border-radius:6px;background:#e7efff;color:var(--blue)}.schedule-request strong{display:block;font-size:10px}.schedule-request small{display:block;font-size:8px;color:#a1adb2;margin-top:2px}.schedule-request b{margin-left:auto;background:#fff3df;border-radius:5px;padding:5px;color:#ad8a50;font-size:8px}.leave-row{display:flex;align-items:center;gap:10px;padding:25px 0 18px}.leave-avatar{display:grid;place-content:center;width:37px;height:37px;border-radius:50%;background:#e9f0e4;color:#69916c;font-size:10px;font-weight:800}.leave-row b{margin-left:auto;background:#fff3df;color:#aa874c;padding:5px 8px;border-radius:4px;font-size:8px}.leave-divider{height:1px;background:#edf0eb}.leave-choice{display:flex;gap:18px;padding:13px 0;color:#96a1a5;font-size:9px}.leave-choice span:last-child{color:var(--blue);font-weight:800;border-bottom:2px solid var(--blue);padding-bottom:7px}.leave-actions{display:flex;justify-content:space-between;align-items:center;gap:8px}.leave-actions span,.leave-actions strong{padding:9px 10px;border-radius:5px;font-size:8px}.leave-actions span{border:1px solid #e6e8e4;color:#7c8b91}.leave-actions strong{background:var(--blue);color:white}.pay-title{display:flex;justify-content:space-between;align-items:center;margin:22px 0 16px}.pay-title strong{font-size:13px}.pay-title span{font-size:8px;color:#98a5ae}.pay-lines{display:grid;gap:8px}.pay-lines div{display:flex;justify-content:space-between;padding:10px;border:1px solid #edf0f1;border-radius:5px;font-size:9px;color:#647986}.pay-lines i{width:85px;height:6px;margin-top:3px;border-radius:5px;background:#dce5f6}.pay-note{text-align:center;font-size:8px;color:#9aa7af;margin-top:11px}.recruit-title{display:flex;justify-content:space-between;align-items:center;margin:26px 0 19px}.recruit-title strong{font-size:13px}.recruit-title small{font-size:9px;color:#9babb0}.recruit-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.recruit-stages div{border:1px solid #e8edef;border-radius:6px;padding:12px}.recruit-stages span{display:grid;place-content:center;width:21px;height:21px;border-radius:50%;background:#e7efff;color:var(--blue);font-size:8px;font-weight:800}.recruit-stages strong{display:block;margin-top:16px;font-size:9px}.recruit-stages small{display:block;margin-top:4px;font-size:7px;color:#a0aeb4}.choose-section{background:var(--navy);color:#fff}.choose-grid{display:grid;grid-template-columns:43% 1fr;gap:95px}.choose-grid h2{font-size:clamp(43px,4.1vw,58px);line-height:1.17;letter-spacing:-.07em;margin:17px 0 20px}.choose-grid h2 em{color:var(--lime)}.choose-grid p{max-width:350px;color:#b5c6ce;font-size:14px;line-height:1.7}.choose-options{border-top:1px solid #506b7b}.choose-options a{display:grid;grid-template-columns:45px 1fr 25px;align-items:center;gap:15px;padding:24px 0;border-bottom:1px solid #506b7b;transition:padding .2s,background .2s}.choose-options a:hover{padding-inline:12px;background:#ffffff0a}.choose-options a>span{color:var(--lime);font-size:10px;font-weight:800}.choose-options strong{display:block;font:700 16px var(--font-head)}.choose-options small{display:block;color:#aac0ca;margin-top:5px;font-size:11px}.choose-options b{color:var(--lime);font-size:19px;font-weight:400}
@media(max-width:1100px){.features-hero-grid{grid-template-columns:49% 51%}.features-hero-art{transform:scale(.83);transform-origin:center}.module-card{gap:25px}.choose-grid{gap:50px}}
@media(max-width:800px){.features-hero-grid{display:block;min-height:0}.features-hero-copy{padding:65px 0 0}.features-hero-art{height:380px;transform:scale(.72);transform-origin:center;margin:0 -11%}.page-hero-bottom{display:none}.module-card{grid-template-columns:1fr 1fr;padding:28px;gap:15px}.module-illustration{transform:none!important}.choose-grid{grid-template-columns:1fr;gap:30px}}
@media(max-width:580px){.features-hero-copy{padding-top:48px}.features-hero h1{font-size:clamp(42px,10vw,58px)}.features-hero-copy>p{font-size:15px}.features-hero-art{width:600px;height:270px;margin-left:calc(50% - 300px);transform:scale(.53);transform-origin:center}.features-art-caption{bottom:0}.module-card{display:flex;flex-direction:column;align-items:stretch;padding:27px 23px;gap:14px}.module-card h3{font-size:35px}.module-card p{font-size:12px}.module-illustration{max-width:none;min-height:210px}.choose-grid h2{font-size:42px}.choose-options a{grid-template-columns:25px 1fr 20px;gap:9px}}
@media(prefers-reduced-motion:reduce){.module-card,.choose-options a{transition:none}}