:root{--navy-strong: #0a2340;--navy: #12375a;--navy-soft: #4c6075;--panel: #ffffff;--panel-tint: #f7f9fc;--border: #e3e7ee;--muted: #5b6676;--accent: #2563eb;--accent-strong: #1d4ed8;--appbar-h: 0px;--header-h: 64px;color:#0b192f;background-color:#f9fafb;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#fff;color:#0b192f;font-family:Segoe UI,system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}#app{max-width:1200px;margin:0 auto;padding:0 1.25rem 3rem}.app-page #app{padding-top:.25rem}main.page{max-width:1024px;margin:0 auto;padding:2.5rem 1.5rem 3rem;display:flex;flex-direction:column;gap:1rem}.narrow-page{max-width:900px}.about-page{gap:.4rem;padding-top:0}.about-page.page{padding-top:0}.about-page .page-header{margin-bottom:0}header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.page-hero{margin:0;width:100%;min-height:110px;background:#0b192f center/cover no-repeat;border-radius:0;position:relative;overflow:hidden}.page-hero picture{position:absolute;inset:0;display:block}.page-hero-img{width:100%;height:100%;display:block;object-fit:cover}.page-hero__overlay{position:relative;inset:0;background:linear-gradient(180deg,#00000026,#00000073);padding:1.5rem 1.1rem;display:flex;align-items:flex-end;justify-content:flex-start;min-height:120px;z-index:1}.page-hero__overlay h1{margin:0;color:#fff;text-shadow:0 10px 26px rgba(0,0,0,.35)}.app-page .page-header h1{display:none}.app-page .page-header{margin-bottom:.75rem}.app-page .page-hero{margin-top:calc(var(--appbar-h) + var(--header-h));margin-bottom:.2rem}.app-page main.page{padding-top:.75rem;padding-bottom:1.75rem;gap:.5rem}.topbar{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;min-height:58px;max-height:64px;padding:.35rem .75rem;background:#fff;border-bottom:1px solid var(--border)}.topbar-left{display:flex;align-items:center;gap:.5rem}.wordmark{font-weight:800;letter-spacing:.02em}.brand-mark{height:36px;width:auto;display:block;object-fit:contain}.topbar-center{display:flex;justify-content:center}.nav-links{display:none;align-items:center;gap:.6rem}.nav-link{padding:.4rem .6rem;border-radius:10px;color:#0b192f;font-weight:600;transition:background .12s ease,box-shadow .12s ease,transform .12s ease}.nav-link:hover,.nav-link:focus-visible{background:#eef2f8;box-shadow:0 6px 14px #0c1f3a14;transform:translateY(-1px)}.topbar-right{display:flex;align-items:center;gap:.5rem}.icon-btn{border:1px solid var(--border);background:#fff;color:#0b192f;border-radius:8px;padding:.45rem .55rem;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:44px;min-width:44px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.icon-btn:hover,.icon-btn:focus-visible{transform:translateY(-1px);box-shadow:0 12px 22px #0c1f3a1f;border-color:#cfd6e2}.search-form{display:flex;align-items:center;gap:.35rem}.search-form input{border:1px solid var(--border);border-radius:12px;padding:.5rem .75rem;background:#f9fbfe;min-height:42px}.desktop-search{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}h1{font-size:clamp(2rem,2vw + 1.4rem,2.6rem);margin:0}p.lead{margin:0;color:var(--muted);max-width:640px}.tile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.1rem}.back{margin:.25rem 0 .35rem}.back a{text-decoration:none;display:inline-flex;align-items:center;gap:.35rem;color:#0f172a}.tile{background:#fff;border:1px solid var(--border);border-radius:14px;padding:1rem;display:flex;flex-direction:column;gap:.35rem;box-shadow:0 10px 30px #0c1f3a14;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease}.tile:hover,.tile:focus-visible{transform:translateY(-2px);box-shadow:0 14px 32px #0c1f3a24;border-color:#cfd6e2;background:#f8fbff}.tile h2{margin:0;font-size:1.25rem;display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.pill{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.8rem;background:#eef2f8;color:#0b192f;border:1px solid #dbe3ef;max-width:100%;white-space:normal}.pill.subtle{background:#e2e8f0;border-color:#cbd5e1;color:#475569}.tile p{margin:0;color:#475569}.tile small{color:#64748b}.card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:1rem;box-shadow:0 12px 26px #0c1f3a1a;overflow:hidden}.finder-card{position:relative}.finder-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem 1rem;align-items:end}.finder-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:stretch}.finder-action{display:flex;align-items:stretch}.finder-action .btn{height:100%;display:inline-flex;align-items:center;justify-content:center;min-width:140px}.field{display:flex;flex-direction:column;gap:.35rem}.field label{font-weight:600}.field input,.field select{padding:.65rem .8rem;border-radius:10px;border:1px solid #cbd5e1;background:#f8fafc;font-size:1rem}.field input:focus,.field select:focus{outline:2px solid #bfdbfe;border-color:#3b82f6;background:#fff}.button-row{display:flex;gap:.5rem;flex-wrap:wrap}.contact-form{display:flex;flex-direction:column;gap:.9rem}.contact-actions{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.contact-actions .btn{min-width:220px}.btn{border:1px solid transparent;border-radius:8px;padding:.6rem .9rem;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;background:#e2e8f0;color:#0b192f;min-width:122px}.btn.primary{background:var(--accent);border-color:var(--accent-strong);color:#fff;box-shadow:0 10px 20px #2563eb40}.btn.ghost{background:transparent;border-color:#cbd5e1}.btn.link{background:transparent;border:none;padding:0;color:#2563eb;box-shadow:none}.btn.small{padding:.35rem .65rem;font-size:.9rem;min-width:104px}.btn:hover,.btn:focus-visible{transform:translateY(-1px);box-shadow:0 12px 26px #0c1f3a24}.btn.link:hover,.btn.link:focus-visible{transform:none;box-shadow:none}.helper-text{color:var(--muted);margin:.35rem 0 0;font-size:.95rem}.card-header-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.suggested-app{display:flex;justify-content:flex-end}.suggested-app-card{display:grid;grid-template-columns:64px minmax(0,1fr);gap:.6rem;align-items:center;min-width:220px;width:min(320px,100%);text-align:left}.suggested-app-thumb{width:64px;height:64px;border-radius:10px;background:#e2e8f0 center/cover no-repeat;box-shadow:inset 0 0 0 1px #ffffff40}.suggested-app-text{display:flex;flex-direction:column;gap:.2rem;min-width:0}.suggested-app-text .label{text-transform:uppercase;letter-spacing:.03em;font-size:.7rem;color:#64748b}.suggested-app-text strong{font-size:.95rem;color:#0b192f}.table-scroll{overflow-x:auto}.result-table{width:100%;border-collapse:collapse;min-width:520px;table-layout:fixed;word-break:normal}.result-table th,.result-table td{text-align:left;padding:.6rem .5rem;border-bottom:1px solid #e2e8f0;vertical-align:top}.result-table th{font-size:.9rem;letter-spacing:.01em;text-transform:uppercase;color:#334155;white-space:nowrap}.result-table th:nth-child(1),.result-table td:nth-child(1){width:140px}.result-table th:nth-child(2),.result-table td:nth-child(2){width:220px}.result-table th:nth-child(3),.result-table td:nth-child(3){width:auto;overflow-wrap:anywhere}.result-table th:nth-child(4),.result-table td:nth-child(4){width:140px}.row-toggle{background:none;border:0;padding:.4rem 0;font:inherit;color:inherit;cursor:pointer;text-align:left;width:100%;display:inline-flex;align-items:center;gap:.35rem;min-height:44px}.hose-detail-row td{padding:0;background:#f8fafc}.hose-detail{padding:.7rem .6rem;display:flex;flex-direction:column;gap:.5rem}.hose-detail p{margin:0}.hose-detail .detail-actions{display:flex;justify-content:flex-end}.hose-card .hose-detail{border-top:1px solid #e2e8f0;margin-top:.4rem}.result-table tr.highlight{background:#fff7ed;font-weight:700}.specs-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#0f172a99;z-index:40}.specs-modal[hidden]{display:none}.specs-card{width:min(640px,92vw);background:#fff;border-radius:16px;padding:1.25rem;box-shadow:0 18px 50px #0f172a59;font-family:inherit;font-size:1rem}.specs-card header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.specs-card h3{margin:0;font-size:1.15rem;font-family:inherit;font-weight:700}.specs-table{width:100%;border-collapse:collapse;font-size:1rem;font-family:inherit}.specs-table th,.specs-table td{text-align:left;padding:.5rem .4rem;border-bottom:1px solid #e2e8f0}.specs-table th{width:55%;font-weight:600}.specs-actions{display:flex;justify-content:flex-end;margin-top:.8rem}.doc-modal-card{width:min(920px,94vw)}.doc-modal-body{margin-top:.75rem;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;background:#f8fafc}.doc-modal-frame{width:100%;height:min(78vh,760px);border:none;display:block;background:#f8fafc}.image-modal-card{width:min(940px,94vw)}.image-modal-body{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.75rem;align-items:center}.image-frame{display:flex;align-items:center;justify-content:center;border-radius:14px;border:1px solid #e2e8f0;background:#f8fafc;padding:.75rem;min-height:260px}.image-frame img{max-width:100%;max-height:min(70vh,640px);object-fit:contain;border-radius:10px}.image-nav{min-width:90px}.image-meta{margin-top:.6rem;display:flex;flex-direction:column;gap:.35rem}.fit-card{border:1px solid #e2e8f0;border-radius:12px;padding:.9rem;background:#fff;display:flex;flex-direction:column;gap:.35rem;box-shadow:0 12px 24px #0f172a0f}.fit-card.has-quick-view{position:relative}.quick-view-pill{position:absolute;top:.65rem;right:.65rem;border:none;cursor:pointer;font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;padding:.2rem .55rem}.quick-view-inline{display:none}.manual-card.has-quick-view .manual-card-header{padding-right:4.5rem}.cable-card.has-quick-view .cable-field:first-of-type{padding-right:4.5rem}.fit-card.highlight{border-color:var(--border);box-shadow:0 12px 30px #f9731640}.fit-row{display:flex;justify-content:space-between;gap:1rem}.fit-row .label{color:#475569}.fit-actions{display:flex;justify-content:flex-end}.manual-card{gap:.45rem}.manual-card-header{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.manual-card-header h3{margin:0;font-size:1.1rem}.manual-card-header h4{margin:0;font-size:1rem}.compact-card{padding:.65rem .8rem;gap:.3rem}.compact-card .manual-field{grid-template-columns:80px minmax(0,1fr)}.type-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;border:1px solid #cbd5e1;background:#f1f5f9;color:#334155}.type-chip[data-type=manual]{border-color:#bbf7d0;background:#dcfce7;color:#166534}.type-chip[data-type=drawing]{border-color:#fde68a;background:#fef3c7;color:#92400e}.type-chip[data-type=attachment]{border-color:#bfdbfe;background:#dbeafe;color:#1e40af}.manual-card .manual-field{display:grid;grid-template-columns:90px minmax(0,1fr);gap:.5rem;align-items:baseline}.manual-card .label{text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;color:#64748b}.detail-header{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.detail-header h2{margin:0}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem 1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item .label{text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;color:#64748b}.detail-summary{margin-top:.8rem;color:#475569}.cable-card{gap:.45rem}.connector-thumbs{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.connector-item{display:flex;flex-direction:column;gap:.35rem}.connector-button{padding:0;border:none;background:transparent;cursor:pointer;align-self:flex-start}.connector-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:12px}.connector-thumb{width:96px;height:64px;object-fit:contain;border-radius:10px;border:1px solid #e2e8f0;background:#f8fafc}.connector-caption{display:flex;flex-direction:column;gap:.2rem}.connector-name{font-size:.78rem;color:#0f172a}.connector-modal-card{width:min(720px,92vw)}.connector-modal-body{display:flex;align-items:center;justify-content:center;padding:.75rem 0 .25rem}.connector-modal-image{max-width:100%;max-height:70vh;object-fit:contain;border-radius:14px;border:1px solid #e2e8f0;background:#f8fafc}.cable-card .cable-field{display:grid;grid-template-columns:90px minmax(0,1fr);gap:.5rem;align-items:baseline}.cable-card .cable-value{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.cable-card .label{text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;color:#64748b}.featured-card{gap:.45rem}.featured-card .featured-field{display:grid;grid-template-columns:90px minmax(0,1fr);gap:.5rem;align-items:baseline}.featured-card .label{text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;color:#64748b}.search-card{gap:.45rem}.search-card .search-field{display:grid;grid-template-columns:90px minmax(0,1fr);gap:.5rem;align-items:baseline}.search-card .label{text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;color:#64748b}.search-card .mini-thumb{margin:0 0 .35rem}.search-card .source-pill{display:inline-flex;align-items:center;padding:.15rem .55rem;border-radius:999px;font-size:.8rem;font-weight:600;background:#e0ecff;color:#1d4ed8;border:1px solid #c7dbff;width:fit-content}.search-mini-card{padding:.6rem}.search-mini-tile{position:relative;min-height:140px;border-radius:12px;overflow:hidden;background:#e2e8f0 center/cover no-repeat;display:flex;align-items:flex-end;box-shadow:inset 0 0 0 1px #fff3;text-decoration:none}.search-mini-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#090c141a 15%,#090c14bf)}.search-mini-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:.25rem;padding:.75rem;color:#f8fafc;text-shadow:0 2px 6px rgba(0,0,0,.35)}.search-mini-content .helper-text{color:#e2e8f0;font-size:.9rem}.about-hero{aspect-ratio:16 / 4;background-position:center;min-height:220px}.about-hero-full{width:100vw;margin-left:50%;margin-right:0;transform:translate(-50%);margin-top:0;display:flex;flex-direction:column}.about-hero-overlay{background:linear-gradient(180deg,#04091033,#040910b3 60%,#040910d9)}.about-hero-copy{max-width:680px;padding-left:1.5rem}.about-hero-copy h2{margin:0 0 .35rem;color:#f8fafc;text-shadow:0 10px 26px rgba(0,0,0,.45)}.about-hero-copy .helper-text{color:#e2e8f0;margin:0}.about-split{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:1rem;align-items:center}.about-photo{border-radius:14px;overflow:hidden;box-shadow:0 14px 30px #0c1f3a2e;background:#0b192f}.about-photo picture{display:block}.about-photo img,.about-inline-photo{width:100%;height:100%;display:block;object-fit:cover}.about-image-tile{padding:0;overflow:hidden}.about-image-tile picture{display:block}.about-image-tile img,.about-detail-photo{width:100%;height:100%;display:block;object-fit:cover}.about-brand-tile img{width:100%;max-width:180px;margin-top:.6rem}.about-cta{min-height:190px;text-decoration:none}.about-cta .tile-content{gap:.35rem}.about-cta .tile-content p{color:#e2e8f0}.about-banner{min-height:220px}.about-logo-mark{width:100%;max-width:180px;margin:.75rem auto 0;display:block}@media(max-width:900px){.about-split{grid-template-columns:1fr}.about-hero-copy{max-width:520px}}@media(max-width:600px){.about-hero{aspect-ratio:auto;min-height:260px}}.accordion{display:flex;flex-direction:column;gap:.5rem}.accordion-item{border:1px solid #e2e8f0;border-radius:12px;padding:.2rem .75rem;background:#f8fafc}.accordion-item summary{cursor:pointer;font-weight:700;padding:.6rem .2rem;list-style:none}.accordion-item summary::-webkit-details-marker{display:none}.accordion-body{padding:0 .2rem .8rem;color:#475569}.accordion-body ul,.accordion-body ol{margin:.4rem 0;padding-left:1.1rem}.measure-img{width:100%;max-width:520px;border-radius:12px;margin-top:.5rem;box-shadow:0 10px 24px #0c1f3a1f;display:block}.hero{margin:0 0 1rem}.hero-mobile{display:block}.hero-slides{display:grid;grid-auto-flow:column;grid-auto-columns:80%;gap:.75rem;overflow-x:auto;padding:.25rem .25rem .75rem;scroll-snap-type:x mandatory;scrollbar-width:thin}.hero-slide{position:relative;min-height:220px;border-radius:18px;padding:1rem;color:#f8fafc;background:#0b192f;display:flex;align-items:flex-end;scroll-snap-align:start;box-shadow:0 16px 32px #0c1f3a2e;overflow:hidden}.hero-slide:before{content:"";position:absolute;inset:0;opacity:.35;background:radial-gradient(circle at 20% 20%,rgba(37,99,235,.35),transparent 55%);mix-blend-mode:screen;z-index:0}.hero-slide:nth-child(2):before{background:radial-gradient(circle at 25% 25%,rgba(14,165,233,.35),transparent 55%)}.hero-slide:nth-child(3):before{background:radial-gradient(circle at 25% 25%,rgba(56,189,248,.35),transparent 55%)}.slide-overlay{background:linear-gradient(180deg,#0000000d,#060c16a6 70%,#060c16cc);position:absolute;inset:0;padding:1rem;display:flex;flex-direction:column;justify-content:flex-end;gap:.5rem;align-items:flex-start;z-index:1}.slide-overlay h2{margin:0;font-size:1.45rem;text-shadow:0 10px 26px rgba(0,0,0,.45)}.hero-cta{align-self:flex-start;padding:.6rem 1.35rem;border-radius:999px;font-size:.95rem;font-weight:700;letter-spacing:.02em;background:#0b192fe0;color:#f8fafc;border:1px solid rgba(248,250,252,.25);text-shadow:none;box-shadow:0 12px 24px #00000059}.hero-dots{display:flex;gap:.4rem;margin:.25rem 0 0;padding:0 .25rem}.dot{width:10px;height:10px;border-radius:999px;border:1px solid #d6dce7;background:#fff;cursor:pointer;transition:background .12s ease,transform .12s ease}.dot.active{background:var(--accent);border-color:var(--accent-strong);transform:scale(1.05)}.hero-desktop{display:none}.hero-banner{background:linear-gradient(135deg,#0b3558,#082a45);color:#f8fafc;border-radius:18px;padding:1.25rem 1.5rem;display:grid;grid-template-columns:2fr 1fr;gap:1rem;align-items:center;box-shadow:0 18px 44px #082a454d}.hero-copy h1{margin:0 0 .35rem}.hero-banner .lead{color:#f8fafc}.hero-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.hero-logo{justify-self:end;max-width:180px;width:100%;filter:drop-shadow(0 8px 20px rgba(0,0,0,.25))}.img-tiles{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.search-panel{background:#fff;border-bottom:1px solid var(--border);padding:.5rem 0}.search-panel .search-form{width:100%}.search-panel input{flex:1;width:100%}.img-tile{position:relative;min-height:190px;border-radius:16px;overflow:hidden;display:flex;align-items:flex-end;background:linear-gradient(180deg,#f1f5f9,#e2e8f0);box-shadow:0 14px 28px #0c1f3a2e;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;border:1px solid rgba(255,255,255,.15)}.img-tile:hover,.img-tile:focus-visible{transform:translateY(-3px);box-shadow:0 20px 38px #0c1f3a3d}.tile-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.tile-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#090c141f 20%,#090c14ad);z-index:1}.tile-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:.35rem;padding:1rem;color:#f8fafc;text-shadow:0 2px 6px rgba(0,0,0,.35)}.tile-content h3{margin:0;font-size:1.15rem}.tile-content p{margin:0;color:#e2e8f0;font-size:.95rem}.tile-arrow{position:absolute;right:.85rem;bottom:.8rem;color:#f8fafc;font-size:1.4rem;z-index:2;text-shadow:0 2px 6px rgba(0,0,0,.35)}.img-tile:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.video-group{border:1px solid var(--border);border-radius:12px;padding:.4rem .75rem;background:#f8fafc}.video-group summary{cursor:pointer;font-weight:700;padding:.4rem 0}.video-list{display:flex;flex-direction:column;gap:.5rem;padding:0 0 .6rem}.video-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;align-items:center;border:1px solid #e3e7ee;border-radius:10px;padding:.6rem .8rem;background:#fff}.video-text{display:flex;flex-direction:column;gap:.35rem;min-width:0}.video-text .pill{align-self:flex-start}.video-label{margin:0;font-weight:600;color:#0b192f}.video-actions{display:flex;gap:.4rem;flex-wrap:wrap}#featured-list{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}#featured-list .video-text{min-width:0}#content-area[data-view=category] .category-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:center}#content-area[data-view=category] .category-row+.category-row{margin-top:.75rem}#content-area[data-view=category] .fit-card .helper-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#content-area[data-view=category] .category-action{align-self:stretch;display:flex;align-items:center}.row-with-action{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:stretch}.row-with-action+.row-with-action{margin-top:.5rem}.row-action{align-self:stretch;display:flex;align-items:center}.row-action .btn{height:100%;display:inline-flex;align-items:center;justify-content:center}.source-row .card{display:flex;align-items:center}.source-row .helper-text{margin:0;font-size:1.05rem;font-weight:700;color:#0b192f}.source-row .helper-text a{color:inherit;text-decoration:none}.source-row .helper-text a:hover,.source-row .helper-text a:focus-visible{text-decoration:underline}.source-title{margin:0;font-size:1rem;font-weight:700;color:#0b192f}.pdf-frame{width:100%;min-height:640px;border:1px solid #e2e8f0;border-radius:12px;box-shadow:inset 0 1px 2px #0f172a0a}.form-status{margin:.5rem 0 0;padding:.65rem .75rem;border-radius:10px;border:1px solid #e2e8f0;background:#f8fafc;color:#0b192f}.form-status.status-success{border-color:#16a34a;background:#ecfdf3;color:#166534}.form-status.status-error{border-color:#ef4444;background:#fef2f2;color:#991b1b}.checkbox-field label{display:inline-flex;align-items:center;gap:.5rem;font-weight:600}.quick-nav{display:flex;flex-direction:column;gap:.5rem}.quick-nav-card{padding:.75rem;background:#f8fafc;border:1px solid #e2e8f0;box-shadow:none}.quick-nav-card h2{margin:0 0 .4rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.quick-nav .nav-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.quick-nav-card .nav-buttons{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:.4rem}.quick-nav-card .nav-btn{font-size:.95rem;padding:.45rem .85rem;white-space:nowrap}@media(min-width:701px){.quick-nav-card{padding:0;border:none;background:transparent;box-shadow:none}.quick-nav-card h2{margin-bottom:.35rem;text-align:center}.quick-nav-card .nav-buttons{border:none;background:transparent;padding:0;justify-content:center}}@media(max-width:700px){.quick-nav .nav-buttons{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.2rem;scroll-snap-type:x proximity}.quick-nav .nav-btn{flex:0 0 auto;scroll-snap-align:start}.quick-nav-card{padding:.65rem}}.nav-btn{border:1px solid #cbd5e1;border-radius:10px;padding:.55rem .9rem;background:#f8fafc;color:#0f172a;font-weight:600;font-family:inherit;font-size:1rem;text-decoration:none;display:inline-flex;align-items:center;gap:.35rem;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.nav-btn:hover,.nav-btn:focus-visible{transform:translateY(-1px);box-shadow:0 12px 26px #0f172a1f;border-color:#94a3b8}.nav-btn.active{background:#2563eb;border-color:#1d4ed8;color:#f8fafc;box-shadow:0 10px 20px #2563eb40}.nav-btn.disabled{cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}.jump-equipment-nav-card .nav-btn{background:#eff6ff;border-color:#bfdbfe;color:#1e3a8a}.jump-equipment-nav-card .nav-btn:hover,.jump-equipment-nav-card .nav-btn:focus-visible{border-color:#93c5fd;box-shadow:0 12px 26px #3b82f624}.survey-equipment-card{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr);gap:1rem;align-items:start}.survey-equipment-media{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:.5rem}.survey-equipment-media img{width:100%;aspect-ratio:4 / 3;object-fit:contain;display:block;margin:0 auto}.survey-equipment-copy h2{margin-top:0}.survey-equipment-source{margin-top:.55rem;font-size:.9rem;color:#475569}.survey-equipment-source a{text-decoration:underline}@media(max-width:600px){#app{padding:.9rem .3rem 2rem}.hero-mobile{margin-left:-.3rem;margin-right:-.3rem}.hero-slides{padding:.2rem .3rem .65rem}.btn{min-width:110px}.btn.small{min-width:96px}.tile-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.pdf-frame{min-height:420px}.pdf-card{padding:0;margin-left:-.3rem;margin-right:-.3rem}.pdf-card .pdf-frame{border-radius:0}.pdf-actions{grid-template-columns:1fr}.pdf-actions .btn{justify-self:stretch;width:100%}.finder-row{grid-template-columns:1fr}.finder-action .btn{width:100%;min-width:0}.row-with-action{grid-template-columns:1fr;gap:0}.row-action{justify-content:flex-start;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 12px 12px;padding:.5rem;background:#fff;box-shadow:0 12px 24px #0f172a0f;gap:.5rem}.row-action .btn{width:auto;flex:1 1 auto;min-width:0;height:auto}.quick-view-pill{display:none}.quick-view-inline{display:inline-flex;flex:0 0 25%;padding:.35rem .65rem;font-size:.9rem;min-width:0}.row-action .quick-view-inline{flex:0 0 25%}.source-row{justify-items:center}.source-row .helper-text{text-align:center}.source-row .row-action{border:none;background:transparent;box-shadow:none;padding:0;justify-content:center;width:100%}.source-row .row-action .btn,.source-row .card{width:100%}.survey-equipment-card{grid-template-columns:108px minmax(0,1fr);gap:.75rem;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:.75rem;align-items:start}.survey-equipment-media{background:#fff;padding:.25rem}.survey-equipment-media img{aspect-ratio:1 / 1;max-height:96px;width:100%;object-fit:cover}.fit-actions .quick-view-inline{flex:0 0 25%}.row-with-action>.card{border-bottom-left-radius:0;border-bottom-right-radius:0}#results .row-with-action>.fit-card,#results .row-with-action>.video-row{border-bottom-left-radius:0;border-bottom-right-radius:0}#featured-procedures,#featured-manuals,#featured-cables{display:none}.survey-equipment-copy h2{font-size:1.05rem;margin-bottom:.35rem}.survey-equipment-copy p{margin:0;font-size:.92rem;line-height:1.42}.survey-equipment-source{margin-top:.45rem;font-size:.82rem}.image-modal-body{grid-template-columns:1fr}.image-nav{width:100%}.image-frame{order:-1}.detail-grid{grid-template-columns:1fr}main.page{padding-left:.3rem;padding-right:.3rem}.card{padding:.75rem;border-radius:8px;box-shadow:none;border-color:transparent;background:transparent}.quick-nav-card{padding-left:.2rem;padding-right:.2rem}.quick-nav-card .nav-buttons{border-radius:999px;padding:.35rem .25rem;gap:.4rem;scrollbar-width:thin}.quick-nav-card .nav-btn{border-radius:999px;padding:.4rem .9rem;font-size:.9rem}.quick-nav-card .nav-btn.active{box-shadow:0 8px 16px #2563eb40}.row-with-action{gap:.5rem}}@media(max-width:420px){.img-tiles{grid-template-columns:1fr}.img-tile{min-height:155px}}.drawer{position:fixed;inset:0;z-index:2000;pointer-events:none}.drawer.open{pointer-events:auto}.drawer-backdrop{position:absolute;inset:0;background:#0006;opacity:0;transition:opacity .2s ease}.drawer.open .drawer-backdrop{opacity:1}.drawer-panel{position:absolute;top:0;left:0;width:min(80vw,360px);height:100%;background:#0b0f17;color:#f8fafc;border-right:1px solid rgba(255,255,255,.08);box-shadow:6px 0 24px #0000004d;transform:translate(-100%);transition:transform .22s ease;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.drawer.open .drawer-panel{transform:translate(0)}.drawer-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.35rem}.drawer-list a{display:block;padding:.5rem .6rem;border-radius:10px;color:#f8fafc;font-weight:600}.drawer-list a:hover,.drawer-list a:focus-visible{background:#ffffff14}.drawer-parent{width:100%;text-align:left;padding:.5rem .6rem;border-radius:10px;border:none;background:transparent;color:#f8fafc;font-weight:700;cursor:pointer}.drawer-parent:hover,.drawer-parent:focus-visible{background:#ffffff14;border:none}.drawer-nested{list-style:none;padding-left:.75rem;margin:.2rem 0 .5rem;display:flex;flex-direction:column;gap:.25rem}.drawer-nested a{padding:.4rem .55rem;border-radius:8px;color:#f8fafc}.close-drawer{align-self:flex-end}.menu-group{border:1px solid #e2e8f0;border-radius:12px;padding:.1rem}.menu-parent{list-style:none;cursor:pointer;padding:.6rem;border-radius:10px;font-weight:700;display:flex;align-items:center;gap:.4rem;position:relative;min-height:44px}.menu-parent::-webkit-details-marker{display:none}.menu-parent:after{content:"›";margin-left:auto;transition:transform .15s ease}.menu-group[open] .menu-parent:after{transform:rotate(90deg)}.menu-children{display:grid;gap:.35rem;padding:.35rem .3rem .5rem .6rem}.menu-children a{padding:.45rem .5rem;border-radius:10px;color:#0b192f;font-weight:600}.menu-parent:focus-visible{outline:2px solid #1d4ed8;outline-offset:2px}.drawer-panel{background:#0b0f17;color:#f8fafc;border-right:1px solid rgba(255,255,255,.08);box-shadow:6px 0 24px #0000004d}.drawer-list a{color:#f8fafc}.drawer-list a:hover,.drawer-list a:focus-visible,.drawer-parent:hover,.drawer-parent:focus-visible{background:#ffffff14}.drawer-parent{border:none;background:transparent;color:#f8fafc}.drawer-nested a{color:#f8fafc}.menu-group{border:none;padding:.1rem 0}.menu-parent{color:#f8fafc}.menu-parent:after{content:"›"}.menu-children a{color:#f8fafc}.app-bar{display:none}.app-page .topbar{display:grid;position:fixed;top:var(--appbar-h);left:0;right:0}.app-page .app-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;background:#0b192f;color:#fff;padding:.35rem .75rem;position:fixed;top:0;left:0;right:0;height:var(--appbar-h);z-index:1600;animation:appbar-slide .2s ease}.appbar-title{text-align:center;font-weight:700;font-size:1rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appbar-actions{display:inline-flex;gap:.35rem}.appbar-btn{background:#ffffff14;color:#fff;border-color:#ffffff29;min-height:32px;min-width:32px;padding:.2rem}@keyframes appbar-slide{0%{transform:translateY(-6px);opacity:0}to{transform:translateY(0);opacity:1}}.toast{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);background:#0b192f;color:#fff;padding:.6rem 1rem;border-radius:10px;box-shadow:0 10px 24px #0003;opacity:0;transition:opacity .15s ease,transform .15s ease;z-index:2100}.toast.show{opacity:1;transform:translate(-50%)}.mini-thumb{width:56px;height:56px;object-fit:cover;border-radius:10px;margin-right:.5rem;flex-shrink:0;box-shadow:0 6px 12px #0000001f}.mini-text{display:inline-flex;flex-direction:column;gap:.15rem}@media(max-width:800px){.hero-mobile{min-height:auto;margin-left:-1.1rem;margin-right:-1.1rem;border-radius:0}.hero-slides{grid-auto-columns:92%;padding:.2rem .6rem .65rem;gap:.6rem}.hero-slide{min-height:clamp(220px,55vh,360px);border-radius:16px;box-shadow:0 10px 22px #0c1f3a29}.slide-overlay{padding:.9rem}.slide-overlay h2{font-size:1.2rem}.hero-cta{padding:.45rem 1.05rem;font-size:.85rem}.hero-dots{justify-content:center;margin-top:.1rem}.dot{width:26px;height:6px;border-radius:999px;border-color:#94a3b899}#app{padding:0 1.1rem 2rem}.app-page #app{padding-top:calc(var(--appbar-h) + var(--header-h))}.app-page .topbar{display:grid;top:var(--appbar-h)}.app-page .app-bar{display:grid}.page-hero__overlay{padding:1.25rem .8rem;min-height:110px}.app-page main.page{padding-top:.3rem;gap:.35rem}.app-page .back{display:none}.app-page .page-hero{margin-bottom:1.85rem}.app-page #app{padding-top:.15rem}.page-hero{min-height:100px}.img-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.img-tile{min-height:140px;border-radius:14px;box-shadow:0 8px 18px #0c1f3a1f}.tile-overlay{background:linear-gradient(180deg,#090c1414 20%,#090c1499)}.tile-content{padding:.75rem}.tile-content h3{font-size:1rem}.tile-content p{font-size:.85rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tile-arrow{right:.6rem;bottom:.6rem;font-size:1.1rem}}.app-footer{margin-top:2rem;padding:1.5rem;border-top:1px solid #e2e8f0;display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:space-between;align-items:center;background:#fff}.footer-left{max-width:620px}.footer-title{margin:0 0 .25rem;font-weight:700}.footer-note{margin:0;color:#475569}.footer-links{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.footer-links a{color:#0f172a;font-weight:600;padding:.35rem .55rem;border-radius:8px;border:1px solid transparent}.footer-links a:hover,.footer-links a:focus-visible{border-color:#cbd5e1;background:#f8fafc;outline:none}@media(max-width:800px){.hero-slides{grid-auto-columns:92%}.hero-desktop{display:none}}@media(min-width:801px){#app{padding:0 1.5rem 3rem}.nav-links{display:flex}.mobile-search-btn{display:none}.desktop-search{display:flex}.hero-mobile{display:none}.hero-desktop{display:block}.tile-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}.quiz-promotion,.quiz-promotion:after,.quiz-promo-content,#start-quiz-btn,#start-quiz-btn:after{animation:none!important}}.row-action .quick-view-inline,.fit-actions .quick-view-inline{display:none}@media(max-width:420px){.survey-equipment-card{grid-template-columns:1fr}.survey-equipment-media{max-width:150px;margin:0 auto}.survey-equipment-media img{max-height:130px;aspect-ratio:4 / 3}}.rov-quiz-page{display:flex;flex-direction:column;gap:.8rem}.rov-quiz-page .card{border:1px solid #224b78;border-radius:16px;background:radial-gradient(circle at top left,#38bdf829,#0f172a0f 42%),linear-gradient(180deg,#0f243f,#0b1f36);box-shadow:0 18px 34px #02122757;color:#e5edf7}.rov-quiz-page .back a{color:#0f172a;font-weight:700}body.quiz-fullscreen-active #site-header,body.quiz-fullscreen-active #site-footer,body.quiz-fullscreen-active .page-hero{display:none!important}body.quiz-fullscreen-active #app{max-width:100%;margin:0;padding:0!important}body.quiz-fullscreen-active.app-page #app{padding-top:0!important}body.quiz-fullscreen-active .rov-quiz-page{max-width:none;min-height:100dvh;margin:0;padding:0;gap:0}body.quiz-fullscreen-active .rov-quiz-page .back,body.quiz-fullscreen-active #quiz-start-panel{display:none!important}body.quiz-fullscreen-active #quiz-play-panel{min-height:100dvh;max-height:100dvh;height:100dvh;border-radius:0;border-left:none;border-right:none;border-bottom:none}.quiz-start-panel,.quiz-play-panel{position:relative;overflow:hidden}:root{--quiz-shake-duration: .34s;--quiz-shake-amplitude: 4px;--quiz-hurry-ring-pulse-duration: .78s;--quiz-hurry-ring-pulse-scale: 1.04;--quiz-answer-flash-correct-duration: .24s;--quiz-answer-flash-wrong-duration: .22s;--quiz-badge-pulse-duration: 1.2s;--quiz-badge-upgrade-duration: .7s}.quiz-start-panel[hidden],.quiz-play-panel[hidden]{display:none!important}.quiz-start-panel:before,.quiz-play-panel:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.25;background-image:var(--quiz-detail-url, none),var(--quiz-detail-url-fallback, none),linear-gradient(90deg,rgba(148,163,184,.2) 1px,transparent 1px),linear-gradient(0deg,rgba(148,163,184,.2) 1px,transparent 1px);background-size:cover,cover,22px 22px,22px 22px;background-position:center,center,0 0,0 0;background-repeat:no-repeat,no-repeat,repeat,repeat}.quiz-panel-header h1{color:#f8fafc;margin-bottom:.4rem;font-size:clamp(1.7rem,2vw,2.1rem)}.quiz-panel-header .lead{color:#c7ddf3;max-width:740px}.quiz-best{margin:.6rem 0 0;color:#d9e8f8}.quiz-best.mini{margin:.2rem 0 0;font-size:.88rem;color:#d7e3f2}.quiz-start-actions{margin:1rem 0 .55rem;display:flex;flex-direction:column;align-items:center;gap:.55rem}.quiz-start-disclaimer{margin:0;max-width:660px;text-align:center;color:#b9d2ea;font-size:.76rem;line-height:1.35;opacity:.9}.quiz-leaderboard-card{box-shadow:none!important;background:linear-gradient(180deg,#071e39e0,#082648e0)!important;border-color:#356195!important}.quiz-leaderboard-table{min-width:620px;color:#e9f0fa}.quiz-leaderboard-table th,.quiz-leaderboard-table td{border-color:#94a3b838}.quiz-leaderboard-table th{color:#a9c5e4}.quiz-start-actions .btn{min-height:48px;min-width:180px;font-size:1rem}#start-quiz-btn{position:relative;overflow:hidden;box-shadow:0 12px 26px #2563eb57;animation:quiz-start-cta-pulse 2.2s ease-in-out infinite}#start-quiz-btn:after{content:"";position:absolute;inset:0;transform:translate(-120%);background:linear-gradient(100deg,transparent 12%,rgba(255,255,255,.18) 48%,transparent 84%);pointer-events:none;animation:quiz-start-cta-sweep 3.4s ease-in-out infinite}#start-quiz-btn:hover,#start-quiz-btn:focus-visible{animation-duration:1.8s;box-shadow:0 14px 28px #2563eb6b}@media(prefers-reduced-motion:reduce){#start-quiz-btn,#start-quiz-btn:after{animation:none!important}}.quiz-play-panel{display:flex;flex-direction:column;gap:.7rem;transition:filter .18s ease,opacity .18s ease,transform .18s ease}.quiz-play-panel.is-round-over{filter:saturate(.9) blur(.2px);opacity:.92;transform:scale(.995)}.quiz-play-panel.is-shake{animation:quiz-panel-shake var(--quiz-shake-duration, .34s) cubic-bezier(.22,1,.36,1)}.quiz-hud,.quiz-timer-wrap,.quiz-question-panel{position:relative;z-index:1}.quiz-hud{border:1px solid #4b76a6;border-radius:10px;padding:.42rem .55rem;background:linear-gradient(135deg,#18406ce6,#0a213feb);display:flex;align-items:center;justify-content:space-between;gap:.55rem}.quiz-rank-pill{display:inline-flex;align-items:center;justify-content:center;gap:.34rem;min-height:26px;padding:.1rem .6rem;border-radius:999px;border:1px solid #7ed8f8;background:linear-gradient(135deg,#5ac8fa,#2e8cf0);color:#f8fbff;font-weight:700;font-size:.76rem;line-height:1;box-shadow:0 6px 12px #125db247}.quiz-rank-pill.is-near-promo{border-color:#fcd34de0;box-shadow:0 0 0 1px #fcd34d6b,0 8px 18px #125db23d,0 0 16px #facc1542}.quiz-rank-badge{width:20px;height:20px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(2,14,30,.35))}.quiz-rank-pill.is-near-promo .quiz-rank-badge{animation:quiz-badge-near-promo var(--quiz-badge-pulse-duration, 1.2s) ease-in-out infinite}.quiz-rank-badge.is-upgrade{animation:quiz-badge-upgrade var(--quiz-badge-upgrade-duration, .7s) cubic-bezier(.22,1,.36,1)}.quiz-hud-metrics{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.quiz-hud-item{margin:0;color:#b8d2ed;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;display:inline-flex;align-items:baseline;gap:.24rem}.quiz-hud-item strong{color:#f8fafc;font-size:.92rem;font-weight:800;line-height:1;letter-spacing:normal}.quiz-timer-wrap{margin-top:.15rem;position:relative;padding-right:2.8rem}.quiz-timer-track{width:100%;height:12px;border-radius:999px;background:#64748b6b;overflow:hidden;border:1px solid rgba(148,163,184,.4)}.quiz-timer-fill{height:100%;width:100%;background:linear-gradient(90deg,#22c55e,#f59e0b 55%,#ef4444);transition:width 80ms linear}.quiz-timer-text{margin:.35rem 0 .05rem;font-size:.9rem;color:#d5e4f4}.quiz-timer-alert{margin:0;min-height:1.1rem;font-size:.82rem;color:#fcd34d;letter-spacing:.03em;font-weight:700}.quiz-timer-wrap:after{content:"";position:absolute;right:.15rem;top:-.02rem;width:34px;height:34px;background-image:var(--quiz-timer-ring-url, none),var(--quiz-timer-ring-url-fallback, none);background-position:center,center;background-size:contain,contain;background-repeat:no-repeat,no-repeat;opacity:.92;pointer-events:none;filter:drop-shadow(0 6px 10px rgba(2,18,39,.35))}.quiz-timer-wrap.is-hurry .quiz-timer-track{box-shadow:0 0 0 2px #f8717159,0 0 18px #ef44448c;animation:quiz-hurry-pulse .52s ease-in-out infinite alternate}.quiz-timer-wrap.is-hurry .quiz-timer-alert{color:#fecaca}.quiz-timer-wrap.is-hurry .quiz-timer-fill{filter:saturate(1.2) brightness(1.05)}.quiz-timer-wrap.is-hurry:after{animation:quiz-ring-hurry-pulse var(--quiz-hurry-ring-pulse-duration, .78s) ease-in-out infinite}.quiz-question-panel{margin-top:.4rem}.quiz-question-meta{margin:0;color:#9ec1e6;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em}.quiz-question-panel h2{margin:.26rem 0 0;font-size:clamp(1.2rem,3.2vw,1.6rem);color:#f8fafc;overflow-wrap:anywhere}.quiz-answers{margin-top:.35rem;display:grid;gap:.6rem}.quiz-answer-btn{display:flex;align-items:center;gap:.55rem;width:100%;text-align:left;min-height:58px;border-radius:12px;border:1px solid #5d86b3;background:linear-gradient(180deg,#0c3159f2,#092443f2);white-space:normal;line-height:1.35;color:#e6f1fd}.quiz-answer-key{flex:0 0 30px;width:30px;height:30px;border-radius:8px;border:1px solid #7fb5e5;background:#38bdf833;display:inline-flex;align-items:center;justify-content:center;font-weight:800;color:#d9f2ff}.quiz-answer-copy{flex:1}.quiz-answer-btn.is-answer-correct{border-color:#4ade80;background:linear-gradient(180deg,#0f5637,#12563f);color:#ecfdf5}.quiz-answer-btn.is-answer-flash-correct{animation:quiz-answer-flash-correct var(--quiz-answer-flash-correct-duration, .24s) ease-out 1}.quiz-answer-btn.is-answer-wrong{border-color:#f87171;background:linear-gradient(180deg,#7f1d1d,#991b1b);color:#fef2f2}.quiz-answer-btn.is-answer-flash-wrong{animation:quiz-answer-flash-wrong var(--quiz-answer-flash-wrong-duration, .22s) ease-out 1}.quiz-feedback{min-height:1.4rem;margin:.25rem 0 0;font-weight:600;letter-spacing:.02em}.quiz-feedback.is-correct{color:#86efac}.quiz-feedback.is-wrong{color:#fecaca}.quiz-wrong-details{margin-top:.4rem;border:1px solid #d18d90;border-radius:10px;background:#7f1d1d66;padding:.7rem .75rem}.quiz-correct-answer{margin:0;font-weight:700;color:#fde68a}.quiz-explanation{margin:.45rem 0 0;color:#fce7f3}.quiz-promotion{position:fixed;left:50%;top:21%;transform:translate(-50%,8px) scale(.965);z-index:2200;width:min(560px,92vw);text-align:center;background:linear-gradient(160deg,#0b1f38,#134a73 52%,#0c2d4d);color:#f8fafc;border:1px solid rgba(125,211,252,.56);border-radius:16px;padding:1rem 1.1rem;box-shadow:0 24px 42px #0206176b;opacity:0;filter:saturate(.95) brightness(.96);transition:opacity .28s ease,transform .34s cubic-bezier(.22,1,.36,1),filter .34s ease;overflow:hidden;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.quiz-promotion:before{content:"";position:absolute;inset:0;background:var(--quiz-promo-burst-url, none) center / cover no-repeat,var(--quiz-promo-burst-url-fallback, none) center / cover no-repeat,radial-gradient(circle at 20% 20%,rgba(250,204,21,.35) 0%,transparent 30%),radial-gradient(circle at 80% 26%,rgba(56,189,248,.28) 0%,transparent 28%),radial-gradient(circle at 52% 78%,rgba(74,222,128,.22) 0%,transparent 33%);pointer-events:none;opacity:.9}.quiz-promotion:after{content:"";position:absolute;inset:-18% -42%;background:linear-gradient(108deg,transparent 34%,rgba(186,230,253,.2) 46%,rgba(224,242,254,.32) 50%,rgba(186,230,253,.2) 54%,transparent 66%);opacity:0;pointer-events:none}.quiz-promo-kicker{margin:0;position:relative;font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;color:#dbeafe}#promotion-text{margin:.05rem 0 0;position:relative;font-size:clamp(1.4rem,4vw,2rem);font-weight:800;color:#f8fafc}.quiz-promo-sub{position:relative;margin:.2rem 0 0;color:#cae6ff}.quiz-promo-content{position:relative;margin-top:.4rem;display:flex;align-items:center;justify-content:center;gap:.65rem;opacity:0;transform:translateY(6px);transition:opacity .26s ease,transform .34s cubic-bezier(.22,1,.36,1)}.quiz-promo-badge{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 9px 16px rgba(2,14,30,.35))}.quiz-promo-badge.is-upgrade{animation:quiz-badge-upgrade var(--quiz-badge-upgrade-duration, .7s) cubic-bezier(.22,1,.36,1)}.quiz-promo-copy{text-align:left}.quiz-countdown-overlay{position:fixed;inset:0;z-index:2250;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;background:#020c1bad;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .16s ease}.quiz-countdown-overlay[hidden]{display:none}.quiz-countdown-overlay.show{opacity:1}.quiz-countdown-kicker{margin:0;color:#d7eaff;text-transform:uppercase;letter-spacing:.1em;font-size:.8rem}.quiz-countdown-value{margin:0;font-size:clamp(3.2rem,14vw,5.4rem);color:#f8fafc;font-weight:800;line-height:1;text-shadow:0 12px 24px rgba(0,0,0,.35);animation:quiz-countdown-pop .42s ease}.quiz-countdown-overlay.go .quiz-countdown-value{color:#86efac}.quiz-promotion p{margin:0}.quiz-promotion.show{opacity:1;transform:translate(-50%) scale(1);filter:saturate(1.04) brightness(1.03)}.quiz-promotion.show .quiz-promo-content{opacity:1;transform:translateY(0)}.quiz-promotion.show:after{animation:quiz-promo-sweep .76s ease-out 90ms 1}.quiz-promotion.is-hiding{opacity:0;transform:translate(-50%,-6px) scale(.985);filter:saturate(.96) brightness(.98)}.quiz-modal-overlay{position:fixed;inset:0;z-index:2300;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0f172a8c;opacity:0;pointer-events:none;transition:opacity .22s ease}.quiz-modal-overlay.show{opacity:1;pointer-events:auto}.quiz-modal-overlay[hidden]{display:none}.quiz-modal-card{width:min(460px,100%);background:linear-gradient(180deg,#0e2440,#0b1f36);border-radius:14px;border:1px solid #3f6b98;padding:1rem;box-shadow:0 24px 40px #02061773;color:#eaf2fc;transform:translateY(10px) scale(.98);transition:transform .22s ease,opacity .22s ease;opacity:0;max-height:min(86dvh,760px);overflow-y:auto}.quiz-modal-overlay.show .quiz-modal-card{transform:translateY(0) scale(1);opacity:1}.quiz-results-kicker{margin:0;color:#9dc1e8;font-size:.76rem;text-transform:uppercase;letter-spacing:.09em}.quiz-modal-card h2{margin:.2rem 0 0;color:#f8fafc}.quiz-final-line{margin:.3rem 0 0;font-size:1.05rem;font-weight:700;color:#dbeafe}.quiz-final-rank{margin:.2rem 0 0;font-size:.9rem;color:#b7d0ea;display:inline-flex;align-items:center;gap:.4rem}.quiz-final-rank-badge{width:20px;height:20px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(2,14,30,.35))}.quiz-final-best{margin:.45rem 0 0;display:inline-flex;width:fit-content;padding:.2rem .55rem;border-radius:999px;border:1px solid #86efac;background:#22c55e2e;color:#dcfce7;font-size:.8rem;font-weight:700}.quiz-reveal-answer-btn{margin-top:.55rem;min-height:36px;min-width:0;width:100%;justify-content:center;border-color:#6a89ad;color:#dbe9f8;background:#0f172a6b;font-size:.86rem;letter-spacing:.01em}.quiz-reveal-answer-btn:after{content:" ▾";font-size:.75rem;opacity:.9}.quiz-reveal-answer-btn.is-open:after{content:" ▴"}#modal-reveal-answer-btn:hover,#modal-reveal-answer-btn:focus-visible{border-color:#9fc2e5;box-shadow:0 10px 22px #0206174d}#modal-wrong-details{margin-top:.5rem;padding:.6rem .62rem;border-color:#d18d909e;background:#7f1d1d57}#modal-question-line{color:#d7e9fb;font-weight:600;font-size:.9rem}#modal-correct-answer-line{margin-top:.28rem;font-size:.88rem}#modal-explanation-line{font-size:.86rem;line-height:1.4}.quiz-rank-cell{display:inline-flex;align-items:center;gap:.38rem}.quiz-rank-cell-badge{width:18px;height:18px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(2,14,30,.3))}.quiz-modal-card .field{margin-top:.55rem}.quiz-modal-card .field span{color:#dbeafe}.quiz-modal-card .field input{background:#0e182b8c;border-color:#4f739b;color:#f8fafc}.quiz-modal-card .helper-text{color:#c5d9ee}.quiz-modal-card .button-row{margin-top:.75rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.quiz-modal-card .button-row .btn{min-width:0;width:100%}#play-again-btn{box-shadow:0 12px 24px #2563eb47}#save-score-btn{background:#94a3b82e;border-color:#6d8db1;color:#e7f0fb}#skip-score-btn{background:#0f172a80;border-color:#88a8cc;color:#e2ecf8}#save-score-btn:hover,#save-score-btn:focus-visible,#skip-score-btn:hover,#skip-score-btn:focus-visible{border-color:#b5d0eb;box-shadow:0 10px 22px #02061759}.quiz-round-result{position:fixed;left:50%;top:17%;transform:translate(-50%,-10px) scale(.98);z-index:2280;width:min(360px,90vw);text-align:center;border-radius:14px;border:1px solid rgba(248,113,113,.58);background:linear-gradient(180deg,#7f1d1df2,#450a0af2);box-shadow:0 18px 30px #0206175c;padding:.6rem .8rem .7rem;opacity:0;transition:opacity .18s ease,transform .18s ease;pointer-events:none}.quiz-round-result.show{opacity:1;transform:translate(-50%) scale(1)}.quiz-round-result.is-timeout{border-color:#fde68a9e;background:linear-gradient(180deg,#78350ff2,#451a03f2)}.quiz-round-result-kicker{margin:0;color:#fecaca;font-size:.72rem;text-transform:uppercase;letter-spacing:.11em}.quiz-round-result-main{margin:.25rem 0 0;color:#fff1f2;font-weight:800;font-size:clamp(1.15rem,5vw,1.45rem);letter-spacing:.02em}@keyframes quiz-hurry-pulse{0%{transform:scale(1)}to{transform:scale(1.01)}}@keyframes quiz-ring-hurry-pulse{0%{filter:drop-shadow(0 6px 10px rgba(2,18,39,.35));transform:scale(1);opacity:.9}to{filter:drop-shadow(0 8px 16px rgba(248,113,113,.55));transform:scale(var(--quiz-hurry-ring-pulse-scale, 1.04));opacity:1}}@keyframes quiz-answer-flash-correct{0%{box-shadow:0 0 #4ade80a6}to{box-shadow:0 0 0 8px #4ade8000}}@keyframes quiz-answer-flash-wrong{0%{box-shadow:0 0 #f8717199}to{box-shadow:0 0 0 8px #f8717100}}@keyframes quiz-panel-shake{0%,to{transform:translate(0)}25%{transform:translate(calc(var(--quiz-shake-amplitude, 4px) * -1))}50%{transform:translate(calc(var(--quiz-shake-amplitude, 4px) * .75))}75%{transform:translate(calc(var(--quiz-shake-amplitude, 4px) * -.5))}}@keyframes quiz-badge-near-promo{0%,to{transform:scale(1);filter:drop-shadow(0 3px 6px rgba(2,14,30,.35))}50%{transform:scale(1.06);filter:drop-shadow(0 4px 10px rgba(250,204,21,.55))}}@keyframes quiz-badge-upgrade{0%{transform:scale(.82) rotate(-8deg);filter:drop-shadow(0 3px 6px rgba(2,14,30,.35));opacity:.8}65%{transform:scale(1.12) rotate(2deg);filter:drop-shadow(0 8px 18px rgba(56,189,248,.42));opacity:1}to{transform:scale(1) rotate(0);filter:drop-shadow(0 3px 6px rgba(2,14,30,.35));opacity:1}}@keyframes quiz-promo-sweep{0%{opacity:0;transform:translate(-26%) rotate(6deg)}24%{opacity:1}to{opacity:0;transform:translate(26%) rotate(6deg)}}@keyframes quiz-start-cta-pulse{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-1px) scale(1.01)}}@keyframes quiz-start-cta-sweep{0%,60%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes quiz-countdown-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@media(max-width:700px){.rov-quiz-page{gap:.5rem;min-height:calc(100dvh - .75rem)}.quiz-start-panel:before,.quiz-play-panel:before{background-image:var(--quiz-detail-url-mobile, var(--quiz-detail-url, none)),var(--quiz-detail-url-mobile-fallback, var(--quiz-detail-url-fallback, none)),linear-gradient(90deg,rgba(148,163,184,.2) 1px,transparent 1px),linear-gradient(0deg,rgba(148,163,184,.2) 1px,transparent 1px)}.quiz-start-panel .card-header-row{margin-bottom:.2rem}.quiz-start-disclaimer{font-size:.72rem;line-height:1.3}.quiz-leaderboard-table{min-width:0}.quiz-leaderboard-table thead{display:none}.quiz-leaderboard-table,.quiz-leaderboard-table tbody,.quiz-leaderboard-table tr,.quiz-leaderboard-table td{display:block;width:100%}.quiz-leaderboard-table tr{border:1px solid rgba(130,166,204,.56);border-radius:10px;background:linear-gradient(180deg,#071e39e6,#082648e6);padding:.45rem .55rem;margin-bottom:.45rem;box-shadow:0 10px 22px #0212273d}.quiz-leaderboard-table td{border:none;padding:.2rem 0;font-size:.92rem;color:#e9f0fa}.quiz-leaderboard-table td[colspan]:before{content:""}.quiz-leaderboard-table td:before{content:attr(data-label) ": ";font-weight:700;color:#93b4d8}.quiz-play-panel{display:flex;flex-direction:column;gap:.5rem;height:calc(100dvh - var(--appbar-h) - var(--header-h) - 1.1rem);max-height:calc(100dvh - var(--appbar-h) - var(--header-h) - 1.1rem);overflow-y:auto;overflow-x:hidden;padding:.7rem}.quiz-hud{padding:.38rem .45rem;gap:.4rem}.quiz-rank-pill{min-height:24px;font-size:.7rem;padding-inline:.52rem}.quiz-rank-badge,.quiz-rank-cell-badge{width:16px;height:16px}.quiz-hud-metrics{gap:.38rem}.quiz-hud-item{font-size:.66rem}.quiz-hud-item strong{font-size:.84rem}.quiz-timer-wrap{margin-top:0;padding-right:2.35rem}.quiz-timer-track{height:10px}.quiz-timer-text{font-size:.82rem;margin-top:.2rem}.quiz-timer-alert{font-size:.75rem;min-height:.95rem}.quiz-timer-wrap:after{width:28px;height:28px;right:.08rem;top:.02rem}.quiz-question-panel{margin-top:0}.quiz-question-meta{font-size:.8rem}.quiz-question-panel h2{font-size:clamp(1rem,4vw,1.2rem);margin-top:.15rem;line-height:1.25}.quiz-answers{margin-top:.2rem;gap:.45rem;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;min-height:0}.quiz-answer-btn{min-height:52px;font-size:.9rem;padding:.45rem .55rem}.quiz-answer-key{width:26px;height:26px;flex-basis:26px;font-size:.82rem}.quiz-feedback{min-height:1rem;margin-top:0;font-size:.86rem}.quiz-wrong-details{margin-top:0;padding:.55rem .6rem;font-size:.88rem}.quiz-promotion{top:18%;padding:.8rem .85rem}#promotion-text{font-size:clamp(1.2rem,6vw,1.6rem)}.quiz-promo-badge{width:44px;height:44px}.quiz-promo-content{gap:.45rem}body.quiz-fullscreen-active #quiz-play-panel{height:100dvh;max-height:100dvh;padding:.7rem .55rem}.quiz-modal-card .button-row{grid-template-columns:1fr}.quiz-final-rank-badge{width:18px;height:18px}}