@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&display=swap');

.polyglot-lp,
.polyglot-lp * { box-sizing: border-box; }

.polyglot-lp {
  --ink: #0e0c0a;
  --ink-soft: #3a3530;
  --ink-muted: #6b635b;
  --parchment: #faf7f2;
  --cream: #f2ede4;
  --warm-white: #fdfcfa;
  --gold: #b8893a;
  --gold-light: #d4a95a;
  --gold-pale: #f0ddb0;
  --gold-glow: rgba(184,137,58,.12);
  --sapphire: #1a3a5c;
  --sapphire-mid: #244b73;
  --sapphire-light: #2e6096;
  --border: rgba(14,12,10,.1);
  --border-gold: rgba(184,137,58,.25);
  --shadow-sm: 0 2px 12px rgba(14,12,10,.07);
  --shadow-md: 0 8px 32px rgba(14,12,10,.1);
  --shadow-lg: 0 24px 64px rgba(14,12,10,.14);
  --shadow-gold: 0 8px 32px rgba(184,137,58,.18);
  --r: 4px;
  --r-lg: 12px;
  --r-xl: 20px;

  font-family: 'DM Sans', sans-serif;
  background: var(--parchment);
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

.polyglot-lp::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");
  opacity: .35;
  pointer-events: none;
  z-index: 0;
}

.polyglot-lp a { color: inherit; text-decoration: none; }
.polyglot-lp img { display: block; max-width: 100%; }

.polyglot-lp .container {
  width: min(1260px, calc(100% - 48px));
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.polyglot-lp .section { padding: 96px 0; }

.polyglot-lp .display {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 600;
  letter-spacing: -.02em;
  line-height: .95;
}

.polyglot-lp .ornament {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--gold);
}

.polyglot-lp .ornament::before,
.polyglot-lp .ornament::after {
  content: '';
  display: block;
  width: 32px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--gold));
}

.polyglot-lp .ornament::after {
  background: linear-gradient(90deg, var(--gold), transparent);
}

.polyglot-lp .nav {
  position: sticky;
  top: 0;
  z-index: 50;
  padding: 0 24px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  background: rgba(250,247,242,.88);
  backdrop-filter: blur(20px) saturate(180%);
  border-bottom: 1px solid var(--border);
}

.polyglot-lp .nav-logo {
  font-family: 'Cormorant Garamond', serif;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -.01em;
  color: var(--sapphire);
  white-space: nowrap;
}

.polyglot-lp .nav-logo span { color: var(--gold); }

.polyglot-lp .nav-links {
  display: flex;
  gap: 32px;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
  justify-content: center;
}

.polyglot-lp .nav-links a {
  font-size: 13.5px;
  font-weight: 500;
  color: var(--ink-soft);
  letter-spacing: .01em;
  transition: color .2s;
}

.polyglot-lp .nav-links a:hover { color: var(--gold); }

.polyglot-lp .nav-cta {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0 20px;
  border-radius: var(--r);
  background: var(--sapphire);
  color: #fff !important;
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: .01em;
  box-shadow: 0 2px 12px rgba(26,58,92,.25);
  white-space: nowrap;
}

.polyglot-lp .hero {
  padding: 56px 0 80px;
  position: relative;
  overflow: hidden;
}

.polyglot-lp .hero-bg {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 60% 50% at 78% 20%, rgba(26,58,92,.06), transparent),
    radial-gradient(ellipse 40% 60% at 10% 80%, rgba(184,137,58,.07), transparent),
    linear-gradient(180deg, var(--warm-white) 0%, var(--parchment) 100%);
  z-index: 0;
}

.polyglot-lp .hero-grid {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(360px,480px);
  gap: 80px;
  align-items: center;
  position: relative;
  z-index: 1;
}

.polyglot-lp .hero-kicker { margin-bottom: 28px; }

.polyglot-lp .hero-headline {
  font-size: clamp(58px, 7.5vw, 96px);
  color: var(--sapphire);
  margin: 0 0 28px;
}

.polyglot-lp .hero-headline em {
  font-style: italic;
  color: var(--gold);
  display: block;
}

.polyglot-lp .hero-sub {
  font-size: 18px;
  line-height: 1.8;
  color: var(--ink-soft);
  max-width: 52ch;
  margin: 0 0 40px;
  font-weight: 300;
}

.polyglot-lp .hero-proof {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

.polyglot-lp .proof-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid var(--border-gold);
  background: var(--gold-glow);
  font-size: 13px;
  font-weight: 500;
  color: var(--ink-soft);
}

.polyglot-lp .proof-chip::before {
  content: '✦';
  color: var(--gold);
  font-size: 10px;
}

.polyglot-lp .btn-row {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.polyglot-lp .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 26px;
  border-radius: var(--r);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .01em;
  transition: all .25s ease;
  cursor: pointer;
  border: none;
  white-space: nowrap;
}

.polyglot-lp .btn-primary {
  background: var(--sapphire);
  color: #fff;
  box-shadow: 0 4px 20px rgba(26,58,92,.3);
}

.polyglot-lp .btn-gold {
  background: linear-gradient(135deg, var(--gold), var(--gold-light));
  color: #fff;
  box-shadow: var(--shadow-gold);
}

.polyglot-lp .btn-ghost {
  background: transparent;
  color: var(--ink-soft);
  border: 1.5px solid var(--border);
}

.polyglot-lp .btn:hover { transform: translateY(-2px); }

.polyglot-lp .hero-visual {
  position: relative;
}

.polyglot-lp .hero-card {
  background: #fff;
  border-radius: var(--r-xl);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
  border: 1px solid var(--border);
}

.polyglot-lp .hero-img-wrap {
  position: relative;
  height: 320px;
  overflow: hidden;
}

.polyglot-lp .hero-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.polyglot-lp .hero-img-wrap::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 40%, rgba(14,12,10,.6));
}

.polyglot-lp .hero-img-caption {
  position: absolute;
  bottom: 22px;
  left: 22px;
  right: 22px;
  z-index: 2;
  color: #fff;
}

.polyglot-lp .hero-img-caption strong {
  font-family: 'Cormorant Garamond', serif;
  font-size: 26px;
  font-weight: 600;
  display: block;
  line-height: 1.1;
  margin-bottom: 6px;
}

.polyglot-lp .hero-img-caption span {
  font-size: 14px;
  opacity: .85;
  font-weight: 300;
}

.polyglot-lp .hero-card-body { padding: 22px; }

.polyglot-lp .hero-trust-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: var(--border);
  border-radius: var(--r);
  overflow: hidden;
}

.polyglot-lp .hero-trust-cell {
  background: var(--cream);
  padding: 16px 14px;
  text-align: center;
}

.polyglot-lp .hero-trust-cell strong {
  display: block;
  font-family: 'Cormorant Garamond', serif;
  font-size: 26px;
  font-weight: 700;
  color: var(--sapphire);
  line-height: 1;
  margin-bottom: 4px;
}

.polyglot-lp .hero-trust-cell span {
  font-size: 11.5px;
  color: var(--ink-muted);
  font-weight: 500;
  letter-spacing: .02em;
}

.polyglot-lp .logo-bar {
  padding: 32px 0;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  background: var(--cream);
}

