/* CAMINHO COMPLETO: C:\Users\vlula\OneDrive\Área de Trabalho\Projetos Backup\NETTSAN_PORTAL\static\css\site.css
   DATA E HORA DO ULTIMO RECODE: 2026-08-11 18:35 -03:00
   MOTIVO DA ALTERACAO: Aplicar a logo oficial da NettSan no cabecalho e o simbolo N oficial no mobile e rodape, sem redesenhar a marca. */

:root {
    --blue:#184178; --blue-dark:#0c2b52; --blue-deep:#081f3d; --blue-soft:#edf4fb;
    --blue-line:#d7e3ef; --white:#fff; --ink:#122033; --muted:#5f6f82;
    --soft:#f6f9fc; --line:#e4eaf0; --green:#1f8f5f; --red:#c44c4c;
    --shadow:0 24px 60px rgba(12,43,82,.12); --radius:22px; --container:1180px;
}

* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
    margin:0; color:var(--ink); background:var(--white); line-height:1.6;
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    -webkit-font-smoothing:antialiased;
}
a { color:inherit; text-decoration:none; }
button,a { -webkit-tap-highlight-color:transparent; }
img { max-width:100%; display:block; }
h1,h2,h3,p { margin-top:0; }
h1,h2,h3 { line-height:1.08; letter-spacing:-.03em; }
h1 { font-size:clamp(2.9rem,6vw,5.7rem); margin-bottom:24px; }
h2 { font-size:clamp(2.2rem,4vw,3.7rem); margin-bottom:20px; }
h3 { font-size:1.45rem; }
p { color:var(--muted); }

.container { width:min(calc(100% - 40px),var(--container)); margin-inline:auto; }
.section { padding:104px 0; }
.section-soft { background:var(--soft); }
.section-blue {
    color:var(--white);
    background:radial-gradient(circle at 90% 5%,rgba(255,255,255,.12),transparent 28%),
               linear-gradient(135deg,var(--blue-deep),var(--blue));
}
.section-blue p,.section-blue span { color:rgba(255,255,255,.8); }

.skip-link {
    position:fixed; left:16px; top:-80px; z-index:9999; padding:10px 16px;
    color:var(--blue); background:var(--white); border-radius:8px; box-shadow:var(--shadow);
}
.skip-link:focus { top:16px; }
.sr-only {
    position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden;
    clip:rect(0,0,0,0); white-space:nowrap; border:0;
}

.site-header {
    position:sticky; top:0; z-index:1000; background:rgba(255,255,255,.94);
    border-bottom:1px solid rgba(228,234,240,.9); backdrop-filter:blur(16px);
}
.header-inner { min-height:78px; display:flex; align-items:center; gap:28px; }
.brand { display:inline-flex; align-items:center; flex:0 0 auto; }
.brand-logo { display:block; height:auto; }
.brand-logo-full { width:154px; }
.brand-logo-mark { display:none; width:44px; }

.main-nav { display:flex; align-items:center; justify-content:center; gap:25px; margin-left:auto; }
.main-nav a {
    position:relative; padding:28px 0 25px; color:#38485b; font-size:.92rem; font-weight:650;
}
.main-nav a::after {
    content:""; position:absolute; left:0; right:100%; bottom:18px; height:2px;
    background:var(--blue); transition:right 160ms ease;
}
.main-nav a:hover::after,.main-nav a[aria-current="page"]::after { right:0; }
.main-nav a[aria-current="page"] { color:var(--blue); }
.nav-toggle { display:none; margin-left:auto; padding:8px; background:transparent; border:0; cursor:pointer; }
.nav-toggle > span:not(.sr-only) {
    display:block; width:24px; height:2px; margin:5px 0; background:var(--blue);
}

.button {
    display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:0 24px;
    border:1px solid var(--blue); border-radius:12px; color:var(--white); background:var(--blue);
    font-size:.95rem; font-weight:750; transition:transform 160ms ease,box-shadow 160ms ease,background 160ms ease;
}
.button:hover { transform:translateY(-2px); background:var(--blue-dark); box-shadow:0 14px 30px rgba(24,65,120,.2); }
.button-small { min-height:44px; padding:0 18px; font-size:.86rem; }
.button-ghost { color:var(--blue); background:var(--white); }
.button-ghost:hover { color:var(--white); }
.button-white { color:var(--blue); background:var(--white); border-color:var(--white); }
.button-white:hover { color:var(--white); background:transparent; }
.text-link { display:inline-flex; align-items:center; color:var(--blue); font-weight:800; }
.text-link:hover { text-decoration:underline; text-underline-offset:4px; }

