:root{--ink:#10141f;--muted:#647084;--line:#d8dee8;--panel:#fff;--brand:#0d6efd;--brand-dark:#064fb3;--mint:#14b8a6;--amber:#f59e0b;--surface:#f5f7fb}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--surface);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}.home-shell{background:linear-gradient(135deg, #0d6efd1f, transparent 38%), linear-gradient(315deg, #14b8a629, transparent 34%), var(--surface);min-height:100vh}.home-hero{grid-template-columns:minmax(0,1.1fr) minmax(360px,480px);align-items:center;gap:clamp(28px,5vw,72px);width:min(1160px,100% - 32px);min-height:100vh;margin:0 auto;padding:56px 0;display:grid}.home-copy{gap:24px;display:grid}.eyebrow{width:fit-content;color:var(--brand-dark);text-transform:uppercase;align-items:center;gap:8px;font-size:14px;font-weight:700;display:inline-flex}.home-copy h1{letter-spacing:0;max-width:760px;margin:0;font-size:clamp(44px,7vw,78px);line-height:.98}.home-copy p{color:#405066;max-width:650px;margin:0;font-size:clamp(18px,2vw,22px);line-height:1.55}.feature-grid{grid-template-columns:repeat(4,minmax(120px,1fr));gap:12px;max-width:760px;display:grid}.feature-grid div{color:#1f2a3d;background:#ffffffd1;border:1px solid #d8dee8d9;border-radius:8px;gap:10px;min-height:104px;padding:16px;display:grid;box-shadow:0 18px 48px #1f2a3d14}.feature-grid svg{color:var(--brand)}.demo-strip{color:#d9e4f2;background:#10141f;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;max-width:760px;padding:12px;display:flex}.demo-strip span,.demo-strip strong{padding:8px 10px}.demo-strip span{color:#92a1b5;text-transform:uppercase;font-size:13px}.demo-strip strong{background:#ffffff14;border-radius:6px;font-size:14px}.meeting-console{background:var(--panel);border:1px solid var(--line);border-radius:8px;gap:14px;padding:28px;display:grid;box-shadow:0 24px 70px #10141f29}.console-header{align-items:center;gap:14px;margin-bottom:8px;display:flex}.console-header svg{color:var(--brand)}.console-header span{color:var(--muted);font-size:13px;display:block}.console-header strong{font-size:22px;display:block}.meeting-console label{color:#263247;font-size:14px;font-weight:700}.meeting-console input{width:100%;min-height:52px;color:var(--ink);border:1px solid var(--line);background:#f9fbfe;border-radius:8px;outline:none;padding:0 14px}.meeting-console input:focus{border-color:var(--brand);box-shadow:0 0 0 4px #0d6efd24}.button-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.primary-action,.ghost-action,.meeting-icon-btn,.meeting-copy-btn{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-weight:700;display:inline-flex}.primary-action{color:#fff;background:var(--brand);min-height:54px}.primary-action:hover{background:var(--brand-dark)}.ghost-action{min-height:54px;color:var(--brand-dark);background:#eaf2ff}.invite-preview{background:#eefaf8;border:1px solid #14b8a659;border-radius:8px;padding:12px}.invite-preview span{color:#0f766e;text-transform:uppercase;font-size:12px;font-weight:700;display:block}.invite-preview p{color:#134e4a;overflow-wrap:anywhere;margin:4px 0 0;font-size:13px}.console-note{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.meeting-page{background:#080b12;width:100%;height:100vh;overflow:hidden}.meeting-topbar{background:#111827;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:12px;width:100%;height:64px;padding:10px 16px;display:flex}.meeting-room-title{color:#fff;text-align:center;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;overflow:hidden}.meeting-room-title strong{color:#8cc7ff}.meeting-icon-btn{color:#111827;background:#fff}.meeting-copy-btn{color:#fff;background:var(--brand)}.meeting-frame-shell{background:#000;width:100%;height:calc(100vh - 64px);position:relative}.meeting-frame{width:100%;height:100%}.meeting-frame iframe{display:block;border:0!important;width:100%!important;height:100%!important}.meeting-state{z-index:2;color:#fff;text-align:center;background:#080b12;place-content:center;justify-items:center;gap:12px;padding:24px;display:grid;position:absolute;inset:0}.meeting-state span{color:#aab7ca}.meeting-state-error svg{color:var(--amber)}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:920px){.home-hero{grid-template-columns:1fr;align-items:start;min-height:auto}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.home-hero{width:min(100% - 24px,1160px);padding:28px 0}.home-copy h1{font-size:42px}.feature-grid,.button-row{grid-template-columns:1fr}.meeting-console{padding:20px}.meeting-topbar{flex-wrap:wrap;height:auto;min-height:64px}.meeting-room-title{order:3;width:100%}.meeting-frame-shell{height:calc(100vh - 104px)}}