:root{--bg:#f5f7fb;--surface:rgba(255,255,255,.72);--white:#fff;--ink:#10131a;--muted:#687080;--line:rgba(16,19,26,.1);--blue:#dcecff;--accent:#2676f3;--purple:#e9e2ff;--green:#dff8e9;--dark:#111827;--radius:28px;--display:'Manrope',sans-serif;--body:'DM Sans',sans-serif;--mono:'JetBrains Mono',monospace}

:root[data-theme="dark"]{--bg:#101114;--surface:rgba(30,31,36,.78);--white:#1c1d21;--ink:#f5f5f7;--muted:#a1a1aa;--line:rgba(255,255,255,.12);--blue:#1d3557;--accent:#6ea8fe;--purple:#3b315f;--green:#244c36;--dark:#f5f5f7}

*{box-sizing:border-box;outline:0}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--bg);font-family:var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;transition:.25s ease}p{color:var(--muted);line-height:1.65;margin:0}h1,h2,h3,h4{font-family:var(--display);letter-spacing:-.055em;line-height:1.08;margin:0}::selection{background:#bcd8ff}.wrap{max-width:1160px;padding:0 28px;margin:auto}.mono{font-family:var(--mono);font-size:11px}.ambient{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:-1}.ambient-one{width:540px;height:540px;top:-260px;right:-100px;background:#d9e8ff;opacity:.7}.ambient-two{width:400px;height:400px;left:-220px;top:35%;background:#eee5ff;opacity:.6}.nav{position:sticky;top:0;z-index:10;background:rgba(245,247,251,.72);backdrop-filter:blur(22px);border-bottom:1px solid rgba(16,19,26,.06)}.nav-inner{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:800 18px var(--display);letter-spacing:-.04em}.logo-img{width:34px;height:34px;border-radius:11px}.logo-sm{width:22px;height:22px;border-radius:7px}.nav-links{display:flex;gap:32px;list-style:none;padding:0;margin:0}.nav-links a,.footer-links a{font-size:13px;color:var(--muted);text-decoration:none}.nav-links a:hover,.footer-links a:hover{color:var(--ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;border-radius:999px;padding:15px 22px;font:600 14px var(--body);cursor:pointer;text-decoration:none;transition:.25s ease}.btn:hover{transform:translateY(-2px)}.btn-dark{background:var(--dark);color:#fff;box-shadow:0 10px 24px rgba(17,24,39,.14)}.btn-dark:hover{background:#263247;box-shadow:0 14px 28px rgba(17,24,39,.2)}.btn-light{background:rgba(255,255,255,.8);color:var(--ink);border-color:var(--line)}.btn-light:hover{background:#fff;border-color:rgba(16,19,26,.25)}.btn-sm{padding:10px 16px;font-size:12px}.hero{padding:112px 0 130px}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:80px;align-items:center}.eyebrow,.kicker{display:flex;align-items:center;gap:10px;color:var(--accent);font:600 11px var(--mono);letter-spacing:.12em;text-transform:uppercase}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px #dcecff}.hero h1{font-size:clamp(52px,7vw,88px);font-weight:800;margin:26px 0 26px}.hero h1 em,.download-panel em{font-style:normal;color:var(--accent)}.lead{max-width:540px;font-size:19px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:38px}.trust-line{display:flex;align-items:center;gap:12px;margin-top:58px;font-size:12px;color:var(--muted);line-height:1.4}.trust-line b{color:var(--ink)}.trust-avatars{display:grid;place-items:center;width:34px;height:34px;border:2px solid #fff;border-radius:50%;background:#ffcf8d;font-weight:700}.hero-visual{position:relative;min-height:480px;display:grid;place-items:center}.glow-card{position:absolute;width:70%;height:70%;border-radius:50%;background:linear-gradient(135deg,#cce1ff,#eadfff);filter:blur(45px);opacity:.9}.device-card{position:relative;width:min(100%,390px);padding:22px;border:1px solid rgba(255,255,255,.9);border-radius:32px;background:rgba(255,255,255,.78);box-shadow:0 35px 80px rgba(53,74,110,.18);backdrop-filter:blur(18px);transform:rotate(3deg)}.device-top,.device-title{display:flex;justify-content:space-between;align-items:center}.device-top{color:#8993a5}.signal{color:#2e9a61;font:10px var(--mono)}.device-title{margin:30px 0 20px;font:700 22px var(--display)}.device-title b{color:var(--muted);font:11px var(--mono)}.mini-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;text-align:center;font-size:11px}.mini-calendar>span{padding-bottom:9px;color:#9ca5b4;font:9px var(--mono)}.mini-calendar i{display:grid;place-items:center;height:35px;font-style:normal;color:#606978;border-radius:10px}.mini-calendar .work{background:#e2efff;color:#2873d9;font-weight:700}.mini-calendar .active{background:var(--accent);color:#fff;box-shadow:0 7px 14px #b9d4ff}.shift-card{display:flex;align-items:center;gap:12px;margin-top:25px;padding:16px;border-radius:18px;background:#f7f9fc}.shift-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#dff8e9;color:#24955c}.shift-card small,.shift-card span{display:block;color:#8b94a3;font:9px var(--mono)}.shift-card strong{display:block;margin:5px 0;font-size:16px}.shift-card .shift-arrow{margin-left:auto;font-size:24px;color:#a3adba}.section{padding:125px 0}.section-head{max-width:620px;margin-bottom:52px}.section-head.centered{text-align:center;margin-left:auto;margin-right:auto}.section-head.centered .kicker{justify-content:center}.section-head h2{font-size:clamp(40px,5vw,62px);margin:16px 0}.section-head h2 span{color:var(--accent)}.section-head p{font-size:17px}.bento{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.card{min-height:360px;padding:32px;border:1px solid var(--line);border-radius:var(--radius);position:relative;overflow:hidden;transition:.3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 24px 50px rgba(47,63,91,.11)}.card-top{display:flex;justify-content:space-between;align-items:center}.icon{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:rgba(255,255,255,.55);font-size:22px}.icon-sun{color:#ff9d27}.icon-purple{background:var(--purple);color:#7252cc}.icon-green{background:var(--green);color:#2e9a61}.card-index{color:rgba(16,19,26,.38);font:11px var(--mono)}.card h3{font-size:29px;margin-top:58px}.card p{max-width:360px;margin-top:16px}.card-dark{background:#171e2c;color:#fff}.card-dark p,.card-dark .card-index{color:#aab4c4}.card-dark .icon{background:#28354a}.card-blue{background:var(--blue)}.card-white{background:rgba(255,255,255,.7)}.card-wide{grid-column:span 2;min-height:270px;display:flex;justify-content:space-between;align-items:flex-end;background:linear-gradient(135deg,#f5edff,#e6f4ff)}.card-wide h3{margin-top:35px}.card-foot{position:absolute;right:32px;bottom:32px;color:#82a2c9}.card-foot span{color:#54c88a}.money{position:absolute;right:30px;bottom:28px;font:700 38px var(--display);color:#2676f3}.money small{font-size:18px}.people{position:absolute;right:32px;bottom:35px;display:flex;align-items:center}.people span,.people b{display:grid;place-items:center;width:42px;height:42px;margin-left:-9px;border:3px solid #fff;border-radius:50%;background:#ffc9b5;font-size:12px}.people span:nth-child(2){background:#c5dbff}.people span:nth-child(3){background:#dfcdfd}.people b{background:#fff;color:var(--muted);font-size:11px}.device-pills{display:flex;gap:8px;flex-wrap:wrap}.device-pills span{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.65);color:var(--muted);font:10px var(--mono)}.process-section{background:#eef3f9}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{padding:30px;background:rgba(255,255,255,.62);border:1px solid rgba(16,19,26,.07);border-radius:22px}.step-number{color:var(--accent);font:11px var(--mono)}.step h3{font-size:22px;margin:58px 0 12px}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.faq-grid{max-width:680px}.faq-item{border-bottom:1px solid var(--line);padding:23px 0}.faq-item summary{display:flex;justify-content:space-between;cursor:pointer;list-style:none;font:600 17px var(--display)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:'+';font:24px var(--body);color:var(--accent)}.faq-item[open] summary:after{content:'−'}.faq-content{padding:15px 35px 0 0;font-size:15px}.download-panel{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;padding:64px;border-radius:36px;background:linear-gradient(120deg,#dfeeff,#f0e9ff);overflow:hidden}.download-panel h2{font-size:clamp(40px,5vw,64px);margin:17px 0}.guide-box{align-self:center;padding:30px;background:rgba(255,255,255,.68);border:1px solid rgba(255,255,255,.9);border-radius:25px}.guide-label{color:var(--accent);font:11px var(--mono);text-transform:uppercase}.guide-box h3{font-size:22px;margin:16px 0 24px}.pwa-steps{list-style:none;padding:0;margin:0;counter-reset:steps}.pwa-steps li{counter-increment:steps;position:relative;padding:13px 0 13px 38px;border-top:1px solid var(--line);font-size:14px}.pwa-steps li:before{content:counter(steps);position:absolute;left:0;color:var(--accent);font:600 11px var(--mono)}footer{padding:45px 0;border-top:1px solid var(--line)}.footer-row{display:flex;justify-content:space-between;gap:25px;align-items:center}.footer-brand small{font:400 11px var(--body);color:var(--muted)}.footer-links{display:flex;gap:25px}.site-shell.hidden{display:none}.cabinet-shell,.legal-shell{display:none;min-height:100vh;padding:100px 0}.cabinet-shell.active,.legal-shell.active{display:block}.auth-box{max-width:440px;margin:auto;padding:46px;background:rgba(255,255,255,.8);border:1px solid var(--line);border-radius:30px;box-shadow:0 25px 60px rgba(40,55,80,.1)}.auth-brand{justify-content:center;margin-bottom:28px}.auth-box h2{text-align:center;font-size:28px}.hint{text-align:center;font-size:14px;margin:12px 0 28px}.field{margin-bottom:18px}.field label{display:block;margin-bottom:8px;color:var(--muted);font:10px var(--mono);text-transform:uppercase}.field input{width:100%;padding:15px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--ink);font:14px var(--body)}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #dcecff}.auth-box form .btn{width:100%}.auth-error{min-height:20px;color:#d85b4d;font-size:13px;margin:8px 0}.back-link{margin-top:25px;text-align:center;font-size:13px}.back-link a{color:var(--accent);text-decoration:none}.cabinet-nav{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:30px}.cabinet-ids{display:flex;align-items:center;gap:22px;font:13px var(--mono)}.share-id-badge{padding:8px 12px;background:var(--blue);border-radius:9px;color:#2873d9}.cabinet-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.panel{padding:30px;background:rgba(255,255,255,.7);border:1px solid var(--line);border-radius:24px}.panel h3{display:flex;justify-content:space-between;font-size:19px;margin-bottom:24px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.cal-dow{font:10px var(--mono);color:var(--muted);text-align:center}.cal-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:10px;font:13px var(--mono)}.cal-cell.has-shift{background:var(--accent);color:white;border-color:var(--accent)}.cal-cell.empty{opacity:.2}.shift-detail{display:none;margin-top:20px;padding:16px;background:var(--blue);border-radius:14px;font-size:13px}.shift-detail.show{display:block}.friend-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.friend-row .name{flex:1;font-weight:600}.friend-row .shift-tag{color:var(--accent);font:11px var(--mono)}.legal-content{max-width:760px;margin:auto}.legal-content h1{font-size:50px}.legal-text{margin-top:40px}.legal-text h3{font-size:20px;margin:30px 0 10px}.legal-text p{margin-bottom:15px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:none}.reveal-delay-2{transition-delay:.14s}.bento .card:nth-child(2),.steps .step:nth-child(2){transition-delay:.1s}.bento .card:nth-child(3),.steps .step:nth-child(3){transition-delay:.2s}.bento .card:nth-child(4){transition-delay:.3s}:root[data-theme="dark"] body{background:#101114}.theme-toggle{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--ink);font-size:19px;cursor:pointer;transition:.25s ease}.theme-toggle:hover{transform:rotate(18deg);background:var(--white)}:root[data-theme="dark"] .nav{background:rgba(16,17,20,.78);border-bottom-color:var(--line)}:root[data-theme="dark"] .ambient-one{background:#1d3557}:root[data-theme="dark"] .ambient-two{background:#3b315f}:root[data-theme="dark"] .device-card,:root[data-theme="dark"] .auth-box,:root[data-theme="dark"] .panel{background:rgba(30,31,36,.88);border-color:var(--line)}:root[data-theme="dark"] .device-top,:root[data-theme="dark"] .signal{color:var(--muted)}:root[data-theme="dark"] .shift-card,:root[data-theme="dark"] .field input{background:#25262b;color:var(--ink)}:root[data-theme="dark"] .card-dark{background:#20232b}:root[data-theme="dark"] .card-blue{background:#1d3557}:root[data-theme="dark"] .card-white{background:#1c1d21}:root[data-theme="dark"] .card-wide{background:linear-gradient(135deg,#302746,#1d3557)}:root[data-theme="dark"] .process-section{background:#17181c}:root[data-theme="dark"] .step{background:rgba(35,36,42,.8);border-color:var(--line)}:root[data-theme="dark"] .download-panel{background:linear-gradient(120deg,#1d3557,#302746)}:root[data-theme="dark"] .guide-box{background:rgba(30,31,36,.8);border-color:var(--line)}:root[data-theme="dark"] .btn-dark{background:#f5f5f7;color:#101114}:root[data-theme="dark"] .btn-dark:hover{background:#fff}:root[data-theme="dark"] .btn-light{background:#23242a;color:var(--ink);border-color:var(--line)}:root[data-theme="dark"] .btn-light:hover{background:#2c2d33}:root[data-theme="dark"] .share-id-badge{background:var(--blue);color:var(--accent)}

.google-sign-in{width:100%;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 20px;border:1px solid #dadce0;border-radius:4px;background:#fff;color:#3c4043;font:500 14px Arial,sans-serif;letter-spacing:.01em;box-shadow:0 1px 2px rgb(60 64 67 / 30%),0 1px 3px 1px rgb(60 64 67 / 15%);cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease,border-color .2s ease}.google-sign-in:hover:not(:disabled){background:#f8fafd;border-color:#d2e3fc;box-shadow:0 1px 3px rgb(60 64 67 / 30%),0 4px 8px 3px rgb(60 64 67 / 15%)}.google-sign-in:focus-visible{outline:3px solid rgb(66 133 244 / 35%);outline-offset:2px}.google-sign-in:disabled{cursor:wait;opacity:.5}.google-sign-in__icon{width:18px;height:18px;flex:0 0 18px}.yandex-id-button{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;margin-top:12px;border-radius:22px;overflow:hidden}.yandex-id-button[hidden]{display:none}.auth-provider-note{min-height:18px;margin-top:8px;color:#d85b4d;font-size:12px;text-align:center}

button.cal-cell{font:inherit;color:inherit}button.cal-cell:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.auth-error:empty{display:none}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button:disabled{cursor:wait;opacity:.65}

@media(max-width:850px){.nav-links{display:none}.hero{padding:75px 0}.hero-grid,.faq-layout,.download-panel{grid-template-columns:1fr;gap:45px}.hero-visual{min-height:410px}.bento{grid-template-columns:1fr}.card-wide{grid-column:auto}.steps{grid-template-columns:1fr}.download-panel{padding:35px}.footer-row{flex-direction:column}.cabinet-grid{grid-template-columns:1fr}}@media(max-width:520px){.wrap{padding:0 20px}.nav .btn{padding:9px 12px}.hero h1{font-size:48px}.hero-actions .btn{width:100%}.device-card{transform:none}.card{min-height:330px;padding:25px}.card-wide{display:block}.device-pills{margin-top:35px}.money{position:static;margin-top:45px}.people{position:static;margin-top:35px}.footer-links{flex-wrap:wrap;justify-content:center}.legal-content h1{font-size:38px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.btn:hover,.card:hover{transform:none}}
