.hrl{--blue:#0667ff;--ink:#101342;--muted:#607094;color:var(--ink);background:linear-gradient(180deg,#f0f7ff 0%,#fff 48%);font-size:16px;padding-bottom:64px;overflow:hidden}
.hrl *{box-sizing:border-box}.hrl p,.hrl li,.hrl span,.hrl a,.hrl small,.hrl b,.hrl strong,.hrl em{font-size:14px}.hrl p{color:var(--muted);line-height:1.6;margin:0}.hrl h1,.hrl h2,.hrl h3{color:var(--ink);font-weight:750;letter-spacing:-.6px}.hrl h1{font-size:clamp(36px,3.8vw,58px);line-height:1.08;margin:20px 0}.hrl h1 em{font:inherit;color:var(--blue);font-style:normal}.hrl h2{font-size:30px;margin:8px 0 14px;line-height:1.2}.hrl h3{font-size:18px;margin:12px 0 8px;line-height:1.35}.hrl a{text-decoration:none}.hrl a:focus-visible{outline:3px solid #733cf1;outline-offset:4px}.hrl-wrap{max-width:1320px;width:calc(100% - 64px);margin-left:auto;margin-right:auto}.hrl-hero{padding:56px 0 46px;position:relative}.hrl-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:38px;align-items:center}.hrl-eyebrow{font-size:14px!important;letter-spacing:1.1px;font-weight:700;color:var(--blue)}.hrl-pill{display:inline-block;padding:5px 12px;border-radius:20px;background:#dfedff}.hrl .hrl-lead{font-size:18px;max-width:470px}.hrl-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.hrl-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:14px 18px;background:var(--blue);color:#fff;font-weight:650;border:1px solid var(--blue);border-radius:6px;box-shadow:0 6px 18px #006bff18;line-height:1.5}.hrl-button:hover{background:#0052d3;color:#fff}.hrl-outline{color:var(--blue);background:#fff}.hrl-highlights{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:36px}.hrl-highlights i,.hrl-benefits i{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#e7f3ff;border-radius:50%;font-size:24px;color:var(--blue);margin-bottom:12px}.hrl-highlights strong{display:block;margin-bottom:7px}.hrl-highlights p{font-size:14px}.hrl-hero-visual{min-width:0;position:relative}.hrl-dashboard{background:white;border:1px solid #d8e7ff;border-radius:16px;box-shadow:0 22px 65px #1574d622;overflow:hidden;transform:perspective(1600px) rotateY(-4deg);transform-origin:center}.hrl-appbar,.hrl-mini-bar{background:linear-gradient(100deg,#0084ff,#0052dc);color:white;padding:15px;display:flex;gap:16px;align-items:center;justify-content:space-between}.hrl-appbar strong{font-size:23px}.hrl-appbar i{font-size:24px}.hrl-appbody{display:grid;grid-template-columns:135px minmax(0,1fr)}.hrl-appbody aside{background:#f4f9ff;border-right:1px solid #e6efff;padding:16px 8px;display:flex;flex-direction:column;gap:15px;font-size:14px;color:#53719a}.hrl-appbody aside span{padding:6px}.hrl-appbody .active{background:#e2eeff;color:#0065f5;border-radius:5px}.hrl-appcontent{padding:18px;min-width:0}.hrl-appcontent h2{font-size:23px;margin:0 0 4px}.hrl-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:18px 0}.hrl-metrics>div{display:flex;align-items:center;gap:8px;border:1px solid #e2eaf8;border-radius:8px;padding:10px}.hrl-metrics i{font-size:24px;color:var(--blue);background:#e9f3ff;border-radius:50%;padding:8px}.hrl-metrics b{display:block;font-size:24px;color:var(--ink)}.hrl-metrics span{color:#607094}.hrl-dashboard-bottom{display:grid;grid-template-columns:1fr;gap:12px}.hrl-requests,.hrl-chart{border:1px solid #e3ebf7;border-radius:9px;padding:12px}.hrl-dashboard h3{font-size:16px;margin:0 0 12px}.hrl-person{display:flex;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid #edf2fa}.hrl-person>b{flex:0 0 32px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#e9e4fb;color:#634ba5}.hrl-person span{flex:1;min-width:0;font-weight:600}.hrl-person small{display:block;color:#76829e;font-weight:400}.hrl-person em{font-style:normal;background:#fff0ce;color:#956000;border-radius:4px;padding:3px 6px}.hrl-chart{display:none}.hrl-example{margin-top:14px!important;text-align:right}.hrl-bars{display:flex;gap:16px;height:120px;align-items:end;margin:15px 0 25px}.hrl-bars>div{display:flex;flex-direction:column;align-items:center;height:var(--bar);flex:1}.hrl-bars i{background:linear-gradient(#4294ff,#c9e3ff);width:100%;flex:1;border-radius:5px 5px 0 0}.hrl-bars b{font-weight:400}.hrl-distribution{display:flex;gap:18px;align-items:center}.hrl-donut{background:conic-gradient(#0667ff 0 25%,#0ac99b 25% 46%,#ffb420 46% 67%,#8274ca 67% 84%,#9846f5 84%);width:95px;height:95px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.hrl-donut b{display:grid;place-items:center;width:61px;height:61px;background:#fff;border-radius:50%;font-size:24px}.hrl-comparison{display:grid;grid-template-columns:1fr 1fr;border:1px solid #dbe8fa;border-radius:13px;overflow:hidden;box-shadow:0 8px 24px #224c8310}.hrl-comparison>div{padding:30px;background:linear-gradient(120deg,#fff7f7,#fff)}.hrl-comparison>div+div{background:linear-gradient(120deg,#fff,#f0fff8);border-left:1px solid #dbe8fa}.hrl-comparison h2{font-size:23px}.hrl-comparison .hrl-eyebrow{color:#e44251}.hrl-comparison>div+div .hrl-eyebrow{color:#00a974}.hrl-comparison ul{list-style:none;padding:0;margin:18px 0 0}.hrl-comparison li{position:relative;color:var(--muted);padding:5px 0 5px 28px;line-height:1.6}.hrl-comparison li:before{content:'×';position:absolute;left:0;top:8px;background:#f6495f;color:#fff;border-radius:50%;width:18px;height:18px;text-align:center;line-height:18px}.hrl-comparison>div+div li:before{content:'✓';background:#09bb85}.hrl-section{padding-top:44px}.hrl-heading{text-align:center;margin-bottom:24px}.hrl-features{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.hrl-card{border:1px solid #dce7f8;border-radius:10px;padding:22px;position:relative;background:linear-gradient(#fff,#fbfdff);min-width:0;scroll-margin-top:110px}.hrl-features .hrl-card:hover{border-color:#67a0ff;box-shadow:0 10px 25px #0874ee12}.hrl-card>i{display:grid;place-items:center;width:62px;height:62px;border-radius:12px;background:#e8f2ff;color:#0068ff;font-size:36px}.hrl-card.green>i{color:#00b87a;background:#e7fff2}.hrl-card.purple>i{color:#8b36ef;background:#f3eaff}.hrl-card.orange>i{color:#fb9904;background:#fff2dc}.hrl-arrow{position:absolute;right:22px;top:36px;color:#0068ff;font-size:23px!important}.hrl-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;padding:22px;list-style:none;border:1px solid #dce7f8;border-radius:10px;text-align:center}.hrl-steps i{display:grid;place-items:center;width:58px;height:58px;margin:auto;background:#0069ff;color:#fff;border-radius:50%;font-size:26px}.hrl-steps li:nth-child(2n) i{background:#0cbe8b}.hrl-steps li:nth-child(3) i{background:#9454ed}.hrl-steps li:nth-child(4) i{background:#ffa411}.hrl-steps h3{font-size:15px;letter-spacing:0}.hrl-screens{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.hrl-screens>.hrl-card{padding:10px 10px 18px}.hrl-screens>.hrl-card>h3,.hrl-screens>.hrl-card>p{margin-left:10px;margin-right:10px}.hrl-mini{height:260px;overflow:hidden;border:1px solid #dfebff;border-radius:7px;background:#f9fbff}.hrl-mini-bar{padding:8px 12px}.hrl-mini h3{padding:0 12px}.hrl-mini .hrl-person{margin:0 12px}.hrl-mini .hrl-person em{background:#e0f8e9;color:#187344}.hrl-calendar{display:grid;grid-template-columns:repeat(5,1fr);text-align:center;padding:12px;gap:6px}.hrl-calendar span{background:#ddfaec;padding:9px;color:#08885d}.hrl-kanban{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}.hrl-kanban>div{background:#f0edf9;padding:8px;border-radius:6px}.hrl-kanban p{padding:8px;background:white;border-radius:4px;margin-top:8px}.hrl-benefits{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.hrl-benefits article{border:1px solid #e0eafa;padding:18px;border-radius:9px}.hrl-benefits h3{font-size:16px;letter-spacing:0}.hrl-cta{display:grid;grid-template-columns:1.6fr 1fr;gap:40px;align-items:center;padding:36px 42px;background:linear-gradient(115deg,#0342cd,#087dff);border-radius:15px;margin-top:40px}.hrl-cta h2,.hrl-cta p,.hrl-cta .hrl-eyebrow{color:#fff}.hrl-cta .hrl-actions{display:grid;margin:0}.hrl-cta .hrl-button{background:white;color:#0061eb;border-color:#fff}.hrl-cta .hrl-outline{background:transparent;color:#fff}
@media(min-width:1450px){.hrl-wrap{max-width:1480px}.hrl-hero-grid{grid-template-columns:.85fr 1.5fr}.hrl-dashboard-bottom{grid-template-columns:1fr 1fr}.hrl-chart{display:block}.hrl-metrics{grid-template-columns:repeat(4,1fr)}.hrl-metrics>div{display:block}.hrl-metrics i{float:right;font-size:18px;padding:5px}.hrl-dashboard{transform:none}}
@media(max-width:1050px){.hrl-hero-grid{grid-template-columns:1fr;gap:35px}.hrl h1 br{display:none}.hrl h1{max-width:680px}.hrl-hero-grid .hrl-lead{max-width:680px}.hrl-highlights{max-width:680px}.hrl-dashboard{transform:none}.hrl-dashboard-bottom{grid-template-columns:1fr 1fr}.hrl-chart{display:block}.hrl-features,.hrl-benefits{grid-template-columns:repeat(2,1fr)}.hrl-steps{grid-template-columns:repeat(3,1fr)}.hrl-screens{grid-template-columns:1fr}.hrl-mini{height:auto;min-height:250px}.hrl-cta{grid-template-columns:1fr}.hrl-comparison h2{font-size:21px}}
@media(max-width:600px){.hrl-wrap{width:calc(100% - 32px)}.hrl-hero{padding-top:30px}.hrl h1{font-size:40px}.hrl h2{font-size:26px}.hrl-actions{flex-direction:column}.hrl-highlights{grid-template-columns:repeat(2,1fr)}.hrl-appbody{grid-template-columns:minmax(0,1fr)}.hrl-appbody aside{display:none}.hrl-appbar>span{display:none}.hrl-appcontent{padding:12px}.hrl-dashboard-bottom{grid-template-columns:1fr}.hrl-person{flex-wrap:wrap}.hrl-person span{flex-basis:130px}.hrl-metrics>div{display:block}.hrl-metrics i{float:right;font-size:19px;padding:5px}.hrl-comparison,.hrl-features,.hrl-benefits{grid-template-columns:1fr}.hrl-comparison>div{padding:24px}.hrl-comparison>div+div{border-left:0;border-top:1px solid #dbe8fa}.hrl-steps{grid-template-columns:repeat(2,1fr);padding:18px 12px}.hrl-cta{padding:26px}.hrl-cta h2{font-size:26px}}