*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f7f9fb;color:#172033}a{color:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:#102235;color:#eef6ff;padding:20px 16px;display:flex;flex-direction:column;gap:18px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{width:40px;height:40px;border-radius:8px;background:#5eead4;color:#102235;font-weight:900;display:grid;place-items:center}.brand small{display:block;color:#9eb4c8;font-size:12px;margin-top:2px}.sidebar nav{display:grid;gap:4px;overflow:auto}.nav-item{border:0;background:transparent;color:#c7d7e7;text-align:left;border-radius:8px;padding:10px 12px;font:inherit;cursor:pointer;display:flex;align-items:center;gap:10px}.nav-item:hover,.nav-item.active{background:#18344f;color:white}.sidebar-footer{margin-top:auto;border-top:1px solid #29435d;padding-top:14px;color:#b9cad8;font-size:13px;display:flex;align-items:center;gap:8px}.status-dot{width:9px;height:9px;border-radius:50%;background:#f59e0b}.status-dot.ok{background:#14b8a6}.status-dot.bad{background:#ef4444}main{min-width:0}.topbar{height:88px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid #dde6ef;display:flex;align-items:center;gap:18px;padding:0 28px;position:sticky;top:0;z-index:5}.topbar h1{margin:0;font-size:24px;line-height:1.1}.eyebrow{margin:0 0 4px;color:#65758b;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.icon-button,.button{border:1px solid #cbd7e3;background:white;color:#172033;border-radius:8px;min-height:40px;padding:0 14px;font-weight:650;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.icon-button{width:40px;padding:0;display:none}.button.primary{background:#0f766e;border-color:#0f766e;color:white}.button.warn{background:#fef2f2;border-color:#fecaca;color:#991b1b}.button.ghost{background:transparent}.button:disabled{opacity:.55;cursor:not-allowed}.view{padding:28px;max-width:1440px}.band{margin:-28px -28px 28px;padding:56px 28px 36px;background:linear-gradient(135deg,#102235,#123f56 52%,#0f766e);color:white}.band-inner{max-width:1120px}.band h2{font-size:clamp(34px,5vw,66px);line-height:.98;margin:0 0 16px;letter-spacing:0}.band p{font-size:18px;max-width:760px;color:#d8e6ee}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:white;border:1px solid #dce5ee;border-radius:8px;padding:18px;box-shadow:0 1px 2px rgba(16,34,53,.04)}.card h3{margin:0 0 8px;font-size:18px}.card p{color:#5d6f83;margin:0 0 12px}.metric{font-size:34px;font-weight:800;color:#102235}.muted{color:#66788c}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:26px 0 14px}.section-title h2{margin:0;font-size:24px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 16px}.input,select,textarea{width:100%;border:1px solid #cbd7e3;border-radius:8px;background:white;min-height:42px;padding:10px 12px;font:inherit}textarea{min-height:110px;resize:vertical}.form{display:grid;gap:12px}.form.two{grid-template-columns:1fr 1fr}.label{font-weight:700;font-size:13px;color:#31455c;display:grid;gap:6px}.table-wrap{overflow:auto;border:1px solid #dce5ee;border-radius:8px;background:white}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:12px;border-bottom:1px solid #edf2f7;vertical-align:top}th{color:#465b71;background:#f8fafc;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;background:#e6fffb;color:#0f766e;font-size:12px;font-weight:700}.pill.gray{background:#edf2f7;color:#52657a}.pill.red{background:#fee2e2;color:#991b1b}.video-panel{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:16px}.video-shell{background:#0b1220;border-radius:8px;overflow:hidden;aspect-ratio:16/9;display:grid;place-items:center}video{width:100%;height:100%;background:#0b1220}.notice{border:1px solid #c7e7ff;background:#eff8ff;color:#164e63;padding:12px;border-radius:8px}.error{border:1px solid #fecaca;background:#fff1f2;color:#991b1b;padding:12px;border-radius:8px}.success{border:1px solid #a7f3d0;background:#ecfdf5;color:#065f46;padding:12px;border-radius:8px}.code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#0b1220;color:#d1e8ff;border-radius:8px;padding:14px;overflow:auto;white-space:pre-wrap;min-height:140px}.tabs{display:flex;gap:8px;border-bottom:1px solid #dce5ee;margin-bottom:14px}.tab{border:0;background:transparent;padding:11px 12px;cursor:pointer;font-weight:700;color:#62758a;border-bottom:3px solid transparent}.tab.active{color:#0f766e;border-color:#0f766e}.empty{padding:24px;border:1px dashed #cbd7e3;border-radius:8px;color:#60758a;text-align:center;background:#fbfdff}.price{font-size:38px;font-weight:900;color:#102235}.login-wrap{max-width:430px;margin:40px auto}.legal{max-width:900px;line-height:1.7}.legal h2{margin-top:30px}@media(max-width:980px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:280px;transform:translateX(-100%);transition:.18s;z-index:20}.sidebar.open{transform:translateX(0)}.icon-button{display:inline-flex}.topbar{padding:0 16px}.view{padding:18px}.band{margin:-18px -18px 20px}.grid.two,.grid.three,.grid.four,.video-panel,.form.two{grid-template-columns:1fr}}@media(max-width:560px){.topbar-actions{display:none}.topbar h1{font-size:20px}.band h2{font-size:36px}.view{padding:14px}.band{margin:-14px -14px 18px;padding:38px 18px 28px}}

.landing-body{background:#f7f9fb;color:#172033}.landing-header{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #dde6ef;background:white;position:sticky;top:0;z-index:4}.landing-header .brand{color:#172033}.landing-nav{display:flex;align-items:center;gap:18px}.landing-nav a{text-decoration:none;font-weight:700;color:#30465f}.landing-hero{min-height:calc(100vh - 74px);display:grid;align-items:center;padding:70px 28px;background:linear-gradient(135deg,#102235,#123f56 52%,#0f766e);color:white}.landing-hero>div{max-width:980px}.landing-hero h1{font-size:clamp(56px,10vw,116px);line-height:.9;margin:0 0 18px}.landing-hero p{max-width:760px;font-size:21px;color:#d8e6ee}.landing-section{padding:54px 28px;max-width:1220px;margin:0 auto}.landing-section.alt{max-width:none;background:#eef5f8}.landing-section.alt>.section-title,.landing-section.alt>.grid{max-width:1220px;margin-left:auto;margin-right:auto}.landing-footer{display:flex;gap:18px;align-items:center;justify-content:center;padding:28px;border-top:1px solid #dde6ef;background:#102235;color:#d8e6ee}.landing-footer a{color:white;text-decoration:none;font-weight:700}@media(max-width:720px){.landing-header{height:auto;align-items:flex-start;gap:12px;flex-direction:column;padding:16px}.landing-nav{flex-wrap:wrap}.landing-hero{min-height:auto;padding:54px 18px}.landing-section{padding:34px 18px}}