@media (max-width: 768px) {
    .tf-hero-enabled .hero-corporate { padding: calc(var(--header-h) + 24px) 0 18px; }
    .tf-hero-enabled .hero-main {
        grid-template-columns: 1fr;
        gap:16px;
    }
    .tf-hero-enabled .hero-corporate-copy { min-width:0; }
    .tf-hero-enabled .hero-corporate-visual { min-width:0; }
    .tf-hero-enabled .hero-corporate-copy h1 { font-size: clamp(2rem, 9vw, 2.75rem); }
    .tf-hero-enabled .hero-corporate-lead { font-size: .92rem; }
    .hero-premium-chips { grid-template-columns: repeat(2,1fr); gap: .9rem; }
    .hero-premium-chip { font-size: .75rem; }

    .tf-flow-board { min-height:460px; height:460px; aspect-ratio:auto; border-radius: 1.25rem; }
    .tf-five-scenes { inset: 0 0 112px; display: block; }
    .tf-five-scene {
        position: absolute; inset: 0;
        display: none; opacity: 0;
    }
    .tf-five-scene.is-active { display: block; opacity: 1; }
    .tf-five-scene + .tf-five-scene::before { display:none; }
    .tf-five-scene__head { min-height:72px; padding:14px 1.1rem 8px; }
    .tf-five-scene__number { width:2.15rem; height:2.15rem; flex-basis:2.15rem; font-size:.82rem; }
    .tf-five-scene__head h3 { font-size: 1.15rem; }
    .tf-five-scene__head p { font-size: .82rem; }
    .tf-five-scene__visual { inset:72px 0 0; }
    .tf-five-family { left:17%; bottom:112px; width:66%; height:68%; }
    .tf-five-scene__visual--choice { padding:0 8% 112px; }
    .tf-five-staff > img { left:5%; width:55%; }
    .tf-counter-mini { right:4%; width:54%; }
    .tf-five-kiosk > img { left:24%; width:58%; }
    .tf-product-label { font-size:.62rem; }
    .tf-ticket-kiosk-product { left:12%; bottom:112px; width:42%; height:68%; }
    .tf-ticket-print-layer { width:88px; }
    .tf-five-customer--receive { right:12%; bottom:112px; width:32%; }
    .tf-five-customer--scan { left:8%; bottom:112px; width:40%; }
    .tf-five-validator { right:12%; bottom:112px; width:40%; }
    .tf-five-gate { left:12%; right:12%; bottom:112px; }
    .tf-five-customer--enter { right:32%; bottom:112px; width:34%; }
    .tf-light-ring { bottom:106px; }
    .tf-five-welcome { font-size:.95rem; }
    .tf-flow-path { display:none; }

    .tf-five-controls {
        min-height: 100px; flex-direction:column; justify-content:center;
        gap:.45rem; padding:.5rem .55rem;
    }
    .tf-five-controls__status { width:100%; justify-content:center; }
    .tf-five-controls__steps { width:100%; justify-content:space-between; gap:.25rem; }
    .tf-five-controls__steps > .tf-btn { font-size:0; width:44px; }
    .tf-five-controls__steps > .tf-btn[data-tf-action="prev"]::before { content:"‹"; font-size:1.35rem; }
    .tf-five-controls__steps > .tf-btn[data-tf-action="next"]::before { content:"›"; font-size:1.35rem; }
    .tf-five-controls__steps > .tf-btn[data-tf-action="restart"] { display:none; }
    .tf-btn,.tf-step-dot { min-width:44px; height:44px; }
    .tf-step-dot { font-size:.8rem; }
    .tf-steps { flex:1; justify-content:space-between; gap:.2rem; }

    .tf-network-section { padding:14px 0 24px; }
    .tf-network-wide { min-height:0; padding:1rem; }
    .tf-network-wide__head { align-items:flex-start; }
    .tf-network-wide__online { font-size:0; }
    .tf-network-flow { grid-template-columns:1fr; gap:0; }
    .tf-net-card { min-height:104px; grid-template-columns:100px 1fr; opacity:.65; }
    .tf-net-card img { height:76px; }
    .tf-net-card.is-active { opacity:1; }
    .tf-net-connector { display:block; width:2px; height:24px; margin:0 auto; }
    .tf-net-connector::before { inset:0; width:2px; height:100%; }
    .tf-net-connector i { left:-2px; top:0; }
    .tf-net-connector.is-active i { animation:tf-packet-v 1.7s linear infinite; }
    .tf-network-summary {
        display:grid; grid-template-columns:repeat(2,1fr);
        gap:.6rem; padding:.7rem 0 0; font-size:.55rem;
    }
}