:root{--bg:#f6f8fc;--surface:#fff;--surface2:#eef3fb;--text:#111827;--muted:#5f6b7a;--line:#dce3ee;--primary:#2563eb;--primary2:#7c3aed;--success:#087f5b;--shadow:0 18px 50px rgba(17,24,39,.10);--radius:24px;--max:1160px;color-scheme:light dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.container{width:min(calc(100% - 32px),var(--max));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:999;background:#fff;padding:10px 14px;border-radius:10px;outline:2px solid var(--primary);outline-offset:2px}
:focus{outline:none}:focus-visible{outline:2px solid var(--primary);outline-offset:3px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(220,227,238,.8)}.nav{min-height:74px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px 24px}.brand{display:flex;align-items:center;gap:16px;font-weight:800;color:var(--text);min-width:0;justify-self:start;grid-column:1}.brand:hover{text-decoration:none}.brand img{width:42px;height:42px;border-radius:12px;flex:0 0 auto;background:transparent;display:block;box-shadow:0 0 0 1px #fff}.brand span{white-space:nowrap}.nav-links{display:flex;align-items:center;justify-content:center;gap:16px 20px;flex-wrap:wrap;justify-self:center;grid-column:2;min-width:0}.nav-links a{color:var(--muted);font-weight:650}.nav-links a[aria-current=page],.nav-links a:hover{color:var(--primary);text-decoration:none}
.lang-switch{position:relative;justify-self:end;grid-column:3;min-width:0}.lang-switch__button{display:none;align-items:center;gap:8px;min-height:42px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);font:inherit;font-weight:650;font-size:.92rem;cursor:pointer}.lang-switch__button:hover{border-color:#b7c4d8}.lang-switch__current-flag{font-size:1.1rem;line-height:1}.lang-switch__chevron{font-size:.75rem;opacity:.7}.lang-switch__menu{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}.lang-switch__menu a{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:10px;color:var(--muted);font-weight:650;font-size:.92rem;text-decoration:none}.lang-switch__menu a:hover,.lang-switch__menu a[aria-current=true]{background:var(--surface2);color:var(--text)}.lang-switch__flag{font-size:1.05rem;line-height:1}
.js .lang-switch__button{display:inline-flex}.js .lang-switch__menu{position:absolute;right:0;top:calc(100% + 8px);display:grid;gap:2px;min-width:min(240px,calc(100vw - 32px));padding:8px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow);z-index:60}.js .lang-switch__menu[hidden]{display:none}.js .lang-switch__menu a{display:flex;width:100%;padding:10px 12px;border-radius:10px}.lang-switch.is-open .lang-switch__button{border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.15)}
.hero{padding:96px 0 76px;background:radial-gradient(circle at 82% 8%,rgba(124,58,237,.18),transparent 32%),radial-gradient(circle at 15% 20%,rgba(37,99,235,.16),transparent 35%),linear-gradient(180deg,#fff,var(--bg))}.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:64px;align-items:center}.eyebrow{margin:0 0 14px;color:var(--primary);font-size:.84rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.hero h1,.page-head h1{font-size:clamp(2.7rem,7vw,5rem);line-height:1.02;letter-spacing:-.055em;margin:0 0 24px}.lead{font-size:clamp(1.1rem,2vw,1.3rem);color:var(--muted);max-width:720px;margin:0}.button-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 21px;border-radius:14px;font-weight:750;border:1px solid transparent;transition:.2s transform,.2s box-shadow}.button:hover{transform:translateY(-2px);text-decoration:none}.primary{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;box-shadow:0 12px 28px rgba(37,99,235,.25)}.secondary{background:var(--surface);border-color:var(--line);color:var(--text)}.app-showcase{background:linear-gradient(145deg,#0f172a,#1e293b);padding:30px;border-radius:36px;box-shadow:0 30px 70px rgba(15,23,42,.28);transform:rotate(1.2deg)}.app-showcase img{display:block;width:min(220px,70%);margin:auto;border-radius:48px;box-shadow:0 18px 45px rgba(0,0,0,.34)}.showcase-copy{color:#e5e7eb;text-align:center;margin-top:22px}.showcase-copy strong{font-size:1.3rem;color:#fff}.section{padding:78px 0}.section.alt{background:var(--surface2)}.section-head{max-width:740px;margin-bottom:38px}.section h2{font-size:clamp(2rem,4vw,3rem);line-height:1.12;letter-spacing:-.035em;margin:0 0 14px}.section-head p{margin:0;color:var(--muted);font-size:1.08rem}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 10px 30px rgba(17,24,39,.05)}.card h3{margin:0 0 10px;font-size:1.2rem}.card p{margin:0;color:var(--muted)}.icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:rgba(37,99,235,.1);color:var(--primary);font-size:1.35rem;margin-bottom:18px}.app-card{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:24px}.app-card img{border-radius:24px;box-shadow:0 12px 30px rgba(17,24,39,.14)}.page-head{padding:70px 0 34px}.page-head h1{font-size:clamp(2.4rem,6vw,4.2rem)}.breadcrumbs{font-size:.92rem;color:var(--muted);margin-bottom:18px}.content{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(24px,5vw,56px);box-shadow:var(--shadow);margin-bottom:70px}.content h1{display:none}.content h2{font-size:1.7rem;margin:2.2em 0 .7em;line-height:1.2}.content h2:first-of-type{margin-top:0}.content h3{font-size:1.15rem;margin:1.7em 0 .45em}.content p,.content li{color:#334155}.content ul{padding-left:1.35rem}.content hr{border:0;border-top:1px solid var(--line);margin:32px 0}.notice{border-left:4px solid var(--primary);background:var(--surface2);padding:16px 20px;border-radius:0 14px 14px 0;margin:24px 0}.faq details{border:1px solid var(--line);border-radius:16px;background:var(--surface);margin:12px 0;padding:0 20px}.faq summary{cursor:pointer;font-weight:750;padding:18px 0}.faq details>div{padding:0 0 18px;color:#334155}.contact-box{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.muted{color:var(--muted)}.site-footer{background:#0f172a;color:#cbd5e1;padding:48px 0}.footer-grid{display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.site-footer a{color:#e2e8f0}.small{font-size:.9rem}.badge{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;background:rgba(8,127,91,.1);color:var(--success);font-weight:750;font-size:.88rem}.legal-note{font-size:.9rem;color:var(--muted);border-top:1px solid var(--line);padding-top:24px;margin-top:34px}.test-phase-label{color:#854d0e;font-size:.82em;font-weight:800}.test-phase-notice{border-color:#facc15;background:linear-gradient(135deg,rgba(250,204,21,.18),rgba(253,224,71,.08));box-shadow:0 0 0 1px rgba(250,204,21,.25),0 14px 34px rgba(161,98,7,.10)}.test-phase-notice h2{color:#713f12}
@media(prefers-color-scheme:dark){:root{--bg:#0b1020;--surface:#111827;--surface2:#172033;--text:#f8fafc;--muted:#a8b2c1;--line:#2b364b;--shadow:0 18px 50px rgba(0,0,0,.28)}.site-header{background:rgba(11,16,32,.86)}.skip:focus{background:#111827;color:#f8fafc}.hero{background:radial-gradient(circle at 82% 8%,rgba(124,58,237,.22),transparent 32%),radial-gradient(circle at 15% 20%,rgba(37,99,235,.2),transparent 35%),linear-gradient(180deg,#0f172a,var(--bg))}.content p,.content li,.faq details>div{color:#cbd5e1}.lang-switch__button{background:var(--surface)}.test-phase-label{color:#fde047}.test-phase-notice{border-color:#facc15;background:linear-gradient(135deg,rgba(250,204,21,.14),rgba(250,204,21,.05));box-shadow:0 0 0 1px rgba(250,204,21,.2),0 16px 40px rgba(0,0,0,.22)}.test-phase-notice h2{color:#fef08a}}
@media(max-width:900px){.context-nav{top:79px}.hero-grid,.contact-box{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand lang" "links links";align-items:center;row-gap:12px}.brand{grid-area:brand}.nav-links{grid-area:links;justify-self:stretch;justify-content:flex-start}.lang-switch{grid-area:lang;justify-self:end;width:auto;max-width:100%}.hero{padding-top:64px}.app-showcase{max-width:520px}.js .lang-switch__button{width:auto;max-width:100%;justify-content:flex-start}.js .lang-switch__menu{left:auto;right:0;min-width:min(240px,calc(100vw - 32px))}}
@media(max-width:600px){.container{width:min(calc(100% - 22px),var(--max))}.nav-links{gap:12px;font-size:.9rem}.grid{grid-template-columns:1fr}.app-card{grid-template-columns:78px 1fr}.button{width:100%}.section{padding:56px 0}.hero h1{font-size:2.75rem}.brand span{font-size:.95rem}}

/* Homepage app spotlight and permanent app catalog */
.contact-box--single{grid-template-columns:1fr}.spotlight-private-note{display:block;margin-top:3px;color:#94a3b8;font-size:.82rem;font-weight:600}
.spotlight-slide{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .45s ease,transform .45s ease,visibility 0s linear .45s}.app-showcase{display:grid}.spotlight-slide.is-active{opacity:1;visibility:visible;transform:none;transition-delay:0s}.spotlight-controls{grid-area:2/1;display:flex;justify-content:center;gap:9px;margin-top:22px}.spotlight-controls button{width:10px;height:10px;padding:0;border:0;border-radius:999px;background:#64748b;cursor:pointer;transition:width .2s ease,background .2s ease}.spotlight-controls button.is-active{width:28px;background:#60a5fa}.spotlight-controls button:focus-visible{outline-color:#fff}.app-list{display:grid;gap:22px}.app-list .app-card{max-width:820px}.app-card--link{color:var(--text);text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.app-card--link:hover{color:var(--text);text-decoration:none;transform:translateY(-2px);border-color:var(--primary);box-shadow:0 16px 38px rgba(17,24,39,.1)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.spotlight-slide{transition:none}.button{transition:none}}

/* W2: Work Time context nav, hub spacing, structured footer */
.context-nav{position:sticky;top:74px;z-index:40;border-bottom:1px solid var(--line);background:var(--surface2)}.context-nav__inner{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 14px;padding:12px 0;align-items:center}.context-nav__back{margin-right:auto}.context-nav a{color:var(--muted);font-weight:650;font-size:.92rem;padding:6px 0}.context-nav a:hover{color:var(--primary);text-decoration:none}.context-nav a[aria-current=page]{color:var(--primary);text-decoration:underline;text-underline-offset:4px}
.hub-section{padding:0 0 70px}.hub-section .app-card{max-width:820px}
.footer-grid{display:grid;grid-template-columns:minmax(180px,1.2fr) repeat(2,minmax(140px,1fr));gap:28px;align-items:start}.footer-nav{min-width:0}.footer-heading{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;margin:0 0 12px}.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.site-footer .footer-links a{color:#e2e8f0}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:600px){.footer-grid{grid-template-columns:1fr}.context-nav__inner{flex-wrap:nowrap;justify-content:flex-start;gap:6px 12px;font-size:.9rem;overflow-x:auto;scrollbar-width:thin}.context-nav__inner a{flex:0 0 auto}.context-nav__back{position:sticky;left:0;z-index:1;background:var(--surface2);padding-right:8px}}

/* W3: platform badges + delete-account content helpers */
.badge-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}.app-card .badge-row{margin:0 0 10px}.app-showcase .badge-row{justify-content:center;margin-top:14px}.platform-line{margin-top:14px}.delete-steps{padding-left:1.35rem}.delete-steps li{margin:.45em 0;color:#334155}
@media(prefers-color-scheme:dark){.delete-steps li{color:#cbd5e1}}


/* W4: five language options + longer RU context labels */
.js .lang-switch__menu{min-width:min(260px,calc(100vw - 32px))}