:root{color:#1a1a1a;background:#f6f7f9;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-height:100vh;margin:0}button{font:inherit;cursor:pointer}.app{flex-direction:column;max-width:640px;min-height:100vh;margin:0 auto;padding:24px 16px 20px;display:flex}.app--landing{max-width:none;padding:20px 0 0}.app-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.app--landing .app-header{width:min(1120px,100% - 32px);margin:0 auto 28px}.brand{color:#15202b;letter-spacing:0;white-space:nowrap;align-items:center;gap:10px;font-size:18px;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:#2196f3;border-radius:10px;place-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:grid}.app-nav{align-items:center;gap:14px;display:flex}.app-main{flex:1}.app--landing .app-main{width:100%}.app-footer{color:#888;text-align:center;margin-top:32px;font-size:12px}.app--landing .app-footer{width:min(1120px,100% - 32px);margin:20px auto 0;padding:20px 0}.muted{color:#777}.error{color:#d32f2f;margin-top:12px}.card{background:#fff;border:1px solid #e6e8eb;border-radius:8px;padding:24px}.login h2{margin:0 0 4px}.login form{flex-direction:column;gap:8px;margin-top:16px;display:flex}.login label{color:#333;font-size:13px;font-weight:600}.login input{border:1px solid #ddd;border-radius:8px;padding:12px 14px;font-size:16px}.login button[type=submit]{color:#fff;background:#2196f3;border:none;border-radius:8px;margin-top:8px;padding:12px 14px;font-weight:600}.login-sent{flex-direction:column;gap:8px;margin-top:16px;display:flex}.login-sent button:not(.link){color:#fff;background:#2196f3;border:none;border-radius:8px;padding:12px 14px;font-weight:600}.login button:disabled{opacity:.5}button.link{color:#2196f3;background:0 0;border:none;padding:6px 0;font-weight:600}a.link{color:#2196f3;font-weight:600;text-decoration:none}.button-link{color:#fff;background:#2196f3;border:1px solid #2196f3;border-radius:8px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-weight:800;line-height:1;text-decoration:none;display:inline-flex;box-shadow:0 12px 24px #2196f338}.button-link--compact{min-height:38px;box-shadow:none;padding:0 14px}.landing{color:#15202b}.landing-hero{grid-template-columns:minmax(0,1fr) 420px;align-items:center;gap:52px;width:min(1120px,100% - 32px);min-height:calc(100vh - 144px);margin:0 auto;padding:28px 0 64px;display:grid}.landing-copy{max-width:650px}.eyebrow{color:#2196f3;letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:800}.landing h1,.landing h2{letter-spacing:0;margin:0;line-height:1.05}.landing h1{max-width:760px;font-size:clamp(44px,7vw,76px)}.landing h2{font-size:clamp(30px,4vw,46px)}.hero-text{color:#435464;max-width:660px;margin:22px 0 0;font-size:20px;line-height:1.55}.hero-actions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:30px;display:flex}.trust-strip{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.trust-strip span{color:#1266a8;background:#eaf5ff;border:1px solid #cce8ff;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800}.hero-showcase{background:radial-gradient(circle at 20% 18%,#2196f32e,#0000 32%),linear-gradient(145deg,#fff,#edf7ff);border:1px solid #d6e9f8;border-radius:8px;padding:26px;box-shadow:0 24px 70px #2e547029}.phone-preview{background:#f9fbfd;border:1px solid #dde8f0;border-radius:8px;min-height:560px;padding:24px;box-shadow:inset 0 0 0 8px #fff}.phone-topbar{color:#15202b;justify-content:space-between;align-items:center;margin-bottom:24px;font-size:14px;display:flex}.phone-topbar span{background:#c5d6e4;border-radius:999px;width:42px;height:8px;display:block}.status-orbit{aspect-ratio:1;background:#fff;border:1px solid #d8e5ee;border-radius:50%;max-width:260px;margin:0 auto 26px;position:relative}.orbit-center{color:#15202b;background:#f5fbff;border:1px solid #d6e9f8;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:108px;height:108px;display:flex;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.orbit-center strong{font-size:38px;line-height:1}.orbit-center span{color:#607d8b;font-size:13px;font-weight:700}.orbit-dot{border:5px solid #fff;border-radius:50%;width:48px;height:48px;position:absolute;box-shadow:0 8px 18px #15202b24}.orbit-dot--home{background:#4caf50;top:4%;left:50%;transform:translate(-50%)}.orbit-dot--work{background:#2196f3;top:60%;right:8%}.orbit-dot--school{background:#ffc107;top:60%;left:8%}.preview-status-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.preview-status-list li{background:#fff;border:1px solid #e0e8ef;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.preview-status-list .dot{border-radius:50%;width:12px;height:12px;display:inline-block}.preview-status-list strong,.preview-status-list span{display:block}.preview-status-list strong{line-height:1.2}.preview-status-list span{color:#7a8a98;font-size:12px}.preview-status-list b{color:#15202b;font-size:15px}.landing-section{grid-template-columns:.8fr 1.2fr;gap:32px;width:min(1120px,100% - 32px);margin:0 auto;padding:72px 0;display:grid}.privacy-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.privacy-card{background:#fff;border:1px solid #e0e8ef;border-radius:8px;padding:20px}.privacy-card span{color:#2196f3;font-size:12px;font-weight:800}.privacy-card p{color:#33485a;margin:18px 0 0;font-weight:650}.landing-section--split{border-top:1px solid #e0e8ef;grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:start}.signin-copy{max-width:560px}.signin-copy .muted{margin-top:16px;font-size:18px;line-height:1.6}@media (width<=900px){.landing-hero,.landing-section,.landing-section--split{grid-template-columns:1fr}.landing-hero{gap:36px;min-height:0;padding-top:18px}.hero-showcase{justify-self:stretch}.phone-preview{min-height:0}.privacy-grid{grid-template-columns:1fr}}@media (width<=620px){.app{padding-left:12px;padding-right:12px}.app--landing{padding-left:0;padding-right:0}.app-header{flex-direction:column;align-items:flex-start}.app--landing .app-header{width:min(100% - 24px,1120px)}.app-nav{flex-wrap:wrap}.brand{font-size:17px}.landing-hero,.landing-section{width:min(100% - 24px,1120px)}.landing h1{font-size:42px}.hero-text{font-size:17px}.hero-showcase{padding:14px}.phone-preview{padding:18px;box-shadow:inset 0 0 0 5px #fff}.preview-status-list li{grid-template-columns:auto 1fr;align-items:start}.preview-status-list b{grid-column:2}.landing-section{padding:52px 0}.landing-section--split{grid-template-columns:1fr}.landing-section--split .login{min-width:0}.app--landing .app-footer{width:min(100% - 24px,1120px)}}.status-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.status-row{background:#fff;border:1px solid #e6e8eb;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 16px;display:grid}.status-row .dot{border-radius:50%;width:12px;height:12px;display:inline-block}.status-row .member{font-weight:600}.status-row .status{text-align:right;color:#333;font-weight:600}.status-row .meta{text-align:right;color:#888;grid-column:1/4;justify-content:flex-end;gap:10px;font-size:12px;display:flex}.status-row .note.stale{color:#b26a00}.status-row .note.unknown{color:#9e9e9e}.clock-simulator{flex-direction:column;gap:18px;display:flex}.simulator-token{flex-direction:column;gap:10px;display:flex}.simulator-token h2,.simulator-header h2{margin:0}.simulator-token label{font-size:13px;font-weight:600}.simulator-token input{border:1px solid #ddd;border-radius:10px;padding:12px 14px;font-size:16px}.simulator-token button{color:#fff;background:#2196f3;border:none;border-radius:10px;padding:12px 14px;font-weight:600}.simulator-token button:disabled{opacity:.5}.simulator-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.clock-ring{aspect-ratio:1;background:#fff;border:1px solid #d5dce3;border-radius:50%;align-self:center;width:min(320px,88vw);position:relative}.clock-ring-slot{color:#1a1a1a;border:1px solid #cbd5e1;border-radius:50%;place-items:center;width:44px;height:44px;margin:-22px 0 0 -22px;font-weight:700;display:grid;position:absolute}.clock-ring-center{text-align:center;place-items:center;width:84px;height:68px;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.clock-ring-center strong{font-size:28px;line-height:1}.clock-ring-center span{color:#777;font-size:12px}.simulator-members{margin-top:4px}