@import url("rs-photos-v2.css"); /* * Watchdog Version 2 — “poster site” identity (on-brand yellow/black, intentionally NOT the V1 video look). * Requires: and . */ /* ─── No cinematic video layer: static brand atmosphere ─────────────── */ html[data-wd-build="v2"] body.wd-surface-v2.idx .video-background { opacity: 0; visibility: hidden; pointer-events: none; } html[data-wd-build="v2"] body.wd-surface-v2.idx { background-color: #060608; background-image: radial-gradient(ellipse 100% 80% at 0% -20%, rgb(var(--idx-accent-rgb) / 0.14) 0%, transparent 42%), radial-gradient(ellipse 70% 50% at 100% 30%, rgb(var(--idx-accent-rgb) / 0.06) 0%, transparent 45%), linear-gradient(168deg, #0c0c10 0%, #12121a 38%, #070708 100%); background-attachment: fixed; } /* V1 added heavy halos for text over footage — remove for solid surfaces */ html[data-wd-build="v2"] body.wd-surface-v2.idx main { --idx-muted: #b8b8c2; text-shadow: none !important; /* document.css `contain: layout style` clips Syne 800 descenders in Edge/Chromium site-wide */ contain: none !important; } html[data-wd-build="v2"] body.wd-surface-v2.idx main a:not(.cta-primary):not(.cta-button):not(.service-card-link) { color: var(--idx-accent-bright); } /* ─── Nav: full-bleed slab + gold rail (not the V1 pill / video chrome) ─ */ html[data-wd-build="v2"] body.wd-surface-v2.idx .navbar:not(.scrolled), html[data-wd-build="v2"] body.wd-surface-v2.idx .navbar.scrolled { margin: 0 !important; max-width: none !important; border-radius: 0 !important; border: none !important; border-top: 5px solid var(--idx-accent) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important; background: #0a0a0c !important; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } html[data-wd-build="v2"] body.wd-surface-v2.idx .nav-container { max-width: min(90rem, 100%); height: clamp(52px, 7vh, 64px); } html[data-wd-build="v2"] body.wd-surface-v2.idx #main-content { padding-top: clamp(4.5rem, 10vh, 6.5rem); } html[data-wd-build="v2"] body.wd-surface-v2.idx .nav-links a { border-radius: 0; padding: 0.4rem 0.5rem !important; letter-spacing: 0.18em; } html[data-wd-build="v2"] body.wd-surface-v2.idx .nav-links a:hover, html[data-wd-build="v2"] body.wd-surface-v2.idx .nav-links a:focus-visible { background: rgb(var(--idx-accent-rgb) / 0.1); color: var(--idx-accent) !important; } /* ─── Homepage hero: poster + hard edge (still same copy) ───────────── */ html[data-wd-build="v2"] body.wd-surface-v2.idx section.hero { position: relative; } html[data-wd-build="v2"] body.wd-surface-v2.idx section.hero.v1-hero { min-height: min(92vh, 52rem); justify-content: flex-end; padding: clamp(1.25rem, 4vw, 3rem) clamp(1rem, 5vw, 4rem) clamp(2.5rem, 8vh, 4rem); border-bottom: none; background: linear-gradient(180deg, transparent 0%, rgba(6, 6, 8, 0.5) 100%); } html[data-wd-build="v2"] body.wd-surface-v2.idx section.hero.v1-hero::after { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient(105deg, rgb(var(--idx-accent-rgb) / 0.18) 0%, transparent 42%), linear-gradient(330deg, rgb(var(--idx-accent-rgb) / 0.06) 0%, transparent 38%); mix-blend-mode: screen; opacity: 0.85; } html[data-wd-build="v2"] body.wd-surface-v2.idx .v1-rs-shell { max-width: min(52rem, 100%); margin: 0; text-align: left; position: relative; z-index: 1; } html[data-wd-build="v2"] body.wd-surface-v2.idx .v1-rs-title { font-family: var(--idx-display); font-size: clamp(2.85rem, 9vw, 6rem); line-height: 1.08; letter-spacing: -0.04em; text-transform: none; font-weight: 800; padding-block: 0 0.12em; overflow: visible; } html[data-wd-build="v2"] body.wd-surface-v2.idx .v1-rs-title em { display: inline-block; padding: 0.04em 0.2em 0; margin-left: 0.04em; background: var(--idx-accent); color: var(--idx-accent-ink); transform: skewX(-4deg); box-shadow: 10px 10px 0 #0a0a0c; } /* Hero stat chips duplicate “By the numbers” — hide on V2 home; detail lives in #about */ html[data-wd-build="v2"] body.wd-surface-v2.idx section.hero.v1-hero .v1-rs-stats { display: none !important; } html[data-wd-build="v2"] body.wd-surface-v2.idx .v1-rs-pills { justify-content: flex-start; margin-top: 0.35rem; } html[data-wd-build="v2"] body.wd-surface-v2.idx .v1-rs-pill { border-radius: 2px; border: 1px solid rgb(var(--idx-accent-rgb) / 0.5) !important; letter-spacing: 0.2em; } html[data-wd-build="v2"] body.wd-surface-v2.idx .v1-rs-ctas { justify-content: flex-start; } html[data-wd-build="v2"] body.wd-surface-v2.idx section.hero:not(.page-hero) .v1-rs-ctas .cta-primary { border-radius: 2px !important; background: var(--idx-accent) !important; color: var(--idx-accent-ink) !important; border: 2px solid #0a0a0c !important; box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.35) !important; font-size: 0.68rem !important; } html[data-wd-build="v2"] body.wd-surface-v2.idx section.hero:not(.page-hero) .v1-rs-ctas .cta-primary:hover { filter: brightness(1.05); transform: translate(-2px, -2px); } html[data-wd-build="v2"] body.wd-surface-v2.idx .v1-rs-phone-box { border-radius: 2px !important; border: 2px solid rgb(var(--idx-accent-rgb) / 0.45) !important; } html[data-wd-build="v2"] body.wd-surface-v2.idx .v1-rs-trust { justify-content: flex-start; flex-wrap: wrap; gap: 0.4rem 0.6rem; } html[data-wd-build="v2"] body.wd-surface-v2.idx .v1-rs-trust li { border-left: 4px solid var(--idx-accent) !important; border-radius: 0 !important; background: rgba(0, 0, 0, 0.5) !important; } /* ─── Inner pages: full-bleed “billboard” hero (black type on yellow) ─ */ html[data-wd-build="v2"] body.wd-surface-v2.idx section.hero.page-hero { width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); max-width: none; box-sizing: border-box; padding: 0; min-height: clamp(15rem, 36vh, 24rem); display: flex; align-items: center; overflow: visible; border-bottom: 6px solid #0a0a0c; /* Isolate fill + keep copy above it (avoids diagonal / underline fighting glyphs) */ isolation: isolate; background: linear-gradient( 110deg, var(--idx-accent) 0%, var(--idx-accent) 38%, var(--idx-accent-mid) 52%, var(--idx-accent-deep) 100% ); } html[data-wd-build="v2"] body.wd-surface-v2.idx section.hero.page-hero .container { width: 100%; max-width: min(56rem, 100%); margin: 0 auto; padding: clamp(2rem, 5vw, 3.5rem) clamp(1.25rem, 4vw, 2rem); overflow: visible; } html[data-wd-build="v2"] body.wd-surface-v2.idx .page-hero .hero-main { overflow: visible; position: relative; z-index: 1; } html[data-wd-build="v2"] body.wd-surface-v2.idx .page-hero header.hero-main { overflow: visible; } html[data-wd-build="v2"] body.wd-surface-v2.idx .page-hero .hero-kicker { color: rgba(10, 10, 11, 0.55) !important; text-shadow: none !important; letter-spacing: 0.24em; } html[data-wd-build="v2"] body.wd-surface-v2.idx .page-hero h1 { font-family: var(--idx-display); font-weight: 800; letter-spacing: -0.04em; text-transform: none; color: #0a0a0b !important; text-shadow: none !important; font-size: clamp(2rem, 5vw, 3.35rem); /* Syne 800 + Edge: generous line box on all billboard heroes (with or without .page-hero-line) */ line-height: 1.48; overflow: visible; padding-block: 0.12em 0.6em; -webkit-font-smoothing: antialiased; display: flex; flex-direction: column; align-items: flex-start; gap: 0.06em; } html[data-wd-build="v2"] body.wd-surface-v2.idx .page-hero h1 .page-hero-line { display: block; width: 100%; overflow: visible; padding-bottom: 0.12em; line-height: inherit; } html[data-wd-build="v2"] body.wd-surface-v2.idx .page-hero h1 .page-hero-line:last-of-type { padding-bottom: 0.3em; } html[data-wd-build="v2"] body.wd-surface-v2.idx .page-hero h1 .page-hero-line + .page-hero-line { margin-top: 0; } html[data-wd-build="v2"] body.wd-surface-v2.idx .page-hero h1 em { font-style: normal; color: #0a0a0b; /* Real underline below the ink — border-bottom on inline drew through Syne’s large caps */ border-bottom: none; padding-bottom: 0; box-decoration-break: unset; -webkit-box-decoration-break: unset; box-shadow: none; text-decoration: underline; text-decoration-color: rgba(10, 10, 11, 0.32); text-decoration-thickness: 0.09em; text-underline-offset: 0.2em; -webkit-text-decoration-skip: ink; text-decoration-skip-ink: auto; } html[data-wd-build="v2"] body.wd-surface-v2.idx .page-hero .hero-lead { color: #27272a !important; text-shadow: none !important; max-width: 40rem; line-height: 1.55; padding-bottom: 0.15em; overflow: visible; } html[data-wd-build="v2"] body.wd-surface-v2.idx .page-hero .hero-actions .idx-muted { color: #3f3f46 !important; text-shadow: none !important; } html[data-wd-build="v2"] body.wd-surface-v2.idx .page-hero .idx-phone-inline { color: #0a0a0b !important; font-weight: 800; /* document.css shadows hero text for video; yellow billboard needs crisp type */ text-shadow: none !important; } html[data-wd-build="v2"] body.wd-surface-v2.idx section.hero.page-hero .cta-primary { border-radius: 2px !important; background: #0a0a0c !important; color: var(--idx-accent) !important; border: 2px solid #0a0a0c !important; box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.2) !important; } html[data-wd-build="v2"] body.wd-surface-v2.idx section.hero.page-hero .cta-primary:hover { filter: brightness(1.08); } html[data-wd-build="v2"] body.wd-surface-v2.idx .page-hero .hero-trust { margin-top: 1.25rem; } html[data-wd-build="v2"] body.wd-surface-v2.idx .page-hero .hero-trust li { color: #0a0a0b !important; text-shadow: none !important; border: 1px solid rgba(10, 10, 11, 0.2); border-radius: 2px; background: rgba(255, 255, 255, 0.35); } /* ─── Homepage “By the numbers” only — calmer handoff from hero ─────── */ html[data-wd-build="v2"] body.wd-surface-v2.idx section#about.about { background: linear-gradient( 180deg, var(--idx-accent-wash) 0%, var(--idx-accent) 38%, var(--idx-accent-tint) 100% ) !important; border: none !important; border-top: 1px solid rgba(10, 10, 11, 0.12) !important; color: #0a0a0b; padding: clamp(2.25rem, 5vw, 3.25rem) clamp(1.25rem, 4vw, 2.5rem) clamp(2.5rem, 5vw, 3.25rem); text-align: center; } html[data-wd-build="v2"] body.wd-surface-v2.idx section#about.about .section-eyebrow { color: rgba(10, 10, 11, 0.52) !important; margin-bottom: 0.5rem; } html[data-wd-build="v2"] body.wd-surface-v2.idx section#about.about .idx-h2 { color: #0a0a0b !important; text-shadow: none !important; text-transform: none !important; letter-spacing: -0.03em !important; font-size: clamp(1.75rem, 4vw, 2.35rem) !important; font-family: var(--idx-display) !important; font-weight: 800 !important; margin: 0 auto 1.35rem; max-width: 20ch; line-height: 1.22 !important; padding-bottom: 0.18em !important; overflow: visible !important; } html[data-wd-build="v2"] body.wd-surface-v2.idx section#about.about .about-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; max-width: 52rem; margin: 0 auto; background: transparent !important; border: none !important; } @media (min-width: 768px) { html[data-wd-build="v2"] body.wd-surface-v2.idx section#about.about .about-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.85rem; } } html[data-wd-build="v2"] body.wd-surface-v2.idx section#about.about .about-stats .stat { background: rgba(255, 255, 255, 0.42); border-radius: 0.5rem; padding: 1.15rem 0.85rem 1.2rem; border: 1px solid rgba(10, 10, 11, 0.08); text-align: center; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.35) inset; } html[data-wd-build="v2"] body.wd-surface-v2.idx section#about.about .about-stats .stat h3 { color: #0a0a0b !important; font-size: clamp(1.45rem, 3.2vw, 1.85rem) !important; margin-bottom: 0.35rem !important; } html[data-wd-build="v2"] body.wd-surface-v2.idx section#about.about .stat p { color: rgba(10, 10, 11, 0.68) !important; font-size: 0.72rem !important; letter-spacing: 0.1em !important; line-height: 1.35; } html[data-wd-build="v2"] body.wd-surface-v2.idx section#about.about .faq-cta-p { margin-top: 1.75rem; margin-bottom: 0; } html[data-wd-build="v2"] body.wd-surface-v2.idx section#about.about .cta-primary { background: #0a0a0b !important; color: var(--idx-accent) !important; border-color: #0a0a0b !important; border-radius: 2px !important; padding-inline: 1.75rem !important; } /* Sub-page vertical rhythm: default 3rem gaps felt oversized between “cards” */ html[data-wd-build="v2"] body.wd-surface-v2.idx main > section:not(.hero) { margin-top: clamp(1.25rem, 2.2vw, 1.85rem) !important; } html[data-wd-build="v2"] body.wd-surface-v2.idx main > section.hero.page-hero + section:not(.hero) { margin-top: clamp(1.5rem, 2.6vw, 2.25rem) !important; } html[data-wd-build="v2"] body.wd-surface-v2.idx main > section.about:not(#about) + section.about:not(#about) { margin-top: clamp(0.85rem, 1.6vw, 1.25rem) !important; } /* Inner .about = slate panels (readable) */ html[data-wd-build="v2"] body.wd-surface-v2.idx main > section.about:not(#about) { background: linear-gradient(180deg, rgba(24, 24, 30, 0.96) 0%, rgba(10, 10, 14, 0.99) 100%) !important; border-block: 1px solid rgba(255, 255, 255, 0.06) !important; color: var(--idx-ink); padding-block: clamp(1.65rem, 2.8vw, 2.35rem) !important; } html[data-wd-build="v2"] body.wd-surface-v2.idx main > section.about:not(#about) .section-eyebrow { color: var(--idx-accent) !important; } html[data-wd-build="v2"] body.wd-surface-v2.idx main > section.about:not(#about) > .container > header, html[data-wd-build="v2"] body.wd-surface-v2.idx main > section.about:not(#about) > header { overflow: visible; } html[data-wd-build="v2"] body.wd-surface-v2.idx main > section.about:not(#about) header h2, html[data-wd-build="v2"] body.wd-surface-v2.idx main > section.about:not(#about) > .container > header h2 { color: var(--idx-ink) !important; text-shadow: none !important; line-height: 1.45 !important; padding-bottom: 0.3em !important; overflow: visible !important; } html[data-wd-build="v2"] body.wd-surface-v2.idx ul.feature-list > li { padding-block: 1rem !important; gap: 0.75rem !important; } html[data-wd-build="v2"] body.wd-surface-v2.idx main > section.about:not(#about) .about-text p { color: #d4d4d8 !important; } html[data-wd-build="v2"] body.wd-surface-v2.idx main > section.about:not(#about) .cta-primary { background: var(--idx-accent) !important; color: var(--idx-accent-ink) !important; border: 2px solid var(--idx-accent) !important; border-radius: 2px !important; } /* Striped mid-sections (not .about) */ html[data-wd-build="v2"] body.wd-surface-v2.idx main > section:nth-of-type(odd):not(.hero):not(.reviews):not(.clients):not(#about):not(.about) { background: linear-gradient(185deg, rgba(20, 20, 26, 0.75) 0%, rgba(8, 8, 12, 0.96) 100%) !important; } /* Section titles: editorial caps — generous line box for Edge + tracked caps (Q, g, etc.) */ html[data-wd-build="v2"] body.wd-surface-v2.idx main > section > .container > header, html[data-wd-build="v2"] body.wd-surface-v2.idx main > section > header { overflow: visible; } html[data-wd-build="v2"] body.wd-surface-v2.idx main .idx-h2, html[data-wd-build="v2"] body.wd-surface-v2.idx main > section > .container > header h2, html[data-wd-build="v2"] body.wd-surface-v2.idx main > section > header h2 { font-family: var(--idx-display); font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; font-size: clamp(1.15rem, 2.4vw, 1.65rem) !important; line-height: 1.45 !important; padding-bottom: 0.3em !important; overflow: visible !important; text-shadow: none !important; -webkit-font-smoothing: antialiased; } /* Inner-page hero titles that are plain
(no .page-hero-line) still use Syne 800 here */ html[data-wd-build="v2"] body.wd-surface-v2.idx main .page-hero h1 { overflow: visible !important; } html[data-wd-build="v2"] body.wd-surface-v2.idx .section-eyebrow { letter-spacing: 0.28em; font-size: 0.58rem !important; } /* Homepage service rail */ html[data-wd-build="v2"] body.wd-surface-v2.idx section.services .services-grid:not(.feature-grid) { display: grid; grid-template-columns: repeat(auto-fit, minmax(16.5rem, 1fr)); gap: 1.25rem; } html[data-wd-build="v2"] body.wd-surface-v2.idx section.services .services-grid:not(.feature-grid) .service-card, html[data-wd-build="v2"] body.wd-surface-v2.idx section.services .services-grid:not(.feature-grid) .service-card-link { border-radius: 0.35rem !important; border-left: 6px solid var(--idx-accent) !important; border-top: 1px solid rgba(255, 255, 255, 0.08) !important; border-right: 1px solid rgba(255, 255, 255, 0.08) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important; } /* Commercial-style feature grid: stacked “postcards”, not V1 compact rows */ html[data-wd-build="v2"] body.wd-surface-v2.idx .services-grid.feature-grid { grid-template-columns: 1fr !important; gap: 1.35rem !important; } @media (min-width: 720px) { html[data-wd-build="v2"] body.wd-surface-v2.idx .services-grid.feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (min-width: 1100px) { html[data-wd-build="v2"] body.wd-surface-v2.idx .services-grid.feature-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } } html[data-wd-build="v2"] body.wd-surface-v2.idx .services-grid.feature-grid .service-card { grid-template-columns: 1fr !important; grid-template-rows: auto auto 1fr auto !important; text-align: center; padding: 1.65rem 1.25rem 1.4rem !important; border-radius: 0.5rem !important; border: 1px solid rgb(var(--idx-accent-rgb) / 0.22) !important; background: linear-gradient(165deg, rgba(30, 30, 36, 0.95) 0%, rgba(12, 12, 16, 0.98) 100%) !important; justify-items: center; } html[data-wd-build="v2"] body.wd-surface-v2.idx .services-grid.feature-grid .service-card > .service-icon, html[data-wd-build="v2"] body.wd-surface-v2.idx .services-grid.feature-grid .service-card > i { grid-row: auto !important; width: 3.25rem !important; height: 3.25rem !important; margin: 0 auto 0.35rem !important; border-radius: 999px !important; background: rgb(var(--idx-accent-rgb) / 0.12) !important; } html[data-wd-build="v2"] body.wd-surface-v2.idx .services-grid.feature-grid .service-card h3 { font-size: clamp(0.78rem, 1.1vw, 0.88rem) !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; color: var(--idx-accent) !important; } html[data-wd-build="v2"] body.wd-surface-v2.idx .services-grid.feature-grid .service-card p { text-align: left; max-width: 36ch; margin-inline: auto; } /* Contact strip: inverse of hero */ html[data-wd-build="v2"] body.wd-surface-v2.idx .contact-cta-bar { border-radius: 0 !important; border: none !important; border-top: 4px solid var(--idx-accent) !important; background: #0a0a0c !important; } /* Sector list: wide “signal bars” instead of tight V1 plates */ html[data-wd-build="v2"] body.wd-surface-v2.idx .sectors-grid.sectors-bars { gap: 0.85rem !important; } html[data-wd-build="v2"] body.wd-surface-v2.idx .sectors-grid.sectors-bars .sector-block { border-radius: 0.35rem !important; border-left: 6px solid var(--idx-accent) !important; padding: 1.2rem 1.1rem 1.25rem !important; background: linear-gradient( 90deg, rgb(var(--idx-accent-rgb) / 0.06) 0%, rgba(18, 18, 22, 0.92) 18%, rgba(12, 12, 16, 0.96) 100% ) !important; } /* Reviews + misc — stars use tokens via .stars; avatar + chrome share --idx-accent */ html[data-wd-build="v2"] body.wd-surface-v2.idx .review-card { border-radius: 0.35rem 1.5rem 0.35rem 0.35rem !important; border: 1px solid rgb(var(--idx-accent-rgb) / 0.22) !important; } html[data-wd-build="v2"] body.wd-surface-v2.idx .review-card:hover { border-color: rgb(var(--idx-accent-rgb) / 0.45) !important; box-shadow: 0 0 0 1px rgb(var(--idx-accent-rgb) / 0.55) !important; } html[data-wd-build="v2"] body.wd-surface-v2.idx .reviewer-initial { background: var(--idx-accent) !important; color: var(--idx-accent-ink) !important; border: 1px solid rgb(var(--idx-accent-rgb) / 0.35); } html[data-wd-build="v2"] body.wd-surface-v2.idx .reviews .carousel-button { border-color: rgb(var(--idx-accent-rgb) / 0.35) !important; color: var(--idx-accent) !important; } html[data-wd-build="v2"] body.wd-surface-v2.idx .carousel-button { border-radius: 2px !important; } html[data-wd-build="v2"] body.wd-surface-v2.idx .cta-primary { border-radius: 2px; } html[data-wd-build="v2"] body.wd-surface-v2.idx .site-footer-action { border-top: 6px solid var(--idx-accent) !important; background: linear-gradient(180deg, #08080a 0%, #141418 100%) !important; } @media (max-width: 900px) { html[data-wd-build="v2"] body.wd-surface-v2.idx .nav-container { padding-inline: 0.5rem; } } @media (prefers-reduced-motion: reduce) { html[data-wd-build="v2"] body.wd-surface-v2.idx section.hero:not(.page-hero) .v1-rs-ctas .cta-primary:hover { transform: none; } }