.polyglot-lp .logo-bar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
}

.polyglot-lp .logo-bar-label {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--ink-muted);
  white-space: nowrap;
}

.polyglot-lp .logo-bar-items {
  display: flex;
  gap: 36px;
  align-items: center;
  flex-wrap: wrap;
}

.polyglot-lp .logo-bar-item {
  font-family: 'Cormorant Garamond', serif;
  font-size: 18px;
  font-weight: 600;
  color: var(--ink-muted);
  opacity: .7;
}

.polyglot-lp .section-head {
  max-width: 780px;
  margin-bottom: 56px;
}

.polyglot-lp .section-head h2 {
  font-size: clamp(38px, 5vw, 64px);
  color: var(--sapphire);
  margin: 16px 0 20px;
  line-height: .95;
}

.polyglot-lp .section-head p {
  font-size: 18px;
  line-height: 1.8;
  color: var(--ink-soft);
  font-weight: 300;
  margin: 0;
}

.polyglot-lp .why-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  background: var(--border);
  border-radius: var(--r-xl);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

.polyglot-lp .why-cell {
  background: #fff;
  padding: 40px;
}

.polyglot-lp .why-icon {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border-radius: var(--r-lg);
  background: linear-gradient(135deg, var(--gold-pale), rgba(184,137,58,.1));
  font-size: 22px;
  margin-bottom: 20px;
  border: 1px solid var(--border-gold);
}

.polyglot-lp .why-cell h3 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 22px;
  font-weight: 600;
  color: var(--sapphire);
  margin: 0 0 10px;
  line-height: 1.2;
}

.polyglot-lp .why-cell p {
  font-size: 14.5px;
  line-height: 1.8;
  color: var(--ink-soft);
  font-weight: 300;
  margin: 0;
}

.polyglot-lp .offer-section {
  background:
    radial-gradient(ellipse 60% 70% at 90% 10%, rgba(26,58,92,.04), transparent),
    var(--cream);
}

.polyglot-lp .offer-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.polyglot-lp .offer-card {
  background: #fff;
  border-radius: var(--r-xl);
  overflow: hidden;
  border: 1px solid var(--border);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
}

.polyglot-lp .offer-card.featured {
  border-color: var(--gold);
  box-shadow: var(--shadow-gold);
  position: relative;
}

.polyglot-lp .offer-card.featured::before {
  content: 'Most Popular';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 36px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, var(--gold), var(--gold-light));
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.polyglot-lp .offer-card.featured .offer-body { padding-top: 52px; }

.polyglot-lp .offer-body {
  padding: 32px;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.polyglot-lp .offer-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 10px;
}

.polyglot-lp .offer-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: 30px;
  font-weight: 700;
  color: var(--sapphire);
  line-height: 1.1;
  margin: 0 0 14px;
}

.polyglot-lp .offer-desc {
  font-size: 15px;
  line-height: 1.75;
  color: var(--ink-soft);
  font-weight: 300;
  flex: 1;
  margin: 0 0 22px;
}

.polyglot-lp .offer-list {
  list-style: none;
  display: grid;
  gap: 10px;
  margin: 0 0 28px;
  padding: 0;
}

.polyglot-lp .offer-list li {
  display: flex;
  gap: 10px;
  font-size: 14px;
  color: var(--ink-soft);
  line-height: 1.5;
}

.polyglot-lp .offer-list li::before {
  content: '✦';
  color: var(--gold);
  font-size: 10px;
  margin-top: 3px;
  flex-shrink: 0;
}

.polyglot-lp .audience-section {
  background: linear-gradient(180deg, var(--sapphire) 0%, #0f2a47 100%);
  position: relative;
  overflow: hidden;
}

.polyglot-lp .audience-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 50% 60% at 20% 50%, rgba(184,137,58,.08), transparent),
    radial-gradient(ellipse 40% 50% at 80% 50%, rgba(46,96,150,.3), transparent);
}

.polyglot-lp .audience-section .container,
.polyglot-lp .audience-section .section-head { position: relative; z-index: 1; }
.polyglot-lp .audience-section .section-head h2 { color: #fff; }
.polyglot-lp .audience-section .section-head p { color: rgba(255,255,255,.65); }
.polyglot-lp .audience-section .ornament { color: var(--gold-light); }

.polyglot-lp .toggle-row {
  display: flex;
  gap: 0;
  margin-bottom: 44px;
  background: rgba(255,255,255,.08);
  border-radius: var(--r);
  padding: 4px;
  width: max-content;
  max-width: 100%;
  border: 1px solid rgba(255,255,255,.12);
  flex-wrap: wrap;
}

.polyglot-lp .toggle-btn {
  min-height: 44px;
  padding: 0 26px;
  border-radius: calc(var(--r) - 2px);
  border: none;
  background: transparent;
  color: rgba(255,255,255,.6);
  font-family: 'DM Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: .24s ease;
  letter-spacing: .01em;
}

.polyglot-lp .toggle-btn.active {
  background: #fff;
  color: var(--sapphire);
  box-shadow: var(--shadow-sm);
}

.polyglot-lp .audience-pane { display: none; }
.polyglot-lp .audience-pane.active { display: block; }

.polyglot-lp .audience-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
  align-items: start;
}

.polyglot-lp .audience-copy h3 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 44px;
  font-weight: 600;
  color: #fff;
  line-height: 1.05;
  margin: 0 0 24px;
  letter-spacing: -.02em;
}

.polyglot-lp .audience-list {
  display: grid;
  gap: 16px;
  margin-bottom: 36px;
}

.polyglot-lp .audience-list-item {
  display: flex;
  gap: 14px;
  align-items: start;
}

.polyglot-lp .aud-num {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--gold), var(--gold-light));
  display: grid;
  place-items: center;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  flex-shrink: 0;
  margin-top: 2px;
}

.polyglot-lp .audience-list-item p {
  font-size: 15.5px;
  line-height: 1.7;
  color: rgba(255,255,255,.78);
  font-weight: 300;
  margin: 0;
}

.polyglot-lp .audience-list-item strong {
  color: rgba(255,255,255,.95);
  font-weight: 600;
}

.polyglot-lp .audience-visual {
  border-radius: var(--r-xl);
  overflow: hidden;
  box-shadow: 0 32px 80px rgba(0,0,0,.35);
  border: 1px solid rgba(255,255,255,.1);
}

.polyglot-lp .audience-visual img {
  width: 100%;
  height: 420px;
  object-fit: cover;
}

.polyglot-lp .tutor-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.polyglot-lp .tutor-card {
  background: #fff;
  border-radius: var(--r-xl);
  overflow: hidden;
  border: 1px solid var(--border);
  box-shadow: var(--shadow-sm);
}

.polyglot-lp .tutor-img {
  height: 300px;
  overflow: hidden;
  position: relative;
}

.polyglot-lp .tutor-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.polyglot-lp .tutor-img::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 120px;
  background: linear-gradient(to top, rgba(14,12,10,.5), transparent);
}

.polyglot-lp .tutor-body { padding: 26px; }

.polyglot-lp .tutor-role {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 8px;
}

.polyglot-lp .tutor-body h3 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 26px;
  font-weight: 700;
  color: var(--sapphire);
  margin: 0 0 10px;
  line-height: 1.1;
}

