/* ============================================================
   PROOF Hohmann — page-scoped styles
   Shared by /hohmann and /hohmann/acurast. Everything else
   rides /proof.css (the shared brand foundation). Loaded only
   on the Hohmann pages, so / and /switchboard are untouched.
   ============================================================ */

    /* JSON syntax in the policy terminal */
    .terminal .jk { color: var(--frost); font-weight: 500; }
    .terminal .js { color: var(--sun); }
    .terminal .jp { color: rgba(247, 248, 250, 0.55); }
    .terminal .jhl { color: var(--beacon); font-weight: 700; }
    /* policy → plan grid shares quickstart proportions */
    .policy-grid { display: grid; grid-template-columns: 1.15fr 1fr; gap: 18px; align-items: start; }
    @media (max-width: 880px) { .policy-grid { grid-template-columns: 1fr; } }

    /* ---------- destination · what-launches-here strip ---------- */
    .usecase-strip { margin-top: 38px; }
    .us-label {
        font-family: "JetBrains Mono", monospace;
        font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase;
        color: var(--beacon); margin: 0 0 14px;
    }
    .us-chips { display: flex; flex-wrap: wrap; gap: 10px; }
    .us-foot { margin: 20px 0 0; font-size: 15px; line-height: 1.55; color: var(--steel); }
    .us-foot strong { color: var(--ink); }

    /* ---------- 05 · the seal & the circuit ----------
       Two calm pictograms for the two pillars: the TEE (privacy)
       and the residential circuit (position). The harbor band
       below carries the control-plane promise. */
    .seal-breathe { animation: seal-breathe 4.5s ease-in-out infinite; }
    @keyframes seal-breathe { 0%, 100% { opacity: 0.12; } 50% { opacity: 0.4; } }
    /* seal micro-story: cargo pulses in and is absorbed; an escape
       attempt heads out in plaintext-frost and dies at the cross. */
    .seal-in { stroke: #FF6A2C; stroke-width: 4; stroke-linecap: round; fill: none; stroke-dasharray: 14 86; opacity: 0; animation: seal-in 5s ease-in-out infinite; }
    @keyframes seal-in {
        0%   { stroke-dashoffset: 0; opacity: 0; }
        8%   { opacity: 1; }
        30%  { stroke-dashoffset: -100; opacity: 1; }
        36%  { stroke-dashoffset: -100; opacity: 0; }
        100% { stroke-dashoffset: -100; opacity: 0; }
    }
    .seal-out { stroke: rgba(247, 248, 250, 0.85); stroke-width: 3.5; stroke-linecap: round; fill: none; stroke-dasharray: 12 88; opacity: 0; animation: seal-out 5s ease-in-out infinite; }
    @keyframes seal-out {
        0%, 46% { stroke-dashoffset: 0; opacity: 0; }
        52%     { opacity: 1; }
        64%     { stroke-dashoffset: -100; opacity: 1; }
        68%     { stroke-dashoffset: -100; opacity: 0; }
        100%    { stroke-dashoffset: -100; opacity: 0; }
    }
    .x-flare { transform-box: fill-box; transform-origin: center; animation: x-flare 5s ease-in-out infinite; }
    @keyframes x-flare {
        0%, 60% { opacity: 0.7; transform: scale(1); }
        66%     { opacity: 1; transform: scale(1.35); }
        76%     { opacity: 0.7; transform: scale(1); }
        100%    { opacity: 0.7; transform: scale(1); }
    }
    /* circuit micro-story: callers ride in, answers ride out. */
    .circuit-in { stroke: #FF6A2C; stroke-width: 4; stroke-linecap: round; fill: none; stroke-dasharray: 7 93; opacity: 0; animation: circuit-in 4.5s ease-in-out infinite; }
    @keyframes circuit-in {
        0%   { stroke-dashoffset: 0; opacity: 0; }
        8%   { opacity: 1; }
        36%  { stroke-dashoffset: -100; opacity: 1; }
        44%  { stroke-dashoffset: -100; opacity: 0; }
        100% { stroke-dashoffset: -100; opacity: 0; }
    }
    .circuit-out { stroke: rgba(247, 248, 250, 0.8); stroke-width: 3.5; stroke-linecap: round; fill: none; stroke-dasharray: 7 93; opacity: 0; animation: circuit-out 4.5s ease-in-out infinite; }
    @keyframes circuit-out {
        0%, 50% { stroke-dashoffset: 0; opacity: 0; }
        58%     { opacity: 1; }
        86%     { stroke-dashoffset: -100; opacity: 1; }
        92%     { stroke-dashoffset: -100; opacity: 0; }
        100%    { stroke-dashoffset: -100; opacity: 0; }
    }
    .harbor-note { margin-top: 18px; padding: 32px 38px; }
    .harbor-note .flow-foot { margin: 0; font-size: 16px; }
    @media (prefers-reduced-motion: reduce) {
        .seal-in, .seal-out, .circuit-in, .circuit-out { display: none; }
        .seal-breathe { animation: none; opacity: 0.25; }
        .x-flare { animation: none; }
    }
/* audience fast-lane link in the hero */
.hero-switch { margin-top: 22px; font-size: 15px; color: var(--stone); }
.hero-switch a { color: var(--beacon); font-weight: 600; text-decoration: none; border-bottom: 1px solid rgba(255,106,44,0.4); padding-bottom: 1px; }
.hero-switch a:hover { border-bottom-color: var(--beacon); }