.eyebrow {
    display:inline-flex; align-items:center; gap:8px; margin-bottom:18px; color:var(--blue);
    font-size:.78rem; font-weight:850; text-transform:uppercase; letter-spacing:.14em;
}
.eyebrow::before { content:""; width:24px; height:2px; background:currentColor; }
.eyebrow-light { color:rgba(255,255,255,.78); }
.section-heading { max-width:760px; margin-bottom:48px; }
.section-heading p { max-width:660px; font-size:1.08rem; }
.section-heading-inline { max-width:none; display:flex; align-items:end; justify-content:space-between; gap:40px; }

.hero { overflow:hidden; padding-top:88px; padding-bottom:72px; }
.hero-grid { display:grid; grid-template-columns:1.02fr .98fr; align-items:center; gap:70px; }
.hero-copy h1 span { color:var(--blue); }
.hero-copy > p { max-width:670px; margin-bottom:32px; font-size:1.18rem; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; }
.hero-tags { display:flex; flex-wrap:wrap; gap:10px; margin-top:30px; }
.hero-tags a {
    padding:7px 11px; border:1px solid var(--blue-line); border-radius:999px;
    color:var(--blue); background:var(--blue-soft); font-size:.77rem; font-weight:800;
}

.hero-visual { position:relative; min-height:510px; }
.industrial-frame {
    position:absolute; inset:0 0 54px 52px; overflow:hidden; border-radius:28px;
    background:linear-gradient(180deg,rgba(8,31,61,.08),rgba(8,31,61,.58)),
               repeating-linear-gradient(90deg,#d9e4ec 0 2px,transparent 2px 80px),
               linear-gradient(160deg,#f8fbfd 0 48%,#cad7e1 48% 100%);
    box-shadow:var(--shadow);
}
.industrial-frame::before {
    content:""; position:absolute; inset:0;
    background:linear-gradient(90deg,transparent 49%,rgba(255,255,255,.45) 50%,transparent 51%),
               linear-gradient(0deg,transparent 49%,rgba(255,255,255,.32) 50%,transparent 51%);
    background-size:80px 80px;
}
.machine-line { position:absolute; left:11%; right:8%; bottom:20%; height:44%; }
.machine-unit {
    position:absolute; bottom:22%; width:26%; border:3px solid rgba(12,43,82,.58);
    border-bottom-width:8px; background:rgba(255,255,255,.74);
}
.machine-unit::before,.machine-unit::after { content:""; position:absolute; background:rgba(24,65,120,.18); }
.machine-unit::before { inset:13% 12% auto; height:25%; }
.machine-unit::after {
    left:12%; right:12%; bottom:13%; height:30%; border-top:2px solid rgba(24,65,120,.42);
}
.machine-unit-a { left:0; height:76%; }
.machine-unit-b { left:31%; height:95%; }
.machine-unit-c { right:0; height:64%; }
.machine-conveyor {
    position:absolute; left:0; right:0; bottom:9%; height:10%;
    border-top:4px solid rgba(12,43,82,.7); border-bottom:4px solid rgba(12,43,82,.7);
    background:repeating-linear-gradient(90deg,rgba(24,65,120,.22) 0 10px,transparent 10px 24px);
}
.status-dot {
    position:absolute; left:26px; top:24px; display:flex; align-items:center; gap:8px;
    padding:9px 12px; border-radius:999px; color:var(--blue-dark); background:rgba(255,255,255,.9);
    font-size:.74rem; font-weight:800; box-shadow:0 8px 30px rgba(8,31,61,.1);
}
.status-dot span { width:9px; height:9px; border-radius:50%; background:var(--green); box-shadow:0 0 0 5px rgba(31,143,95,.14); }

.dashboard-card {
    position:absolute; right:-26px; bottom:0; width:min(84%,390px); padding:24px;
    border:1px solid rgba(255,255,255,.74); border-radius:22px; background:rgba(255,255,255,.96);
    box-shadow:0 28px 70px rgba(8,31,61,.19);
}
.dashboard-head,.production-head { display:flex; align-items:start; justify-content:space-between; gap:20px; }
.dashboard-head small,.production-head small,.dashboard-metrics small,.production-value small,.production-foot small {
    display:block; color:var(--muted); font-size:.72rem; font-weight:700;
}
.dashboard-head strong { display:block; margin-top:2px; color:var(--blue-dark); font-size:2.2rem; }
.live-pill {
    display:inline-flex; align-items:center; justify-content:center; padding:7px 9px; border-radius:999px;
    color:var(--green); background:rgba(31,143,95,.1); font-size:.66rem; font-weight:900; letter-spacing:.08em;
}
.dashboard-bars {
    height:118px; display:flex; align-items:end; gap:8px; margin:24px 0 18px; padding-top:14px;
    border-bottom:1px solid var(--line); background:repeating-linear-gradient(0deg,transparent 0 27px,#eef2f6 27px 28px);
}
.dashboard-bars span {
    flex:1; min-height:12px; border-radius:5px 5px 0 0; background:linear-gradient(180deg,#2e6aa9,var(--blue));
}
.dashboard-metrics { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.dashboard-metrics div { padding:11px 12px; border-radius:12px; background:var(--soft); }
.dashboard-metrics strong { display:block; margin-top:3px; color:var(--ink); font-size:.86rem; }

.position-strip { border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:var(--white); }
.position-strip-grid { min-height:82px; display:grid; grid-template-columns:repeat(3,1fr); align-items:center; }
.position-strip-grid span {
    padding:0 30px; color:var(--blue); font-size:.86rem; font-weight:850;
    text-align:center; text-transform:uppercase; letter-spacing:.08em;
}
.position-strip-grid span + span { border-left:1px solid var(--line); }

.solution-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.solution-card {
    position:relative; min-height:490px; display:flex; flex-direction:column; padding:34px;
    border:1px solid var(--line); border-radius:var(--radius); background:var(--white);
    transition:transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease;
}
.solution-card:hover { transform:translateY(-5px); border-color:var(--blue-line); box-shadow:var(--shadow); }
.solution-card-featured { color:var(--white); background:var(--blue); border-color:var(--blue); }
.solution-card-featured p,.solution-card-featured li,.solution-card-featured .solution-label { color:rgba(255,255,255,.78); }
.solution-card-featured .solution-number,.solution-card-featured .text-link { color:var(--white); }
.solution-number { margin-bottom:42px; color:var(--blue); font-size:.75rem; font-weight:900; }
.solution-label {
    display:block; min-height:44px; margin-bottom:18px; color:var(--muted);
    font-size:.8rem; font-weight:750; text-transform:uppercase; letter-spacing:.06em;
}
.solution-card h3 { margin-bottom:16px; font-size:2rem; }
.solution-card ul { margin:10px 0 30px; padding-left:19px; color:var(--muted); font-size:.92rem; }
.solution-card .text-link { margin-top:auto; }

.split-section { display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; }
.split-section h2 { max-width:520px; }
.split-copy > p { max-width:680px; font-size:1.12rem; }
.pillar-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:40px; background:rgba(255,255,255,.17); }
.pillar-grid div { min-height:150px; padding:24px; background:rgba(8,31,61,.25); }
.pillar-grid strong,.pillar-grid span { display:block; }
.pillar-grid strong { margin-bottom:10px; font-size:1.02rem; }
.pillar-grid span { font-size:.84rem; }

.product-showcase { overflow:hidden; }
.showcase-grid { display:grid; grid-template-columns:.88fr 1.12fr; align-items:center; gap:74px; }
.showcase-reverse { grid-template-columns:1.12fr .88fr; }
.showcase-reverse .showcase-copy { order:2; }
.showcase-copy > p { max-width:570px; margin-bottom:28px; font-size:1.05rem; }
.chip-row { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:30px; }
.chip-row span {
    padding:8px 12px; border:1px solid var(--blue-line); border-radius:999px;
    color:var(--blue); background:var(--blue-soft); font-size:.78rem; font-weight:800;
}

.browser-mockup {
    overflow:hidden; min-height:410px; border:1px solid var(--line); border-radius:22px;
    background:var(--white); box-shadow:var(--shadow);
}
.browser-top { height:44px; display:flex; align-items:center; gap:7px; padding:0 15px; border-bottom:1px solid var(--line); background:#fbfcfd; }
.browser-top span { width:9px; height:9px; border-radius:50%; background:#c9d2dc; }
.browser-body { min-height:366px; display:grid; grid-template-columns:72px 1fr; }
.mock-sidebar { display:flex; flex-direction:column; align-items:center; gap:24px; padding-top:23px; background:var(--blue-dark); }
.mock-sidebar b { display:grid; place-items:center; width:30px; height:30px; border-radius:9px; color:var(--blue); background:var(--white); }
.mock-sidebar i { width:26px; height:5px; border-radius:999px; background:rgba(255,255,255,.28); }
.mock-main { padding:29px; background:#f8fafc; }
.mock-title { width:42%; height:22px; margin-bottom:26px; border-radius:6px; background:#d8e0e8; }
.mock-kpis { display:grid; grid-template-columns:repeat(3,1fr); gap:13px; }
.mock-kpis span { height:82px; border:1px solid var(--line); border-radius:12px; background:var(--white); }
.mock-kpis span:first-child { border-top:4px solid var(--blue); }
.mock-table { margin-top:19px; padding:18px; border:1px solid var(--line); border-radius:12px; background:var(--white); }
.mock-table i { display:block; height:14px; margin:14px 0; border-radius:4px; background:linear-gradient(90deg,#dbe3ea 0 64%,#eef2f5 64%); }

.metric-list { display:grid; gap:10px; margin:28px 0 30px; }
.metric-list div { display:grid; grid-template-columns:130px 1fr; gap:20px; padding:11px 0; border-bottom:1px solid var(--line); }
.metric-list strong { color:var(--blue); }
.metric-list span { color:var(--muted); }

.production-panel {
    padding:34px; border-radius:24px; color:var(--white);
    background:radial-gradient(circle at 100% 0%,rgba(255,255,255,.1),transparent 34%),var(--blue-deep);
    box-shadow:var(--shadow);
}
.production-panel .production-head small,.production-panel .production-value small,.production-panel .production-foot small { color:rgba(255,255,255,.56); }
.production-panel .production-head strong { display:block; margin-top:2px; }
.production-panel .live-pill { color:#a4f3ce; background:rgba(31,143,95,.18); }
.production-value { padding:50px 0 34px; text-align:center; }
.production-value strong { display:inline-block; margin-top:4px; font-size:clamp(3.6rem,7vw,5.8rem); line-height:1; letter-spacing:-.06em; }
.production-value span { margin-left:8px; color:rgba(255,255,255,.62); }
.timeline { height:18px; display:flex; overflow:hidden; border-radius:999px; background:rgba(255,255,255,.1); }
.timeline .run { background:#3eb57d; }
.timeline .stop { background:#d55b5b; }
.production-foot { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:26px; }
.production-foot div { padding:13px; border:1px solid rgba(255,255,255,.11); border-radius:12px; background:rgba(255,255,255,.05); }
.production-foot strong { display:block; margin-top:3px; }

.nr12-showcase {
    color:var(--white);
    background:linear-gradient(90deg,rgba(8,31,61,.97),rgba(24,65,120,.93)),var(--blue);
}
.nr12-showcase p { max-width:600px; color:rgba(255,255,255,.72); font-size:1.08rem; }
.nr12-showcase .button { color:var(--blue); background:var(--white); border-color:var(--white); }
.nr12-showcase .eyebrow { color:rgba(255,255,255,.78); }
.nr12-grid { display:grid; grid-template-columns:.95fr 1.05fr; align-items:center; gap:70px; }
.nr12-services { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.nr12-services div {
    min-height:145px; padding:23px; border:1px solid rgba(255,255,255,.14);
    border-radius:16px; background:rgba(255,255,255,.07);
}
.nr12-services span,.nr12-services strong { display:block; }
.nr12-services span { margin-bottom:31px; color:rgba(255,255,255,.5); font-size:.72rem; }

.case-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.case-grid article { min-height:260px; padding:30px; border:1px solid var(--line); border-radius:18px; background:var(--white); }
.case-grid article > span {
    display:inline-block; margin-bottom:36px; color:var(--blue); font-size:.73rem;
    font-weight:850; text-transform:uppercase; letter-spacing:.1em;
}

.process-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:34px; }
.process-grid article { padding-top:22px; border-top:2px solid var(--blue); }
.process-grid article > span { display:block; margin-bottom:48px; color:var(--blue); font-size:.74rem; font-weight:900; }

.final-cta { color:var(--white); background:var(--blue); }
.final-cta-inner { display:flex; align-items:center; justify-content:space-between; gap:50px; }
.final-cta h2 { max-width:760px; margin-bottom:14px; }
.final-cta p { max-width:690px; margin-bottom:0; color:rgba(255,255,255,.74); }

.site-footer { padding:72px 0 22px; color:var(--white); background:var(--blue-deep); }
.site-footer p { color:rgba(255,255,255,.6); }
.footer-grid { display:grid; grid-template-columns:1.45fr 1fr 1fr 1fr; gap:42px; }
.brand-footer { margin-bottom:18px; }
.brand-footer .brand-logo-mark { display:block; width:50px; }
.footer-grid h2 { margin-bottom:18px; font-size:.78rem; text-transform:uppercase; letter-spacing:.11em; }
.footer-grid > div > a:not(.brand) { display:block; margin:10px 0; color:rgba(255,255,255,.7); font-size:.9rem; }
.footer-grid > div > a:hover { color:var(--white); }
.footer-grid .text-link { color:var(--white); }
.footer-bottom {
    display:flex; justify-content:space-between; gap:30px; margin-top:54px; padding-top:20px;
    border-top:1px solid rgba(255,255,255,.12); color:rgba(255,255,255,.45); font-size:.76rem;
}

.page-hero {
    background:radial-gradient(circle at 88% 10%,rgba(24,65,120,.09),transparent 30%),var(--white);
}
.page-hero-grid { display:grid; grid-template-columns:.95fr 1.05fr; align-items:center; gap:70px; }
.page-hero h1 { font-size:clamp(3rem,5vw,5rem); }
.page-hero p { max-width:670px; margin-bottom:30px; font-size:1.1rem; }
.page-hero-compact { padding-bottom:76px; }
.page-hero-compact .container { max-width:950px; margin-left:max(20px,calc((100vw - var(--container))/2)); }

.page-visual {
    min-height:380px; display:flex; flex-direction:column; justify-content:end; padding:36px;
    overflow:hidden; border-radius:24px; color:var(--white); background:var(--blue); box-shadow:var(--shadow);
}
.page-visual::before {
    content:"N"; display:block; margin-bottom:auto; font-size:8rem; font-weight:900;
    line-height:.8; letter-spacing:-.1em; opacity:.12;
}
.page-visual-gestflow { background:linear-gradient(140deg,#0c2b52,#215b9a); }
.page-visual-indflow { background:linear-gradient(140deg,#081f3d,#184178); }
.page-visual-nr12 { background:linear-gradient(140deg,#10243d,#2c527f); }
.page-visual-about { background:linear-gradient(140deg,#184178,#0c2b52); }
.visual-tag {
    display:inline-flex; width:max-content; margin-bottom:12px; padding:7px 10px;
    border:1px solid rgba(255,255,255,.24); border-radius:999px; color:rgba(255,255,255,.8);
    font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em;
}
.page-visual strong { max-width:460px; font-size:clamp(1.55rem,3vw,2.35rem); line-height:1.18; }

.feature-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
.feature-grid article { min-height:220px; padding:30px; border:1px solid var(--line); border-radius:18px; background:var(--white); }
.feature-grid article h3 { color:var(--blue); }
.split-section-light p { color:var(--muted); }

.contact-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.contact-grid article { min-height:260px; padding:30px; border:1px solid var(--line); border-radius:18px; }
.contact-grid h2 { font-size:2rem; }
.contact-note { margin-top:28px; padding:24px 28px; border-left:4px solid var(--blue); background:var(--blue-soft); }
.contact-note p { margin:5px 0 0; }

.error-page { min-height:65vh; display:grid; align-items:center; text-align:center; }
.error-page .container { max-width:700px; }
.error-page p { font-size:1.1rem; }

@media (max-width:1060px) {
    .header-cta { display:none; }
    .hero-grid,.showcase-grid,.showcase-reverse,.nr12-grid,.page-hero-grid { gap:44px; }
    .dashboard-card { right:0; }
    .solution-card { padding:28px; }
    .footer-grid { grid-template-columns:1.3fr 1fr 1fr; }
    .footer-grid > div:last-child { grid-column:1/-1; }
}

@media (max-width:920px) {
    .section { padding:78px 0; }
    .nav-toggle { display:block; }
    .main-nav {
        position:absolute; left:20px; right:20px; top:calc(100% + 8px); display:none;
        flex-direction:column; align-items:stretch; gap:0; padding:12px; border:1px solid var(--line);
        border-radius:16px; background:var(--white); box-shadow:var(--shadow);
    }
    .main-nav.is-open { display:flex; }
    .main-nav a { padding:14px 12px; border-radius:9px; }
    .main-nav a::after { display:none; }
    .main-nav a:hover,.main-nav a[aria-current="page"] { background:var(--blue-soft); }
    .hero-grid,.showcase-grid,.showcase-reverse,.nr12-grid,.page-hero-grid,.split-section { grid-template-columns:1fr; }
    .showcase-reverse .showcase-copy { order:0; }
    .hero-visual { min-height:470px; }
    .industrial-frame { left:0; }
    .position-strip-grid,.solution-grid,.case-grid,.process-grid,.contact-grid { grid-template-columns:1fr; }
    .position-strip-grid span { padding:19px 10px; }
    .position-strip-grid span + span { border-top:1px solid var(--line); border-left:0; }
    .solution-card { min-height:0; }
    .solution-label { min-height:0; }
    .pillar-grid { grid-template-columns:1fr; }
    .nr12-services { grid-template-columns:1fr 1fr; }
    .section-heading-inline,.final-cta-inner { align-items:flex-start; flex-direction:column; }
    .footer-grid { grid-template-columns:1fr 1fr; }
    .footer-grid > div:last-child { grid-column:auto; }
}

@media (max-width:620px) {
    .container { width:min(calc(100% - 28px),var(--container)); }
    .section { padding:64px 0; }
    .header-inner { min-height:70px; }
    .site-header .brand-logo-full { display:none; }
    .site-header .brand-logo-mark { display:block; width:40px; }
    .hero { padding-top:58px; }
    .hero-copy h1 { font-size:clamp(2.65rem,15vw,4.1rem); }
    .hero-copy > p { font-size:1.03rem; }
    .hero-actions { flex-direction:column; }
    .hero-actions .button { width:100%; }
    .hero-visual { min-height:390px; }
    .industrial-frame { bottom:46px; border-radius:20px; }
    .dashboard-card { width:92%; padding:18px; }
    .dashboard-bars { height:90px; }
    .solution-card { padding:25px; }
    .nr12-services { grid-template-columns:1fr; }
    .browser-mockup { min-height:330px; }
    .browser-body { min-height:286px; grid-template-columns:52px 1fr; }
    .mock-main { padding:18px; }
    .mock-kpis { grid-template-columns:1fr; }
    .mock-kpis span { height:55px; }
    .mock-kpis span:nth-child(3) { display:none; }
    .production-panel { padding:24px; }
    .production-foot { grid-template-columns:1fr; }
    .feature-grid { grid-template-columns:1fr; }
    .footer-grid { grid-template-columns:1fr; }
    .footer-bottom { flex-direction:column; gap:6px; }
    .page-visual { min-height:300px; padding:28px; }
    .page-hero-compact .container { margin-inline:auto; }
}

@media (prefers-reduced-motion:reduce) {
    html { scroll-behavior:auto; }
    *,*::before,*::after {
        transition-duration:.01ms !important; animation-duration:.01ms !important; animation-iteration-count:1 !important;
    }
}