:root{--bg:#f7f8fb;--paper:#fff;--ink:#172033;--muted:#667085;--line:#e6eaf1;--primary:#1463ff;--primary2:#09a7a7;--good:#168a5b;--bad:#c2414b;--soft:#eef5ff}*{box-sizing:border-box}html,body{background:var(--bg);min-width:320px;color:var(--ink);-webkit-text-size-adjust:100%;-webkit-user-select:none;user-select:none;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}svg{width:18px;height:18px}.topbar,.appHeader{justify-content:space-between;align-items:center;max-width:1160px;margin:0 auto;padding:26px 20px 14px;display:flex}.brand{align-items:center;gap:8px;font-size:20px;font-weight:900;display:inline-flex}.brand span{width:34px;height:34px;color:var(--primary);background:#e8f4ff;border-radius:12px;place-items:center;display:grid}.topbar nav{gap:18px;font-weight:800;display:flex}.landing{background:radial-gradient(circle at 8% 12%,#ddecff 0 18%,#0000 34%),radial-gradient(circle at 92% 6%,#fff0d8 0 16%,#0000 32%),linear-gradient(#f7faff 0%,#f7f8fb 58%,#fff 100%);overflow:hidden}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:52px;max-width:1160px;margin:auto;padding:54px 20px 46px;display:grid;position:relative}.hero:after{content:"";background:linear-gradient(90deg,#0000,#dfe7f4,#0000);height:1px;position:absolute;bottom:0;left:20px;right:20px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--primary);font-size:12px;font-weight:900}.hero h1{letter-spacing:-.06em;max-width:760px;margin:18px 0;font-size:clamp(42px,7vw,78px);line-height:.98}.lead{color:var(--muted);max-width:620px;font-size:18px;line-height:1.65}.actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.button{border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 18px;font-weight:900;display:inline-flex}.primary{background:linear-gradient(135deg, var(--primary), #3993ff);color:#fff;box-shadow:0 14px 28px #1463ff38}.ghost{color:var(--primary);background:#eaf2ff}.light{color:var(--primary);background:#fff;margin-top:18px}.full{width:100%}.heroChips{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.heroChips span{color:#4d5a70;background:#fff;border:1px solid #e4ebf6;border-radius:999px;padding:8px 11px;font-size:13px;font-weight:850;box-shadow:0 10px 22px #1720330d}.phoneCard{background:linear-gradient(145deg,#fff,#f8fbff);border:1px solid #fff;border-radius:28px;padding:24px;position:relative;overflow:hidden;transform:rotate(1deg);box-shadow:0 28px 80px #1720331f}.phoneCard:before{content:"";z-index:0;background:radial-gradient(circle,#cbe7ff,#0000 68%);border-radius:50%;width:220px;height:220px;position:absolute;inset:-70px -70px auto auto}.phoneCard>*{z-index:1;position:relative}.phoneHeader{color:var(--muted);justify-content:space-between;gap:12px;font-size:13px;display:flex}.phoneHeader b{color:var(--ink);font-size:18px}.total{color:#fff;background:linear-gradient(135deg,#1463ff,#09a7a7);border-radius:22px;margin:22px 0;padding:22px}.total small{opacity:.8;display:block}.total strong{letter-spacing:-.04em;font-size:42px}.subMini{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;margin-top:10px;padding:14px;display:grid}.subMini span{background:var(--soft);border-radius:14px;place-items:center;width:46px;height:46px;font-size:24px;display:grid}.subMini small{color:var(--muted);margin-top:3px;display:block}.phoneNote{color:#8a5a00;background:#fff8e8;border-radius:15px;margin-top:14px;padding:12px 14px;font-size:13px;font-weight:900}.useCases{grid-template-columns:repeat(3,1fr);gap:14px;max-width:1160px;margin:0 auto 24px;padding:0 20px;display:grid}.useCases article,.benefits article,.summaryGrid article,.subCard,.membersPanel,.adminPanel,.emptyState{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 14px 36px #1720330f}.useCases article{background:linear-gradient(145deg,#fff,#f6faff);border-color:#fff;border-radius:22px;padding:22px;position:relative;overflow:hidden;box-shadow:0 18px 46px #17203314}.useCases article:before{content:"";background:#e7f3ff;border-radius:50%;width:120px;height:120px;position:absolute;top:-42px;right:-34px}.useCases svg{color:var(--primary);width:24px;height:24px;margin-bottom:18px;position:relative}.useCases b,.benefits b{letter-spacing:-.02em;font-size:18px;display:block;position:relative}.useCases b{font-size:20px}.useCases p,.benefits p{color:var(--muted);margin-bottom:0;line-height:1.55;position:relative}.benefits{grid-template-columns:repeat(3,1fr);gap:16px;max-width:1160px;margin:6px auto 74px;padding:0 20px;display:grid}.benefits svg,.summaryGrid svg{color:var(--primary)}.benefits article,.useCases article{transition:transform .16s,box-shadow .16s}.benefits article:hover,.useCases article:hover{transform:translateY(-2px);box-shadow:0 22px 54px #1720331a}.landingDemo{grid-template-columns:.9fr 1.1fr;align-items:stretch;gap:24px;max-width:1160px;margin:44px auto 72px;padding:0 20px;display:grid}.demoCopy,.demoBoard{background:#fff;border:1px solid #e8edf6;border-radius:26px;padding:26px;box-shadow:0 20px 56px #17203314}.demoCopy{color:#fff;background:linear-gradient(145deg,#172033,#24324c);position:relative;overflow:hidden}.demoCopy:after{content:"";background:radial-gradient(circle,#1463ff80,#0000 68%);border-radius:50%;width:240px;height:240px;position:absolute;bottom:-90px;right:-80px}.demoCopy .eyebrow{color:#8fc6ff}.demoCopy h2{letter-spacing:-.05em;margin:16px 0;font-size:clamp(30px,4vw,48px);line-height:1}.demoCopy p:not(.eyebrow){color:#d8e0ee;max-width:470px;line-height:1.65}.presetTabs{z-index:1;gap:9px;margin-top:24px;display:grid;position:relative}.presetTabs button{color:#fff;text-align:left;background:#ffffff14;border:1px solid #ffffff29;border-radius:15px;align-items:center;gap:10px;min-height:48px;padding:0 13px;font-weight:900;display:flex}.presetTabs button span{font-size:22px}.presetTabs .active{color:#172033;background:#fff;border-color:#fff}.demoBoard{position:relative;overflow:hidden}.demoBoard:before{content:"";background:radial-gradient(circle,#ddecff,#0000 70%);border-radius:50%;width:240px;height:240px;transition:transform .5s;position:absolute;inset:-80px -70px auto auto}.demoBoard.isFlash:before{transform:scale(1.2)}.demoBoardHead{z-index:1;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex;position:relative}.demoBoardHead small,.demoTotal small{color:var(--muted);font-size:12px;font-weight:850;display:block}.demoBoardHead b{font-size:22px}.demoBoardHead button{color:var(--primary);background:#eef5ff;border:0;border-radius:13px;align-items:center;gap:8px;min-height:40px;padding:0 12px;font-weight:900;display:flex}.demoTotal{z-index:1;color:#fff;background:linear-gradient(135deg,#1463ff,#09a7a7);border-radius:20px;grid-template-columns:42px 1fr;align-items:center;gap:12px;margin-bottom:14px;padding:18px;display:grid;position:relative;box-shadow:0 16px 34px #1463ff38}.demoTotal svg{background:#ffffff29;border-radius:14px;width:42px;height:42px;padding:10px}.demoTotal small{color:#ffffffbf}.demoTotal strong{letter-spacing:-.04em;font-size:34px}.demoList{z-index:1;gap:10px;display:grid;position:relative}.demoList article{background:#fff;border:1px solid #e7edf7;border-radius:17px;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;padding:12px;transition:transform .18s,box-shadow .18s;display:grid}.demoBoard.isFlash .demoList article:first-child{animation:.48s both demoPop}.demoList span{background:#eef5ff;border-radius:14px;place-items:center;width:46px;height:46px;font-size:23px;display:grid}.demoList small{color:var(--muted);margin-top:3px;display:block}.demoList strong{font-size:18px}.cta{text-align:center;color:#fff;background:linear-gradient(135deg,#172033,#0f5965);border-radius:26px;max-width:1160px;margin:10px auto 34px;padding:48px 20px;box-shadow:0 24px 60px #1720332e}.cta h2{letter-spacing:-.04em;margin:0 0 10px;font-size:clamp(30px,4vw,46px)}.cta p{color:#d8dee9}.authPage{background:radial-gradient(circle at top left, #e7f3ff, transparent 34%), var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.authBrand{position:absolute;top:22px;left:22px}.authCard{border:1px solid var(--line);background:#fff;border-radius:22px;width:min(430px,100%);padding:24px;box-shadow:0 24px 70px #1720331f}.tabs{background:#f0f4fa;border-radius:14px;grid-template-columns:1fr 1fr;gap:6px;padding:5px;display:grid}.tabs button{min-height:38px;color:var(--muted);background:0 0;border:0;border-radius:10px;font-weight:900}.tabs .active{color:var(--primary);background:#fff;box-shadow:0 8px 20px #17203314}h1{letter-spacing:-.04em}label{color:var(--muted);gap:7px;margin:12px 0;font-size:13px;font-weight:800;display:grid}input,select,textarea{border:1px solid var(--line);width:100%;min-height:42px;color:var(--ink);outline-offset:0;background:#fff;border-radius:12px;outline:2px solid #0000;padding:0 12px}textarea{resize:vertical;min-height:80px;padding:12px}input:focus,select:focus,textarea:focus{border-color:#9fc5ff;outline-color:#d9eaff}.formMessage{white-space:pre-line;color:var(--primary);background:#eef5ff;border-radius:12px;padding:10px 12px;font-size:13px}.authHint{white-space:pre-line;color:var(--muted);font-size:13px;line-height:1.5}.dashboardPage,.adminPage{max-width:1180px;margin:auto;padding:0 20px 50px}.appHeader{padding-left:0;padding-right:0}.appHeader small{color:var(--muted);margin-top:4px;display:block}.smallBtn{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:8px;min-height:40px;padding:0 12px;font-weight:800;display:flex}.workspaceBar{margin:4px 0 20px;overflow:auto}.workspaceList{gap:10px;min-width:max-content;display:flex}.workspaceList button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:16px;align-items:center;gap:10px;min-height:62px;padding:10px 12px;display:flex}.workspaceList .active{background:#eef5ff;border-color:#9fc5ff}.workspaceList span,.memberRow span{width:36px;height:36px;color:var(--primary);background:#ddecff;border-radius:12px;place-items:center;font-weight:900;display:grid}.workspaceList small{color:var(--muted);font-size:11px;display:block}.createSpace{color:var(--primary);font-weight:900}.summaryGrid{grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0;display:grid}.summaryGrid article{gap:6px;display:grid}.summaryGrid span{color:var(--muted);font-size:13px}.summaryGrid b{font-size:24px}.dotWarn{background:#fff1ce;border-radius:50%;width:18px;height:18px;box-shadow:inset 0 0 0 5px #ffb020}.sectionHead{justify-content:space-between;align-items:center;gap:16px;margin:30px 0 16px;display:flex}.sectionHead h1{margin:0;font-size:34px}.subGrid{grid-template-columns:repeat(3,minmax(240px,1fr));gap:14px;display:grid}.subCard{gap:12px;display:grid}.subTop{grid-template-columns:48px 1fr;align-items:center;gap:12px;display:grid}.subTop span{background:var(--soft);border-radius:14px;place-items:center;width:48px;height:48px;font-size:25px;display:grid}.subTop small{color:var(--muted);margin-top:3px;display:block}.subCard strong{letter-spacing:-.04em;font-size:28px}.subCard p{color:var(--muted);margin:0;font-size:14px}.cardActions{gap:8px;margin-top:4px;display:flex}.cardActions button,.inviteForm button{color:var(--primary);background:#eef5ff;border:0;border-radius:11px;min-height:38px;padding:0 12px;font-weight:900}.membersPanel{margin-top:20px}.memberRow{flex-wrap:wrap;gap:8px;display:flex}.inviteForm{gap:8px;margin-top:16px;display:flex}.inviteUrl{overflow-wrap:anywhere;background:#f2f6fb;border:1px dashed #ced8e8;border-radius:12px;padding:10px}.modalBackdrop{z-index:20;background:#17203373;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:22px;width:min(620px,100%);max-height:calc(100vh - 36px);padding:20px;overflow:auto}.modalHead{justify-content:space-between;align-items:center;display:flex}.modalHead h2{margin:0}.modalHead button{background:#f0f4fa;border:0;border-radius:10px;width:38px;height:38px;font-size:24px}.iconPick{grid-template-columns:repeat(6,1fr);gap:8px;margin:10px 0;display:grid}.iconPick button{border:1px solid var(--line);background:#fff;border-radius:12px;min-height:42px;font-size:22px}.iconPick .active{border-color:var(--primary);background:#eef5ff}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.toast{color:#fff;z-index:30;background:#172033;border-radius:13px;padding:12px 14px;animation:3s both toast;position:fixed;top:18px;right:18px}.adminPage h1{font-size:38px}.statsRow{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.statsRow article{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:16px;padding:16px}.statsRow b{color:var(--ink);font-size:28px;display:block}.adminGrid{grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;display:grid}.adminPanel{max-height:520px;overflow:auto}.adminPanel article{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding:12px 0;display:flex}.adminPanel article:first-of-type{border-top:0}.adminPanel small{color:var(--muted);margin-top:4px;display:block}.adminPanel button{color:var(--bad);background:#fff1f2;border:0;border-radius:10px;padding:8px 10px;font-weight:800}.emptyState{text-align:center;grid-column:1/-1;padding:38px}.emptyState p{color:var(--muted)}@keyframes toast{0%{opacity:0;transform:translateY(-8px)}12%,85%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)}}@keyframes demoPop{0%{box-shadow:none;transform:translateY(-8px)scale(.98)}60%{transform:translateY(0)scale(1.02);box-shadow:0 18px 40px #1463ff24}to{transform:none}}@media (max-width:900px){.hero,.useCases,.landingDemo,.benefits,.subGrid,.adminGrid{grid-template-columns:1fr}.hero{padding-top:34px}.phoneCard{transform:none}.demoCopy,.demoBoard{border-radius:22px}.summaryGrid,.statsRow{grid-template-columns:1fr 1fr}.sectionHead{flex-direction:column;align-items:flex-start}.inviteForm{flex-direction:column}}@media (max-width:560px){.topbar,.appHeader{padding:16px}.hero{gap:28px;padding:26px 16px 34px}.hero h1{font-size:42px}.lead{font-size:16px}.heroChips span{font-size:12px}.useCases,.landingDemo,.benefits,.dashboardPage,.adminPage{padding-left:16px;padding-right:16px}.useCases,.landingDemo{margin-bottom:34px}.useCases{gap:10px}.useCases article,.demoCopy,.demoBoard{border-radius:18px;padding:18px}.presetTabs button{min-height:44px}.demoBoardHead{flex-direction:column;align-items:flex-start}.demoBoardHead button{justify-content:center;width:100%}.demoList article{grid-template-columns:42px 1fr}.demoList article strong{grid-column:2}.demoTotal strong{font-size:30px}.summaryGrid,.grid2{grid-template-columns:1fr}.iconPick{grid-template-columns:repeat(4,1fr)}.button{width:100%}.phoneCard,.authCard{border-radius:18px}.sectionHead h1{font-size:28px}.total strong{font-size:34px}.cta{border-radius:18px;margin-left:16px;margin-right:16px}.authBrand{margin-bottom:16px;position:static}.authPage{flex-direction:column;justify-content:center;display:flex}}