:root{--bg:#f3f4f6;--text:#111827;--muted:#475569;--header:#0f172a;--mid:#0b1220;--teal:#0f766e;--border:#e2e8f0}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}.container{max-width:1160px;margin:0 auto;padding:0 40px}@media (max-width:980px){.container{padding:0 18px}}.site-header{background:var(--header);color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:20;border-bottom:1px solid hsla(0,0%,100%,.1)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px}.brand{display:inline-flex;align-items:center;min-width:230px}.brand img{display:block;width:210px;height:auto}.nav-links{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.nav-links a{font-size:13px;color:hsla(0,0%,100%,.9)}.nav-links a:hover{color:#fff}.nav-dropdown{position:relative}.nav-dropdown-trigger{display:inline-flex;align-items:center;gap:4px}.nav-dropdown-trigger:after{content:"\25BE";font-size:10px;opacity:.75}.nav-dropdown-menu{display:none;position:absolute;top:100%;left:0;min-width:220px;border-radius:10px;border:1px solid hsla(0,0%,100%,.12);background:#0b1220;padding:8px;margin-top:2px;box-shadow:0 16px 30px rgba(0,0,0,.34)}.nav-dropdown-menu a{display:block;font-size:13px;color:hsla(0,0%,100%,.9);border-radius:8px;padding:8px 10px}.nav-dropdown-menu a:hover{background:hsla(0,0%,100%,.08);color:#fff}.nav-dropdown:focus-within .nav-dropdown-menu,.nav-dropdown:hover .nav-dropdown-menu{display:block}.header-cta{display:flex;gap:10px}.btn{border-radius:10px;border:1px solid hsla(0,0%,100%,.2);color:#fff;display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;font-size:14px;font-weight:700}.btn.primary{background:var(--teal)}.btn.secondary{background:rgba(8,17,33,.55)}.page-hero{background:radial-gradient(1100px 520px at 22% 10%,rgba(15,118,110,.18) 0,rgba(15,118,110,0) 55%),linear-gradient(180deg,var(--header) 0,var(--mid) 100%);border-bottom:1px solid hsla(0,0%,100%,.08);color:#fff}.page-hero-inner{padding:46px 0 36px}.page-hero .kicker{margin:0 0 14px;display:flex;align-items:center;gap:10px}.page-hero .kicker .line{width:20px;height:1px;background:rgba(15,118,110,.95)}.page-hero h1{margin:0 0 12px;font-family:Manrope,Inter,sans-serif;font-size:56px;line-height:1.06}.page-hero p{margin:0;color:hsla(0,0%,100%,.84);max-width:980px;font-size:18px;line-height:1.62}.page-hero .hero-meta{margin-top:16px}.page-hero .hero-meta p{margin:0;color:hsla(0,0%,100%,.76);font-size:13px;line-height:1.55}.home-hero{background:radial-gradient(1200px 520px at 18% 12%,rgba(15,118,110,.22) 0,rgba(15,118,110,0) 55%),radial-gradient(900px 420px at 78% 30%,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,0) 60%),linear-gradient(180deg,var(--header) 0,var(--mid) 100%);border-bottom:1px solid hsla(0,0%,100%,.08);color:#fff}.hero-inner{padding:34px 0;min-height:calc(100vh - 72px);display:flex;flex-direction:column;justify-content:center}.hero-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:22px;gap:22px;align-items:center}.panel{border-radius:18px;border:1px solid hsla(0,0%,100%,.12);background:rgba(2,6,23,.28);box-shadow:0 10px 34px rgba(0,0,0,.28)}.hero-left{padding:26px}.kicker{margin:0 0 14px;color:hsla(0,0%,100%,.74);font-size:12px;letter-spacing:.1em;text-transform:uppercase}.hero-left h1{margin:0 0 12px;font-family:Manrope,Inter,sans-serif;font-size:46px;line-height:1.05}.hero-copy{margin:0 0 18px;color:hsla(0,0%,100%,.84);font-size:16px;line-height:1.62}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:8px 0 16px}.hero-actions .btn{height:52px;padding:0 22px;min-width:220px}.hero-meta{margin:0;color:hsla(0,0%,100%,.78);font-size:13px}.tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.tags span{border:1px solid hsla(0,0%,100%,.14);border-radius:999px;background:hsla(0,0%,100%,.06);color:hsla(0,0%,100%,.9);font-size:13px;padding:8px 12px}.dashboard-panel{padding:22px}.dashboard-panel h2{margin:0 0 10px;font-size:22px;font-family:Manrope,Inter,sans-serif}.dashboard-panel>p{margin:0 0 14px;color:hsla(0,0%,100%,.78);font-size:13px;line-height:1.55}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.metric-card{border-radius:14px;border:1px solid hsla(0,0%,100%,.14);background:hsla(0,0%,100%,.05);padding:14px}.metric-card .k{margin:0;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:hsla(0,0%,100%,.72)}.metric-card .v{margin:10px 0 0;font-size:52px;line-height:1;font-weight:800}.metric-card .d{margin:8px 0 0;color:hsla(0,0%,100%,.78);font-size:13px}.pills{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.pill{border:1px solid hsla(0,0%,100%,.2);border-radius:999px;background:hsla(0,0%,100%,.06);font-size:12px;padding:6px 10px;display:inline-flex;align-items:center}.pill:before{content:"";width:8px;height:8px;border-radius:50%;margin-right:8px;background:#64748b}.pill.ok:before{background:#0f766e}.pill.warn:before{background:#64748b}.pill.bad:before{background:#b91c1c}.dash-strip{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.strip{border-radius:14px;border:1px solid hsla(0,0%,100%,.14);background:hsla(0,0%,100%,.05);padding:12px 14px}.strip .t{margin:0;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:hsla(0,0%,100%,.72)}.strip .b{margin:8px 0 0;color:hsla(0,0%,100%,.86);font-size:12px;line-height:1.5}.section{padding:60px 0}.section.white{background:#fff}.section.light,.section.white{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section.light{background:#f8fafc}.section h2{font-family:Manrope,Inter,sans-serif;margin:0 0 14px;font-size:30px;line-height:1.2}.section p{margin:0 0 14px;color:var(--muted)}.grid3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin-top:18px}.card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px}.card h3{margin:0 0 10px;font-family:Manrope,Inter,sans-serif;font-size:16px;color:#0f172a}.card p{margin:0;color:var(--muted);font-size:13px}.split{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-top:18px}.block{background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px}.block .cap{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#64748b;margin:0 0 10px}.block ul{margin:0;padding-left:18px;color:var(--muted)}.block li{margin:8px 0}.grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.mt-18{margin-top:18px}.callout{background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px}.callout h3{margin:0 0 10px;font-family:Manrope,Inter,sans-serif;font-size:16px;color:#0f172a}.callout ul{margin:0;padding-left:18px;color:var(--muted)}.callout li{margin:8px 0}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:14px;background:#fff}table{width:100%;border-collapse:separate;border-spacing:0}td,th{padding:12px 14px;border-bottom:1px solid var(--border);vertical-align:top;color:var(--muted)}th{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#64748b;background:#f8fafc}tr:last-child td{border-bottom:none}.small-note{display:block;margin-top:10px;color:#64748b;font-size:13px;line-height:1.6}.prose{max-width:960px}.prose h2{margin-top:32px}.prose ul{margin:0 0 12px;padding-left:18px;color:var(--muted)}.prose li{margin:8px 0}.section.os-showcase{background:radial-gradient(900px 320px at 15% 0,rgba(15,118,110,.18) 0,rgba(15,118,110,0) 60%),linear-gradient(180deg,#0a1324,#081121);color:#fff;border-top:1px solid hsla(0,0%,100%,.08);border-bottom:1px solid hsla(0,0%,100%,.08)}.section.os-showcase h2{color:#fff}.section.os-showcase p{color:hsla(0,0%,100%,.82)}.os-grid{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.os-tile{position:relative;border-radius:14px;border:1px solid hsla(0,0%,100%,.14);background:linear-gradient(140deg,rgba(16,23,42,.94),rgba(10,18,35,.94));min-height:220px;padding:14px;overflow:hidden}.os-tile:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(148,163,184,.08) 0 1px,transparent 1px 28px),repeating-linear-gradient(180deg,rgba(148,163,184,.08) 0 1px,transparent 1px 22px);opacity:.28;pointer-events:none}.os-top{display:flex;gap:6px;margin-bottom:12px}.os-top span{width:8px;height:8px;border-radius:50%;background:rgba(148,163,184,.7)}.os-top span:first-child{background:#0f766e}.os-top span:last-child{background:#b91c1c}.os-tile h3{margin:0 0 8px;line-height:1.35;letter-spacing:.08em;text-transform:uppercase;color:#e2e8f0}.os-tile h3,.os-tile p{position:relative;font-size:13px}.os-tile p{margin:0;line-height:1.45;color:rgba(226,232,240,.86)}.os-tile.cockpit{box-shadow:inset 0 0 0 1px rgba(15,118,110,.25)}.os-tile.heatmap{box-shadow:inset 0 0 0 1px rgba(234,179,8,.22)}.os-tile.deal{box-shadow:inset 0 0 0 1px rgba(56,189,248,.22)}.os-tile.case{box-shadow:inset 0 0 0 1px hsla(0,91%,71%,.22)}.os-tile.terminal{box-shadow:inset 0 0 0 1px rgba(34,197,94,.22)}.os-tile.overview{box-shadow:inset 0 0 0 1px rgba(167,139,250,.22)}.os-mini{position:relative;margin-top:10px}.os-line{height:6px;border-radius:999px;background:linear-gradient(90deg,rgba(148,163,184,.55),rgba(148,163,184,.18));margin-top:8px}.os-line.w50{width:50%}.os-line.w55{width:55%}.os-line.w60{width:60%}.os-line.w62{width:62%}.os-line.w70{width:70%}.os-line.w78{width:78%}.os-line.w80{width:80%}.os-line.w85{width:85%}.os-line.w90{width:90%}.os-bars{margin-top:10px;display:flex;align-items:flex-end;gap:6px;height:44px}.os-bars span{flex:1 1;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,rgba(15,118,110,.88),rgba(15,118,110,.35))}.os-heat{margin-top:10px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:6px;gap:6px}.os-heat span{display:block;height:14px;border-radius:4px}.os-heat .g{background:rgba(34,197,94,.58)}.os-heat .y{background:rgba(234,179,8,.62)}.os-heat .r{background:rgba(239,68,68,.66)}.os-chiprow{margin-top:8px;display:flex;gap:6px}.os-chiprow span{width:18px;height:18px;border-radius:999px;border:1px solid rgba(148,163,184,.55);background:rgba(15,23,42,.72)}.os-pulse{border-radius:8px;background:linear-gradient(90deg,transparent 0 8%,rgba(56,189,248,.35) 8% 10%,transparent 10% 20%,rgba(34,197,94,.35) 20% 23%,transparent 23% 36%,hsla(0,91%,71%,.35) 36% 39%,transparent 39% 100%),rgba(15,23,42,.55);border:1px solid rgba(148,163,184,.22)}.os-donut,.os-pulse{margin-top:10px;height:34px}.os-donut{width:34px;border-radius:50%;background:conic-gradient(rgba(15,118,110,.95) 0 68%,rgba(148,163,184,.32) 68% 100%);position:relative}.os-donut:after{content:"";position:absolute;inset:7px;border-radius:50%;background:#0b1220}.os-note{margin-top:12px;font-size:12px;color:#94a3b8}.section.band{background:var(--header);color:#fff}.section.band h2{color:#fff}.section.band p{color:hsla(0,0%,100%,.84)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin-top:18px}.metric{border:1px solid hsla(0,0%,100%,.14);background:hsla(0,0%,100%,.06);border-radius:14px;padding:16px}.metric .k{margin:0;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:hsla(0,0%,100%,.74)}.metric .v{margin:10px 0 0;color:hsla(0,0%,100%,.9);font-size:13px}.site-footer{background:#0b1220;color:#cbd5e1;padding:32px 0;font-size:13px}.footer-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.footer-menu{list-style:none;margin:0;padding:0;display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.footer-company{margin:0;font-size:12px;color:#94a3b8}@media (max-width:1180px){.hero-left h1{font-size:38px}.page-hero h1{font-size:46px}.section h2{font-size:28px}.os-tile h3{font-size:13px}}@media (max-width:980px){.header-inner{flex-wrap:wrap;padding:12px 0}.nav-links{order:3;width:100%;justify-content:center}.header-cta{order:2}.nav-dropdown{width:100%}.nav-dropdown-menu{display:block;position:static;margin-top:6px;min-width:0;border:1px solid hsla(0,0%,100%,.14)}.brand{min-width:0}.brand img{width:180px}.page-hero-inner{padding:34px 0}.page-hero h1{font-size:40px}.page-hero p{font-size:16px}.hero-grid{grid-template-columns:1fr}.hero-inner{min-height:auto}.hero-left h1{font-size:32px}.section h2{font-size:28px}.grid2,.grid3,.metrics,.os-grid,.split{grid-template-columns:1fr}}