body {
  background:var(--charcoal);
  color:var(--white);
  font-family:'Inter',sans-serif;
  overflow-x:hidden;
}
    body::before {
  content:'';
  position:fixed;
  inset:0;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
  background-size:200px;
  pointer-events:none;
  z-index:0;
  opacity:0.3;
}
    @keyframes fadeUp { from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} }
    @keyframes pulseRing { 0%,100%{opacity:.5;transform:translateY(-50%) scale(1)} 50%{opacity:1;transform:translateY(-50%) scale(1.04)} }
    .section-header { text-align:center; margin-bottom:72px; }
    .section-header h2 { font-family:'Playfair Display',serif; font-size:clamp(28px,4vw,46px); font-weight:400; letter-spacing:0.5px; line-height:1.25; color:var(--white); margin-top:14px; }
    .section-header p { font-size:12px; font-weight:300; color:var(--muted); letter-spacing:1px; margin-top:14px; line-height:1.9; max-width:560px; margin-left:auto; margin-right:auto; }
    .gold-word { background:linear-gradient(135deg,var(--gold-light),var(--gold),#7a5600); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
    .btn {
  font-size:10px;
}
    /* NAV */
    nav { position:fixed; top:0; left:0; right:0; z-index:100; display:flex; align-items:center; justify-content:space-between; padding:18px 60px; background:rgba(17,17,16,0.92); backdrop-filter:blur(16px); border-bottom:1px solid rgba(201,147,42,0.12); gap:24px; }
    .back-btn {
  font-size: 9px;
  font-weight: 800;
}
    .back-btn .arrow {
  top: -1px;
}
    .nav-links { display:flex; gap:32px; list-style:none; }
    .nav-links a { font-size:10px; font-weight:700; letter-spacing:3px; text-transform:uppercase; text-decoration:none; color:var(--muted); position:relative; transition:color .3s; line-height:1; display:inline-flex; align-items:center; }
    .nav-links a::after { content:''; position:absolute; bottom:-4px; left:0; right:0; height:1px; background:var(--gold); transform:scaleX(0); transform-origin:left; transition:transform .3s; }
    .nav-links a:hover { color:var(--gold-light); }
    .nav-links a:hover::after { transform:scaleX(1); }
    /* LANG */
    .lang-switcher {
  position:relative;
  flex-shrink:0;
}
    .lang-current {
  display:flex;
  align-items:center;
  gap:7px;
  background:none;
  border:1px solid rgba(201,147,42,0.3);
  padding:7px 12px;
  cursor:pointer;
  font-family:'Inter',sans-serif;
  font-size:9px;
  font-weight:600;
  letter-spacing:2px;
  text-transform:uppercase;
  color:var(--gold);
  transition:border-color .3s;
  white-space:nowrap;
}
    .lang-arrow {
  font-size:8px;
  opacity:.6;
  transition:transform .3s;
}
    .lang-switcher.open .lang-arrow {
  transform:rotate(180deg);
}
    .lang-menu {
  display:none;
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  background:var(--charcoal2);
  border:1px solid rgba(201,147,42,0.2);
  min-width:150px;
  z-index:300;
}
    .lang-switcher.open .lang-menu {
  display:block;
}
    .lang-menu button {
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
  padding:11px 16px;
  background:none;
  border:none;
  cursor:pointer;
  font-family:'Inter',sans-serif;
  font-size:9px;
  font-weight:600;
  letter-spacing:2px;
  text-transform:uppercase;
  color:var(--muted);
  transition:color .2s,background .2s;
}
    .lang-menu button.active {
  color:var(--gold);
}
    /* HERO */
    #hero { position:relative; min-height:100vh; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:140px 70px 80px; z-index:1; border-bottom:1px solid rgba(201,147,42,0.1); overflow:hidden; }
    #hero .ring1 { position:absolute; right:-200px; top:50%; transform:translateY(-50%); width:700px; height:700px; border-radius:50%; border:1px solid rgba(201,147,42,0.07); animation:pulseRing 8s ease-in-out infinite; pointer-events:none; }
    #hero .ring2 { position:absolute; right:-100px; top:50%; transform:translateY(-50%); width:460px; height:460px; border-radius:50%; border:1px solid rgba(201,147,42,0.05); animation:pulseRing 8s ease-in-out infinite reverse; pointer-events:none; }
    .hero-eyebrow {
  font-size:10px;
  font-weight:600;
  letter-spacing:6px;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:18px;
  animation:fadeUp .8s ease both .15s;
}
    .hero-rule { display:block; width:40px; height:1px; background:linear-gradient(90deg,var(--gold),transparent); margin-bottom:22px; }
    .hero-title {
  font-family:'Playfair Display',serif;
  font-size:clamp(44px,7vw,96px);
  font-weight:300;
  line-height:1.08;
  letter-spacing:0px;
  color:var(--white);
  animation:fadeUp .9s ease both .28s;
}
    .hero-title .gold-word { display:block; }
    .hero-tagline {
  font-family:'Playfair Display',serif;
  font-size:clamp(16px,2.2vw,22px);
  font-style:italic;
  font-weight:400;
  line-height:1.5;
  color:rgba(255,255,255,.5);
  margin-top:20px;
  animation:fadeUp .9s ease both .42s;
}
    .hero-body { font-size:13px; font-weight:300; letter-spacing:.8px; line-height:2; color:var(--muted); max-width:480px; margin-top:20px; animation:fadeUp 1s ease both .56s; }
    .hero-cta { margin-top:44px; animation:fadeUp .9s ease both .7s; }
    /* LAUNCH OFFER */
    #launch-offer { position:relative; z-index:1; padding:80px 70px 80px; margin-top:0; border-bottom:1px solid rgba(201,147,42,0.1); overflow:hidden; }
    .launch-banner { max-width:1100px; margin:0 auto; background:linear-gradient(135deg,rgba(201,147,42,0.08) 0%,rgba(201,147,42,0.03) 100%); border:1px solid rgba(201,147,42,0.25); padding:48px 60px; position:relative; overflow:hidden; }
    .launch-banner::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,transparent,var(--gold-light),var(--gold),transparent); }
    .launch-banner::after { content:''; position:absolute; bottom:0; left:0; right:0; height:3px; background:linear-gradient(90deg,transparent,var(--gold),var(--gold-light),transparent); }
    .launch-content { display:grid; grid-template-columns:auto 1fr auto; gap:48px; align-items:center; position:relative; z-index:1; }
    .launch-icon { width:80px; height:80px; border:2px solid var(--gold); display:flex; align-items:center; justify-content:center; position:relative; flex-shrink:0; }
    .launch-icon::before { content:''; position:absolute; inset:-4px; border:1px solid rgba(201,147,42,0.3); }
    .launch-icon svg { width:42px; height:42px; }
    .launch-star { fill:none; stroke:var(--gold-light); stroke-width:1.6; }
    .launch-text { flex:1; }
    .launch-badge {
  display:inline-block;
  font-size:9px;
  font-weight:700;
  letter-spacing:3px;
  text-transform:uppercase;
  color:var(--charcoal);
  background:linear-gradient(135deg,var(--gold-light),var(--gold));
  padding:5px 12px;
  margin-bottom:14px;
}
    .launch-title { font-family:'Playfair Display',serif; font-size:clamp(24px,3.2vw,36px); font-weight:500; color:var(--white); line-height:1.2; margin-bottom:12px; }
    .launch-subtitle { font-size:13px; font-weight:300; color:rgba(255,255,255,0.65); line-height:1.8; letter-spacing:0.5px; margin-bottom:18px; max-width:600px; }
    .launch-features { display:flex; flex-wrap:wrap; gap:20px; margin-top:18px; }
    .launch-feature { display:flex; align-items:center; gap:8px; font-size:11px; font-weight:500; letter-spacing:1px; color:var(--gold-light); }
    .launch-feature::before { content:'✓'; font-size:14px; color:var(--gold); }
    .launch-cta-wrap { display:flex; flex-direction:column; align-items:flex-end; gap:12px; flex-shrink:0; }
    .launch-spots { font-size:10px; font-weight:600; letter-spacing:2px; text-transform:uppercase; color:var(--gold); text-align:right; line-height:1.5; }
    .launch-spots-num { font-family:'Playfair Display',serif; font-size:28px; font-weight:600; display:block; color:var(--gold-light); }
    .launch-disclaimer { font-size:10px; font-weight:400; color:rgba(255,255,255,0.55); margin-top:24px; letter-spacing:0.5px; line-height:1.7; }
    @media (max-width:960px) { .launch-content { grid-template-columns:1fr; gap:32px; text-align:center; } .launch-icon { margin:0 auto; } .launch-cta-wrap { align-items:center; } .launch-spots { text-align:center; } .launch-banner { padding:40px 32px; } .launch-features { justify-content:center; } }
    /* ABOUT */
    #about { position:relative; z-index:1; padding:110px 70px; border-bottom:1px solid rgba(201,147,42,0.1); background:var(--charcoal2); overflow:hidden; }
    #about::before { content:''; position:absolute; inset:0; background-image:linear-gradient(rgba(201,147,42,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(201,147,42,0.03) 1px,transparent 1px); background-size:60px 60px; pointer-events:none; }
    .about-grid { display:grid; grid-template-columns:1fr 1fr; gap:80px; max-width:1100px; margin:0 auto; align-items:start; position:relative; z-index:1; }
    .about-left h2 { font-family:'Playfair Display',serif; font-size:clamp(28px,4vw,46px); font-weight:400; letter-spacing:0.5px; line-height:1.25; color:var(--white); margin-top:14px; }
    .about-left .desc { font-size:12px; font-weight:300; color:var(--muted); letter-spacing:1px; margin-top:18px; line-height:1.9; }
    .about-stats { display:grid; grid-template-columns:1fr 1fr; gap:2px; margin-top:40px; }
    .about-stat { background:var(--charcoal3); border:1px solid rgba(201,147,42,0.1); padding:28px 32px; }
    .about-stat-num { font-family:'Playfair Display',serif; font-size:42px; font-weight:400; line-height:1.2; color:var(--gold); }
    .about-stat-label { font-size:9px; font-weight:600; letter-spacing:3px; text-transform:uppercase; color:var(--muted); margin-top:8px; line-height:1.6; }
    .about-right { display:flex; flex-direction:column; gap:2px; }
    .about-point { display:flex; gap:20px; align-items:flex-start; padding:28px 32px; background:var(--charcoal3); border:1px solid rgba(201,147,42,0.1); position:relative; overflow:hidden; transition:border-color .3s; }
    .about-point::before { content:''; position:absolute; left:0; top:0; bottom:0; width:2px; background:linear-gradient(to bottom,var(--gold-light),var(--gold)); transform:scaleY(0); transform-origin:top; transition:transform .35s; }
    .about-point:hover { border-color:rgba(201,147,42,0.3); }
    .about-point:hover::before { transform:scaleY(1); }
    .about-point-icon { width:36px; height:36px; border:1px solid rgba(201,147,42,0.25); display:flex; align-items:center; justify-content:center; color:var(--gold); flex-shrink:0; }
    .about-point-icon svg { width:15px; height:15px; }
    .about-point-text h4 { font-family:'Playfair Display',serif; font-size:18px; font-weight:600; color:var(--white); margin-bottom:6px; line-height:1.4; }
    .about-point-text p { font-size:12px; font-weight:300; letter-spacing:.6px; line-height:1.9; color:var(--muted); }
    /* HOW */
    #how { position:relative; z-index:1; padding:110px 70px; border-bottom:1px solid rgba(201,147,42,0.1); }
    .steps-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:2px; max-width:1100px; margin:0 auto; }
    .step { background:var(--charcoal2); border:1px solid rgba(201,147,42,0.1); padding:48px 40px; position:relative; overflow:hidden; transition:border-color .3s,background .3s; }
    .step::before { content:''; position:absolute; bottom:0; left:0; right:0; height:2px; background:linear-gradient(90deg,transparent,var(--gold),transparent); transform:scaleX(0); transform-origin:center; transition:transform .4s; }
    .step:hover { border-color:rgba(201,147,42,0.3); background:var(--charcoal3); }
    .step:hover::before { transform:scaleX(1); }
    .step-num { font-family:'Playfair Display',serif; font-size:64px; font-weight:400; line-height:1.2; color:rgba(201,147,42,0.45); margin-bottom:20px; display:block; }
    .step-icon { width:38px; height:38px; border:1px solid rgba(201,147,42,0.25); display:flex; align-items:center; justify-content:center; color:var(--gold); margin-bottom:28px; }
    .step-icon svg { width:16px; height:16px; }
    .step h3 { font-family:'Playfair Display',serif; font-size:22px; font-weight:600; color:var(--white); margin-bottom:14px; line-height:1.4; }
    .step p { font-size:12px; font-weight:300; letter-spacing:.8px; line-height:2; color:var(--muted); }
    /* WHY */
    #why { position:relative; z-index:1; padding:110px 70px; border-bottom:1px solid rgba(201,147,42,0.1); background:var(--charcoal2); overflow:hidden; }
    #why::after { content:''; position:absolute; width:700px; height:700px; border-radius:50%; background:radial-gradient(circle,rgba(201,147,42,0.04) 0%,transparent 70%); top:50%; left:50%; transform:translate(-50%,-50%); pointer-events:none; }
    .why-grid {
  grid-template-columns:repeat(4,1fr);
  max-width:1100px;
}
    .why-card {
  text-align:center;
  align-items:center;
  transition:border-color .3s,transform .3s;
}
    .why-card:hover { border-color:rgba(201,147,42,0.35); transform:translateY(-4px); }
    .why-icon {
  width:52px;
  height:52px;
}
    .why-icon svg { width:20px; height:20px; }
    .why-card h3 { font-family:'Playfair Display',serif; font-size:20px; font-weight:600; color:var(--white); line-height:1.4; }
    .why-card p { font-size:12px; font-weight:300; letter-spacing:.6px; line-height:1.9; color:var(--muted); }
    /* FAQ */
    #faq { position:relative; z-index:1; padding:110px 70px; border-bottom:1px solid rgba(201,147,42,0.1); }
    .faq-item:hover,.faq-item.open { border-color:rgba(201,147,42,0.35); background:var(--charcoal3); }
    .faq-item:hover::before,.faq-item.open::before { transform:scaleY(1); }
    .faq-q-text {
  line-height:1.5;
}
    .faq-toggle {
  font-size:18px;
  margin-top:2px;
}
    .faq-a {
  font-size:13px;
}
    .faq-item.open .faq-a {
  max-height:220px;
}
    /* FORM */
    #contact-form { position:relative; z-index:1; padding:110px 70px; border-bottom:1px solid rgba(201,147,42,0.1); background:var(--charcoal2); }
    .form-field.full { grid-column:1/-1; }
    .form-field label {
  font-size:8px;
}
    .form-field input,.form-field select,.form-field textarea {
  font-size:12px;
}
    .form-field input.invalid,.form-field select.invalid,.form-field textarea.invalid { border-color: rgba(220,60,60,0.7); }
    .form-field textarea {
  min-height:130px;
}
    #form-success h3 {
  font-weight:400;
}
    #form-success p {
  font-size:11px;
}
    .form-consent {
  letter-spacing: .6px;
  color: rgba(255,255,255,.48);
}
    /* CONTACT */
    #contact { position:relative; z-index:1; padding:110px 70px 80px; display:flex; flex-direction:column; align-items:center; text-align:center; gap:52px; }
    .contact-card { display:flex; flex-direction:column; align-items:center; gap:28px; background:var(--charcoal2); border:1px solid rgba(201,147,42,0.15); padding:48px 64px; position:relative; max-width:480px; width:100%; }
    .contact-card::before { content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); width:60px; height:1px; background:linear-gradient(90deg,transparent,var(--gold),transparent); }
    .contact-name {
  letter-spacing:0.5px;
  line-height:1.35;
}
    .footer-strip .logo-row svg { width:20px; height:20px; }
    .footer-p { font-size:8px; font-weight:300; letter-spacing:3px; text-transform:uppercase; color:rgba(255,255,255,.55); }
    @media (max-width:1100px) { nav { padding:18px 32px; } .nav-links { gap:20px; } }
    @media (max-width:900px) { .about-grid{grid-template-columns:1fr;gap:48px} .steps-grid,.why-grid{grid-template-columns:1fr 1fr} .faq-grid{grid-template-columns:1fr} .about-stats{grid-template-columns:1fr 1fr} }
    @media (max-width:760px) { 
      #hero,#about,#how,#why,#faq,#contact-form,#contact{padding-left:28px;padding-right:28px} 
      #launch-offer{padding-left:28px;padding-right:28px;padding-top:60px;padding-bottom:60px}
      .launch-banner{padding:32px 24px}
      .launch-title{font-size:22px}
      .launch-subtitle{font-size:12px}
      .launch-features{flex-direction:column;align-items:center}
      .launch-feature{font-size:10px}
      .btn{font-size:10px;padding:14px 24px}
      nav{padding:14px 20px} 
      .nav-links{display:none} 
      .contact-card{padding:40px 28px} 
      .form-grid{grid-template-columns:1fr} 
      .steps-grid,.why-grid{grid-template-columns:1fr}
      .hero-title{font-size:32px}
      .hero-tagline{font-size:12px}
      .hero-body{font-size:13px}
      .section-label{font-size:10px;letter-spacing:4px}
      .about-left h2,.section-header h2{font-size:28px}
      .about-point{padding:22px 24px}
      .step{padding:36px 28px}
      .why-card{padding:36px 28px}
      .faq-item{padding:24px 20px}
    }
  
    /* ============================================================
       MOBILE REFINEMENT v4 — phone usability layer (placed last)
       ============================================================ */
    @media (max-width: 768px) {

      /* Bigger tap targets */
      .lang-current {
  min-height: 40px !important;
  font-size: 11px !important;
  padding: 8px 12px !important;
}
      .lang-menu { min-width: 168px !important; box-shadow: 0 16px 36px rgba(0,0,0,.5); }
      .lang-menu button { min-height: 46px !important; font-size: 11px !important; }
    }

    @media (max-width: 400px) {
      .hero-title { font-size: 29px !important; }
    }

    /* About / "Kto sme" cards — mobile fit fix */
    @media (max-width: 760px) {
      .about-grid, .about-left, .about-right { min-width: 0; }
      .about-stat { min-width: 0; }
      .about-stat-label { overflow-wrap: break-word; word-break: break-word; hyphens: auto; }
      .about-point, .about-point-text { min-width: 0; }
      .about-point-text h4, .about-point-text p { overflow-wrap: break-word; }
    }
    @media (max-width: 480px) {
      .about-stat { padding: 20px 16px; }
      .about-stat-num { font-size: 32px; }
      .about-stat-label { font-size: 8px; letter-spacing: 2px; }
    }


/* The faint ring drawn around the launch-offer star. */
    .launch-icon-ring {
      position:absolute; inset:0;
      border:1px solid rgba(201,147,42,0.15);
      transform:scale(1.15);
    }