/* ── HERO ── */
    .hero {
      min-height: calc(100vh - 62px);
      display: flex; flex-direction: column; align-items: center; justify-content: center;
      text-align: center; padding: 5rem 2rem 4rem;
      position: relative; overflow: hidden;
      background: radial-gradient(ellipse at 50% 0%, rgba(77,166,232,0.18) 0%, transparent 65%), var(--bg-page);
    }
    [data-theme="light"] .hero {
      background: radial-gradient(ellipse at 50% 0%, rgba(26,107,191,0.1) 0%, transparent 65%), var(--bg-page);
    }
    .hero-snowflakes { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
    .flake { position: absolute; top: -20px; color: rgba(200,223,245,0.55); font-size: 1.2rem; animation: fall linear infinite; }
    [data-theme="light"] .flake { color: rgba(26,107,191,0.35); }
    @keyframes fall { to { transform: translateY(110vh) rotate(360deg); } }

    .hero-badge {
      display: inline-flex; align-items: center; gap: 0.4rem;
      background: rgba(77,166,232,0.12); border: 1px solid rgba(77,166,232,0.3);
      color: var(--sky); font-size: 0.78rem; font-weight: 600;
      padding: 0.35rem 1rem; border-radius: 100px; margin-bottom: 1.5rem;
      letter-spacing: 0.04em; text-transform: uppercase;
    }
    .hero h1 {
      font-family: 'DM Serif Display', serif;
      font-size: clamp(2.6rem, 7vw, 4.8rem); line-height: 1.1;
      color: var(--white); letter-spacing: -0.02em; margin-bottom: 1.25rem; max-width: 750px;
      transition: color var(--transition);
    }
    [data-theme="light"] .hero h1 { color: var(--text); }
    .hero h1 em { font-style: italic; color: var(--sky); }
    .hero p { font-size: 1.05rem; color: var(--muted); max-width: 460px; margin-left: auto; margin-right: auto; margin-bottom: 2.5rem; font-weight: 300; }

    .hero-btns { display: flex; gap: 1rem; flex-wrap: wrap; justify-content: center; }
    .btn-primary {
      display: inline-flex; align-items: center; gap: 0.4rem;
      background: var(--sky); color: var(--bg-page);
      font-weight: 600; font-size: 0.95rem;
      padding: 0.85rem 2rem; border-radius: 100px; text-decoration: none;
      transition: background 0.2s, transform 0.15s;
    }
    .btn-primary:hover { background: var(--ice); transform: translateY(-1px); }
    .btn-outline {
      display: inline-flex; align-items: center; gap: 0.4rem;
      border: 1.5px solid rgba(200,223,245,0.3); color: var(--ice);
      font-weight: 500; font-size: 0.95rem;
      padding: 0.85rem 2rem; border-radius: 100px; text-decoration: none;
      transition: border-color 0.2s, color 0.2s, transform 0.15s;
    }
    [data-theme="light"] .btn-outline { border-color: rgba(26,107,191,0.3); color: var(--sky); }
    .btn-outline:hover { border-color: var(--sky); color: var(--white); transform: translateY(-1px); }
    [data-theme="light"] .btn-outline:hover { color: var(--sky); }

    .hero-stats { display: flex; gap: 2.5rem; margin-top: 4rem; flex-wrap: wrap; justify-content: center; }
    .stat { text-align: center; }
    .stat-num { font-family: 'DM Serif Display', serif; font-size: 2rem; color: var(--white); transition: color var(--transition); }
    [data-theme="light"] .stat-num { color: var(--text); }
    .stat-label { font-size: 0.78rem; color: var(--muted); text-transform: uppercase; letter-spacing: 0.06em; }

    /* ── SECTIONS ── */
    .section { padding: 5rem 2rem; }
    .container { max-width: 1100px; margin: 0 auto; }
    .section-tag { display: inline-block; font-size: 0.73rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--sky); margin-bottom: 0.75rem; }
    h2.section-title { font-family: 'DM Serif Display', serif; font-size: clamp(1.8rem, 4vw, 2.6rem); color: var(--white); line-height: 1.2; margin-bottom: 1.25rem; transition: color var(--transition); }
    [data-theme="light"] h2.section-title { color: var(--text); }
    .section-body { font-size: 0.97rem; color: var(--muted); line-height: 1.8; max-width: 620px; margin-left: auto; margin-right: auto; }

    /* About */
    .about-content { max-width: 720px; margin: 0 auto; text-align: center; }
    .about-content .trust-badges { justify-content: center; }
    .trust-badges { display: flex; gap: 0.75rem; flex-wrap: wrap; margin-top: 1.75rem; }
    .badge {
      display: inline-flex; align-items: center; gap: 0.4rem;
      background: rgba(77,166,232,0.08); border: 1px solid rgba(77,166,232,0.22);
      color: var(--sky); font-size: 0.78rem; font-weight: 500;
      padding: 0.4rem 0.9rem; border-radius: 100px;
    }
    .badge svg { width: 13px; height: 13px; }

    /* Features */
    .features-section { background: var(--bg-mid); border-top: 1px solid var(--border-card); border-bottom: 1px solid var(--border-card); transition: background var(--transition); }
    .features-header { text-align: center; margin-bottom: 3.5rem; }
    .features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.25rem; }
    .feature-card {
      background: var(--bg-card); border: 1px solid var(--border-card);
      border-radius: var(--radius); padding: 1.75rem;
      transition: border-color 0.2s, background 0.2s, transform 0.2s;
    }
    .feature-card:hover { border-color: var(--border-card-hover); transform: translateY(-3px); }
    .feature-icon {
      width: 46px; height: 46px; border-radius: 10px;
      background: rgba(77,166,232,0.12); display: flex; align-items: center; justify-content: center; margin-bottom: 1rem;
    }
    .feature-icon svg { width: 22px; height: 22px; stroke: var(--sky); fill: none; stroke-width: 1.8; }
    .feature-card h3 { font-size: 1rem; font-weight: 600; color: var(--white); margin-bottom: 0.5rem; transition: color var(--transition); }
    [data-theme="light"] .feature-card h3 { color: var(--text); }
    .feature-card p { font-size: 0.88rem; color: var(--muted); line-height: 1.7; }

    /* Equipment */
    .equipment-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; }
    .equip-img { border-radius: var(--radius); aspect-ratio: 16/10; overflow: hidden; }

    /* CTA */
    .cta-section {
      text-align: center; padding: 6rem 2rem;
      background: radial-gradient(ellipse at 50% 100%, rgba(77,166,232,0.12) 0%, transparent 70%);
      border-top: 1px solid var(--border-card);
    }
    [data-theme="light"] .cta-section { background: radial-gradient(ellipse at 50% 100%, rgba(26,107,191,0.07) 0%, transparent 70%); }
    .cta-section h2 { font-family: 'DM Serif Display', serif; font-size: clamp(1.9rem, 5vw, 3rem); color: var(--white); margin-bottom: 1rem; transition: color var(--transition); }
    [data-theme="light"] .cta-section h2 { color: var(--text); }
    .cta-section p { color: var(--muted); max-width: 460px; margin: 0 auto 2.5rem; }

    /* Responsive */
    @media (max-width: 768px) {
      .equipment-grid { grid-template-columns: 1fr; gap: 2rem; }
      .hero-stats { gap: 1.5rem; }
    }