:root{--ink:#172a30;--muted:#66787b;--teal:#159c8b;--lime:#d9ee63;--paper:#f7f9f6}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:var(--paper)}.logo,body{color:var(--ink)}.logo{font-size:22px;font-weight:800;text-decoration:none}.logo b{display:inline-grid;place-items:center;background:var(--lime);border-radius:7px;width:28px;height:28px;margin-right:7px}.logo span{color:var(--teal)}.landing{min-height:100vh;background:radial-gradient(circle at 88% 15%,#dcefc9,transparent 26%),var(--paper)}.app-page header,.landing nav{display:flex;max-width:1100px;margin:auto;padding:28px 24px;justify-content:space-between;align-items:center}.landing nav a{color:var(--teal);font-weight:700;text-decoration:none}.hero{max-width:1100px;margin:88px auto 78px;padding:0 24px}.eyebrow{margin:0 0 12px;font-size:11px;letter-spacing:1.7px;color:#6e8583;font-weight:700}.app-page h1,.auth-card h1,.hero h1{font-size:clamp(38px,6vw,70px);letter-spacing:-3px;line-height:1.04;margin:0;max-width:800px}.hero em{font-style:normal;color:var(--teal)}.lead{max-width:510px;color:var(--muted);font-size:18px;line-height:1.55;margin:24px 0}.actions,.dashboard-actions{display:flex;gap:17px;align-items:center}.button{border:0;border-radius:8px;padding:13px 18px;background:var(--teal);color:#fff;font-weight:700;text-decoration:none;cursor:pointer}.button:disabled{opacity:.65}.secondary{color:var(--teal);font-weight:700;text-decoration:none}.feature-row{max-width:1100px;margin:auto;padding:0 24px 60px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.feature-row article{background:#fff;border:1px solid #e5ebe8;border-radius:14px;padding:23px;display:grid;grid-gap:9px;gap:9px}.feature-row span{color:var(--muted);font-size:14px;line-height:1.45}.auth-page{min-height:100vh;padding:30px;background:linear-gradient(135deg,#eef7f3,var(--paper))}.auth-card{width:min(460px,100%);background:#fff;border:1px solid #e4ebe8;border-radius:16px;padding:36px;margin:8vh auto}.auth-card h1{font-size:30px;letter-spacing:-1px}.auth-card>p:not(.eyebrow){color:var(--muted);line-height:1.5}.auth-card label{display:grid;grid-gap:7px;gap:7px;font-size:13px;font-weight:700;margin:22px 0}.auth-card input,.auth-card select{border:1px solid #d9e3df;padding:12px;border-radius:7px;font:inherit;background:#fff}.auth-card .button{width:100%}.auth-card output{display:block;margin-top:14px;color:var(--teal);font-size:13px}.auth-card small{display:block;color:var(--muted);font-size:11px;line-height:1.4;margin-top:20px}.app-page{min-height:100vh}.app-page section{max-width:900px;margin:85px auto;padding:0 24px}.app-page h1{font-size:42px}.app-page .lead{max-width:650px}.page-title{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:28px}.page-title h1{font-size:42px}.live-client-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:15px;gap:15px}.live-client-card{background:#fff;border:1px solid #e2ebe7;border-radius:12px;padding:18px;display:flex;gap:13px}.avatar-initial{height:40px;width:40px;border-radius:50%;display:grid;place-items:center;flex:none;background:#dff2ed;color:#167d70;font-size:12px;font-weight:800}.live-client-card b,.live-client-card small{display:block}.live-client-card p,.live-client-card small{font-size:12px;color:var(--muted);margin:4px 0}.empty-state{background:#fff;border:1px dashed #cfdcd8;border-radius:13px;padding:45px 25px;text-align:center}.empty-state h2{margin:0;font-size:21px}.empty-state p{color:var(--muted);margin:9px 0 22px}@media(max-width:650px){.hero{margin:65px auto}.feature-row,.live-client-grid{grid-template-columns:1fr}.auth-card{padding:25px;margin-top:60px}.actions,.page-title{align-items:flex-start;flex-direction:column}.page-title h1{font-size:34px}}