.home-diagnostics-layout{align-items:center;gap:0;display:grid}.home-diagnostics-copy{min-width:0;padding-bottom:2.5rem}.home-diagnostics-layout>.diagnostic-preview{margin-bottom:5rem}.diagnostic-preview{background:#08121e;border:1px solid #2c4561;width:100%;min-width:0;margin:0;position:relative;box-shadow:0 24px 70px #00000040}.diagnostic-preview-heading{border-bottom:1px solid #22354b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1.1rem 1.25rem;display:flex}.diagnostic-preview-brand{color:#f4f8fc;font:700 14px var(--font-mono), monospace;letter-spacing:.09em}.diagnostic-preview-brand>span{color:#40a9ff;margin:0 .35rem}.diagnostic-preview-tag{color:#91afc8;letter-spacing:.12em;font-size:10px;font-weight:650}.diagnostic-preview-screen{aspect-ratio:1450/556;background:#08121e;position:relative}.diagnostic-preview-screen video{object-fit:contain;width:100%;height:100%;display:block}.diagnostic-preview-open{cursor:pointer;background:#02070f1f;border:0;place-items:center;width:100%;display:grid;position:absolute;inset:0}.diagnostic-preview-open>span{color:#fff;background:#0b2641e8;border:1px solid #85caff;border-radius:50%;place-items:center;width:54px;height:54px;padding-left:3px;transition:background .2s;display:grid}.diagnostic-preview-open:hover>span{background:#176197}.diagnostic-preview-open.is-playing{background:0 0}.diagnostic-preview-open.is-playing>span{opacity:0}.diagnostic-preview-open.is-playing:is(:hover,:focus-visible)>span{opacity:1}.diagnostic-preview-controls{background:#0b1623;border-bottom:1px solid #22354b;flex-wrap:wrap;align-items:center;gap:.25rem 1rem;padding:.25rem 1rem;display:flex}.diagnostic-preview-controls button{color:#c7d9e8;cursor:pointer;align-items:center;gap:.5rem;min-height:44px;font-size:12px;font-weight:600;display:inline-flex}.diagnostic-preview-controls button:hover{color:#7ac5ff}.diagnostic-preview-controls button:disabled{opacity:.5;cursor:default}.diagnostic-preview-controls .diagnostic-preview-toggle{display:none}.diagnostic-preview-duration{color:#92a9bd;font:11px var(--font-mono), monospace;white-space:nowrap;margin-left:auto}.diagnostic-preview figcaption{padding:1.25rem}.diagnostic-preview figcaption>strong{color:#f0f6ff;letter-spacing:-.02em;font-size:clamp(17px,1.6vw,21px);font-weight:650;line-height:1.4;display:block}.diagnostic-preview figcaption>p{color:#9bb0c6;margin:.45rem 0 0;font-size:12px;line-height:1.7}.diagnostic-preview figcaption>a{color:#75c3ff;align-items:center;gap:.55rem;min-height:44px;margin-top:.5rem;font-size:13px;font-weight:650;display:inline-flex}.diagnostic-preview :is(a,button):focus-visible{outline-offset:3px;outline:2px solid #8dd0ff}.diagnostic-no-script{color:#75c3ff;padding:1rem;text-decoration:underline;display:block}.diagnostic-preview-error{color:#ffce9c;margin:0;padding:.8rem 1rem;font-size:14px;line-height:1.6}body:has(.diagnostic-dialog[open]){overflow:hidden}.diagnostic-dialog{color:#f0f6ff;background:#08121e;border:1px solid #49637e;width:min(1500px,100% - 2rem);max-width:none;max-height:calc(100dvh - 2rem);margin:auto;padding:0;position:fixed;inset:0;overflow:auto}.diagnostic-dialog:not([open]){display:none}.diagnostic-dialog::backdrop{background:#02060cf0}.diagnostic-dialog-content{padding:1.2rem}.diagnostic-dialog header{justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.diagnostic-dialog header p{color:#8eb1cc;margin:0 0 .3rem;font-size:12px}.diagnostic-dialog h2{margin:0;font-size:clamp(16px,2vw,23px);font-weight:650;line-height:1.4}.diagnostic-dialog header button{color:#fff;cursor:pointer;border:1px solid #49637e;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.diagnostic-dialog header button:hover{background:#173450}.diagnostic-dialog video{background:#08121e;width:100%;height:auto;max-height:70dvh;display:block}.diagnostic-dialog-content>p{color:#b7cadc;max-width:70rem;margin:1rem 0 0;font-size:14px;line-height:1.65}.diagnostic-service-labels{align-items:center;gap:.9rem;min-width:0;display:flex}.diagnostic-service-labels>span:first-child{flex-shrink:0;max-width:6.2rem}.diagnostic-service-labels>span:last-child{color:#b5c9db;overflow-wrap:anywhere;border-left:1px solid #2f4a64;padding-left:.9rem;font-size:12px;font-weight:600;line-height:1.5}@media (min-width:1200px){.home-diagnostics-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(2rem,3vw,3rem)}.home-diagnostics-copy{padding-block:5rem}.home-diagnostics-copy h1{font-size:clamp(3.1rem,4.7vw,5.2rem);line-height:.98}.home-diagnostics-layout>.diagnostic-preview{margin:0 0 2rem}.diagnostic-preview-controls .diagnostic-preview-toggle{display:inline-flex}}@media (min-width:768px) and (max-width:1199px){.home-diagnostics-layout>.diagnostic-preview{max-width:48rem}}@media (max-width:520px){.diagnostic-preview-heading{padding:.85rem 1rem}.diagnostic-preview-tag{font-size:9px}.diagnostic-preview figcaption{padding:1rem}.diagnostic-dialog{width:calc(100% - 1rem);max-height:calc(100dvh - 1rem)}.diagnostic-dialog-content{padding:.75rem}}@media (prefers-reduced-motion:reduce){.diagnostic-preview *{transition:none}}
