@font-face {
            font-family: "Ubuntu";
            src: url("../hu/fonts/ubuntu/Ubuntu-Regular.ttf") format("truetype");
            font-weight: 400;
            font-style: normal;
            font-display: swap;
        }

        @font-face {
            font-family: "Ubuntu";
            src: url("../hu/fonts/ubuntu/Ubuntu-Medium.ttf") format("truetype");
            font-weight: 500;
            font-style: normal;
            font-display: swap;
        }

        @font-face {
            font-family: "Ubuntu";
            src: url("../hu/fonts/ubuntu/Ubuntu-Bold.ttf") format("truetype");
            font-weight: 700;
            font-style: normal;
            font-display: swap;
        }

        :root {
            /* GATEBOOKING BRAND ALAP */
            --brand-navy-950: #06111d;
            --brand-navy-900: #0a1b2e;
            --brand-navy-850: #10283f;
            --brand-blue-800: #16385a;
            --brand-blue-700: #1d4d7a;
            --brand-blue-600: #2a6dad;
            --brand-blue-500: #3d89cf;
            --brand-blue-400: #67a3d8;
            --brand-blue-300: #8db8de;

            --brand-cyan-500: #63e3d6;
            --brand-cyan-400: #7ef0df;
            --brand-cyan-200: #c8fbf2;

            --green: #79b82f;
            --green-dark: #629a23;
            --yellow: #f0c93b;
            --yellow-soft: #fff2ba;

            /* LIGHT THEME – GATEBOOKING HANGULATTAL */
            --light-100: #f7fbff;
            --light-150: #f0f7fd;
            --light-200: #e7f1f9;
            --light-250: #ddeaf5;
            --light-300: #d4e4f1;
            --light-400: #c0d5e6;

            --card-light: rgba(255, 255, 255, 0.72);
            --card-light-strong: rgba(231, 241, 249, 0.92);
            --card-soft-blue: rgba(143, 184, 222, 0.16);

            --text-dark: #11273b;
            --text-muted: #587087;
            --text-muted-strong: #2f475c;
            --text-light: #edf6ff;
            --text-light-muted: #b8cade;

            --line-dark: rgba(255, 255, 255, 0.10);
            --line-light: rgba(17, 39, 59, 0.10);

            --shadow-dark: 0 24px 60px rgba(3, 13, 24, 0.35);
            --shadow-light: 0 18px 44px rgba(16, 40, 63, 0.12);

            --radius-xl: 30px;
            --radius-lg: 22px;
            --radius-md: 16px;

            --container: 1200px;
        }

        * {
            box-sizing: border-box;
        }

        html {
            scroll-behavior: smooth;
        }

        body {
            margin: 0;
            font-family: Arial, Helvetica, sans-serif;
            background:
                radial-gradient(circle at top right, rgba(99, 227, 214, 0.10), transparent 18%),
                radial-gradient(circle at left top, rgba(61, 137, 207, 0.10), transparent 24%),
                linear-gradient(180deg, #f7fbff 0%, #eaf3fa 100%);
            color: var(--text-dark);
            line-height: 1.6;
        }

        a {
            color: inherit;
            text-decoration: none;
        }

        img {
            max-width: 100%;
            display: block;
        }

        .container {
            width: min(var(--container), calc(100% - 40px));
            margin: 0 auto;
        }

        .site-header {
            position: sticky;
            top: 0;
            z-index: 100;
            backdrop-filter: blur(12px);
            background: linear-gradient(90deg, rgba(8, 27, 46, 0.94), rgba(38, 116, 190, 0.90));
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
            box-shadow: 0 10px 26px rgba(6, 17, 29, 0.20);
        }

        .header-inner {
            min-height: 84px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 24px;
        }

        .logo {
            display: flex;
            align-items: center;
            gap: 14px;
            font-size: 1rem;
            font-weight: 700;
            color: #fff;
            letter-spacing: 0.2px;
            font-family: Ubuntu, -apple-system, BlinkMacSystemFont, sans-serif;
        }

        .logo-mark {
            width: 60px;
            height: 60px;
            border-radius: 16px;
            display: grid;
            place-items: center;
            overflow: hidden;
            flex: 0 0 60px;
        }

        .logo-mark img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            display: block;
        }

        .logo-text {
            display: flex;
            flex-direction: column;
            gap: 1px;
        }

        .logo-slogan {
            font-size: 0.82rem;
            font-weight: 400;
            letter-spacing: 0.3px;
            color: rgba(255, 255, 255, 0.82);
            text-transform: none;
            font-family: Ubuntu, -apple-system, BlinkMacSystemFont, sans-serif;
        }

        .nav a {
            color: rgba(255, 255, 255, 0.84);
            font-size: 0.96rem;
            transition: color 0.2s ease, opacity 0.2s ease;
            font-family: Ubuntu, -apple-system, BlinkMacSystemFont, sans-serif;
        }

        .nav a:hover {
            color: var(--brand-cyan-400);
        }

        .mobile-nav-toggle,
        .mobile-nav-panel {
            display: none;
        }

        .mobile-nav-toggle {
            width: 46px;
            height: 46px;
            padding: 0;
            border-radius: 12px;
            border: 1px solid rgba(255, 255, 255, 0.20);
            background: rgba(255, 255, 255, 0.10);
            --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.92%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
        }

        .mobile-nav-toggle .navbar-toggler-icon {
            width: 1.5em;
            height: 1.5em;
        }

        .mobile-nav-panel {
            flex-basis: 100%;
        }

        .mobile-nav-body {
            margin-top: 10px;
            padding: 14px;
            border-radius: 16px;
            background: rgba(5, 18, 31, 0.92);
            border: 1px solid rgba(255, 255, 255, 0.12);
        }

        .mobile-nav-list a {
            color: rgba(255, 255, 255, 0.9);
            font-weight: 600;
            font-size: 0.96rem;
            font-family: Ubuntu, -apple-system, BlinkMacSystemFont, sans-serif;
        }

        .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 50px;
            padding: 0 24px;
            border-radius: 999px;
            font-weight: 700;
            font-size: 0.96rem;
            border: 1px solid transparent;
            transition: 0.2s ease;
            white-space: nowrap;
            cursor: pointer;
        }

        .btn-primary {
            background: #e8883a;
            color: #fff;
            box-shadow: 0 14px 28px rgba(232, 136, 58, 0.28);
        }

        .btn-primary:hover {
            background: #d4742a;
            transform: translateY(-1px);
        }

        .btn-secondary {
            background: linear-gradient(180deg, #ffffff, #edf6ff);
            color: var(--text-dark);
            border-color: rgba(17, 39, 59, 0.08);
        }

        .btn-secondary:hover {
            background: #f5fbff;
            transform: translateY(-1px);
            color: var(--text-dark);
        }

        .btn-outline-dark {
            background: rgba(255, 255, 255, 0.10);
            color: #fff;
            border-color: rgba(255, 255, 255, 0.18);
        }

        .btn-outline-dark:hover {
            background: rgba(255, 255, 255, 0.16);
            color: #fff;
        }

        .btn-outline-light {
            background: transparent;
            color: #fff;
            border-color: rgba(255, 255, 255, 0.18);
        }

        .btn-outline-light:hover {
            background: rgba(255, 255, 255, 0.08);
            color: #fff;
        }

        .section {
            position: relative;
            padding: 78px 0;
        }

        .section-light {
            background:
                radial-gradient(circle at top left, rgba(99, 227, 214, 0.10), transparent 18%),
                linear-gradient(135deg, #f7fbff 0%, #e8f2fa 100%);
            color: var(--text-dark);
        }

        .section-white {
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.70), rgba(244, 249, 253, 0.92));
            color: var(--text-dark);
        }

        .section-soft {
            background:
                radial-gradient(circle at right top, rgba(61, 137, 207, 0.12), transparent 18%),
                radial-gradient(circle at left bottom, rgba(99, 227, 214, 0.10), transparent 20%),
                linear-gradient(180deg, #edf5fb 0%, #deebf6 100%);
            color: var(--text-dark);
        }

        .section-dark {
            background:
                radial-gradient(circle at top right, rgba(126, 240, 223, 0.10), transparent 20%),
                radial-gradient(circle at left center, rgba(61, 137, 207, 0.14), transparent 24%),
                linear-gradient(135deg, var(--brand-navy-900) 0%, var(--brand-blue-800) 58%, var(--brand-blue-500) 100%);
            color: var(--text-light);
        }

        .hero {
            padding: 94px 0 74px;
            overflow: hidden;
        }

        .hero-grid {
            display: grid;
            grid-template-columns: 1.08fr 0.92fr;
            gap: 44px;
            align-items: center;
        }

        .eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 10px 16px;
            border-radius: 999px;
            font-size: 0.82rem;
            font-weight: 700;
            letter-spacing: 1.7px;
            text-transform: uppercase;
            margin-bottom: 18px;
        }

        .section-dark .eyebrow {
            background: rgba(126, 240, 223, 0.10);
            color: var(--brand-cyan-200);
            border: 1px solid rgba(126, 240, 223, 0.18);
        }

        .section-light .eyebrow,
        .section-white .eyebrow,
        .section-soft .eyebrow {
            background: rgba(99, 227, 214, 0.12);
            color: #14665e;
            border: 1px solid rgba(99, 227, 214, 0.20);
        }

        .hero h1,
        .section-header h2,
        .cta-box h2 {
            margin: 0 0 16px;
            line-height: 1.05;
            letter-spacing: -1.3px;
            font-family: Ubuntu, -apple-system, BlinkMacSystemFont, sans-serif;
            color: #144067;
        }

        .hero h1 {
            font-size: clamp(2.4rem, 4.5vw, 3.4rem);
            max-width: 760px;
            font-weight: 400;
            color: #fff;
        }

        .hero-lead {
            margin: 0 0 28px;
            max-width: 700px;
            font-size: 1.12rem;
            color: var(--text-light-muted);
        }

        .hero-note {
            margin: 0;
            color: var(--text-light-muted);
            font-size: 0.98rem;
            max-width: 640px;
        }

        .hero-card {
            background: transparent;
            border: none;
            border-radius: var(--radius-xl);
            padding: 0;
            box-shadow: none;
        }

        .hero-image,
        .image-placeholder,
        .article-thumb {
            display: grid;
            place-items: center;
            text-align: center;
            padding: 24px;
            border-radius: var(--radius-lg);
        }

        .hero-image {
            background: transparent;
            border: none;
            padding: 0;
            color: var(--text-light-muted);
        }

        .hero-image img {
            width: 100%;
            border-radius: var(--radius-lg);
        }

        .rounded-media {
            border-radius: var(--radius-lg);
        }

        .hero-image strong,
        .image-placeholder strong,
        .article-thumb strong {
            display: block;
            margin-bottom: 8px;
            font-size: 1.02rem;
        }

        .section-header {
            max-width: 760px;
            margin-bottom: 32px;
        }

        .section-header.center {
            text-align: center;
            margin-left: auto;
            margin-right: auto;
        }

        .section-header h2 {
            font-size: clamp(2rem, 3vw, 3rem);
        }

        .section-header p,
        .content-box p,
        .feature-card p,
        .stat-card p,
        .article-card p,
        .cta-box p,
        .closing-note {
            font-size: 1.02rem;
        }

        .section-light .section-header p,
        .section-white .section-header p,
        .section-soft .section-header p,
        .section-light .content-box p,
        .section-white .content-box p,
        .section-soft .content-box p,
        .section-light .feature-card p,
        .section-white .feature-card p,
        .section-soft .feature-card p,
        .section-light .stat-card p,
        .section-white .stat-card p,
        .section-soft .stat-card p,
        .section-light .article-card p,
        .section-white .article-card p,
        .section-soft .article-card p,
        .section-light .cta-box p,
        .section-white .cta-box p,
        .section-soft .cta-box p,
        .section-light .closing-note,
        .section-white .closing-note,
        .section-soft .closing-note {
            color: var(--text-muted);
        }

        .section-white .section-header p,
        .section-white .content-box p,
        .section-white .feature-card p,
        .section-white .stat-card p,
        .section-white .article-card p,
        .section-white .cta-box p,
        .section-white .closing-note,
        .section-white .image-placeholder {
            color: var(--text-muted-strong);
        }

        .section-dark .section-header p,
        .section-dark .content-box p,
        .section-dark .feature-card p,
        .section-dark .stat-card p,
        .section-dark .article-card p,
        .section-dark .cta-box p,
        .section-dark .closing-note {
            color: var(--text-light-muted);
        }

        .grid-2 {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 28px;
        }

        #contact .grid-2 {
            align-items: start;
        }

        #contact .content-box {
            align-self: start;
        }

        #contact.section {
            padding-bottom: 28px;
        }

        #faq.section {
            padding-top: 36px;
        }

        .content-box,
        .feature-card,
        .stat-card,
        .article-card,
        .cta-box {
            border-radius: var(--radius-lg);
            overflow: hidden;
        }

        .section-light .content-box,
        .section-white .content-box,
        .section-soft .content-box,
        .section-light .feature-card,
        .section-white .feature-card,
        .section-soft .feature-card,
        .section-light .stat-card,
        .section-white .stat-card,
        .section-soft .stat-card,
        .section-light .article-card,
        .section-white .article-card,
        .section-soft .article-card,
        .section-light .cta-box,
        .section-white .cta-box,
        .section-soft .cta-box {
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.76), rgba(231, 241, 249, 0.88));
            border: 1px solid rgba(29, 77, 122, 0.10);
            box-shadow: var(--shadow-light);
        }

        .section-dark .content-box,
        .section-dark .feature-card,
        .section-dark .stat-card,
        .section-dark .article-card,
        .section-dark .cta-box {
            background: rgba(255, 255, 255, 0.05);
            border: 1px solid var(--line-dark);
            box-shadow: var(--shadow-dark);
        }

        .section-dark .hero h1,
        .section-dark .section-header h2,
        .section-dark .cta-box h2,
        .section-dark .feature-card h3,
        .section-dark .stat-card h3,
        .section-dark .article-card h3 {
            color: #fff;
        }

        .content-box {
            padding: 30px;
        }

        .content-box p {
            margin-top: 0;
        }

        .content-box p:last-child {
            margin-bottom: 0;
        }

        .image-placeholder {
            min-height: 320px;
        }

        .section-light .image-placeholder,
        .section-white .image-placeholder,
        .section-soft .image-placeholder {
            background:
                linear-gradient(135deg, rgba(61, 137, 207, 0.10), rgba(126, 240, 223, 0.10)),
                linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(231, 241, 249, 0.90));
            border: 1px dashed rgba(29, 77, 122, 0.16);
            color: var(--text-muted);
        }

        .section-dark .image-placeholder {
            background:
                linear-gradient(135deg, rgba(126, 240, 223, 0.10), rgba(255, 255, 255, 0.02));
            border: 1px dashed rgba(255, 255, 255, 0.16);
            color: var(--text-light-muted);
        }

        .image-placeholder.no-frame {
            background: transparent;
            border: none;
            padding: 0;
            min-height: auto;
        }

        .problem-list li,
        .audience-list li {
            display: flex;
            align-items: flex-start;
            gap: 14px;
            padding: 16px 18px;
            border-radius: 16px;
        }

        .section-light .problem-list li,
        .section-white .problem-list li,
        .section-soft .problem-list li,
        .section-light .audience-list li,
        .section-white .audience-list li,
        .section-soft .audience-list li {
            background: rgba(255, 255, 255, 0.62);
            border: 1px solid rgba(29, 77, 122, 0.08);
        }

        .section-dark .problem-list li,
        .section-dark .audience-list li {
            background: rgba(255, 255, 255, 0.04);
            border: 1px solid rgba(255, 255, 255, 0.07);
        }

        .dot {
            width: 10px;
            height: 10px;
            flex: 0 0 auto;
            border-radius: 50%;
            margin-top: 8px;
            background: var(--brand-cyan-500);
            box-shadow: 0 0 0 6px rgba(99, 227, 214, 0.16);
        }

        .dot-yellow {
            background: var(--yellow);
            box-shadow: 0 0 0 6px rgba(240, 201, 59, 0.18);
        }

        .feature-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 18px;
        }

        .feature-card,
        .stat-card,
        .article-card {
            padding: 24px;
        }

        .feature-card h3,
        .stat-card h3,
        .article-card h3 {
            margin: 0 0 10px;
            font-size: 1.14rem;
            line-height: 1.24;
            font-family: Ubuntu, -apple-system, BlinkMacSystemFont, sans-serif;
            color: #144067;
        }

        .feature-icon {
            width: 54px;
            height: 54px;
            border-radius: 16px;
            display: grid;
            place-items: center;
            margin-bottom: 16px;
            font-size: 1.1rem;
            font-weight: 700;
        }

        .section-light .feature-icon,
        .section-white .feature-icon,
        .section-soft .feature-icon {
            background: rgba(99, 227, 214, 0.14);
            color: #10756c;
            border: 1px solid rgba(99, 227, 214, 0.22);
        }

        .section-dark .feature-icon {
            background: rgba(126, 240, 223, 0.10);
            color: var(--brand-cyan-400);
            border: 1px solid rgba(126, 240, 223, 0.18);
        }

        .audience-grid {
            display: grid;
            grid-template-columns: 1fr 0.95fr;
            gap: 28px;
        }

        .stats-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 16px;
            height: 100%;
        }

        .stat-number {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 60px;
            height: 42px;
            padding: 0 14px;
            border-radius: 999px;
            font-size: 0.95rem;
            font-weight: 700;
            margin-bottom: 14px;
        }

        .section-light .stat-number,
        .section-white .stat-number,
        .section-soft .stat-number {
            background: rgba(61, 137, 207, 0.12);
            color: var(--brand-blue-700);
            border: 1px solid rgba(61, 137, 207, 0.18);
        }

        .section-dark .stat-number {
            background: rgba(126, 240, 223, 0.10);
            color: var(--brand-cyan-400);
            border: 1px solid rgba(126, 240, 223, 0.18);
        }

        .article-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 18px;
        }

        .article-thumb {
            position: relative;
            height: 170px;
            margin-bottom: 18px;
            padding: 0;
            background: none;
            border: none;
            overflow: hidden;
            border-radius: var(--radius-md);
        }

        .article-thumb img {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center center;
        }

        .section-light .article-thumb,
        .section-white .article-thumb,
        .section-soft .article-thumb,
        .section-dark .article-thumb {
            background: none;
            border: none;
        }

        .article-card p {
            margin-bottom: 18px;
        }

        .article-link {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            font-weight: 700;
        }

        .section-light .article-link,
        .section-white .article-link,
        .section-soft .article-link {
            color: var(--brand-blue-700);
        }

        .section-light .article-link:hover,
        .section-white .article-link:hover,
        .section-soft .article-link:hover {
            color: #0f6780;
        }

        .section-dark .article-link {
            color: var(--brand-cyan-200);
        }

        .cta-box {
            padding: 32px;
        }

        .cta-box h2 {
            font-size: clamp(1.8rem, 3vw, 2.7rem);
        }

        .section-title-compact {
            font-size: clamp(1.4rem, 2vw, 1.75rem);
        }

        .dark-list-title {
            font-family: Ubuntu, -apple-system, BlinkMacSystemFont, sans-serif;
            color: #fff;
            margin-top: 0;
        }

        .cta-box p {
            margin: 0 0 22px;
            max-width: 760px;
        }

        .contact-form {
            margin-top: 18px;
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            column-gap: 12px;
            row-gap: 10px;
        }

        .contact-form .field-full,
        .contact-form .form-check,
        .contact-form .btn {
            grid-column: 1 / -1;
        }

        .contact-form .form-label {
            margin-bottom: 6px;
            font-size: 0.9rem;
            font-weight: 700;
            color: #1b3e5d;
        }

        .contact-form .form-control {
            border-radius: 12px;
            border: 1px solid rgba(29, 77, 122, 0.18);
            background: rgba(255, 255, 255, 0.95);
            color: var(--text-dark);
        }

        .contact-form .form-control:focus {
            border-color: rgba(61, 137, 207, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(61, 137, 207, 0.18);
        }

        .contact-form .form-check-label {
            color: var(--text-muted);
            font-size: 0.9rem;
        }

        .contact-form .btn {
            width: 100%;
        }

        .contact-form .form-control {
            min-height: 42px;
        }

        .contact-note {
            margin-top: 10px;
            font-size: 0.9rem;
            color: var(--text-muted);
        }

        .contact-note a {
            color: var(--brand-blue-700);
            font-weight: 700;
        }

        .contact-note a:hover {
            color: #0f6780;
        }

        .contact-left-column {
            display: grid;
            gap: 14px;
            align-content: start;
            min-width: 0;
        }

        #contact .grid-2 > .content-box {
            min-width: 0;
        }

        .contact-info-box {
            padding: 22px;
        }

        .contact-info-box h3 {
            margin: 0 0 8px;
            font-size: 1.08rem;
            font-family: Ubuntu, -apple-system, BlinkMacSystemFont, sans-serif;
            color: #144067;
        }

        .contact-info-box ul {
            margin: 0;
            padding-left: 18px;
            color: var(--text-muted-strong);
            display: grid;
            gap: 7px;
        }

        .closing-note {
            margin-top: 18px;
            font-size: 0.97rem;
        }

        .footer {
            padding: 58px 0 34px;
            background:
                radial-gradient(circle at right top, rgba(126, 240, 223, 0.08), transparent 16%),
                linear-gradient(180deg, #081321, #06111d);
            border-top: 1px solid rgba(255, 255, 255, 0.08);
            color: var(--text-light);
        }

        .footer-grid {
            display: grid;
            grid-template-columns: 1.2fr 0.9fr 0.9fr 1fr;
            gap: 24px;
        }

        .footer h4 {
            margin: 0 0 14px;
            font-size: 1rem;
            font-family: Ubuntu, -apple-system, BlinkMacSystemFont, sans-serif;
            color: #fff;
        }

        .footer p,
        .footer a,
        .footer li {
            color: var(--text-light-muted);
            font-size: 0.95rem;
        }

        .footer a:hover {
            color: var(--brand-cyan-400);
        }

        .footer ul {
            list-style: none;
            padding: 0;
            margin: 0;
            display: grid;
            gap: 10px;
        }

        .footer-logo-link {
            margin-bottom: 14px;
        }

        .footer-bottom {
            margin-top: 28px;
            padding-top: 22px;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
            color: var(--text-light-muted);
            font-size: 0.92rem;
        }

        @media (max-width: 1100px) {

            .hero-grid,
            .grid-2,
            .audience-grid,
            .footer-grid {
                grid-template-columns: 1fr;
            }

            .feature-grid {
                grid-template-columns: repeat(2, 1fr);
            }

            .article-grid {
                grid-template-columns: repeat(2, 1fr);
            }

            #contact .grid-2 {
                gap: 20px;
            }

            .contact-left-column {
                gap: 12px;
            }

            .contact-info-box {
                display: none;
            }

            .contact-form {
                grid-template-columns: 1fr;
            }
        }

        @media (min-width: 861px) and (max-width: 1100px) {

            .section-header,
            .content-box,
            .cta-box,
            .faq-list {
                max-width: 72ch;
                margin-left: auto;
                margin-right: auto;
            }
        }

        @media (max-width: 860px) {
            .nav {
                display: none;
            }

            .mobile-nav-toggle {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                margin-left: auto;
            }

            .mobile-nav-panel {
                display: block;
            }

            .header-inner {
                display: grid;
                grid-template-columns: minmax(0, 1fr) auto;
                align-items: center;
                column-gap: 12px;
                row-gap: 10px;
                padding: 14px 0;
            }

            .logo {
                min-width: 0;
            }

            .logo-text {
                min-width: 0;
            }

            .header-actions {
                display: none;
            }

            .mobile-nav-panel {
                grid-column: 1 / -1;
            }

            .feature-grid,
            .article-grid,
            .stats-grid {
                grid-template-columns: 1fr;
            }

            .hero {
                padding-top: 58px;
            }

            .container {
                width: min(var(--container), calc(100% - 24px));
            }

            #contact.section {
                padding-bottom: 24px;
            }

            #faq.section {
                padding-top: 30px;
            }

            .contact-form {
                row-gap: 9px;
            }

            .contact-left-column {
                gap: 0;
            }
        }

        .insight-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 18px;
        }

        .insight-card {
            padding: 24px;
            border-radius: var(--radius-lg);
            overflow: hidden;
        }

        .section-light .insight-card,
        .section-white .insight-card,
        .section-soft .insight-card {
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.76), rgba(231, 241, 249, 0.88));
            border: 1px solid rgba(29, 77, 122, 0.10);
            box-shadow: var(--shadow-light);
        }

        .section-dark .insight-card {
            background: rgba(255, 255, 255, 0.05);
            border: 1px solid var(--line-dark);
            box-shadow: var(--shadow-dark);
        }

        .insight-card h3 {
            margin: 0 0 10px;
            font-size: 1.12rem;
            line-height: 1.24;
            font-family: Ubuntu, -apple-system, BlinkMacSystemFont, sans-serif;
            color: #144067;
        }

        .section-dark .insight-card h3 {
            color: #fff;
        }

        .insight-card p {
            margin: 0;
            color: var(--text-muted);
        }

        .section-dark .insight-card p {
            color: var(--text-light-muted);
        }

        .faq-list {
            display: grid;
            gap: 14px;
            max-width: 980px;
            margin: 0 auto;
        }

        .faq-item {
            border-radius: var(--radius-lg);
            overflow: hidden;
        }

        .section-light .faq-item,
        .section-white .faq-item,
        .section-soft .faq-item {
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(231, 241, 249, 0.92));
            border: 1px solid rgba(29, 77, 122, 0.10);
            box-shadow: var(--shadow-light);
        }

        .section-dark .faq-item {
            background: rgba(255, 255, 255, 0.05);
            border: 1px solid var(--line-dark);
            box-shadow: var(--shadow-dark);
        }

        .faq-item summary {
            list-style: none;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 18px;
            padding: 22px 24px;
            font-size: 1.05rem;
            font-weight: 700;
            font-family: Ubuntu, -apple-system, BlinkMacSystemFont, sans-serif;
            color: #144067;
        }

        .faq-item summary::-webkit-details-marker {
            display: none;
        }

        .faq-item summary::after {
            content: "+";
            flex: 0 0 34px;
            width: 34px;
            height: 34px;
            border-radius: 50%;
            display: grid;
            place-items: center;
            background: rgba(99, 227, 214, 0.14);
            color: #10756c;
            border: 1px solid rgba(99, 227, 214, 0.22);
            font-size: 1.2rem;
            line-height: 1;
        }

        .faq-item[open] summary::after {
            content: "–";
        }

        .faq-answer {
            padding: 0 24px 24px;
            color: var(--text-muted);
        }

        .faq-answer p {
            margin: 0;
        }

        .section-dark .faq-item summary {
            color: #fff;
        }

        .section-dark .faq-answer {
            color: var(--text-light-muted);
        }

        .language-switcher .btn {
            min-height: 42px;
            padding: 0 14px;
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.10);
            color: rgba(255, 255, 255, 0.92);
            border: 1px solid rgba(255, 255, 255, 0.18);
            box-shadow: none;
            font-size: 0.9rem;
        }

        .language-switcher .btn:hover,
        .language-switcher .btn:focus-visible {
            background: rgba(255, 255, 255, 0.18);
            color: #fff;
            border-color: rgba(255, 255, 255, 0.28);
        }

        .language-switcher .dropdown-menu {
            border-radius: 14px;
            border: 1px solid rgba(16, 40, 63, 0.12);
            box-shadow: var(--shadow-light);
            padding: 6px;
        }

        .language-switcher .dropdown-item {
            border-radius: 10px;
            font-weight: 600;
        }

        .language-switcher .dropdown-item.active,
        .language-switcher .dropdown-item:active {
            background: #1d4d7a;
            color: #fff;
        }

        @media (max-width: 1100px) {
            .insight-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 860px) {
            .insight-grid {
                grid-template-columns: 1fr;
            }

            .faq-item summary {
                align-items: flex-start;
            }
        }