/* Главная Lifely — стили ограничены публичной страницей */
.home{--home-blue:#087cf0;--home-ink:#192632;--home-muted:#657787;background:#fff;color:var(--home-ink)}
.home .home-wrap{max-width:1240px;padding:0 32px;margin:auto}
.home-header{background:#fff;border-bottom:1px solid #edf1f5}
.home .top{height:88px}
.home .brand{font-size:23px}
.home .brand img{width:38px;height:38px}
.home .nav{gap:32px}
.home .button{background:var(--home-blue);border-radius:14px;min-height:50px;padding:14px 21px;font-size:14px}
.home .button.secondary{color:var(--home-ink);background:#f6f9fc;border:1px solid #e8eef4;box-shadow:none;min-height:42px;padding:10px 18px}
.home .button>span{font-size:18px;font-weight:500}
.home-hero{background:linear-gradient(110deg,#f5faff,#edf6ff);position:relative}
.home-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-top:64px!important;padding-bottom:34px!important;min-height:640px}
.home-kicker{font-size:12px;font-weight:650;color:#407cae;letter-spacing:.07em;display:flex;align-items:center;gap:9px}
.home-kicker>span{display:block;width:7px;height:7px;border-radius:50%;background:var(--home-blue);box-shadow:0 0 0 5px #dfefff}
.home-intro h1{font-size:clamp(48px,5.1vw,68px);line-height:1.08;letter-spacing:-.055em;font-weight:730;margin:24px 0}
.home-intro h1>span{color:var(--home-blue)}
.home-intro>p{font-size:17px;line-height:1.7;color:var(--home-muted);margin:0;max-width:450px}
.home-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:31px}
.home-text-link{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:550;color:#47647b;min-height:44px}
.home-text-link>span{font-size:18px;color:var(--home-blue)}
.home-platforms{display:flex;gap:23px;flex-wrap:wrap;margin-top:37px;color:#6d8395;font-size:12px}
.home-platforms>span{display:flex;align-items:center;gap:7px}
.home .nav-icon{width:20px;height:20px;flex:none;display:block}
.home-platforms .nav-icon{width:16px;height:16px}
.home-showcase{position:relative;padding:8px 0 0}
.home-showcase:before{content:'';position:absolute;inset:40px -20px 50px 25px;background:#deedff;border:1px solid #d1e4fa;border-radius:32px;transform:rotate(4deg);pointer-events:none}
.home-demo{position:relative;border:1px solid #dfe8f1;border-radius:24px;background:#fff;box-shadow:0 25px 65px #42699417,0 3px 8px #42699408;overflow:hidden}
.home-demo-top{display:flex;justify-content:space-between;align-items:center;padding:16px 23px;border-bottom:1px solid #edf1f5;color:#8b9ba9;font-size:11px}
.home-demo-brand{display:flex;align-items:center;gap:7px;color:var(--home-ink);font-size:15px;font-weight:650;letter-spacing:-.02em}
.home-demo-brand img{width:24px;height:24px}
.home-demo-switch{display:flex;padding:13px 20px 0;gap:5px;background:#f8fafc}
.home-demo-switch button{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 13px;border:1px solid transparent;border-radius:12px;background:transparent;color:#748391;font-size:12px;font-weight:550;flex:1;min-height:40px}
.home-demo-switch button .nav-icon{width:17px;height:17px}
.home-demo-switch button[aria-pressed=true]{background:#fff;color:var(--home-blue);border-color:#e5edf4;box-shadow:0 2px 5px #617b9010}
.home-demo-body{background:#f8fafc;padding:24px;min-height:399px}
.home-demo-body [hidden]{display:none!important}
.home-demo-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}
.home-demo-heading small{font-size:11px;color:#8a9ba8}
.home-demo-heading h2{font-size:28px;letter-spacing:-.04em;margin:5px 0 0;font-weight:700}
.home-count{font-size:11px;font-weight:650;color:var(--home-blue);background:#e8f2ff;padding:7px 10px;border-radius:20px;white-space:nowrap}
.home-demo-progress{height:5px;border-radius:5px;background:#e6edf5;overflow:hidden}
.home-demo-progress>span{display:block;height:100%;width:var(--progress);background:var(--home-blue);border-radius:inherit}
.home-demo-label{font-size:11px;font-weight:600;color:#8395a3;margin:19px 0 6px}
.home-demo-task{display:flex;align-items:center;gap:10px;padding:9px 0;font-size:12px;color:#435665}
.home-demo-task.completed>span:not(.home-check){color:#8a9ba7;text-decoration:line-through}
.home-check{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;flex:none;background:#248cf1;border:1.5px solid #248cf1;color:#fff;border-radius:50%;font-size:10px;line-height:1}
.home-check.home-check-empty{background:transparent;border-color:#bacada}
.home-demo-task time{font-size:10px;color:#8b9aa7;margin-left:auto;white-space:nowrap}
.home-demo-event{display:flex;align-items:center;justify-content:space-between;margin:10px 0;padding:12px 15px;border-left:3px solid var(--home-blue);border-radius:4px 12px 12px 4px;background:#e1efff}
.home-demo-event b{font-size:12px;font-weight:600;display:block}
.home-demo-event span{font-size:10px;color:#2784da;display:block;margin-top:5px}
.home-demo-event .home-event-duration{margin:0;background:#ffffff8a;padding:5px 8px;border-radius:7px}
.home-demo-bottom{margin-top:13px;border-top:1px solid #e6ecf2;padding-top:14px;display:flex;align-items:center;gap:11px;font-size:10px;color:#8193a1}
.home-demo-bottom>div{display:flex;gap:6px}
.home-demo-bottom>div>span{background:white;border:1px solid #e5edf4;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;font-size:14px}
.home-demo-bottom>b{font-weight:500;margin-left:auto}
.home-demo-caption{position:relative;text-align:center;font-size:10px;color:#7b93a8;margin:18px 0 0;display:flex;justify-content:center;gap:10px;align-items:center}
.home-demo-caption>span{font-size:16px;color:#468dc8}
.home-habit-example{background:#fff;border:1px solid #e8edf3;padding:16px 14px;border-radius:15px;margin-top:13px}
.home-habit-title{display:flex;align-items:center;gap:8px;font-size:12px}
.home-habit-title>span{font-size:20px}.home-habit-title>b{font-weight:600}.home-habit-title>small{font-size:9px;color:#8598a6;margin-left:auto}
.home-habit-week{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:14px;text-align:center}
.home-habit-week small{font-size:9px;color:#93a2ad}
.home-habit-week span{display:grid;place-items:center;border-radius:50%;margin:7px auto 0;width:27px;height:27px;background:#f2f5f8;color:#bcc7d0;font-size:12px}
.home-habit-week span.done{background:#e5f1ff;color:var(--home-blue)}
.home-example-note{font-size:11px;line-height:1.5;color:#8698a6;text-align:center;margin-top:24px}
.home-goal-example{padding:20px;border-radius:18px;background:#fff;border:1px solid #e8edf3;margin-top:20px}
.home-goal-top{display:flex;align-items:center;justify-content:space-between}.home-goal-top>span:first-child{font-size:27px}.home-goal-tag{font-size:10px;color:#8b81ac;background:#f3f0fb;padding:5px 9px;border-radius:7px}
.home-goal-example h3{font-size:19px;letter-spacing:-.025em;margin:15px 0 20px}
.home-goal-values{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px;font-size:13px;color:var(--home-blue)}
.home-goal-values>b{font-size:29px;color:var(--home-ink)}.home-goal-values small{font-size:12px;color:#8a9ba7;font-weight:400}
.home-goal-next{margin-top:20px;padding-top:14px;border-top:1px solid #edf1f5}.home-goal-next small{display:block;color:#92a0ac;font-size:10px}.home-goal-next>b{display:block;font-size:12px;margin-top:6px;font-weight:500}
.home .home-hero-footer{padding-top:20px;padding-bottom:23px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#7d94a7;border-top:1px solid #dce9f5}
.home-hero-footer a{display:flex;gap:18px;color:#587d9c}
.home-section{padding:100px 0;scroll-margin-top:25px}
.home .home-section-head{max-width:none;margin-bottom:40px;position:relative}
.home .home-section-head h2{font-size:43px;line-height:1.14;letter-spacing:-.045em;margin:17px 0 0;font-weight:700}
.home .home-section-head>p{font-size:15px;line-height:1.65;position:absolute;right:0;bottom:4px;width:340px;margin:0;color:var(--home-muted)}
.home-features{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}
.home .home-feature{padding:30px;border-radius:26px;border:1px solid #e9eef4;box-shadow:none;min-height:342px;position:relative;overflow:hidden}
.home .home-feature h3{font-size:25px;line-height:1.2;letter-spacing:-.035em;margin:20px 0 12px;font-weight:650}
.home .home-feature p{font-size:13px;line-height:1.65;color:var(--home-muted)}
.home-line-icon{color:var(--home-blue);display:block}.home .home-line-icon .nav-icon{width:25px;height:25px}
.home-feature-label{font-size:10px;letter-spacing:.04em;color:#87a0b6;display:block;margin-top:23px}
.home-plans{grid-column:span 7;background:#edf6ff!important;display:grid;grid-template-columns:1fr 1.1fr;gap:28px;align-items:center}
.home-task-preview{background:#fff;border:1px solid #deebf6;padding:21px 18px;border-radius:18px;box-shadow:0 14px 30px #5378a012;transform:rotate(-2deg)}
.home-preview-heading{display:flex;justify-content:space-between;font-size:15px;font-weight:650;margin-bottom:16px}.home-preview-heading>span{font-size:10px;font-weight:500;color:#94a7b7;align-self:center}
.home-preview-task{display:flex;gap:9px;align-items:center;padding:13px 0;border-top:1px solid #edf1f5}.home-preview-task b{font-size:11px;font-weight:550;line-height:1.4;display:block}.home-preview-task small{display:block;font-size:9px;color:#9aa8b4;margin-top:5px}.home-preview-task small.blue{color:#2583db}
.home-calendar{grid-column:span 5;background:#f7f9fc!important}
.home-calendar .home-feature-copy{max-width:340px}.home-calendar-preview{position:relative;margin-top:24px;height:173px;font-size:10px}.home-calendar-line{display:flex;align-items:center;gap:12px;height:47px;color:#97a5b2}.home-calendar-line>span{height:1px;flex:1;background:#e5ebf1}
.home-calendar-event{position:absolute;left:45px;right:8px;top:48px;background:#e1edff;border-left:3px solid #2889ed;border-radius:3px 9px 9px 3px;padding:10px 12px;height:49px}.home-calendar-event b,.home-calendar-event span{display:block;font-size:11px;font-weight:500}.home-calendar-event span{font-size:9px;color:#2889ed;margin-top:4px}
.home-calendar-task{position:absolute;left:49px;right:0;top:152px;display:flex;gap:8px;align-items:center}.home-calendar-task b{font-weight:500}.home-calendar-task .home-check{width:13px;height:13px}
.home-goals{grid-column:span 5;background:#f6f3fc!important}
.home-goal-preview{display:flex;gap:20px;align-items:center;margin-top:30px}.home-goal-circle{width:84px;height:84px;flex:none;border-radius:50%;background:conic-gradient(#9282c6 0 67%,#e9e3f5 67%);display:grid;place-items:center}.home-goal-circle>span{width:68px;height:68px;background:#f6f3fc;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:25px;font-weight:650;line-height:1.1}.home-goal-circle small{font-size:10px;font-weight:400;color:#9286aa;margin-top:4px}.home-goal-preview>div>b{display:block;font-size:13px;font-weight:600}.home-goal-preview>div:last-child>span{display:block;color:#9184a7;font-size:11px;margin-top:7px}
.home-habits{grid-column:span 7;background:#f0f8f4!important;display:grid;grid-template-columns:1fr 1.05fr;gap:24px;align-items:center}
.home-habit-preview{background:#fff;border:1px solid #deece4;padding:22px 15px;border-radius:20px;text-align:center;transform:rotate(2deg);box-shadow:0 14px 30px #537d6610}.home-book{display:block;font-size:35px;margin-bottom:14px}.home-habit-preview>b{display:block;font-size:14px;font-weight:600}.home-habit-streak{display:block;font-size:10px;color:#548b71;margin-top:6px}.home-streak-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:25px}.home-streak-days span{font-size:8px;color:#93a29c}.home-streak-days b{display:grid;place-items:center;aspect-ratio:1;border-radius:50%;background:#f1f5f3;color:#c1cec7;font-size:10px;font-weight:500;margin-top:7px}.home-streak-days b.done{background:#dff1e8;color:#478e69}
.home-extras{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:48px}
.home .home-extra{border:0;border-radius:0;box-shadow:none;padding:0;min-height:0;background:none}
.home .home-extra h3{font-size:17px;letter-spacing:-.025em;margin:17px 0 9px;font-weight:600}.home .home-extra p{font-size:13px;line-height:1.65;color:var(--home-muted)}
.home .home-extra .home-line-icon{color:#7392ab}.home .home-extra .nav-icon{width:22px;height:22px}
.home-how{background:#f8fafc;border-block:1px solid #eff3f6;padding:80px 0}
.home-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px;margin-top:45px}
.home .home-step{padding:0 28px 0 0;border:0;border-radius:0;box-shadow:none;background:none;min-height:0;border-right:1px solid #e4eaf0}.home .home-step:last-child{border:0;padding-right:0}
.home-step-number{color:#acc9e2;font-size:32px;font-weight:400;letter-spacing:-.04em}.home .home-step h3{font-size:20px;font-weight:600;margin:18px 0 12px}.home .home-step p{font-size:14px;line-height:1.7;color:var(--home-muted);max-width:290px}
.home-final{padding:72px 0 40px}
.home .home-finish{background:#eaf4ff;color:var(--home-ink);border-radius:28px;padding:45px;gap:35px;box-shadow:none}
.home-finish>img{object-fit:contain}.home .home-finish h2{font-size:35px;letter-spacing:-.04em;line-height:1.12;margin:0;font-weight:700}.home .home-finish p{color:#70899f;font-size:14px;margin-bottom:0}.home-finish>div{flex:1}.home-finish .button{white-space:nowrap}
.home .home-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:#8b9eae;padding-top:22px;padding-bottom:35px}.home-footer .brand{font-size:19px}.home-footer .brand img{width:30px;height:30px}
@media(hover:hover) and (pointer:fine){.home .button:hover{background:#0870dc}.home .button.secondary:hover{background:#edf4fa}.home .home-text-link:hover{color:var(--home-blue)}.home-demo-switch button:hover{color:var(--home-blue)}.home .home-feature:hover{transform:translateY(-3px);border-color:#d6e4f0;box-shadow:none}.home .home-extra:hover,.home .home-step:hover{transform:none;box-shadow:none;border-color:#e4eaf0}}
@media(prefers-reduced-motion:no-preference){.home-intro{animation:lifely-arrive 520ms var(--lifely-ease) backwards}.home-showcase{animation:lifely-arrive 620ms var(--lifely-ease) 100ms backwards}.home.motion-repeat .home-intro,.home.motion-repeat .home-showcase{animation:none}.home-demo-switch button{transition:color 160ms ease,background-color 160ms ease,transform 160ms var(--lifely-ease)}.home-demo-switch button:active{transform:scale(.97)}}
@media(max-width:1000px){.home-hero-grid{gap:35px}.home-actions{gap:13px}.home-intro h1{font-size:54px}.home .home-feature{padding:24px}.home-plans,.home-habits{gap:18px}.home .home-feature h3{font-size:22px}.home-task-preview{padding:18px 12px}.home-preview-heading{font-size:13px}.home .home-section-head>p{width:290px}.home-extras{gap:24px}}
@media(max-width:800px){.home-hero-grid{grid-template-columns:1fr;gap:42px;padding-top:45px!important}.home-intro{text-align:center}.home-kicker,.home-actions,.home-platforms{justify-content:center}.home-intro h1{font-size:58px;margin:20px 0}.home-intro>p{margin:auto}.home-platforms{margin-top:25px}.home-showcase{width:min(470px,100%);margin:auto}.home .home-section-head .home-kicker{justify-content:flex-start}.home-section{padding:70px 0}.home .home-section-head h2{font-size:37px}.home .home-section-head>p{width:250px;font-size:13px}.home-features{gap:16px}.home-plans,.home-habits{grid-column:span 12;grid-template-columns:1fr 1fr}.home-calendar,.home-goals{grid-column:span 6}.home-goals{grid-row:2}.home-habits{grid-row:3}.home .home-feature h3{font-size:23px}.home-extras{grid-template-columns:1fr 1fr;gap:30px}.home-steps{gap:25px}.home .home-step{padding-right:20px}.home .home-step p{font-size:13px}.home .home-finish{gap:24px;padding:30px}.home-finish>img{width:55px;height:55px}.home .home-finish h2{font-size:28px}.home-finish .button{font-size:12px}.home-final{padding-bottom:25px}}
@media(max-width:600px){.home .home-wrap{padding-left:22px;padding-right:22px}.home .top{height:73px}.home .brand{font-size:21px}.home .brand img{width:33px;height:33px}.home-hero-grid{padding-top:38px!important;gap:34px}.home-intro h1{font-size:47px}.home-intro>p{font-size:15px;max-width:330px;line-height:1.65}.home-desktop-break{display:none}.home-actions{margin-top:25px;gap:9px 17px}.home .button{min-height:47px;font-size:13px;padding:12px 18px}.home-text-link{font-size:12px}.home-platforms{font-size:10px;gap:17px;margin-top:22px}.home-kicker{font-size:11px}.home-showcase:before{inset:35px -6px 53px 8px;border-radius:23px;transform:rotate(2deg)}.home-demo{border-radius:21px}.home-demo-top{padding:14px 18px;font-size:9px}.home-demo-switch{padding:10px 12px 0;gap:3px}.home-demo-switch button{font-size:11px;padding:8px;gap:5px}.home-demo-switch button .nav-icon{width:15px;height:15px}.home-demo-body{padding:20px 18px;min-height:390px}.home-demo-heading h2{font-size:26px}.home-demo-task{font-size:11px}.home-demo-task time{font-size:9px}.home-demo-bottom>b{font-size:9px}.home-demo-caption{font-size:9px}.home .home-hero-footer{margin:0 22px;padding:18px 0;justify-content:center}.home-hero-footer>span{display:none}.home-section{padding:58px 0}.home .home-section-head{margin-bottom:27px}.home .home-section-head h2{font-size:34px}.home .home-section-head>p{position:static;margin-top:16px;width:auto;max-width:350px;font-size:14px}.home-features{grid-template-columns:1fr}.home .home-feature{grid-column:1;grid-row:auto;border-radius:22px;padding:26px;min-height:0}.home-plans,.home-habits{grid-template-columns:1fr;gap:24px}.home .home-feature h3{font-size:25px;margin:16px 0 10px}.home-feature-copy>p{max-width:310px}.home-feature-label{margin-top:16px}.home-task-preview{padding:21px;max-width:340px;width:100%;justify-self:center;transform:none}.home-preview-heading{font-size:16px}.home-preview-task{padding:14px 0}.home-preview-task b{font-size:12px}.home-preview-task small{font-size:10px}.home-calendar-preview{margin-top:20px}.home-goal-preview{margin-top:24px}.home-habit-preview{padding:22px;transform:none;max-width:340px;width:100%;justify-self:center}.home-streak-days{gap:8px}.home-streak-days span{font-size:10px}.home-streak-days b{font-size:12px}.home-extras{gap:28px 22px;margin-top:35px}.home .home-extra h3{font-size:16px;line-height:1.3}.home .home-extra p{font-size:12px}.home-how{padding:55px 0}.home-steps{grid-template-columns:1fr;gap:24px;margin-top:30px}.home .home-step{padding:0 0 24px 52px;border-right:0;border-bottom:1px solid #e4eaf0;position:relative}.home-step-number{position:absolute;left:0;top:0;font-size:24px}.home .home-step h3{font-size:19px;margin:0 0 9px}.home .home-step p{font-size:13px;max-width:none}.home .home-step:last-child{padding-bottom:0}.home-final{padding:40px 0 22px}.home .home-finish{display:grid;grid-template-columns:1fr;gap:22px;padding:29px;text-align:left}.home-finish>img{width:51px;height:51px}.home .home-finish h2{font-size:29px}.home-finish .button{justify-self:start;margin:0}.home .home-footer{flex-wrap:wrap;gap:15px;font-size:10px;padding-top:15px;padding-bottom:25px}.home-footer .brand{font-size:17px}.home-footer .brand img{width:27px;height:27px}.home-footer>span:last-child{width:100%}.home-habit-title{font-size:10px;gap:6px}.home-habit-title>small{font-size:8px}.home-habit-example{padding:14px 10px}.home-habit-week span{width:25px;height:25px}.home-goal-example{padding:18px}}
@media(max-width:360px){.home .home-wrap{padding-left:16px;padding-right:16px}.home-intro h1{font-size:42px}.home-demo-body{padding:18px 14px}.home-demo-bottom>b{display:none}.home-demo-task{gap:7px}.home .home-feature{padding:22px}.home .home-extra h3{font-size:15px}.home .home-finish{padding:25px}}
@media(prefers-reduced-motion:reduce){.home-showcase,.home-intro,.home .home-feature{animation:none!important;transform:none!important}.home-demo-switch button{transition:none}}