.polyglot-lp .tutor-body p {
  font-size: 14.5px;
  line-height: 1.75;
  color: var(--ink-soft);
  font-weight: 300;
  margin: 0 0 18px;
}

.polyglot-lp .tag-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.polyglot-lp .tag {
  padding: 5px 11px;
  border-radius: 999px;
  background: var(--cream);
  border: 1px solid var(--border);
  font-size: 12px;
  font-weight: 600;
  color: var(--ink-soft);
}

.polyglot-lp .steps-section { background: var(--cream); }

.polyglot-lp .steps-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2px;
  background: var(--border);
  border-radius: var(--r-xl);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

.polyglot-lp .step-cell {
  background: #fff;
  padding: 40px 32px;
}

.polyglot-lp .step-num {
  font-family: 'Cormorant Garamond', serif;
  font-size: 80px;
  font-weight: 300;
  color: var(--gold-pale);
  line-height: 1;
  margin-bottom: 16px;
  letter-spacing: -.04em;
}

.polyglot-lp .step-cell h3 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 22px;
  font-weight: 700;
  color: var(--sapphire);
  margin: 0 0 10px;
}

.polyglot-lp .step-cell p {
  font-size: 14.5px;
  line-height: 1.75;
  color: var(--ink-soft);
  font-weight: 300;
  margin: 0;
}

.polyglot-lp .testimonial-section {
  background: linear-gradient(180deg, var(--parchment), var(--cream));
}

.polyglot-lp .testimonial-grid {
  display: grid;
  grid-template-columns: 1.3fr .7fr;
  gap: 28px;
  align-items: start;
}

.polyglot-lp .testimonial-wrap {
  background: #fff;
  border-radius: var(--r-xl);
  padding: 44px;
  border: 1px solid var(--border);
  box-shadow: var(--shadow-md);
  min-height: 380px;
  position: relative;
}

.polyglot-lp .testimonial-quote-mark {
  font-family: 'Cormorant Garamond', serif;
  font-size: 120px;
  line-height: .7;
  color: var(--gold-pale);
  position: absolute;
  top: 28px;
  left: 36px;
  pointer-events: none;
  user-select: none;
}

.polyglot-lp .testimonial { display: none; }
.polyglot-lp .testimonial.active { display: block; }

.polyglot-lp .stars {
  color: var(--gold);
  letter-spacing: .2em;
  font-size: 16px;
  margin-bottom: 22px;
  position: relative;
  z-index: 1;
}

.polyglot-lp .quote-text {
  font-family: 'Cormorant Garamond', serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 1.55;
  color: var(--sapphire);
  margin: 0 0 28px;
  font-style: italic;
  position: relative;
  z-index: 1;
}

.polyglot-lp .person {
  display: flex;
  align-items: center;
  gap: 16px;
  position: relative;
  z-index: 1;
}

.polyglot-lp .avatar {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid var(--border-gold);
  flex-shrink: 0;
}

.polyglot-lp .avatar img { width: 100%; height: 100%; object-fit: cover; }

.polyglot-lp .person strong {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: var(--ink);
  margin-bottom: 3px;
}

.polyglot-lp .person span {
  font-size: 13.5px;
  color: var(--ink-muted);
  font-weight: 300;
}

.polyglot-lp .slider-nav {
  display: flex;
  gap: 8px;
  margin-top: 28px;
}

.polyglot-lp .slider-btn {
  width: 44px;
  height: 44px;
  border-radius: var(--r);
  border: 1.5px solid var(--border);
  background: #fff;
  color: var(--ink-soft);
  font-size: 18px;
  cursor: pointer;
  display: grid;
  place-items: center;
}

.polyglot-lp .proof-side { display: grid; gap: 16px; }

.polyglot-lp .proof-stat {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  padding: 28px;
  box-shadow: var(--shadow-sm);
}

.polyglot-lp .proof-stat strong {
  display: block;
  font-family: 'Cormorant Garamond', serif;
  font-size: 40px;
  font-weight: 700;
  color: var(--sapphire);
  line-height: 1;
  margin-bottom: 6px;
}

.polyglot-lp .proof-stat h4 {
  font-size: 15px;
  font-weight: 600;
  color: var(--ink);
  margin: 0 0 6px;
}

.polyglot-lp .proof-stat p {
  font-size: 13.5px;
  line-height: 1.7;
  color: var(--ink-muted);
  font-weight: 300;
  margin: 0;
}

.polyglot-lp .pricing-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  align-items: start;
}

.polyglot-lp .price-card {
  background: #fff;
  border-radius: var(--r-xl);
  border: 1px solid var(--border);
  padding: 32px;
  box-shadow: var(--shadow-sm);
}

.polyglot-lp .price-card.featured {
  background: var(--sapphire);
  border-color: var(--sapphire);
  box-shadow: 0 24px 64px rgba(26,58,92,.35);
  transform: translateY(-8px);
}

.polyglot-lp .price-badge {
  display: inline-block;
  padding: 5px 12px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  margin-bottom: 14px;
}

.polyglot-lp .price-card:not(.featured) .price-badge {
  background: var(--cream);
  border: 1px solid var(--border);
  color: var(--ink-muted);
}

.polyglot-lp .price-card.featured .price-badge {
  background: linear-gradient(135deg, var(--gold), var(--gold-light));
  color: #fff;
}

.polyglot-lp .price-card h3 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 6px;
}

