/* Line 16156 (google-path-public-16156-r1, ai.features.google_path_public_16156): /alive on the Google path. Linked by the
   page after css/ns-tokens.css (App\Support\Marketing\GooglePathPublic16156::aliveHead()), only while the key is on, when
   <body> (layouts.landing) and the page root .af carry .ns-gp .ns-gp-16156: the --ns-* values come from ns-tokens.css,
   light by default and dark under prefers-color-scheme: dark.
   1. The ui-kit roles the page is drawn with (--nsk-*, css/ui-kit.css's app scope) read the tokens, so every band, card,
      chip and button follows the device's light or dark; NetShow gold is the one accent.
   2. The landing ground, header and footer sit on the same tokens: no glow backdrop, one hairline, no blur.
   3. Google type on one scale (Roboto, calm weights), one filled next step, 44 px targets at 375 px.
   The live faces keep their own stage; nothing here moves a box the page's holds-still rules reserve, and no copy,
   price, link or voice changes. The sheet carries no colour of its own. */

/* 1. The kit's roles on the tokens. */
body.ns-gp-16156,
.ns-gp-16156 [data-nsk-scope="app"],
.af.ns-gp-16156 {
    --nsk-bg: var(--ns-bg);
    --nsk-band: var(--ns-bg-deep);
    --nsk-surface: var(--ns-card);
    --nsk-surface-2: var(--ns-surface);
    --nsk-inset: var(--ns-surface);
    --nsk-float: var(--ns-card);
    --nsk-chip-bg: var(--ns-surface);
    --nsk-header: var(--ns-chrome);
    --nsk-panel: var(--ns-card);
    --nsk-well: var(--ns-surface);
    --nsk-line: var(--ns-border);
    --nsk-ink: var(--ns-text);
    --nsk-text: var(--ns-text);
    --nsk-sub: var(--ns-text-2);
    --nsk-faint: var(--ns-text-2);
    --nsk-accent: var(--ns-gold);
    --nsk-accent-hover: var(--ns-gold-deep);
    --nsk-accent-subtle: var(--ns-gold-glow);
    --nsk-on-accent: var(--ns-on-accent);
    --nsk-bd: var(--ns-border);
    --nsk-bd-soft: var(--ns-border);
    --nsk-bd-strong: var(--ns-border-strong);
    --nsk-focus: var(--ns-gold);
    --nsk-shadow-sm: none;
    --nsk-shadow-md: none;
    --nsk-font-display: var(--ns-font);
    --nsk-font-body: var(--ns-font);
}

/* 2. Ground, header and footer. */
body.ns-gp-16156 {
    font-family: var(--ns-font);
    background: var(--ns-bg);
    color: var(--ns-text);
}

body.ns-gp-16156 .landing-bg { background: var(--ns-bg); }

body.ns-gp-16156 .landing-header {
    background: var(--ns-chrome);
    border-bottom-color: var(--ns-border);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

body.ns-gp-16156 :is(.landing-brand, .landing-link-btn, .landing-nav-link) { color: var(--ns-text); }

body.ns-gp-16156 .landing-footer {
    background: var(--ns-bg-deep);
    border-top: 1px solid var(--ns-border);
    color: var(--ns-text-2);
}

/* 3. Type, the accent and the one next step. */
.af.ns-gp-16156 :is(h1, h2, h3) { font-family: var(--ns-font); letter-spacing: 0; color: var(--ns-text); }

.af.ns-gp-16156 .hero h1 { font-weight: 500; }

.af.ns-gp-16156 :is(h2, h3) { font-weight: 500; }

.af.ns-gp-16156 .hero h1 em { color: var(--ns-gold-light); }

.af.ns-gp-16156 .nsk-kicker { color: var(--ns-gold-light); }

.af.ns-gp-16156 .nsk-chip { color: var(--ns-text-2); }

.af.ns-gp-16156 .ns-door-headline__sub { color: var(--ns-text-2); }

.af.ns-gp-16156 .nsk-cta-primary {
    background: var(--ns-gold);
    border-color: var(--ns-gold);
    color: var(--ns-on-accent);
    box-shadow: none;
}

.af.ns-gp-16156 .nsk-cta-primary:hover { background: var(--ns-gold-deep); border-color: var(--ns-gold-deep); }

.af.ns-gp-16156 a:not([class]) { color: var(--ns-gold-light); }

.af.ns-gp-16156 :is(a, button, summary):focus-visible,
body.ns-gp-16156 .landing-header a:focus-visible {
    outline: 2px solid var(--ns-gold);
    outline-offset: 2px;
}

@media (max-width: 575.98px) {
    .af.ns-gp-16156 .hero-ctas > :is(a, button) { min-height: 44px; }
}