/* =========================================================================
   Experanto — Marketing sub-pages (FAQ · Contatti · Chi siamo · Sicurezza)
   Loaded AFTER landing.css. Reuses its tokens & components; adds only what
   the sub-pages need. Namespaced to avoid clashing with landing selectors.
   ========================================================================= */

body { overflow-x: hidden; }

/* Sub-pages scroll normally (landing pins overflow on some viewports). */
.page-body { overflow-y: auto; }

/* Anchor targets clear the sticky header (+ the sticky rail, on the FAQ page). */
.page-anchor { scroll-margin-top: calc(var(--header-h) + 24px); }
.faqp-cat { scroll-margin-top: calc(var(--header-h) + 86px); }

/* Nav / mobile-menu live in landing.css (shared by every page). */


/* ==========================================================================
   PAGE HERO — compact hero shared by every sub-page
   ========================================================================== */

.pagehero {
    position: relative;
    z-index: 1;
    max-width: var(--maxw-narrow);
    margin: 0 auto;
    padding: clamp(56px, 9vw, 104px) var(--gutter) clamp(28px, 4vw, 44px);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.pagehero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 6px 14px 6px 12px;
    background: rgba(255,255,255,0.04);
    border: 0.5px solid var(--separator);
    border-radius: var(--radius-pill);
    font-size: 11px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--text2);
    font-weight: 500;
}
html[data-theme="light"] .pagehero__eyebrow { background: rgba(0,0,0,0.03); }
.pagehero__eyebrow .num { font-size: 12px; color: var(--yellow); font-weight: 700; line-height: 1; }
html[data-theme="light"] .pagehero__eyebrow .num { color: #B68800; }
.pagehero__eyebrow .num-divider { width: 1px; height: 12px; background: var(--separator); }

.pagehero__title {
    font-family: var(--font-display);
    font-weight: 300;
    font-size: clamp(38px, 5.6vw, 68px);
    line-height: 1.02;
    letter-spacing: -0.035em;
    color: var(--text);
    max-width: 18ch;
}
.pagehero__title em {
    font-style: italic;
    font-weight: 300;
    background: linear-gradient(180deg, #FFE45C 0%, #FFB800 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: 0 0 60px rgba(255,200,0,0.20);
}
html[data-theme="light"] .pagehero__title em {
    background: linear-gradient(180deg, #E0A800 0%, #C97A00 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: none;
}

.pagehero__sub {
    color: var(--text2);
    font-size: clamp(16px, 1.4vw, 19px);
    line-height: 1.55;
    max-width: 58ch;
}

.pagehero__cta {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
    margin-top: 6px;
}

/* Meta line under some heroes (e.g. "aggiornato il…") */
.pagehero__meta {
    font-size: 13px;
    color: var(--text3);
    font-style: italic;
}


/* ==========================================================================
   SHARED — lead paragraph & prose blocks
   ========================================================================== */

.page-section {
    position: relative;
    z-index: 1;
    max-width: var(--maxw-narrow);
    margin: 0 auto;
    padding: clamp(40px, 6vw, 72px) var(--gutter);
}
.page-section--tight { padding-top: clamp(24px, 3vw, 40px); }

.page-lead {
    font-family: var(--font-display);
    font-weight: 300;
    font-size: clamp(22px, 2.8vw, 32px);
    line-height: 1.32;
    letter-spacing: -0.02em;
    color: var(--text);
    max-width: 22ch;
}
.page-lead em {
    font-style: italic;
    background: linear-gradient(180deg, #FFE45C 0%, #FFB800 100%);
    -webkit-background-clip: text; background-clip: text; color: transparent;
}
html[data-theme="light"] .page-lead em {
    background: linear-gradient(180deg, #E0A800 0%, #C97A00 100%);
    -webkit-background-clip: text; background-clip: text; color: transparent;
}

.page-prose > * + * { margin-top: 1.1em; }
.page-prose p {
    color: var(--text2);
    font-size: clamp(15px, 1.2vw, 17px);
    line-height: 1.72;
    max-width: 66ch;
}
.page-prose strong { color: var(--text); font-weight: 600; }
.page-prose a {
    color: var(--blue);
    text-decoration: underline;
    text-decoration-color: rgba(10,132,255,0.4);
    text-underline-offset: 3px;
    transition: text-decoration-color 0.2s var(--ease);
}
.page-prose a:hover { text-decoration-color: currentColor; }

/* Two-column split: sticky heading left, content right */
.page-split {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.4fr);
    gap: clamp(32px, 5vw, 72px);
    align-items: start;
}
.page-split__aside { position: sticky; top: calc(var(--header-h) + 28px); }
.page-split__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--text3);
    margin-bottom: 14px;
}
.page-split__eyebrow .num { color: var(--yellow); }
html[data-theme="light"] .page-split__eyebrow .num { color: #B68800; }
.page-split__title {
    font-family: var(--font-display);
    font-weight: 300;
    font-size: clamp(26px, 3vw, 38px);
    line-height: 1.08;
    letter-spacing: -0.03em;
    color: var(--text);
}


/* ==========================================================================
   FAQ PAGE — sticky category rail + grouped accordions
   ========================================================================== */

.faqp-rail {
    position: sticky;
    top: var(--header-h);
    z-index: 30;
    display: flex;
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: none;
    padding: 14px var(--gutter);
    max-width: var(--maxw);
    margin: 0 auto;
    -webkit-backdrop-filter: var(--glass-blur);
    backdrop-filter: var(--glass-blur);
    background: linear-gradient(180deg, var(--bg) 60%, transparent);
    -webkit-mask-image: none;
}
.faqp-rail::-webkit-scrollbar { display: none; }

.faqp-rail a {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 15px;
    border-radius: var(--radius-pill);
    border: 0.5px solid var(--separator);
    background: rgba(255,255,255,0.03);
    color: var(--text2);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -0.005em;
    white-space: nowrap;
    transition: color 0.2s var(--ease), background 0.2s var(--ease), border-color 0.2s var(--ease);
}
html[data-theme="light"] .faqp-rail a { background: rgba(0,0,0,0.02); }
.faqp-rail a .num { font-family: var(--font-mono); font-size: 11px; color: var(--text3); }
.faqp-rail a:hover { color: var(--text); border-color: var(--hairline); }
.faqp-rail a.is-active {
    color: var(--text);
    background: rgba(255,214,10,0.10);
    border-color: rgba(255,214,10,0.35);
}
.faqp-rail a.is-active .num { color: var(--yellow); }
html[data-theme="light"] .faqp-rail a.is-active { background: rgba(216,150,0,0.10); border-color: rgba(216,150,0,0.35); }
html[data-theme="light"] .faqp-rail a.is-active .num { color: #B68800; }

.faqp-wrap {
    max-width: var(--maxw-narrow);
    margin: 0 auto;
    padding: clamp(24px, 4vw, 48px) var(--gutter) 0;
}

.faqp-cat { margin-top: clamp(40px, 6vw, 64px); }
.faqp-cat:first-child { margin-top: clamp(12px, 2vw, 24px); }

.faqp-cat__head {
    display: flex;
    align-items: baseline;
    gap: 16px;
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 0.5px solid var(--separator);
}
.faqp-cat__num {
    font-family: var(--font-mono);
    font-size: 14px;
    font-weight: 700;
    color: var(--yellow);
    letter-spacing: 0.04em;
}
html[data-theme="light"] .faqp-cat__num { color: #B68800; }
.faqp-cat__title {
    font-family: var(--font-display);
    font-size: clamp(22px, 2.4vw, 28px);
    font-weight: 400;
    letter-spacing: -0.02em;
    color: var(--text);
}
.faqp-cat__count {
    margin-left: auto;
    font-size: 12px;
    color: var(--text3);
    font-variant-numeric: tabular-nums;
    align-self: center;
}
.faqp-cat .faq__list { max-width: none; }


/* ==========================================================================
   CONTACT PAGE — channel cards + form
   ========================================================================== */

.contact-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
    gap: clamp(24px, 4vw, 56px);
    align-items: start;
}

.contact-channels { display: flex; flex-direction: column; gap: 12px; }

.contact-channel {
    position: relative;
    display: grid;
    grid-template-columns: 46px 1fr;
    gap: 16px;
    padding: 20px;
    background: var(--card);
    border: 0.5px solid var(--separator);
    border-radius: var(--radius-card);
    -webkit-backdrop-filter: var(--glass-blur);
    backdrop-filter: var(--glass-blur);
    transition: transform 0.3s var(--ease), border-color 0.3s var(--ease), background 0.3s var(--ease);
    overflow: hidden;
    isolation: isolate;
}
.contact-channel::before {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--ch-tint, radial-gradient(circle at 12% 0%, rgba(255,255,255,0.04), transparent 55%));
    opacity: 0.55; z-index: -1;
    transition: opacity 0.3s var(--ease);
}
.contact-channel:hover { transform: translateY(-2px); border-color: var(--hairline); }
.contact-channel:hover::before { opacity: 1; }

.contact-channel[data-tint="green"]  { --ch-tint: radial-gradient(circle at 12% 0%, rgba(48,209,88,0.12), transparent 60%); }
.contact-channel[data-tint="yellow"] { --ch-tint: radial-gradient(circle at 12% 0%, rgba(255,214,10,0.13), transparent 60%); }
.contact-channel[data-tint="blue"]   { --ch-tint: radial-gradient(circle at 12% 0%, rgba(10,132,255,0.13), transparent 60%); }

.contact-channel__icon {
    width: 46px; height: 46px;
    border-radius: 14px;
    background: rgba(255,255,255,0.06);
    border: 0.5px solid var(--separator);
    display: flex; align-items: center; justify-content: center;
    color: var(--text);
}
.contact-channel__icon svg { width: 22px; height: 22px; }
.contact-channel[data-tint="green"]  .contact-channel__icon { color: var(--green);  background: rgba(48,209,88,0.10);  border-color: rgba(48,209,88,0.22); }
.contact-channel[data-tint="yellow"] .contact-channel__icon { color: var(--yellow); background: rgba(255,214,10,0.12); border-color: rgba(255,214,10,0.25); }
.contact-channel[data-tint="blue"]   .contact-channel__icon { color: var(--blue);   background: rgba(10,132,255,0.10); border-color: rgba(10,132,255,0.22); }

.contact-channel__title {
    font-family: var(--font-display);
    font-size: 17px; font-weight: 500; letter-spacing: -0.01em;
    color: var(--text); margin-bottom: 3px;
}
.contact-channel__desc { font-size: 13.5px; line-height: 1.5; color: var(--text2); margin-bottom: 10px; }
.contact-channel__foot { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.contact-channel__mail {
    font-family: var(--font-mono);
    font-size: 13px;
    color: var(--blue);
    font-weight: 500;
    border-bottom: 0.5px solid rgba(10,132,255,0.35);
    transition: border-color 0.2s var(--ease);
}
.contact-channel__mail:hover { border-color: currentColor; }
.contact-channel__sla {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 11px; font-weight: 600; letter-spacing: 0.04em;
    color: var(--text3);
}
.contact-channel__sla .dot-pulse { width: 6px; height: 6px; }

/* Form card reuses .field styles from landing.css */
.contact-form-card {
    background: var(--card-solid);
    border: 0.5px solid var(--separator);
    border-radius: var(--radius-card);
    padding: clamp(24px, 3vw, 34px);
    box-shadow: var(--shadow-card);
}
.contact-form-card__head { margin-bottom: 22px; }
.contact-form-card__title {
    font-family: var(--font-display);
    font-size: clamp(20px, 2.2vw, 24px);
    font-weight: 400; letter-spacing: -0.02em; color: var(--text);
    margin-bottom: 6px;
}
.contact-form-card__sub { font-size: 14px; color: var(--text2); line-height: 1.5; }
.contact-form { display: flex; flex-direction: column; gap: 16px; }
.contact-form .modal__actions { justify-content: stretch; }
.contact-form .modal__actions .btn { flex: 1; }
.contact-form__legal {
    text-align: center; font-size: 12px; color: var(--text3); line-height: 1.5; margin-top: 2px;
}
.contact-form__legal a { color: var(--blue); font-weight: 500; }


/* ==========================================================================
   ABOUT PAGE — translation signature, values, stats
   ========================================================================== */

/* Signature: portal names collapsing into one Experanto "language" */
.about-translate {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: clamp(16px, 3vw, 40px);
    max-width: 880px;
    margin: 0 auto;
    padding: clamp(28px, 4vw, 44px);
    background: var(--card);
    border: 0.5px solid var(--separator);
    border-radius: var(--radius-card);
    -webkit-backdrop-filter: var(--glass-blur);
    backdrop-filter: var(--glass-blur);
    position: relative;
    overflow: hidden;
    isolation: isolate;
}
.about-translate::before {
    content: '';
    position: absolute;
    top: -30%; right: -10%;
    width: 460px; height: 460px; border-radius: 50%;
    background: radial-gradient(circle at 50% 50%, rgba(255,214,10,0.12), rgba(48,209,88,0.03) 40%, transparent 70%);
    filter: blur(20px); z-index: -1;
}

.about-translate__from { display: flex; flex-direction: column; gap: 9px; }
.about-translate__pill {
    display: flex; align-items: center; gap: 10px;
    padding: 10px 14px;
    border-radius: var(--radius-btn);
    background: rgba(255,255,255,0.04);
    border: 0.5px solid var(--separator);
    font-size: 13.5px;
    color: var(--text2);
    transition: opacity 0.4s var(--ease), transform 0.4s var(--ease);
}
html[data-theme="light"] .about-translate__pill { background: rgba(0,0,0,0.025); }
.about-translate__pill small { color: var(--text3); font-size: 11px; margin-left: auto; }
/* staggered depth */
.about-translate__pill:nth-child(1) { opacity: 0.95; }
.about-translate__pill:nth-child(2) { opacity: 0.82; }
.about-translate__pill:nth-child(3) { opacity: 0.68; }
.about-translate__pill:nth-child(4) { opacity: 0.54; }
.about-translate__pill:nth-child(5) { opacity: 0.42; }

.about-translate__arrow {
    display: flex; align-items: center; justify-content: center;
    width: clamp(40px, 6vw, 72px); height: 64px;
    position: relative;
    color: var(--text3);
}
.about-translate__arrow svg { width: 100%; height: 28px; overflow: visible; }
.about-translate__arrow .merge-line { stroke: var(--separator); stroke-width: 1.5; fill: none; }
.about-translate__arrow .merge-dot {
    fill: var(--yellow);
    animation: about-merge 2.4s linear infinite;
}
@keyframes about-merge { 0% { opacity: 0; } 10% { opacity: 1; } 100% { transform: translateX(var(--merge-x, 40px)); opacity: 0; } }

.about-translate__to {
    display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px;
    padding: 22px 18px;
    border-radius: var(--radius-card);
    background: rgba(255,214,10,0.05);
    border: 0.5px solid rgba(255,214,10,0.22);
}
html[data-theme="light"] .about-translate__to { background: rgba(216,150,0,0.06); border-color: rgba(216,150,0,0.25); }
.about-translate__sun {
    width: 44px; height: 44px; color: var(--yellow);
    filter: drop-shadow(0 0 14px rgba(255,214,10,0.5));
    animation: brand-sun-spin 30s linear infinite;
}
.about-translate__word {
    font-family: var(--font-display);
    font-size: clamp(18px, 2vw, 22px);
    font-weight: 500; letter-spacing: -0.01em; color: var(--text);
}
.about-translate__cap {
    font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--text3); font-weight: 600;
}

/* Values grid — reuses .feature look, distinct class to stay independent */
.about-values {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}
.about-value {
    background: var(--card);
    border: 0.5px solid var(--separator);
    border-radius: var(--radius-card);
    padding: 26px;
    -webkit-backdrop-filter: var(--glass-blur);
    backdrop-filter: var(--glass-blur);
    transition: transform 0.3s var(--ease), border-color 0.3s var(--ease);
}
.about-value:hover { transform: translateY(-3px); border-color: var(--hairline); }
.about-value__k {
    font-family: var(--font-mono); font-size: 12px; color: var(--yellow); font-weight: 700; letter-spacing: 0.04em;
}
html[data-theme="light"] .about-value__k { color: #B68800; }
.about-value__title {
    font-family: var(--font-display);
    font-size: 18px; font-weight: 500; letter-spacing: -0.015em; color: var(--text);
    margin: 10px 0 8px;
}
.about-value__body { font-size: 14px; line-height: 1.6; color: var(--text2); }

/* Stats strip */
.about-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    max-width: var(--maxw-narrow);
    margin: 0 auto;
    padding: clamp(28px, 4vw, 40px);
    background: var(--card);
    border: 0.5px solid var(--separator);
    border-radius: var(--radius-card);
    -webkit-backdrop-filter: var(--glass-blur);
    backdrop-filter: var(--glass-blur);
}
.about-stat { text-align: center; }
.about-stat__num {
    font-family: var(--font-display);
    font-size: clamp(30px, 4vw, 44px);
    font-weight: 300; letter-spacing: -0.03em; color: var(--text);
    font-variant-numeric: tabular-nums; line-height: 1;
}
.about-stat__num em {
    font-style: normal;
    background: linear-gradient(180deg, #FFE45C 0%, #FFB800 100%);
    -webkit-background-clip: text; background-clip: text; color: transparent;
}
html[data-theme="light"] .about-stat__num em {
    background: linear-gradient(180deg, #E0A800 0%, #C97A00 100%);
    -webkit-background-clip: text; background-clip: text; color: transparent;
}
.about-stat__lbl {
    margin-top: 8px; font-size: 12px; color: var(--text3);
    letter-spacing: 0.06em; text-transform: uppercase; font-weight: 600;
}


/* ==========================================================================
   SECURITY PAGE — principles grid, do/don't contrast, data list
   ========================================================================== */

.sec-principles {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}
.sec-principle {
    background: var(--card);
    border: 0.5px solid var(--separator);
    border-radius: var(--radius-card);
    padding: 26px 24px;
    -webkit-backdrop-filter: var(--glass-blur);
    backdrop-filter: var(--glass-blur);
    transition: transform 0.3s var(--ease), border-color 0.3s var(--ease);
}
.sec-principle:hover { transform: translateY(-3px); border-color: var(--hairline); }
.sec-principle__icon {
    width: 44px; height: 44px; border-radius: 14px;
    background: rgba(48,209,88,0.10);
    border: 0.5px solid rgba(48,209,88,0.22);
    color: var(--green);
    display: flex; align-items: center; justify-content: center;
    margin-bottom: 18px;
}
.sec-principle__icon svg { width: 22px; height: 22px; }
.sec-principle__title {
    font-family: var(--font-display);
    font-size: 17px; font-weight: 500; letter-spacing: -0.015em; color: var(--text); margin-bottom: 8px;
}
.sec-principle__body { font-size: 14px; line-height: 1.6; color: var(--text2); }

/* Do / Don't contrast */
.sec-contrast {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}
.sec-col {
    border-radius: var(--radius-card);
    border: 0.5px solid var(--separator);
    padding: 26px;
    background: var(--card);
    -webkit-backdrop-filter: var(--glass-blur);
    backdrop-filter: var(--glass-blur);
}
.sec-col--do   { border-color: rgba(48,209,88,0.28); background: rgba(48,209,88,0.05); }
.sec-col--dont { border-color: rgba(255,69,58,0.24); background: rgba(255,69,58,0.045); }
.sec-col__head {
    display: flex; align-items: center; gap: 10px;
    font-family: var(--font-display);
    font-size: 16px; font-weight: 600; letter-spacing: -0.01em;
    margin-bottom: 18px; padding-bottom: 14px;
    border-bottom: 0.5px solid var(--separator);
}
.sec-col--do   .sec-col__head { color: var(--green-soft); }
html[data-theme="light"] .sec-col--do .sec-col__head { color: var(--green-deep); }
.sec-col--dont .sec-col__head { color: var(--red); }
.sec-col__badge {
    width: 24px; height: 24px; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}
.sec-col--do   .sec-col__badge { background: rgba(48,209,88,0.15); }
.sec-col--dont .sec-col__badge { background: rgba(255,69,58,0.15); }
.sec-col__badge svg { width: 14px; height: 14px; }
.sec-list { display: flex; flex-direction: column; gap: 14px; }
.sec-list li {
    display: grid; grid-template-columns: 20px 1fr; gap: 12px;
    font-size: 14.5px; line-height: 1.55; color: var(--text2);
}
.sec-list li strong { color: var(--text); font-weight: 600; }
.sec-list__mark { margin-top: 2px; }
.sec-col--do   .sec-list__mark { color: var(--green); }
.sec-col--dont .sec-list__mark { color: var(--red); }
.sec-list__mark svg { width: 16px; height: 16px; }

/* Data handling list */
.sec-data { display: flex; flex-direction: column; gap: 10px; }
.sec-data__row {
    display: grid;
    grid-template-columns: minmax(0, 0.5fr) minmax(0, 1fr);
    gap: 20px;
    padding: 18px 22px;
    background: var(--card);
    border: 0.5px solid var(--separator);
    border-radius: 16px;
    -webkit-backdrop-filter: var(--glass-blur);
    backdrop-filter: var(--glass-blur);
    align-items: baseline;
}
.sec-data__k {
    font-family: var(--font-display);
    font-size: 15px; font-weight: 500; color: var(--text); letter-spacing: -0.01em;
}
.sec-data__v { font-size: 14px; line-height: 1.6; color: var(--text2); }


/* ==========================================================================
   SHARED — inline note card & callout used across pages
   ========================================================================== */

.page-callout {
    max-width: var(--maxw-narrow);
    margin: 0 auto;
    padding: 22px 26px;
    background: var(--card);
    border: 0.5px solid var(--separator);
    border-left: 3px solid var(--yellow);
    border-radius: 16px;
    -webkit-backdrop-filter: var(--glass-blur);
    backdrop-filter: var(--glass-blur);
    color: var(--text2);
    font-size: 15px;
    line-height: 1.65;
}
.page-callout strong { color: var(--text); font-weight: 600; }
.page-callout a { color: var(--blue); font-weight: 500; text-decoration: underline; text-underline-offset: 3px; }


/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

@media (max-width: 900px) {
    .contact-grid { grid-template-columns: 1fr; }
    .about-values { grid-template-columns: 1fr; }
    .sec-principles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .about-stats { grid-template-columns: repeat(2, 1fr); row-gap: 28px; }
    .page-split { grid-template-columns: 1fr; gap: 24px; }
    .page-split__aside { position: static; }
}

@media (max-width: 720px) {
    .sec-principles { grid-template-columns: 1fr; }
    .sec-contrast { grid-template-columns: 1fr; }
    .sec-data__row { grid-template-columns: 1fr; gap: 6px; }

    .about-translate { grid-template-columns: 1fr; gap: 22px; text-align: left; }
    .about-translate__arrow { width: 100%; height: 44px; transform: rotate(90deg); }
    .about-translate__to { width: 100%; }
}

@media (max-width: 460px) {
    .about-stats { grid-template-columns: 1fr; }
    .contact-channel { grid-template-columns: 1fr; }
    .contact-channel__icon { margin-bottom: 4px; }
}


/* ==========================================================================
   REDUCED MOTION
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
    .about-translate__sun,
    .about-translate__arrow .merge-dot,
    .mobile-menu { animation: none !important; }
}