.polyglot-lp .price-card:not(.featured) h3 { color: var(--sapphire); }
.polyglot-lp .price-card.featured h3 { color: #fff; }

.polyglot-lp .price-value {
  font-size: 44px;
  font-weight: 700;
  letter-spacing: -.04em;
  line-height: 1;
  margin-bottom: 4px;
}

.polyglot-lp .price-card:not(.featured) .price-value { color: var(--sapphire); }
.polyglot-lp .price-card.featured .price-value { color: #fff; }
.polyglot-lp .price-value small { font-size: 16px; font-weight: 400; opacity: .7; }

.polyglot-lp .price-desc {
  font-size: 13.5px;
  line-height: 1.7;
  margin: 12px 0 22px;
  font-weight: 300;
}

.polyglot-lp .price-card:not(.featured) .price-desc { color: var(--ink-soft); }
.polyglot-lp .price-card.featured .price-desc { color: rgba(255,255,255,.7); }

.polyglot-lp .price-list {
  list-style: none;
  display: grid;
  gap: 10px;
  margin: 0 0 28px;
  padding: 0;
}

.polyglot-lp .price-list li {
  display: flex;
  gap: 10px;
  font-size: 13.5px;
  line-height: 1.5;
}

.polyglot-lp .price-card:not(.featured) .price-list li { color: var(--ink-soft); }
.polyglot-lp .price-card.featured .price-list li { color: rgba(255,255,255,.82); }

.polyglot-lp .price-list li::before {
  content: '✓';
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 11px;
  font-weight: 800;
  flex-shrink: 0;
  margin-top: 1px;
}

.polyglot-lp .price-card:not(.featured) .price-list li::before {
  background: linear-gradient(135deg, #d4f0e0, #a8dfc0);
  color: #1a5c3a;
}

.polyglot-lp .price-card.featured .price-list li::before {
  background: linear-gradient(135deg, var(--gold), var(--gold-light));
  color: #fff;
}

.polyglot-lp .faq-section { background: var(--cream); }

.polyglot-lp .faq-cols {
  display: grid;
  grid-template-columns: 360px 1fr;
  gap: 64px;
  align-items: start;
}

.polyglot-lp .faq-sticky {
  position: sticky;
  top: 96px;
}

.polyglot-lp .faq-sticky h2 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 52px;
  font-weight: 600;
  color: var(--sapphire);
  line-height: .95;
  letter-spacing: -.03em;
  margin: 16px 0 20px;
}

.polyglot-lp .faq-sticky p {
  font-size: 16px;
  line-height: 1.8;
  color: var(--ink-soft);
  font-weight: 300;
  margin: 0 0 28px;
}

.polyglot-lp .faq-list { display: grid; gap: 12px; }

.polyglot-lp .faq-item {
  background: #fff;
  border-radius: var(--r-lg);
  border: 1px solid var(--border);
  overflow: hidden;
}

.polyglot-lp .faq-item.open { border-color: var(--border-gold); }

.polyglot-lp .faq-q {
  width: 100%;
  padding: 22px 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  border: none;
  background: transparent;
  font-family: 'DM Sans', sans-serif;
  font-size: 15.5px;
  font-weight: 600;
  color: var(--ink);
  text-align: left;
  cursor: pointer;
}

.polyglot-lp .faq-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  border: 1.5px solid var(--border);
  display: grid;
  place-items: center;
  font-size: 18px;
  color: var(--ink-muted);
  flex-shrink: 0;
  background: var(--cream);
  transition: .24s ease;
}

.polyglot-lp .faq-item.open .faq-icon {
  transform: rotate(45deg);
  border-color: var(--gold);
  color: var(--gold);
}

.polyglot-lp .faq-a {
  display: none;
  padding: 0 24px 22px;
  font-size: 14.5px;
  line-height: 1.8;
  color: var(--ink-soft);
  font-weight: 300;
}

.polyglot-lp .faq-item.open .faq-a { display: block; }

.polyglot-lp .cta-section {
  background: linear-gradient(135deg, var(--sapphire) 0%, #0f2a47 50%, #1e3a5c 100%);
  position: relative;
  overflow: hidden;
}

.polyglot-lp .cta-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 40% 60% at 5% 50%, rgba(184,137,58,.1), transparent),
    radial-gradient(ellipse 30% 50% at 95% 30%, rgba(46,96,150,.4), transparent);
}

.polyglot-lp .cta-section::after {
  content: '';
  position: absolute;
  top: -60%;
  right: -10%;
  width: 600px;
  height: 600px;
  border-radius: 50%;
  border: 1px solid rgba(184,137,58,.12);
  pointer-events: none;
}

.polyglot-lp .cta-grid {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 60px;
  align-items: center;
  position: relative;
  z-index: 1;
}

.polyglot-lp .cta-section .ornament { color: var(--gold-light); }

.polyglot-lp .cta-grid h2 {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(40px, 5vw, 64px);
  font-weight: 600;
  color: #fff;
  line-height: .95;
  letter-spacing: -.03em;
  margin: 16px 0 18px;
}

.polyglot-lp .cta-grid p {
  font-size: 17px;
  line-height: 1.8;
  color: rgba(255,255,255,.7);
  font-weight: 300;
  max-width: 52ch;
  margin: 0;
}

.polyglot-lp .cta-actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 240px;
}

.polyglot-lp .footer {
  background: var(--ink);
  padding: 64px 0 40px;
}

.polyglot-lp .footer-grid {
  display: grid;
  grid-template-columns: 1fr auto auto auto;
  gap: 60px;
  margin-bottom: 56px;
}

.polyglot-lp .footer-brand .nav-logo {
  font-size: 24px;
  margin-bottom: 14px;
  color: #fff;
}

.polyglot-lp .footer-brand p {
  font-size: 14px;
  line-height: 1.8;
  color: rgba(255,255,255,.45);
  font-weight: 300;
  max-width: 28ch;
  margin: 0;
}

.polyglot-lp .footer-col h4 {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--gold);
  margin: 0 0 18px;
}

.polyglot-lp .footer-links {
  display: grid;
  gap: 12px;
}

.polyglot-lp .footer-links a {
  font-size: 14px;
  color: rgba(255,255,255,.55);
  font-weight: 300;
}

