*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 58% 47%,#edf5ff66,transparent 45%),#f5fbfd;color:#070e3c;font-family:DM Sans,Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #07143b;outline-offset:5px}svg{display:block;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.defs{position:absolute;width:0;height:0;overflow:hidden}.page{max-width:1536px;margin:auto;padding:14px 44px 0}header{display:flex;align-items:center;padding:0 32px;gap:100px}.brand{display:flex;align-items:center;color:#0644ff;font:700 56px/1 "DM Serif Display",Georgia,serif;letter-spacing:-2px}.brand svg{width:72px;height:53px;margin-right:7px;stroke:none}nav{display:flex;gap:54px;color:#404e85;font-size:18px}.account{margin-left:auto;display:flex;align-items:center;gap:36px;color:#404e85;font-size:18px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:13px;background:#0757ff;color:#fff;padding:18px 24px;font-size:20px;border:1px solid #0955ff}.button svg{width:22px;height:22px}.account .button{padding:11px 24px}.hero{display:grid;grid-template-columns:600px 360px 1fr;gap:16px;position:relative;padding:40px 32px 27px;min-height:553px}.intro{padding-top:0}.eyebrow{font-size:13px;letter-spacing:3.4px;line-height:1.45;color:#53629a;max-width:220px}.intro h1{font-family:"DM Serif Display",Georgia,serif;font-size:88px;line-height:.91;letter-spacing:-2px;font-weight:400;margin:24px 0 27px;max-width:600px}.intro h1 span{color:#0647ff}.description{font-size:22px;line-height:1.42;color:#5a6ba6;max-width:545px;margin:0}.actions{display:flex;gap:17px;margin-top:28px}.actions .button{padding:17px 21px;font-size:20px}.actions .android{width:34px;height:28px}.button.secondary{color:#0644ff;background:transparent;border-color:#d3e1ff;padding-left:29px;padding-right:29px}.phone{position:relative;width:345px;aspect-ratio:345/570;margin-top:-27px;margin-left:-3px}.phone>img{width:100%;height:100%;display:block}.screen{position:absolute;left:24.35%;top:7.55%;width:66.67%;height:87.72%;transform:matrix(1,-.06,-.1,1,0,0);transform-origin:top left;padding:7px 10px;color:#060d39;font-size:13px}.status{height:35px;font-size:11px;font-weight:700;display:flex;justify-content:space-between;padding:0 4px}.phonebrand{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.phonebrand .brand{font-size:39px;letter-spacing:-1px}.phonebrand .brand svg{width:44px;height:37px;margin-right:3px}.avatar{border-radius:50%;background:#e1e7f1;padding:9px;font-weight:700}.month{font-size:18px;font-weight:700;margin:0 0 15px}.week{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;text-align:center}.week span{font-size:10px;color:#56618c}.dates{margin-top:7px;align-items:center}.dates span{font-size:13px;color:#070e3c;padding:8px 0}.dates .selected{background:#d4f94a;border-radius:11px;font-weight:700}.shifts{display:grid;gap:7px;margin-top:15px}.shift{display:flex;gap:13px;align-items:center;background:#e8f1ff;border-radius:10px;padding:10px 13px;min-height:55px}.shift:nth-child(2){background:#eff9df}.shift:nth-child(3){background:#f2f5fa}.dot{width:15px;height:16px;border-radius:50%;background:#0865ff;flex:none}.shift:nth-child(2) .dot{background:#64c600}.shift:nth-child(3) .dot{background:#95a3bf}.shift p{margin:0;line-height:1.45;font-size:14px}.shift small{display:block;font-size:12px;color:#53628e}.phone-nav{display:flex;justify-content:space-between;margin-top:31px;color:#66769f}.phone-nav a{display:flex;align-items:center;flex-direction:column;font-size:12px;gap:6px}.phone-nav svg{width:24px;height:24px}.phone-nav a:first-child{color:#064cff}.features{display:grid;gap:37px;padding:13px 0;align-content:start}.feature{display:grid;grid-template-columns:84px 1fr;gap:29px;align-items:center}.tile{width:84px;height:84px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(130deg,#e1edff,#d6e7ff);color:#073bff}.tile.lime{background:linear-gradient(130deg,#e0f889,#e0f697);color:#08123c}.tile svg{width:47px;height:47px;stroke-width:2.7}.feature h2{font-size:21px;line-height:1.2;margin:0 0 6px;letter-spacing:-.5px}.feature p{font-size:17px;line-height:1.3;color:#4b5b94;margin:0;max-width:260px}.setup{border-radius:16px;background:linear-gradient(115deg,#eaf3feaa,#edf6ffaa,#e8f2fcdd);padding:26px 34px 24px;display:grid;grid-template-columns:460px 1fr;gap:24px;min-height:216px}.setup .eyebrow{max-width:none}.setup h2{font:400 48px/1.12 "DM Serif Display",Georgia,serif;letter-spacing:-1px;margin:12px 0 14px}.setup-intro p{font-size:19px;line-height:1.4;color:#5a6ba6;margin:0;max-width:390px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:39px;padding-top:16px}.step{text-align:center;position:relative}.step .tile{width:71px;height:71px;margin:0 auto 10px;border-radius:17px}.step .tile svg{width:39px;height:39px}.number{position:absolute;top:-21px;left:calc(50% - 58px);border-radius:50%;background:#073dff;border:2px solid #f5fbfd;color:#fff;font-size:18px;width:37px;height:37px;display:grid;place-items:center}.step:not(:last-child):after{content:"";position:absolute;right:-20px;top:39px;width:13px;height:13px;border-top:2px solid #33457c;border-right:2px solid #33457c;transform:rotate(45deg)}.step h3{font-size:16px;margin:0 0 5px;font-weight:600}.step p{font-size:16px;line-height:1.3;color:#56669c;margin:0}.cta{margin-top:13px;background:linear-gradient(110deg,#e7f1fe,#e0edff);border-radius:15px;display:flex;align-items:center;gap:53px;padding:14px 33px 14px 49px;min-height:92px}.cta>svg{width:53px;height:57px;color:#0755ff}.cta h2{font-size:20px;margin:0 0 3px}.cta p{font-size:16px;color:#4d6097;margin:0}.cta .button{margin-left:auto;min-width:404px}footer{display:flex;align-items:center;margin:13px 0 0;padding:13px 8px 15px;border-top:1px solid #edf2f8;gap:44px}footer .brand{font-size:42px}footer .brand svg{width:56px;height:42px}footer .eyebrow{font-size:12px;letter-spacing:2.5px;max-width:160px}footer nav{margin-left:auto;gap:47px;font-size:15px;color:#5c6b9f;align-items:center}footer nav a:first-child{color:#0548ff;display:flex;align-items:center;gap:8px;padding-right:31px;border-right:1px solid #b5c2df}footer nav svg{width:16px;height:16px}footer small{font-size:15px;color:#5c6b9f;margin-left:40px}@media (min-width: 1024px) and (max-width: 1400px){header{gap:65px}.hero{grid-template-columns:43% 27% 30%;gap:0;padding-left:18px;padding-right:18px}.intro h1{font-size:70px}.description{font-size:19px}.phone{width:100%;margin-left:0}.feature{grid-template-columns:65px 1fr;gap:15px}.tile{width:65px;height:65px}.features{gap:30px}.actions{flex-wrap:wrap}.setup{grid-template-columns:34% 1fr}.setup h2{font-size:39px}.steps{gap:25px}}@media (max-width: 1023px){.page{padding:20px 24px 0}header{padding:0;gap:25px;flex-wrap:wrap}.brand{font-size:45px}.brand svg{width:58px}nav{gap:26px}.account{gap:20px}.hero{display:flex;flex-direction:column;padding:40px 0 28px;min-height:0;gap:32px}.intro h1{font-size:72px;max-width:650px}.description{max-width:650px}.phone{width:345px;max-width:100%;margin:0 auto}.features{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;padding:0}.feature{gap:18px}.setup{grid-template-columns:1fr;gap:30px;padding:28px}.setup h2{font-size:43px}.setup-intro p{max-width:100%}.steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 32px}.step:not(:last-child):after{display:none}.cta{gap:22px;flex-wrap:wrap;padding:24px}.cta .button{min-width:0;margin-left:75px}footer{flex-wrap:wrap;gap:20px}footer nav{margin-left:0;gap:30px}footer small{margin-left:0}.phone .screen{font-size:13px}}@media (max-width: 599px){.page{padding:16px}header{gap:20px}.brand{font-size:40px}.brand svg{width:52px;height:42px}header nav{width:100%;font-size:16px;justify-content:space-between}.account{width:100%;margin:0;justify-content:space-between;font-size:16px}.account .button{font-size:16px;padding:12px 16px}.hero{padding-top:30px;gap:28px}.intro h1{font-size:53px;line-height:1.02;letter-spacing:-1px;margin:20px 0}.description{font-size:18px}.eyebrow{font-size:12px}.actions{flex-direction:column;gap:12px;margin-top:23px}.actions .button{font-size:17px;padding:16px}.phone{width:345px;max-width:100%;container-type:inline-size}.screen{font-size:3.77cqw}.status{font-size:3.19cqw;height:10.15cqw}.phonebrand{margin-bottom:6.38cqw}.phonebrand .brand{font-size:11.3cqw}.phonebrand .brand svg{width:12.75cqw;height:10.72cqw}.avatar{padding:2.6cqw}.month{font-size:5.22cqw;margin-bottom:4.35cqw}.week span{font-size:2.9cqw}.dates span{font-size:3.77cqw;padding:2.32cqw 0}.shifts{gap:2.03cqw;margin-top:4.35cqw}.shift{padding:2.9cqw 3.77cqw;gap:3.77cqw;min-height:15.94cqw}.shift p{font-size:4.06cqw}.shift small{font-size:3.48cqw}.phone-nav{margin-top:8.98cqw}.phone-nav a{font-size:3.48cqw}.features{grid-template-columns:1fr;gap:25px}.feature{grid-template-columns:72px 1fr}.feature .tile{width:72px;height:72px}.feature h2{font-size:20px}.feature p{font-size:16px;max-width:none}.setup{padding:25px 20px}.setup h2{font-size:37px}.setup-intro p{font-size:17px}.steps{grid-template-columns:1fr;gap:42px}.step p{max-width:230px;margin:auto}.cta{padding:23px 20px;gap:18px}.cta>svg{width:42px;height:47px}.cta>div{flex:1}.cta h2{font-size:19px}.cta p{font-size:15px}.cta .button{width:100%;margin:0;font-size:17px}footer{padding:20px 0;gap:20px}footer nav{flex-wrap:wrap;gap:22px;font-size:14px}footer nav a:first-child{padding-right:20px}footer small{width:100%;font-size:14px}}:where([contenteditable]){overflow-wrap:normal;line-break:auto}