@charset "UTF-8";

/* V10 — Intel-inspired blue, interpreted for CYNEXZONE's light campaign.
   The V9 responsive geometry and media controls remain in film-player.css. */
:root {
  --brand-blue:#0068b5;
  --brand-electric:#0054e9;
  --brand-cyan:#00a3e0;
  --brand-ink:#102a4c;
  --brand-muted:#526b88;
  --brand-surface:#eef6ff;
  --brand-line:#d4e5f7;
  --blue:var(--brand-electric);
  --ink:var(--brand-ink);
  --navy:var(--brand-ink);
  --paper:#f5f9ff;
  --line:var(--brand-line);
  --muted:var(--brand-muted);
}
:root:has(.live-action-landing) {
  --kinetic-blue:var(--brand-electric);
  --kinetic-ink:var(--brand-ink);
  --kinetic-muted:var(--brand-muted);
  --kinetic-paper:#f5f9ff;
  --kinetic-line:var(--brand-line);
}
body { background:#f7faff; color:var(--brand-ink); }
body::selection,body ::selection { background:#c6e8ff; color:#07346a; }
a:focus-visible,button:focus-visible,summary:focus-visible { outline-color:var(--brand-blue); }
.eyebrow,.live-action-landing .eyebrow { color:var(--brand-blue); }
.brand-word,.live-action-landing .brand-word { color:var(--brand-blue); }
.brand-dot,.live-action-landing .brand-dot { background:var(--brand-cyan); }
.brand-service,.live-action-landing .brand-service { color:var(--brand-ink); border-color:var(--brand-line); }
.site-header,.live-action-landing .site-header,
.live-action-landing[data-active-scene="0"] .site-header,
.live-action-landing:not([data-active-scene]) .site-header,
.live-action-landing[data-film-mode="video"][data-active-scene="0"] .site-header {
  background:#ffffffed; border-color:var(--brand-line); backdrop-filter:blur(20px);
}
.live-action-landing[data-active-scene="0"] .brand-word,
.live-action-landing:not([data-active-scene]) .brand-word,
.live-action-landing[data-film-mode="video"][data-active-scene="0"] .brand-word { color:var(--brand-blue); }
.live-action-landing[data-active-scene="0"] .brand-dot,
.live-action-landing[data-film-mode="video"][data-active-scene="0"] .brand-dot { background:var(--brand-cyan); }
.live-action-landing[data-active-scene="0"] .brand-service,
.live-action-landing:not([data-active-scene]) .brand-service,
.live-action-landing[data-film-mode="video"][data-active-scene="0"] .brand-service { color:var(--brand-ink); border-color:var(--brand-line); }
.menu-toggle,.live-action-landing .menu-toggle,
.live-action-landing[data-active-scene="0"] .menu-toggle,
.live-action-landing[data-film-mode="video"][data-active-scene="0"] .menu-toggle { color:var(--brand-ink); }
.desktop-nav a,.desktop-nav button,.live-action-landing .desktop-nav a,.live-action-landing .desktop-nav button,
.live-action-landing[data-active-scene="0"] .desktop-nav a,.live-action-landing[data-active-scene="0"] .desktop-nav button,
.live-action-landing:not([data-active-scene]) .desktop-nav a,.live-action-landing:not([data-active-scene]) .desktop-nav button { color:var(--brand-ink); }
.desktop-nav a:hover,.desktop-nav button:hover,.desktop-nav .is-current,
.live-action-landing .desktop-nav a:hover,.live-action-landing .desktop-nav button:hover,
.live-action-landing[data-active-scene="0"] .desktop-nav a:hover,.live-action-landing[data-active-scene="0"] .desktop-nav button:hover { color:var(--brand-blue); }
.header-cta,.live-action-landing .header-cta,
.live-action-landing[data-active-scene="0"] .header-cta,
.live-action-landing:not([data-active-scene]) .header-cta { background:var(--brand-electric); border-color:var(--brand-electric); color:#fff; box-shadow:0 5px 18px #0054e91a; }
.header-cta span { color:inherit; }
.header-cta:hover,.live-action-landing .header-cta:hover,
.live-action-landing[data-active-scene="0"] .header-cta:hover { background:#0046c8; border-color:#0046c8; }
.mobile-nav,.live-action-landing .mobile-nav { background:#fff; border-color:var(--brand-line); color:var(--brand-ink); box-shadow:0 20px 40px #0054e914; }
.mobile-nav a:hover,.mobile-nav button:hover { background:var(--brand-surface); color:var(--brand-blue); }
.page-progress,.live-action-landing .page-progress,.price-reading-progress { background:linear-gradient(90deg,var(--brand-blue),var(--brand-cyan)); }
.button-blue,.button-dark,.live-action-landing .button-blue { background:var(--brand-electric); color:#fff; }
.button-blue:hover,.button-dark:hover,.live-action-landing .button-blue:hover { background:#0046c8; box-shadow:0 8px 24px #0054e922; }
.text-link,.live-action-landing .text-link { color:var(--brand-blue); border-color:#8cbee4; }
.text-link span { color:inherit; }
.skip-main,.price-skip { background:var(--brand-electric); color:#fff; }
.footer-brand,.live-action-landing .footer-brand { color:var(--brand-blue); }
.footer-brand span,.site-footer p,.footer-links,
.live-action-landing .footer-brand span,.live-action-landing .site-footer p,.live-action-landing .footer-links { color:var(--brand-muted); }
.footer-links a { color:var(--brand-blue); }

/* A photographic hero with a blue light wash, rather than recoloured footage. */
.live-action-landing { --campaign-ivory:#f5f9ff; --campaign-teal:var(--brand-blue); background:#f5f9ff; color:var(--brand-ink); }
.live-action-landing #intro,.live-action-landing .hero-video-wrap,
.live-action-landing[data-film-mode="video"] #intro,
.live-action-landing[data-film-mode="video"] #campaign-player,
.live-action-landing[data-film-mode="video"] #campaign-player .campaign-still,
.live-action-landing[data-film-mode="video"] #campaign-player #hero-film { background:#46749f; }
.live-action-landing #campaign-player .hero-video-wrap { z-index:0; }
.live-action-landing .hero-shade { background:linear-gradient(90deg,#062c62c7 0%,#073d7982 32%,#0068b52b 62%,transparent 88%),linear-gradient(0deg,#07326852,transparent 32%); }
@media(max-width:1000px) {
  .live-action-landing[data-film-mode="video"] #campaign-player .hero-shade { background:linear-gradient(90deg,#062c62b8 0%,#073d7966 66%,#0068b51a),linear-gradient(0deg,#062c6280,transparent 32%); }
}
.live-action-landing #intro .hero-kicker:before { background:#70d4ff; }
.live-action-landing #intro .hero-kicker>span { color:#d4edff; border-color:#b4dfff80; }
.live-action-landing #intro .hero-copy>.hero-kicker,
.live-action-landing[data-film-mode="video"] #intro .hero-copy>.hero-kicker { color:#dbf1ff; }
.live-action-landing #intro .hero-copy>.hero-description,
.live-action-landing[data-film-mode="video"] #intro .hero-copy>.hero-description { color:#f4faff; text-shadow:0 1px 10px #05285c4d; }
.live-action-landing #intro .hero-copy>.hero-trust,
.live-action-landing[data-film-mode="video"] #intro .hero-copy>.hero-trust { color:#e1f1ff; }
.live-action-landing #intro .hero-trust>span { color:#95c9ef; }
.live-action-landing #intro .hero-accent,
.live-action-landing[data-film-mode="video"] #intro .hero-accent { color:#b9e8ff; }
.live-action-landing #intro .button-blue,
.live-action-landing[data-film-mode="video"] #intro .button-blue { background:var(--brand-electric); border-color:#5fa3ff; color:#fff; box-shadow:0 8px 28px #002c751f; }
.live-action-landing #intro .button-blue:hover,
.live-action-landing[data-film-mode="video"] #intro .button-blue:hover { background:#0046c8; border-color:#88beff; }
.live-action-landing #intro .hero-secondary { color:#f4faff; }
.live-action-landing .scroll-link { color:#e5f4ff; }
.live-action-landing .scroll-indicator { border-color:#b7dcff80; }
.live-action-landing .scene-rail { background:#ffffffd9; border-color:var(--brand-line); }
.live-action-landing .scene-rail button:before { background:#a8c5e2; }
.live-action-landing .scene-rail button.active:before,.live-action-landing .scene-rail button[aria-current]:before { background:var(--brand-blue); box-shadow:0 0 0 4px #0068b51a; }
.live-action-landing[data-active-scene="0"] .scene-rail { background:#043b7533; border-color:#c7e5ff66; }
.live-action-landing[data-active-scene="0"] .scene-rail button.active:before { background:#fff; box-shadow:0 0 0 4px #a7e4ff38; }
.live-action-landing .scene-counter:after { background:var(--brand-blue); }
.live-action-landing #campaign-player .film-control,
.live-action-landing[data-film-mode="video"] #campaign-player .film-control { background:#073b7866; border-color:#e2f2ffdc; color:#fff; box-shadow:0 2px 12px #00346b26; }
.live-action-landing #campaign-player .film-control:hover { background:#0054e9a6; border-color:#fff; }
.live-action-landing #campaign-player .film-control[aria-pressed="true"] { background:#0077cb7a; }
.live-action-landing #campaign-player .film-control:after { background:#073467f0; }
.live-action-landing #campaign-player .film-caption { background:#062e60eb; color:#fff; }
.live-action-landing #campaign-player #hero-film::cue { background:#062e60eb; color:#fff; }
.live-action-landing .film-canvas-ui>.film-start { background:#fffffff5; color:var(--brand-ink); border-color:#cae7ff; box-shadow:0 12px 44px #003d6f30; }
.live-action-landing .film-start-icon { border-color:#8fc5eb; color:var(--brand-blue); }
.live-action-landing .film-start-note { color:var(--brand-muted); }
/* Preserve the neutral matte and full-frame treatment in expanded playback. */
.live-action-landing #campaign-player.is-expanded,
.live-action-landing #campaign-player.is-expanded #hero-film,
.live-action-landing #campaign-player.is-expanded .campaign-still { background:#10181c; }

/* White and ice-blue chapter surfaces. */
.live-action-landing #value { background:radial-gradient(ellipse at 78% 65%,#dceeff,transparent 58%),#f5f9ff; }
.live-action-landing #lookup { background:radial-gradient(ellipse at 90% 45%,#eaf4ff,transparent 65%),#fff; }
.live-action-landing #verify { background:linear-gradient(115deg,#e7f3ff,#f4f9ff 65%); }
.live-action-landing #journey { background:#fff; }
.live-action-landing #finish { background:linear-gradient(125deg,#e4f1ff,#f1f8ff 62%,#e3f0ff); }
.live-action-landing .value-heading,.live-action-landing .lookup-title,
.live-action-landing .verify-copy h2,.live-action-landing .journey-copy h2,.live-action-landing .finish-title { color:var(--brand-ink); }
.live-action-landing .value-heading span,.live-action-landing .lookup-title span,
.live-action-landing .verify-copy h2 span,.live-action-landing .journey-copy h2 span,.live-action-landing .finish-title span { color:var(--brand-blue); }
.live-action-landing .lookup-copy>p:not(.eyebrow),.live-action-landing .verify-copy>p:not(.eyebrow),
.live-action-landing .journey-copy>p:not(.eyebrow),.live-action-landing .finish-copy>p:not(.eyebrow) { color:var(--brand-muted); }
.live-action-landing .campaign-detail,.live-action-landing .inspection-photo,.live-action-landing .finish-photo { border-radius:8px; }
.live-action-landing .value-chip { background:#fff; border-color:var(--brand-line); box-shadow:0 15px 40px #0054e912; border-radius:7px; }
.live-action-landing .value-chip span,.live-action-landing .value-chip small,.live-action-landing .value-chip .chip-corner { color:var(--brand-muted); }
.live-action-landing .value-chip strong { color:var(--brand-ink); }
.live-action-landing .new-chip { background:var(--brand-blue); border-color:var(--brand-blue); }
.live-action-landing .new-chip strong,.live-action-landing .new-chip span,.live-action-landing .new-chip .chip-corner { color:#fff; }
.live-action-landing .new-chip small { color:#d5edff; }
.live-action-landing .value-footnote { color:var(--brand-muted); }
.live-action-landing .value-ticker { border-color:var(--brand-line); }
.live-action-landing .ticker-track { color:var(--brand-blue); }
.live-action-landing .ticker-track span:nth-child(even) { color:#719ac5; }

/* Search, verification and human-readable status colours. */
.live-action-landing .lookup-widget { background:#fff; border-color:#c8def7; box-shadow:0 24px 65px #0054e912,0 3px 12px #0068b508; border-radius:12px; }
.live-action-landing .lookup-widget-top>span:first-child { color:var(--brand-blue); }
.live-action-landing .lookup-widget-top>span:last-child { color:#07549a; background:#e8f4ff; }
.live-action-landing .live-badge i { background:var(--brand-blue); }
.live-action-landing .lookup-search input { background:#f4f9ff; border-color:#c4dcf3; color:var(--brand-ink); }
.live-action-landing .lookup-search input:focus { border-color:var(--brand-electric); box-shadow:0 0 0 3px #0054e91a; }
.live-action-landing .lookup-search button { background:var(--brand-electric); color:#fff; }
.live-action-landing .lookup-search button:hover { background:#0046c8; }
.live-action-landing .lookup-suggestions button { background:#edf5ff; color:#1c5d96; }
.live-action-landing .lookup-suggestions button:hover { background:#dbeeff; color:#004d91; }
.live-action-landing .lookup-suggestions>span,.live-action-landing .live-result-count { color:var(--brand-muted); }
.live-action-landing .live-result { background:#f5f9ff; border-color:#e0ebf9; }
.live-action-landing .live-result:hover { background:#eaf4ff; border-color:#9bc9f0; }
.live-action-landing .result-price { color:var(--brand-blue); }
.live-action-landing .result-name { color:var(--brand-ink); }
.live-action-landing .result-name small,.live-action-landing .lookup-notice { color:var(--brand-muted); }
.live-action-landing .result-arrow { color:var(--brand-blue); }
.live-action-landing .lookup-notice { border-color:var(--brand-line); }
.live-action-landing .lookup-brand-strip { color:#749ac0; }
.live-action-landing .verify-status { background:#ffffffed; border-color:var(--brand-line); color:var(--brand-ink); box-shadow:0 12px 35px #0068b512; }
.live-action-landing .verify-status>span:first-child { background:var(--brand-blue); color:#fff; }
.live-action-landing .verify-status small,.live-action-landing .verification-points { color:var(--brand-muted); }
.live-action-landing .verification-points li:before { color:var(--brand-blue); }
.live-action-landing .verify-copy .text-link { border-color:#8cbee4; }
.live-action-landing .live-empty { color:var(--brand-muted); }

/* The four-step parcel illustration follows the same blue material system. */
.live-action-landing .journey-tabs button { background:#eff6ff; color:#376387; border-color:#dfebf8; }
.live-action-landing .journey-tabs button:hover { background:#deeeff; }
.live-action-landing .journey-tabs button.active,.live-action-landing .journey-tabs button[aria-pressed="true"] { background:var(--brand-blue); color:#fff; border-color:var(--brand-blue); }
.live-action-landing .journey-panel .step-eyebrow { color:var(--brand-blue); }
.live-action-landing .journey-panel h3 { color:var(--brand-ink); }
.live-action-landing .journey-panel p { color:var(--brand-muted); }
.live-action-landing .journey-visual { background:radial-gradient(ellipse at 50% 60%,#deedff,transparent 72%); }
.live-action-landing .journey-visual:before { border-color:#bad6f2; }
.live-action-landing .package-face { background:linear-gradient(125deg,#fafdff,#c4e0fa); box-shadow:inset 0 0 0 1px #fff,15px 24px 0 #8ab7e3,25px 39px 40px #0054e91a; }
.live-action-landing .package-face:before { background:#f8fcffbd; border-color:#b5d5f2; }
.live-action-landing .package-lid { background:linear-gradient(135deg,#f7fcff,#a7d1f6); border-color:#e8f5ff; box-shadow:7px 7px 0 #7eafe0; }
.live-action-landing .package-mark { color:var(--brand-blue); background:#f7fcffdf; border-color:#c6def5; }
.live-action-landing .package-arrow { color:#559bd7; }
.live-action-landing .journey-card { background:#fffffff2; border-color:#c4ddf5; box-shadow:0 12px 40px #0068b514; }
.live-action-landing .journey-card-number,.live-action-landing .journey-card-icon,.live-action-landing .journey-card-bottom i { color:var(--brand-blue); }
.live-action-landing .journey-card-title { color:var(--brand-ink); }
.live-action-landing .journey-card-subtitle { color:var(--brand-muted); }
.live-action-landing .journey-card-bottom { color:#5b7da2; border-color:var(--brand-line); }
.live-action-landing .journey-visual[data-step="3"] .journey-card { box-shadow:0 15px 50px #0068b520; border-color:#86bbed; }
.live-action-landing .journey-visual[data-step="3"] .journey-card-title { color:var(--brand-blue); }
.live-action-landing .journey-route:before,.live-action-landing .journey-route i { background:#cee2f7; }
.live-action-landing .route-point { color:#739bc0; background:#fff; }
.live-action-landing .route-point:before { background:#c4d9ef; border-color:#eef6ff; }
.live-action-landing .route-point.active { color:var(--brand-blue); }
.live-action-landing .route-point.active:before { background:var(--brand-blue); border-color:#e5f2ff; box-shadow:0 0 0 1px #9cc6ed; }
.live-action-landing .journey-autoplay-note { color:var(--brand-muted); }
.live-action-landing .eligibility-grid article { background:#ffffffde; border-color:#cadef3; border-top:3px solid var(--brand-blue); box-shadow:0 8px 24px #0068b507; }
.live-action-landing .eligibility-grid article>span { color:var(--brand-blue); }
.live-action-landing .eligibility-grid h3 { color:var(--brand-ink); }
.live-action-landing .eligibility-grid p { color:var(--brand-muted); }
.live-action-landing .finish-note { color:var(--brand-muted)!important; }
.live-action-landing #finish .site-footer { border-color:#bfd6ef; }

/* Shared informational modal, including the non-operational prototype notices. */
.info-dialog { background:#fff; color:var(--brand-ink); border:1px solid #c8def6; box-shadow:0 20px 90px #003d7a33; }
.info-dialog::backdrop { background:#092f5f80; }
.info-dialog>p:not(.eyebrow) { color:var(--brand-muted); }
.dialog-close { color:var(--brand-muted); }
.dialog-close:hover { color:var(--brand-blue); }
.dialog-confirm { background:var(--brand-electric); }

/* The auxiliary film comparison page also shares the public blue identity. */
body[data-page="films"] { background:linear-gradient(125deg,#f6faff,#eaf4ff); color:var(--brand-ink); }
body[data-page="films"] header { border-color:var(--brand-line); }
body[data-page="films"] header>a { color:var(--brand-blue); }
body[data-page="films"] nav { color:var(--brand-blue); }
body[data-page="films"] h1 { color:var(--brand-ink); }
body[data-page="films"] p,body[data-page="films"] h2 small { color:var(--brand-muted); }
body[data-page="films"] .eyebrow { color:var(--brand-blue); }
body[data-page="films"] article { background:#fff; border-color:#c9def5; box-shadow:0 16px 40px #0068b50c; }
body[data-page="films"] video { background:#e5f1ff; }
body[data-page="films"] .download { color:var(--brand-blue); border-color:#90bee4; }
body[data-page="films"] .timeline { background:var(--brand-line); border-color:var(--brand-line); }
body[data-page="films"] .timeline>div { background:#fff; }
body[data-page="films"] .timeline small { color:var(--brand-blue); }

/* Keep the header labels comfortably readable without enlarging the logo. */
.site-header .brand-service { font-size:14px; }
.site-header .desktop-nav a,.site-header .desktop-nav button { font-size:15px; }
.mobile-nav a,.mobile-nav button { font-size:16px; }
@media (max-width:900px) {
  .site-header .desktop-nav a,.site-header .desktop-nav button { font-size:14px; }
}
@media (max-width:700px) {
  .site-header .brand-service { font-size:12px; }
}