.brandPreview{min-height:100vh;background:#090d13;color:#f8fafc}.brandPreviewHero{display:grid;grid-template-columns:minmax(0,.78fr) minmax(360px,.72fr);grid-gap:clamp(var(--space-6),6vw,92px);gap:clamp(var(--space-6),6vw,92px);align-items:center;width:min(100%,var(--marketing-page-max));margin:0 auto;padding:clamp(72px,8vw,132px) clamp(var(--space-4),4vw,var(--space-8))}.brandPreviewEyebrow,.brandPreviewPanel>span{color:#5eead4;font-size:12px;font-weight:900;letter-spacing:0;text-transform:uppercase}.brandPreviewHero h1{max-width:820px;margin:0;font-size:clamp(44px,6vw,76px);line-height:.98;letter-spacing:0}.brandPreviewHero p:not(.brandPreviewEyebrow){max-width:680px;color:#b8c4d1;font-size:19px;line-height:1.55}.brandPreviewLogoBoard,.brandPreviewPanel{border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-lg);background:#05070c;box-shadow:0 26px 80px rgba(0,0,0,.35)}.brandPreviewLogoBoard{margin:0;padding:clamp(var(--space-5),5vw,64px)}.brandPreviewLogoBoard img,.brandPreviewPanel img{display:block;width:100%;height:auto}.brandPreviewGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--space-3);gap:var(--space-3);width:min(100%,var(--marketing-page-max));margin:0 auto;padding:0 clamp(var(--space-4),4vw,var(--space-8)) clamp(72px,8vw,132px)}.brandPreviewPanel{display:grid;align-content:start;grid-gap:var(--space-4);gap:var(--space-4);min-height:260px;padding:var(--space-5)}.brandPreviewPanel.light{background:#f5f7fa}.brandPreviewPanel.light>span{color:#0f766e}.brandPreviewLightPlate{display:grid;place-items:center;min-height:184px;border:1px solid #d6dee8;border-radius:var(--radius-lg);background:#ffffff;padding:var(--space-5)}.brandPreviewAppHeader,.brandPreviewNav{display:flex;align-items:center;gap:var(--space-3);min-height:72px;border:1px solid #25313d;border-radius:var(--radius-lg);background:#111922;padding:var(--space-4)}.brandPreviewNav{flex-wrap:wrap}.brandPreviewNav strong{font-size:18px}.brandPreviewNav small{width:100%;color:#8a96a6;font-size:12px;font-weight:750;margin-left:50px}.brandPreviewAppHeader{justify-content:space-between}.brandPreviewAppHeader button{min-height:36px;border:1px solid #14b8a6;border-radius:var(--radius-md);background:#14b8a6;color:#ffffff;font-weight:850;padding:0 var(--space-3)}@media (max-width:1120px){.brandPreviewGrid,.brandPreviewHero{grid-template-columns:repeat(2,minmax(0,1fr))}.brandPreviewHero>div:first-child{grid-column:1/-1}}@media (max-width:720px){.brandPreviewGrid,.brandPreviewHero{grid-template-columns:1fr}}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--color-canvas);color:var(--color-ink);font-family:var(--font-sans);text-rendering:optimizeLegibility}body:has(.hpsDashboard),html:has(.hpsDashboard){background:#060706;color-scheme:dark;overflow-x:hidden;width:100%}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid #2dd4bf;outline-offset:3px}.skipLink{position:fixed;z-index:999;top:12px;left:12px;padding:10px 14px;border:1px solid rgba(45,212,191,.42);border-radius:var(--radius-md);background:#07111c;color:#f8fbff;font-size:13px;font-weight:850;opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .14s ease,transform .14s ease}.skipLink:focus-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.alertsShell,.commandCenter,.driftShell,.incidentsShell,.logsExplorer,.metricsDashboard{background:linear-gradient(135deg,rgba(15,118,110,.06),transparent 34%),linear-gradient(180deg,#edf3f7,#fbfcfe 48%,#eef4f8)}:is(.commandSidebar,.logsSidebar,.metricsSidebar,.alertsSidebar,.incidentsSidebar,.driftSidebar){border-right:1px solid rgba(148,163,184,.2);background:linear-gradient(180deg,rgba(14,165,164,.08),transparent 28%),linear-gradient(180deg,#0b1420,#111c29 52%,#0e1722);color:#eef6ff;box-shadow:inset -1px 0 0 rgba(255,255,255,.05),18px 0 44px rgba(15,23,42,.06)}:is(.commandSidebar,.logsSidebar,.metricsSidebar,.alertsSidebar,.incidentsSidebar,.driftSidebar) .brandBlock{color:#f8fbff}:is(.commandSidebar,.logsSidebar,.metricsSidebar,.alertsSidebar,.incidentsSidebar,.driftSidebar) .brandBlock strong{color:#ffffff}:is(.commandSidebar,.logsSidebar,.metricsSidebar,.alertsSidebar,.incidentsSidebar,.driftSidebar) .brandBlock span{color:#91a6ba}:is(.commandSidebar,.logsSidebar,.metricsSidebar,.alertsSidebar,.incidentsSidebar,.driftSidebar) .brandMark{border-color:rgba(255,255,255,.18);background-color:#05070c;background-image:url(/driftdog-mark-128.png);box-shadow:0 16px 34px rgba(0,0,0,.28)}:is(.commandSidebar,.logsSidebar,.metricsSidebar,.alertsSidebar,.incidentsSidebar,.driftSidebar) nav a{position:relative;border:1px solid transparent;color:#b5c4d4;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}:is(.commandSidebar,.logsSidebar,.metricsSidebar,.alertsSidebar,.incidentsSidebar,.driftSidebar) nav a.active,:is(.commandSidebar,.logsSidebar,.metricsSidebar,.alertsSidebar,.incidentsSidebar,.driftSidebar) nav a:hover{border-color:rgba(45,212,191,.24);background:rgba(45,212,191,.11);color:#ffffff}:is(.commandSidebar,.logsSidebar,.metricsSidebar,.alertsSidebar,.incidentsSidebar,.driftSidebar) nav a:hover{transform:translateX(1px)}:is(.commandSidebar,.logsSidebar,.metricsSidebar,.alertsSidebar,.incidentsSidebar,.driftSidebar) nav a.active:before{position:absolute;top:10px;bottom:10px;left:-1px;width:2px;border-radius:999px;background:#5eead4;content:""}:is(.sidebarFooter,.logsOrg){border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}:is(.sidebarFooter,.logsOrg) :is(span,small,code){color:#91a6ba}:is(.sidebarFooter,.logsOrg) strong{color:#f8fbff}:is(.commandMain,.logsMain,.metricsMain,.alertsMain,.incidentsMain,.driftMain){background:linear-gradient(180deg,rgba(255,255,255,.48),rgba(255,255,255,0)),transparent}:is(.metricCard,.panel,.logsFilterBar,.logsPanel,.metricsFilterBar,.metricDashboardCard,.metricsPanel,.alertsPanel,.incidentsPanel,.driftPanel,.driftSummary div){border-color:#cbd8e6;box-shadow:0 1px 2px rgba(15,23,42,.05),0 20px 48px rgba(15,23,42,.08)}:is(.logsHeaderMeta a,.metricsHeaderMeta a,.alertsHeaderMeta a,.incidentsHeaderMeta a,.driftEventFooter a):hover{border-color:var(--color-line-strong);color:var(--color-ink)}.headerControls .headerAction:hover{border-color:#0b5e57;background:#0b5e57;color:#ffffff}@media (max-width:1180px){:is(.commandSidebar,.logsSidebar,.metricsSidebar,.alertsSidebar,.incidentsSidebar,.driftSidebar){border-right:0;border-bottom:1px solid rgba(148,163,184,.22);box-shadow:0 18px 44px rgba(15,23,42,.08)}}