/* Self-hosted fonts — Cyrillic + Latin, variable weights */
        @font-face {
            font-family: 'Cormorant Garamond';
            font-style: normal;
            font-weight: 400 700;
            font-display: swap;
            src: url('../fonts/cormorant-garamond-400-latin.woff2') format('woff2');
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        }
        @font-face {
            font-family: 'Cormorant Garamond';
            font-style: normal;
            font-weight: 400 700;
            font-display: swap;
            src: url('../fonts/cormorant-garamond-400-cyrillic.woff2') format('woff2');
            unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
        }
        @font-face {
            font-family: 'Cormorant Garamond';
            font-style: italic;
            font-weight: 400;
            font-display: swap;
            src: url('../fonts/cormorant-garamond-400italic-latin.woff2') format('woff2');
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        }
        @font-face {
            font-family: 'Cormorant Garamond';
            font-style: italic;
            font-weight: 400;
            font-display: swap;
            src: url('../fonts/cormorant-garamond-400italic-cyrillic.woff2') format('woff2');
            unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
        }
        @font-face {
            font-family: 'Manrope';
            font-style: normal;
            font-weight: 400 700;
            font-display: swap;
            src: url('../fonts/manrope-400-latin.woff2') format('woff2');
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        }
        @font-face {
            font-family: 'Manrope';
            font-style: normal;
            font-weight: 400 700;
            font-display: swap;
            src: url('../fonts/manrope-400-cyrillic.woff2') format('woff2');
            unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
        }

        :root {
            --deep: #012A4A;
            --deep-light: #023e7d;
            --sand: #FCFAF5;
            --gold: #C5973A;
            --gold-light: #e8c97a;
            --teal: #005F73;
            --sage: #8B9E8B;
            --warm-gray: #6B6460;
            --light-bg: #F5F0E8;
        }

        * { box-sizing: border-box; margin: 0; padding: 0; }

        html { scroll-behavior: smooth; }

        body {
            font-family: 'Manrope', sans-serif;
            background: var(--deep);
            color: var(--warm-gray);
            line-height: 1.7;
            overflow-x: hidden;
        }

        h1, h2, h3, h4, .serif { font-family: 'Cormorant Garamond', serif; }

        /* NAV */
        nav {
            position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
            background: rgba(1,42,74,0.95);
            backdrop-filter: blur(20px);
            border-bottom: 1px solid rgba(197,151,58,0.15);
            padding: 0 clamp(1rem, 4vw, 3rem);
        }
        nav .inner {
            max-width: 1280px; margin: 0 auto;
            display: flex; align-items: center; justify-content: space-between;
            height: 72px;
        }
        nav .logo {
            font-family: 'Cormorant Garamond', serif;
            font-size: 1.4rem; font-weight: 700;
            color: var(--sand); text-decoration: none;
            letter-spacing: 0.02em;
        }
        nav .logo span { color: var(--gold); }
        nav ul { display: flex; gap: 0.25rem; list-style: none; align-items: center; }
        nav ul a {
            color: rgba(252,250,245,0.75); text-decoration: none;
            font-size: 0.82rem; font-weight: 500;
            padding: 0.5rem 0.9rem; border-radius: 8px;
            transition: all 0.25s; letter-spacing: 0.03em;
        }
        nav ul a:hover { color: var(--sand); background: rgba(197,151,58,0.15); }
        nav ul a.active { color: var(--gold); }
        nav .cta-btn {
            background: var(--gold); color: var(--deep);
            padding: 0.5rem 1.2rem; border-radius: 8px;
            font-weight: 700; font-size: 0.82rem;
            text-decoration: none; letter-spacing: 0.05em;
            transition: all 0.25s;
        }
        nav .cta-btn:hover { background: var(--gold-light); transform: translateY(-1px); }
        nav .lang-toggle { color: rgba(252,250,245,0.5); font-size: 0.75rem; }
        nav .lang-toggle a { color: rgba(252,250,245,0.5); text-decoration: none; padding: 0.25rem; }
        nav .lang-toggle a.current { color: var(--gold); }
        .mobile-toggle { display: none; background: none; border: none; cursor: pointer; padding: 0.5rem; }
        .mobile-toggle svg { color: var(--sand); }

        /* HERO */
        .hero {
            min-height: 100vh;
            background: linear-gradient(160deg, rgba(1,42,74,0.88) 0%, rgba(1,42,74,0.65) 60%, rgba(0,95,115,0.4) 100%),
                url('images/kamasyoga.jpg') center/cover no-repeat;
            display: flex; align-items: center;
            padding: 120px clamp(1.5rem, 6vw, 6rem) 80px;
            position: relative; overflow: hidden;
        }
        .hero::before {
            content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 200px;
            background: linear-gradient(transparent, var(--deep));
        }
        .hero-content { max-width: 720px; position: relative; z-index: 1; }
        .hero-badge {
            display: inline-flex; align-items: center; gap: 0.5rem;
            background: rgba(197,151,58,0.15); border: 1px solid rgba(197,151,58,0.3);
            color: var(--gold-light); padding: 0.4rem 1rem; border-radius: 99px;
            font-size: 0.75rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase;
            margin-bottom: 1.5rem;
        }
        .hero h1 {
            font-size: clamp(2.8rem, 7vw, 5.5rem);
            font-weight: 700; color: var(--sand);
            line-height: 1.08; margin-bottom: 1.5rem;
        }
        .hero h1 em { font-style: italic; color: var(--gold); }
        .hero-sub {
            font-size: clamp(1rem, 2vw, 1.25rem);
            color: rgba(252,250,245,0.75); margin-bottom: 2.5rem;
            max-width: 540px; line-height: 1.7;
        }
        .hero-actions { display: flex; gap: 1rem; flex-wrap: wrap; align-items: center; }
        .btn-primary {
            background: var(--gold); color: var(--deep);
            padding: 0.9rem 2rem; border-radius: 10px;
            font-weight: 700; font-size: 0.9rem; text-decoration: none;
            letter-spacing: 0.04em; transition: all 0.25s;
            display: inline-flex; align-items: center; gap: 0.5rem;
        }
        .btn-primary:hover { background: var(--gold-light); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(197,151,58,0.3); }
        .btn-outline {
            border: 1px solid rgba(252,250,245,0.3); color: var(--sand);
            padding: 0.9rem 2rem; border-radius: 10px;
            font-weight: 500; font-size: 0.9rem; text-decoration: none;
            transition: all 0.25s;
        }
        .btn-outline:hover { border-color: var(--gold); color: var(--gold); }

        /* TRUST BAR */
        .trust-bar {
            background: var(--sand); padding: 2.5rem clamp(1.5rem, 6vw, 6rem);
        }
        .trust-bar .inner {
            max-width: 1200px; margin: 0 auto;
            display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem;
            text-align: center;
        }
        .trust-stat strong { display: block; font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; font-weight: 700; color: var(--deep); }
        .trust-stat span { font-size: 0.82rem; color: var(--warm-gray); letter-spacing: 0.06em; text-transform: uppercase; }

        /* SECTIONS */
        section { padding: clamp(4rem, 8vw, 8rem) clamp(1.5rem, 6vw, 6rem); }
        .container { max-width: 1200px; margin: 0 auto; }
        .section-label {
            display: inline-block; font-size: 0.7rem; font-weight: 700;
            letter-spacing: 0.2em; text-transform: uppercase;
            color: var(--gold); margin-bottom: 1rem;
        }
        .section-title {
            font-family: 'Cormorant Garamond', serif;
            font-size: clamp(2rem, 4vw, 3.2rem); font-weight: 700;
            color: var(--deep); line-height: 1.15; margin-bottom: 1rem;
        }
        .section-sub {
            font-size: 1rem; color: var(--warm-gray); max-width: 560px;
            line-height: 1.75; margin-bottom: 3rem;
        }

        /* SERVICES GRID */
        .services-bg { background: var(--light-bg); }
        .services-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
            gap: 1.5rem;
        }
        .service-card {
            background: white; border-radius: 20px; overflow: hidden;
            box-shadow: 0 4px 24px rgba(0,0,0,0.06);
            transition: all 0.35s cubic-bezier(0.4,0,0.2,1);
            border: 1px solid rgba(0,0,0,0.05);
        }
        .service-card:hover { transform: translateY(-6px); box-shadow: 0 16px 48px rgba(0,0,0,0.12); }
        .service-card img {
            width: 100%; height: 200px; object-fit: cover;
            loading: lazy;
        }
        .service-card .body { padding: 1.5rem; }
        .service-card h3 {
            font-family: 'Cormorant Garamond', serif;
            font-size: 1.35rem; font-weight: 700; color: var(--deep);
            margin-bottom: 0.5rem;
        }
        .service-card p { font-size: 0.88rem; color: var(--warm-gray); line-height: 1.65; margin-bottom: 1rem; }
        .service-card .tag {
            display: inline-block; font-size: 0.7rem; font-weight: 600;
            background: rgba(197,151,58,0.1); color: var(--gold);
            padding: 0.25rem 0.75rem; border-radius: 99px;
            letter-spacing: 0.05em; text-transform: uppercase;
        }
        .service-card a { text-decoration: none; display: block; }

        /* ABOUT / WHY SECTION */
        .why-grid {
            display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center;
        }
        .why-content .features { display: flex; flex-direction: column; gap: 1.25rem; margin-top: 2rem; }
        .why-content .feature {
            display: flex; gap: 1rem; align-items: flex-start;
        }
        .why-content .feature-icon {
            width: 44px; height: 44px; min-width: 44px;
            background: rgba(197,151,58,0.1); border-radius: 12px;
            display: flex; align-items: center; justify-content: center;
            color: var(--gold); font-size: 1.2rem;
        }
        .why-content .feature h4 { font-size: 0.95rem; font-weight: 700; color: var(--deep); margin-bottom: 0.2rem; }
        .why-content .feature p { font-size: 0.85rem; color: var(--warm-gray); }
        .why-image {
            border-radius: 24px; overflow: hidden;
            box-shadow: 0 24px 64px rgba(0,0,0,0.15);
        }
        .why-image img { width: 100%; height: 500px; object-fit: cover; loading: lazy; }

        /* TESTIMONIALS */
        .testimonials-bg { background: var(--deep); }
        .testimonials-bg .section-title { color: var(--sand); }
        .testimonials-bg .section-sub { color: rgba(252,250,245,0.6); }
        .testimonials-grid {
            display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1.5rem;
        }
        .testimonial-card {
            background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.08);
            border-radius: 20px; padding: 2rem;
            transition: all 0.3s;
        }
        .testimonial-card:hover { border-color: rgba(197,151,58,0.3); transform: translateY(-4px); }
        .testimonial-card .stars { color: var(--gold); font-size: 0.9rem; margin-bottom: 1rem; }
        .testimonial-card blockquote {
            font-family: 'Cormorant Garamond', serif;
            font-size: 1.15rem; font-style: italic; color: rgba(252,250,245,0.85);
            line-height: 1.65; margin-bottom: 1.25rem;
        }
        .testimonial-card .author {
            font-size: 0.8rem; font-weight: 600; color: var(--gold);
            letter-spacing: 0.05em;
        }

        /* FAQ SECTION */
        .faq-bg { background: var(--sand); }
        .faq-list { max-width: 760px; margin: 0 auto; }
        .faq-item {
            border-bottom: 1px solid rgba(0,0,0,0.08);
        }
        .faq-item summary {
            padding: 1.25rem 0; font-weight: 600; font-size: 1rem;
            color: var(--deep); cursor: pointer; list-style: none;
            display: flex; justify-content: space-between; align-items: center;
            transition: color 0.2s;
        }
        .faq-item summary:hover { color: var(--gold); }
        .faq-item summary::after { content: '+'; font-size: 1.5rem; color: var(--gold); transition: transform 0.3s; }
        .faq-item[open] summary::after { transform: rotate(45deg); }
        .faq-item .answer {
            padding: 0 0 1.25rem; font-size: 0.9rem; color: var(--warm-gray); line-height: 1.8;
        }

        /* CTA SECTION */
        .cta-section {
            background: linear-gradient(135deg, var(--deep) 0%, var(--teal) 100%);
            text-align: center; padding: clamp(5rem, 10vw, 10rem) clamp(1.5rem, 6vw, 6rem);
            position: relative; overflow: hidden;
        }
        .cta-section::before {
            content: ''; position: absolute; inset: 0;
            background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        }
        .cta-section .inner { max-width: 680px; margin: 0 auto; position: relative; }
        .cta-section h2 {
            font-family: 'Cormorant Garamond', serif;
            font-size: clamp(2.2rem, 5vw, 4rem); font-weight: 700;
            color: var(--sand); line-height: 1.1; margin-bottom: 1.25rem;
        }
        .cta-section p { font-size: 1rem; color: rgba(252,250,245,0.7); margin-bottom: 2.5rem; line-height: 1.7; }

        /* FOOTER */
        footer {
            background: #010E1C; color: rgba(252,250,245,0.4);
            padding: 4rem clamp(1.5rem, 6vw, 6rem) 2rem;
        }
        footer .grid {
            max-width: 1200px; margin: 0 auto;
            display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 3rem;
            margin-bottom: 3rem;
        }
        footer .brand p { font-size: 0.85rem; line-height: 1.7; margin-top: 0.75rem; max-width: 280px; }
        footer h4 { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; color: var(--gold); margin-bottom: 1.25rem; }
        footer ul { list-style: none; }
        footer ul li { margin-bottom: 0.6rem; }
        footer ul a { color: rgba(252,250,245,0.45); text-decoration: none; font-size: 0.88rem; transition: color 0.2s; }
        footer ul a:hover { color: var(--sand); }
        footer .bottom {
            max-width: 1200px; margin: 0 auto;
            padding-top: 2rem; border-top: 1px solid rgba(255,255,255,0.06);
            display: flex; justify-content: space-between; align-items: center;
            font-size: 0.78rem;
        }

        /* BREADCRUMBS */
        .breadcrumbs {
            background: var(--sand); padding: 0.75rem clamp(1.5rem, 6vw, 6rem);
            font-size: 0.8rem; color: var(--warm-gray);
        }
        .breadcrumbs a { color: var(--teal); text-decoration: none; }
        .breadcrumbs a:hover { text-decoration: underline; }
        .breadcrumbs span { margin: 0 0.5rem; }

        /* ANIMATIONS */
        @keyframes fadeUp { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }
        .animate-fadeUp { animation: fadeUp 0.7s ease-out forwards; }
        .delay-1 { animation-delay: 0.1s; opacity: 0; }
        .delay-2 { animation-delay: 0.2s; opacity: 0; }
        .delay-3 { animation-delay: 0.3s; opacity: 0; }
        .delay-4 { animation-delay: 0.4s; opacity: 0; }

        /* RESPONSIVE */
        @media (max-width: 768px) {
            nav ul { display: none; }
            nav .mobile-toggle { display: block; }
            nav ul.open { display: flex; flex-direction: column; position: absolute; top: 72px; left: 0; right: 0; background: var(--deep); padding: 1rem; border-bottom: 1px solid rgba(197,151,58,0.2); }
            .trust-bar .inner { grid-template-columns: 1fr 1fr; }
            .why-grid { grid-template-columns: 1fr; }
            .why-image { order: -1; }
            footer .grid { grid-template-columns: 1fr 1fr; }
            footer .bottom { flex-direction: column; gap: 0.5rem; text-align: center; }
            .hero-actions { flex-direction: column; align-items: stretch; }
            .btn-primary, .btn-outline { text-align: center; justify-content: center; }
        }
        @media (max-width: 480px) {
            .trust-bar .inner { grid-template-columns: 1fr; }
            footer .grid { grid-template-columns: 1fr; }
        }