.polyglot-lp .footer-bottom {
  padding-top: 32px;
  border-top: 1px solid rgba(255,255,255,.07);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.polyglot-lp .footer-bottom p {
  font-size: 13px;
  color: rgba(255,255,255,.3);
  font-weight: 300;
  margin: 0;
}

@media (max-width: 1080px) {
  .polyglot-lp .hero-grid { grid-template-columns: 1fr; gap: 48px; }
  .polyglot-lp .why-grid,
  .polyglot-lp .offer-grid,
  .polyglot-lp .tutor-grid,
  .polyglot-lp .steps-grid,
  .polyglot-lp .pricing-grid { grid-template-columns: 1fr 1fr; }
  .polyglot-lp .audience-grid,
  .polyglot-lp .testimonial-grid,
  .polyglot-lp .faq-cols,
  .polyglot-lp .cta-grid { grid-template-columns: 1fr; }
  .polyglot-lp .faq-sticky { position: static; }
  .polyglot-lp .cta-actions { flex-direction: row; flex-wrap: wrap; }
  .polyglot-lp .footer-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 760px) {
  .polyglot-lp .container { width: min(1260px, calc(100% - 24px)); }
  .polyglot-lp .nav {
    padding: 12px 14px;
    height: auto;
    flex-wrap: wrap;
    justify-content: center;
  }
  .polyglot-lp .nav-links { display: none; }
  .polyglot-lp .section { padding: 72px 0; }
  .polyglot-lp .hero { padding: 56px 0 64px; }
  .polyglot-lp .why-grid,
  .polyglot-lp .offer-grid,
  .polyglot-lp .tutor-grid,
  .polyglot-lp .steps-grid,
  .polyglot-lp .pricing-grid,
  .polyglot-lp .footer-grid { grid-template-columns: 1fr; }
  .polyglot-lp .price-card.featured { transform: none; }
  .polyglot-lp .hero-trust-row { grid-template-columns: 1fr; }
  .polyglot-lp .logo-bar-items { gap: 20px; }
  .polyglot-lp .btn,
  .polyglot-lp .btn-row > a,
  .polyglot-lp .cta-actions > a { width: 100%; }
  .polyglot-lp .btn-row,
  .polyglot-lp .cta-actions { flex-direction: column; }
  .polyglot-lp .toggle-row { width: 100%; }
  .polyglot-lp .toggle-btn { flex: 1; }
  .polyglot-lp .tutor-img { height: 250px; }
  .polyglot-lp .audience-visual img { height: 320px; }
}


<section class="polyglot-lp" id="polyglot-lp">
<section class="hero">
    <div class="hero-bg"></div>
    <div class="container">
      <div class="hero-grid">
        <div>
          <div class="hero-kicker">
            <span class="ornament">Online Language Academy</span>
          </div>
          <h1 class="hero-headline display">
            The language<br>you've always<br>
            <em>wanted to speak.</em>
          </h1>
          <p class="hero-sub">
            Stop translating in your head. Start thinking — and speaking — in a second language. Polyglot pairs structured courses with experienced human tutors so every lesson moves you closer to the conversations that matter: job interviews, travel moments, new markets, real relationships.
          </p>
          <div class="hero-proof">
            <span class="proof-chip">114+ courses across all levels</span>
            <span class="proof-chip">Certified tutors for private &amp; group lessons</span>
            <span class="proof-chip">Start completely free</span>
          </div>
          <div class="btn-row">
            <a class="btn btn-gold" href="https://www.polyglot-language-academy.com/courses/">Begin Free Today</a>
            <a class="btn btn-primary" href="https://www.polyglot-language-academy.com/our-team/">Find Your Tutor</a>
            <a class="btn btn-ghost" href="https://www.polyglot-language-academy.com/polyglot-for-business/">Train Your Team →</a>
          </div>
        </div>

        <div class="hero-visual">
          <div class="hero-card">
            <div class="hero-img-wrap">
              <img src="https://www.polyglot-language-academy.com/wp-content/uploads/2022/12/languages-scaled.jpeg" alt="Language learning" loading="eager">
              <div class="hero-img-caption">
                <strong>From hesitation to fluency — with expert guidance alongside you.</strong>
                <span>Live tutors. Structured paths. Real progress you can measure.</span>
              </div>
            </div>
            <div class="hero-card-body">
              <div class="hero-trust-row">
                <div class="hero-trust-cell">
                  <strong>114+</strong>
                  <span>courses available</span>
                </div>
                <div class="hero-trust-cell">
                  <strong>A1–C2</strong>
                  <span>all proficiency levels</span>
                </div>
                <div class="hero-trust-cell">
                  <strong>Free</strong>
                  <span>to start today</span>
                </div>
              </div>
            </div>
          </div>
        </div>

      </div>
    </div>
  </section>

  <div class="logo-bar">
    <div class="container">
      <div class="logo-bar-inner">
        <span class="logo-bar-label">Learners from</span>
        <div class="logo-bar-items">
          <span class="logo-bar-item">France</span>
          <span class="logo-bar-item">Germany</span>
          <span class="logo-bar-item">Spain</span>
          <span class="logo-bar-item">United States</span>
          <span class="logo-bar-item">United Kingdom</span>
          <span class="logo-bar-item">Brazil</span>
          <span class="logo-bar-item">Japan</span>
        </div>
      </div>
    </div>
  </div>

  <section class="section">
    <div class="container">
      <div class="section-head">
        <span class="ornament">Why Polyglot works</span>
        <h2 class="display">Not another app. A real academy.</h2>
        <p>Apps teach you vocabulary. Polyglot teaches you to communicate. There's a fundamental difference — and you'll feel it within your first lesson.</p>
      </div>
      <div class="why-grid">
        <div class="why-cell">
          <div class="why-icon">🎓</div>
          <h3>A curriculum — not just content</h3>
          <p>Every course follows a deliberate sequence from beginner to advanced, so you always know exactly where you are, what you've mastered and what comes next.</p>
        </div>
        <div class="why-cell">
          <div class="why-icon">👩‍🏫</div>
          <h3>Certified tutors who actually correct you</h3>
          <p>A language app will never tell you your accent is drifting or your sentence structure sounds unnatural. A experienced Polyglot tutor will — which is why learners progress faster with live support.</p>
        </div>
        <div class="why-cell">
          <div class="why-icon">🗣️</div>
          <h3>Designed for real conversations</h3>
          <p>Whether you're ordering coffee in Paris, closing a deal in Madrid, or navigating an airport in Tokyo — Polyglot lessons are built around what you'll actually say, not textbook examples.</p>
        </div>
        <div class="why-cell">
          <div class="why-icon">📈</div>
          <h3>Progress you can prove</h3>
          <p>Quizzes, assessments and internationally-recognised certificates give you visible proof of your improvement — ideal for career applications, immigration paperwork or simply staying motivated.</p>
        </div>
        <div class="why-cell">
          <div class="why-icon">🤝</div>
          <h3>One place, three types of learner</h3>
          <p>Independent learners, corporate teams and exam candidates each have a dedicated pathway. You'll never feel like you're being squeezed into a format that wasn't built for you.</p>
        </div>
        <div class="why-cell">
          <div class="why-icon">✦</div>
          <h3>Start free. Upgrade when it's worth it.</h3>
          <p>Explore full free courses before you spend a single euro. When you want faster progress, human feedback or premium content — it's already waiting for you.</p>
        </div>
      </div>
    </div>
  </section>

  <section class="section offer-section">
    <div class="container">
      <div class="section-head">
        <span class="ornament">What we offer</span>
        <h2 class="display">Six ways to learn. One clear outcome.</h2>
        <p>Every format at Polyglot is designed around the same goal: moving you from hesitant to genuinely confident in the language you're learning.</p>
      </div>
      <div class="offer-grid">
        <article class="offer-card">
          <div class="offer-body">
            <div class="offer-label">Zero risk</div>
            <div class="offer-title">Free Courses</div>
            <p class="offer-desc">Before you commit a single euro, explore the full Polyglot experience. Our free courses aren't stripped-back previews — they're complete, structured lessons that prove the method works.</p>
            <ul class="offer-list">
              <li>Complete beginner to intermediate levels</li>
              <li>Audio, reading and quiz exercises</li>
              <li>Access to the learner community forum</li>
              <li>No credit card, no time limit</li>
            </ul>
            <a class="btn btn-ghost" href="https://www.polyglot-language-academy.com/courses/">Explore free courses →</a>
          </div>
        </article>

        <article class="offer-card featured">
          <div class="offer-body">
            <div class="offer-label">Most complete</div>
            <div class="offer-title">Polyglot<br>Membership</div>
            <p class="offer-desc">Everything serious learners need in one place: the full Premium Digital course library, practice tools, certification where issued, and learner support — private tutoring is booked separately — all for less than a single coffee per day.</p>
            <ul class="offer-list">
              <li>All Free + Premium Digital course content</li>
              <li>Private tutoring available separately (€35/session)</li>
              <li>Official certificates of achievement</li>
              <li>Exam preparation tracks</li>
            </ul>
            <a class="btn btn-gold" href="https://www.polyglot-language-academy.com/pricing-table/">See membership plans →</a>
          </div>
        </article>

        <article class="offer-card">
          <div class="offer-body">
            <div class="offer-label">Fastest progress</div>
            <div class="offer-title">Private Lessons</div>
            <p class="offer-desc">One-to-one lessons with a certified tutor who adapts every session to your specific weaknesses, goals and learning speed. This is the fastest route to speaking with confidence.</p>
            <ul class="offer-list">
              <li>Personalised lesson plans</li>
              <li>Direct pronunciation correction</li>
              <li>Flexible scheduling, no fixed timetable</li>
              <li>Choose your own tutor by specialism</li>
            </ul>
            <a class="btn btn-ghost" href="https://www.polyglot-language-academy.com/private-lessons/">Book a private lesson →</a>
          </div>
        </article>

        <article class="offer-card">
          <div class="offer-body">
            <div class="offer-label">Guided community</div>
            <div class="offer-title">Group Lessons</div>
            <p class="offer-desc">Tutor-led small group sessions where you practice alongside other motivated learners at your level. All the expert guidance — at a price that makes weekly sessions realistic.</p>
            <ul class="offer-list">
              <li>Small groups, no more than 8 learners</li>
              <li>Structured conversation practice</li>
              <li>Tutor feedback in every session</li>
              <li>Regular cohort scheduling</li>
            </ul>
            <a class="btn btn-ghost" href="https://www.polyglot-language-academy.com/group-lessons/">Join a group →</a>
          </div>
        </article>

        <article class="offer-card">
          <div class="offer-body">
            <div class="offer-label">Corporate &amp; teams</div>
            <div class="offer-title">Business Training</div>
            <p class="offer-desc">Language skills that translate directly into revenue: clearer client conversations, smoother internal collaboration and the confidence to expand into international markets.</p>
            <ul class="offer-list">
              <li>Tailored industry-specific vocabulary</li>
              <li>Group and individual training options</li>
              <li>Progress reporting for HR and managers</li>
              <li>Flexible scheduling for busy teams</li>
            </ul>
            <a class="btn btn-ghost" href="https://www.polyglot-language-academy.com/polyglot-for-business/">Talk to the team →</a>
          </div>
        </article>

        <article class="offer-card">
          <div class="offer-body">
            <div class="offer-label">Formal achievement</div>
            <div class="offer-title">Certification Prep</div>
            <p class="offer-desc">Studying for a language certification or proficiency exam? Polyglot's structured courses and assessment tools help you arrive at the test centre genuinely ready — not just hoping for the best.</p>
            <ul class="offer-list">
              <li>Mapped to CEFR levels A1 through C2</li>
              <li>Practice exams and timed assessments</li>
              <li>Certificates of course completion</li>
              <li>Tutor support during exam preparation</li>
            </ul>
            <a class="btn btn-ghost" href="https://www.polyglot-language-academy.com/courses/">Start cert prep →</a>
          </div>
        </article>
      </div>
    </div>
  </section>

  <section class="section audience-section">
    <div class="container">
      <div class="section-head">
        <span class="ornament">Who we teach</span>
        <h2 class="display">Your reason to learn is the right reason to learn.</h2>
        <p>Whether you want to finally feel at home in another country or want your team to win business internationally, Polyglot was built for both of you.</p>
      </div>

      <div class="toggle-row">
        <button class="toggle-btn active" data-audience="individual">Individual learners</button>
        <button class="toggle-btn" data-audience="business">Companies &amp; teams</button>
      </div>

      <div class="audience-pane active" data-pane="individual">
        <div class="audience-grid">
          <div class="audience-copy">
            <h3>Stop understanding it.<br>Start speaking it.</h3>
            <div class="audience-list">
              <div class="audience-list-item">
                <div class="aud-num">1</div>
                <p><strong>You already started once and stopped.</strong> Most people who "know some Spanish" or "studied French at school" stopped because nothing clicked into usability. Polyglot's curriculum is built specifically for adult learners who want to break through the plateau — not just build a streak.</p>
              </div>
              <div class="audience-list-item">
                <div class="aud-num">2</div>
                <p><strong>You have a real reason to get there.</strong> A trip, a move, a relationship, an exam, a promotion. Polyglot helps you study with that destination in mind, not just the next vocabulary list.</p>
              </div>
              <div class="audience-list-item">
                <div class="aud-num">3</div>
                <p><strong>You want to be corrected, not just practiced.</strong> Private and group tutors give you the direct, specific feedback that no app ever will — and that's usually the missing piece.</p>
              </div>
            </div>
            <div class="btn-row">
              <a class="btn btn-gold" href="https://www.polyglot-language-academy.com/courses/">Browse All Courses</a>
              <a class="btn" style="color:#fff" href="https://www.polyglot-language-academy.com/pricing-table/">See Pricing</a>
            </div>
          </div>
          <div class="audience-visual">
            <img src="https://www.polyglot-language-academy.com/wp-content/uploads/2022/12/language-1-scaled.jpg" alt="Individual language learning">
          </div>
        </div>
      </div>

      <div class="audience-pane" data-pane="business">
        <div class="audience-grid">
          <div class="audience-copy">
            <h3>Language skills that move business forward.</h3>
            <div class="audience-list">
              <div class="audience-list-item">
                <div class="aud-num">1</div>
                <p><strong>Your team has the technical knowledge. They need the words.</strong> Sales conversations, client relationships and cross-border meetings all stall when language confidence is missing. Polyglot gives teams the practical vocabulary and speaking practice to close that gap.</p>
              </div>
              <div class="audience-list-item">
                <div class="aud-num">2</div>
                <p><strong>Generic e-learning doesn't move the needle.</strong> Industry-specific vocabulary, real conversation scenarios and certified tutors make Polyglot Business Training measurably different from off-the-shelf tools that sit unused in onboarding portals.</p>
              </div>
              <div class="audience-list-item">
                <div class="aud-num">3</div>
                <p><strong>You'll see the ROI in your next client meeting.</strong> Teams that communicate better internationally build stronger relationships, make fewer costly misunderstandings and project greater professionalism in every market they enter.</p>
              </div>
            </div>
            <div class="btn-row">
              <a class="btn btn-gold" href="https://www.polyglot-language-academy.com/polyglot-for-business/">Schedule a Consultation</a>
              <a class="btn" style="color:#fff" href="https://www.polyglot-language-academy.com/contact/">Ask a Question</a>
            </div>
          </div>
          <div class="audience-visual">
            <img src="https://www.polyglot-language-academy.com/wp-content/uploads/2023/01/business.png" alt="Business language training">
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="section">
    <div class="container">
      <div class="section-head">
        <span class="ornament">Your teaching team</span>
        <h2 class="display">Taught by people who've been where you're going.</h2>
        <p>Every Polyglot tutor is experienced and chosen for their ability to make language feel natural — not theoretical. They don't just know the grammar; they know how to make it click for you.</p>
      </div>
      <div class="tutor-grid">
        <article class="tutor-card">
          <div class="tutor-img">
            <img src="https://www.polyglot-language-academy.com/wp-content/uploads/2022/08/tutor-2.png" alt="Certified language tutor" loading="lazy">
          </div>
          <div class="tutor-body">
            <div class="tutor-role">Private &amp; Group Lessons</div>
            <h3>Personalised correction, every session</h3>
            <p>Our private lesson tutors adapt to your exact level, pace and goals — correcting your pronunciation, sharpening your grammar and building real speaking confidence through structured conversation practice.</p>
            <div class="tag-row">
              <span class="tag">One-to-one lessons</span>
              <span class="tag">Pronunciation focus</span>
              <span class="tag">Certified</span>
            </div>
          </div>
        </article>

        <article class="tutor-card">
          <div class="tutor-img">
            <img src="https://www.polyglot-language-academy.com/wp-content/uploads/2022/08/tutor-1.jpg" alt="Language tutor flexible learning" loading="lazy">
          </div>
          <div class="tutor-body">
            <div class="tutor-role">Flexible Formats</div>
            <h3>Your schedule, your format, your speed</h3>
            <p>Whether you prefer intensive one-on-one sessions or the energy of a small guided group, Polyglot tutors work around your availability — not the other way around. No rigid timetables, no wasted sessions.</p>
            <div class="tag-row">
              <span class="tag">Group lessons</span>
              <span class="tag">Flexible scheduling</span>
              <span class="tag">All levels</span>
            </div>
          </div>
        </article>

        <article class="tutor-card">
          <div class="tutor-img">
            <img src="https://www.polyglot-language-academy.com/wp-content/uploads/2022/08/tutor-4.jpg" alt="Multilingual tutor" loading="lazy">
          </div>
          <div class="tutor-body">
            <div class="tutor-role">Multilingual Programmes</div>
            <h3>Multiple languages, one trusted team</h3>
            <p>From European languages to global business staples, the Polyglot teaching team covers the languages that matter most for travel, career and connection — all to the same standard of quality and care.</p>
            <div class="tag-row">
              <span class="tag">Multiple languages</span>
              <span class="tag">Business focus</span>
              <span class="tag">Conversation-led</span>
            </div>
          </div>
        </article>
      </div>
      <div class="btn-row" style="margin-top:32px">
        <a class="btn btn-primary" href="https://www.polyglot-language-academy.com/our-team/">Meet the Full Teaching Team</a>
        <a class="btn btn-ghost" href="https://www.polyglot-language-academy.com/contact/">Ask Which Tutor Is Right For You</a>
      </div>
    </div>
  </section>

  <section class="section steps-section">
    <div class="container">
      <div class="section-head">
        <span class="ornament">How it works</span>
        <h2 class="display">Four steps from complete beginner to confident speaker.</h2>
        <p>The path from "I want to learn this language" to "I can hold a real conversation in it" is clearer than you think. Here's how Polyglot takes you there.</p>
      </div>
      <div class="steps-grid">
        <div class="step-cell">
          <div class="step-num">01</div>
          <h3>Define your real goal</h3>
          <p>A holiday in Portugal, a new job in Berlin, an exam in three months, a business expansion into France. Your goal shapes your entire learning path — so we start there.</p>
        </div>
        <div class="step-cell">
          <div class="step-num">02</div>
          <h3>Choose the right format</h3>
          <p>Self-paced free courses to get started, premium content for depth, private tutoring for speed, group lessons for community, or a full membership for everything at once.</p>
        </div>
        <div class="step-cell">
          <div class="step-num">03</div>
          <h3>Build visible progress</h3>
          <p>Assessments, quizzes and certifications track your improvement and give you something tangible to show for your effort — far more satisfying than a daily streak notification.</p>
        </div>
        <div class="step-cell">
          <div class="step-num">04</div>
          <h3>Use the language for real</h3>
          <p>Every Polyglot lesson is built to transfer from screen to real life. When the moment comes — the conversation, the trip, the meeting — you'll be ready for it.</p>
        </div>
      </div>
    </div>
  </section>

  <section class="section testimonial-section">
    <div class="container">
      <div class="section-head">
        <span class="ornament">Learner stories</span>
        <h2 class="display">Real results from real people.</h2>
        <p>Every learner's journey is different. What they share is the moment language stopped being something they studied and started being something they used.</p>
      </div>

      <div class="testimonial-grid">
        <div class="testimonial-wrap">
          <div class="testimonial-quote-mark">"</div>

          <article class="testimonial active">
            <div class="stars">★★★★★</div>
            <div class="quote-text">I'd studied French for years and could read it fine — but every time I opened my mouth I froze. After three months with a Polyglot tutor, I had my first real conversation with a French colleague. That moment was worth everything.</div>
            <div class="person">
              <div class="avatar">
                <img src="https://www.polyglot-language-academy.com/wp-content/uploads/2023/01/team-s16.jpg" alt="French learner" loading="lazy">
              </div>
              <div>
                <strong>Sophie M.</strong>
                <span>French learner · Goal: relocation to Lyon</span>
              </div>
            </div>
          </article>

          <article class="testimonial">
            <div class="stars">★★★★★</div>
            <div class="quote-text">We enrolled six of our sales team in Polyglot Business Spanish before our Latin America expansion. Within two quarters, our conversion rate on Spanish-speaking calls had nearly doubled. The ROI was extraordinary.</div>
            <div class="person">
              <div class="avatar">
                <img src="https://www.polyglot-language-academy.com/wp-content/uploads/2022/08/tutor-1.jpg" alt="Business learner" loading="lazy">
              </div>
              <div>
                <strong>James H.</strong>
                <span>Commercial Director · Business Spanish programme</span>
              </div>
            </div>
          </article>

          <article class="testimonial">
            <div class="stars">★★★★★</div>
            <div class="quote-text">I started with the free German courses just to test it. Six months later I'm on the Polyglot membership, working through C1 content and preparing for my citizenship language test. I never expected to actually enjoy the process.</div>
            <div class="person">
              <div class="avatar">
                <img src="https://www.polyglot-language-academy.com/wp-content/uploads/2022/08/tutor-4.jpg" alt="German learner" loading="lazy">
              </div>
              <div>
                <strong>Amara T.</strong>
                <span>German learner · Goal: citizenship &amp; C1 certification</span>
              </div>
            </div>
          </article>

          <div class="slider-nav">
            <button class="slider-btn" data-dir="prev" type="button">‹</button>
            <button class="slider-btn" data-dir="next" type="button">›</button>
          </div>
        </div>

        <div class="proof-side">
          <div class="proof-stat">
            <strong>114+</strong>
            <h4>Courses across all levels and languages</h4>
            <p>From complete beginner to advanced — every language, every goal, every learning style covered in one academy.</p>
          </div>
          <div class="proof-stat">
            <strong>A1–C2</strong>
            <h4>Full CEFR range, not just beginner content</h4>
            <p>Most platforms stop at intermediate. Polyglot takes you through every level — because real fluency lives above B1.</p>
          </div>
          <div class="proof-stat">
            <strong>€0</strong>
            <h4>To start, no credit card required</h4>
            <p>Explore free courses, assess your level and see the Polyglot method work before you ever consider spending anything.</p>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="section">
    <div class="container">
      <div class="section-head">
        <span class="ornament">Transparent pricing</span>
        <h2 class="display">Choose how far you want to go.</h2>
        <p>Start free and add depth as your commitment grows. Every tier is designed to feel like a natural upgrade — not a hard sell.</p>
      </div>
      <div class="pricing-grid">
        <article class="price-card">
          <div class="price-badge">Starter</div>
          <h3>Free</h3>
          <div class="price-value">€0 <small>/ month</small></div>
          <p class="price-desc">The safest way to find out whether Polyglot is the right fit before spending a single euro.</p>
          <ul class="price-list">
            <li>Full access to free course library</li>
            <li>Learning style assessment</li>
            <li>Community forum access</li>
            <li>No time limit, no credit card</li>
          </ul>
          <a class="btn btn-ghost" href="https://www.polyglot-language-academy.com/pricing-table/" style="width:100%">Start for free</a>
        </article>

        <article class="price-card">
          <div class="price-badge">Advanced</div>
          <h3>Premium</h3>
          <div class="price-value">€12.90 <small>/ month</small></div>
          <p class="price-desc">Full premium content access and official certifications for learners who want depth without tutoring.</p>
          <ul class="price-list">
            <li>All Free + Premium Digital course content</li>
            <li>Official achievement certificates</li>
            <li>Learner support included</li>
            <li>Community and forum access</li>
          </ul>
          <a class="btn btn-ghost" href="https://www.polyglot-language-academy.com/pricing-table/" style="width:100%">Get Premium</a>
        </article>

        <article class="price-card">
          <div class="price-badge">Tutoring</div>
          <h3>Lessons</h3>
          <div class="price-value">€30 <small>/ month</small></div>
          <p class="price-desc">Book private 1:1 lessons (€35 / 60 min) when you want human feedback — separate from Premium Digital.</p>
          <ul class="price-list">
            <li>Private 1:1 lesson (€35 / session)</li>
            <li>Free course library included</li>
            <li>Forum and community access</li>
            <li>Tutor-led session notes</li>
          </ul>
          <a class="btn btn-ghost" href="https://www.polyglot-language-academy.com/pricing-table/" style="width:100%">Choose Lessons</a>
        </article>

        <article class="price-card featured">
          <div class="price-badge">Best value</div>
          <h3>Polyglot</h3>
          <div class="price-value">€35 <small>/ month</small></div>
          <p class="price-desc">The complete Polyglot experience — legacy bundle (not for new sales) — use Premium Digital + optional private sessions instead.</p>
          <ul class="price-list">
            <li>Complete Premium Digital course library</li>
            <li>Private tutoring booked separately (€35/session)</li>
            <li>Full certification suite</li>
            <li>Priority learner support</li>
          </ul>
          <a class="btn btn-gold" href="https://www.polyglot-language-academy.com/pricing-table/" style="width:100%">See Premium Digital</a>
        </article>
      </div>
    </div>
  </section>

  <section class="section faq-section">
    <div class="container">
      <div class="faq-cols">
        <div class="faq-sticky">
          <span class="ornament">Still deciding?</span>
          <h2 class="display">Every question that stood between you and starting.</h2>
          <p>The most common reasons people delay learning a language aren't lack of motivation — they're unanswered questions. Here are the honest answers.</p>
          <a class="btn btn-primary" href="https://www.polyglot-language-academy.com/contact/" style="margin-top:8px">Ask something else →</a>
        </div>

        <div class="faq-list">
          <div class="faq-item open">
            <button class="faq-q" type="button">
              <span>Do I have to pay to start?</span>
              <span class="faq-icon">+</span>
            </button>
            <div class="faq-a">
              No. The free course library is genuinely free — no credit card, no trial period, no catch. Start learning today and only upgrade when you want more depth, tutor access or official certification.
            </div>
          </div>

          <div class="faq-item">
            <button class="faq-q" type="button">
              <span>I've tried apps before and stopped. Why would this be different?</span>
              <span class="faq-icon">+</span>
            </button>
            <div class="faq-a">
              Apps are optimised for daily engagement — Polyglot is optimised for actual language acquisition. The key differences are structured curriculum, experienced tutors who correct your speaking, and a clear path from beginner to advanced. Most people who struggled with apps succeed at Polyglot because the experience is closer to a real academy than a gamified habit tracker.
            </div>
          </div>

          <div class="faq-item">
            <button class="faq-q" type="button">
              <span>How quickly will I see results?</span>
              <span class="faq-icon">+</span>
            </button>
            <div class="faq-a">
              That depends on your starting level, your goal and how consistently you study. Most learners notice meaningful progress in listening comprehension within 4–6 weeks. Speaking confidence — the milestone most people care about — typically takes 2–4 months of regular lessons with tutor support. The free assessment helps set a realistic timeline for your specific situation.
            </div>
          </div>

          <div class="faq-item">
            <button class="faq-q" type="button">
              <span>What if I want a tutor but can't commit to a fixed weekly time?</span>
              <span class="faq-icon">+</span>
            </button>
            <div class="faq-a">
              Polyglot tutors offer flexible scheduling — you book sessions when they suit you, not around a fixed timetable. If a week doesn't work, you reschedule. Life happens, and the academy is built to accommodate it.
            </div>
          </div>

          <div class="faq-item">
            <button class="faq-q" type="button">
              <span>Is there an option for our company's language training needs?</span>
              <span class="faq-icon">+</span>
            </button>
            <div class="faq-a">
              Yes. Polyglot for Business offers tailored corporate language training including group and private sessions, industry-specific vocabulary tracks, HR progress reporting and flexible team scheduling. The best starting point is a short consultation to understand your team's specific situation — contact us and we'll map out the right approach.
            </div>
          </div>

          <div class="faq-item">
            <button class="faq-q" type="button">
              <span>Which plan should I choose if I'm not sure?</span>
              <span class="faq-icon">+</span>
            </button>
            <div class="faq-a">
              Start free. Spend two weeks with the free courses and complete the learning assessment. You'll have a much clearer sense of your natural pace, your goal and which format suits you — and our team is available to make a personalised recommendation if you'd like one before upgrading.
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="section cta-section">
    <div class="container">
      <div class="cta-grid">
        <div>
          <span class="ornament">Ready to begin</span>
          <h2 class="display">The best moment to start was last year.<br>The second best is right now.</h2>
          <p>Whether you begin with a free course today, book your first private lesson this week, or schedule a business training consultation — your next real conversation in another language starts here.</p>
        </div>
        <div class="cta-actions">
          <a class="btn btn-gold" href="https://www.polyglot-language-academy.com/courses/">Start Free Courses</a>
          <a class="btn" style="color:#fff" href="https://www.polyglot-language-academy.com/our-team/">Find a Tutor</a>
          <a class="btn" href="https://www.polyglot-language-academy.com/polyglot-for-business/">Train Your Team</a>
        </div>
      </div>
    </div>
  </section>
</section>


(function(){
  const root = document.getElementById('polyglot-lp');
  if (!root) return;

  root.querySelectorAll('.toggle-btn').forEach(btn =&gt; {
    btn.addEventListener('click', () =&gt; {
      const target = btn.dataset.audience;
      root.querySelectorAll('.toggle-btn').forEach(b =&gt; b.classList.toggle('active', b === btn));
      root.querySelectorAll('.audience-pane').forEach(p =&gt; p.classList.toggle('active', p.dataset.pane === target));
    });
  });

  root.querySelectorAll('.faq-item').forEach(item =&gt; {
    const button = item.querySelector('.faq-q');
    if (button) {
      button.addEventListener('click', () =&gt; item.classList.toggle('open'));
    }
  });

  const testimonials = root.querySelectorAll('.testimonial');
  let current = 0;
  const show = i =&gt; {
    testimonials.forEach((t, j) =&gt; t.classList.toggle('active', i === j));
    current = i;
  };

  root.querySelectorAll('.slider-btn').forEach(btn =&gt; {
    btn.addEventListener('click', () =&gt; {
      show(btn.dataset.dir === 'next'
        ? (current + 1) % testimonials.length
        : (current - 1 + testimonials.length) % testimonials.length);
    });
  });
})();