:root{--bg:#061226;--bg2:#0b1f46;--card:#f9fbff;--text:#0c1c3a;--muted:#62708a;--blue:#2f6eff;--blue2:#1748bd}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#e8efff;background:radial-gradient(circle at 84% 0%,rgba(47,110,255,.30) 0%,transparent 34%),radial-gradient(circle at 8% 86%,rgba(80,135,255,.20) 0%,transparent 34%),linear-gradient(180deg,var(--bg),var(--bg2) 54%,var(--bg));min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit}.page{max-width:1140px;margin:auto;padding:22px 18px 56px}.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 0 22px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:-.035em;font-size:26px}.logo{width:43px;height:43px;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--blue2));display:grid;place-items:center;color:#fff;font-weight:950;box-shadow:0 14px 32px rgba(47,110,255,.28)}.langs{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.langs a{font-size:13px;font-weight:850;padding:8px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.07)}.langs a[aria-current=true]{background:rgba(47,110,255,.32);border-color:rgba(130,165,255,.62)}.hero{display:grid;grid-template-columns:1.02fr .98fr;gap:30px;align-items:center;padding:14px 0 30px}.kicker{display:inline-flex;padding:9px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:#dce6ff;font-size:14px;font-weight:850}h1{margin:18px 0 14px;font-size:clamp(42px,7vw,78px);line-height:.96;letter-spacing:-.075em}.lead{margin:0;color:#c8d6ff;font-size:clamp(18px,3.2vw,22px);line-height:1.42}.ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 20px;border-radius:18px;font-weight:900;letter-spacing:-.02em;border:0;cursor:pointer}.btn.primary{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;box-shadow:0 18px 42px rgba(47,110,255,.30)}.btn.secondary{color:#e8efff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18)}.trust{margin-top:14px;color:#9fb4ef;font-size:13px;line-height:1.45}.demo{background:var(--card);color:var(--text);border-radius:36px;padding:26px;box-shadow:0 34px 90px rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.76)}.demo-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:#eef4ff;color:var(--blue);font-size:13px;font-weight:900}.progress-wrap{display:flex;align-items:center;gap:10px;color:var(--muted);font-weight:850;font-size:13px}.progress{width:110px;height:9px;border-radius:999px;background:#dce6fb;overflow:hidden}.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),#7aa2ff);transition:width .2s}.question-label{font-size:14px;color:var(--blue);font-weight:950;margin:10px 0 8px}.question{font-size:clamp(25px,4.8vw,36px);font-weight:950;line-height:1.1;letter-spacing:-.04em;margin:0 0 18px}.gap{color:var(--blue);border-bottom:4px solid #b7ccff;padding:0 8px 2px}.options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0 14px}.option{text-align:center;padding:15px 10px;border-radius:20px;background:linear-gradient(180deg,#eef4ff,#e3edff);border:1px solid #d1ddf6;font-weight:950;font-size:20px;cursor:pointer;color:var(--text)}.option small{display:block;font-size:12px;color:var(--blue);margin-bottom:4px}.option.correct{background:#e4f8f0;border-color:#9be0bd;color:#0f5135}.option.wrong{background:#fff0f2;border-color:#f4b8c1;color:#742230}.feedback{min-height:74px;padding:14px;border-radius:22px;background:#f3f6fc;border:1px solid #dde7f8;color:var(--muted);font-weight:820;line-height:1.35}.feedback.good{background:#e4f8f0;border-color:#9be0bd;color:#0f5135}.feedback.bad{background:#fff0f2;border-color:#f4b8c1;color:#742230}.demo-actions{display:flex;gap:10px;margin-top:14px}.demo-actions .btn{flex:1}.score{display:none;padding:18px;border-radius:26px;background:linear-gradient(180deg,#eef4ff,#e8f0ff);border:1px solid #d1ddf6;margin-top:14px}.score.show{display:block}.score h2{margin:0 0 8px;color:var(--text);font-size:28px;letter-spacing:-.04em}.xp{display:inline-flex;padding:8px 12px;border-radius:999px;background:#fff7df;color:#7a4b00;font-weight:950;margin:6px 0 10px}.level-pill{display:inline-flex;padding:8px 12px;border-radius:999px;background:#071228;color:#e8efff;font-weight:900;margin-left:8px}.toast{display:none;margin-top:12px;padding:13px 14px;border-radius:20px;background:#071228;color:#e8efff;font-weight:850;line-height:1.35}.toast.show{display:block}.sections{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.tile,.level,.faq article,.writing-demo{padding:20px;border-radius:28px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}.tile h2,.faq h2{margin:0 0 8px;font-size:21px}.tile p,.level p,.faq p,.writing-demo p{margin:0;color:#c8d6ff;line-height:1.45;font-size:15px}.levels{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.level strong{display:block;font-size:22px;margin-bottom:6px}.writing-demo{margin-top:30px}.writing-demo h2{margin:0 0 8px;font-size:32px;letter-spacing:-.04em}.writing-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.writing-box{background:#f9fbff;color:#0c1c3a;border-radius:28px;padding:18px}.writing-box label{display:block;color:#62708a;font-size:13px;font-weight:900;margin-bottom:8px}.writing-box textarea{width:100%;min-height:156px;resize:vertical;border:1px solid #d7e2f8;background:#f3f6fc;border-radius:18px;padding:14px;color:#0c1c3a;font:inherit;line-height:1.45}.correction-output{min-height:156px;padding:14px;border-radius:18px;background:#f3f6fc;border:1px solid #d7e2f8;line-height:1.48}.correction-output strong{color:#128056}.correction-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.metric{padding:12px;border-radius:18px;background:#eef4ff;color:#0c1c3a;font-weight:900;text-align:center}.metric small{display:block;color:#62708a;font-weight:800;margin-top:3px}.writing-actions{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.pricing{margin-top:30px;padding:24px;border-radius:32px;background:#f9fbff;color:var(--text);display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center}.price-card{min-width:250px;padding:20px;border-radius:28px;background:linear-gradient(180deg,#eef4ff,#e4edff);border:1px solid #d1ddf6}.price{font-size:44px;line-height:1;font-weight:950;letter-spacing:-.06em;color:var(--blue)}.price small{font-size:17px;color:var(--muted);letter-spacing:0}.pricing ul{margin:12px 0 0;padding-left:18px;color:#33415f;line-height:1.55}.faq{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.footer{margin-top:28px;color:#9fb4ef;font-size:13px;line-height:1.55}@media(max-width:900px){.page{padding:16px 14px 42px}.nav{align-items:flex-start}.brand{font-size:23px}.langs a{font-size:12px;padding:7px 9px}.hero,.sections,.levels,.faq,.pricing,.writing-grid,.correction-metrics{grid-template-columns:1fr}.hero{gap:18px;padding-top:8px}.demo{padding:21px;border-radius:30px}.options{grid-template-columns:1fr}.option{display:flex;justify-content:center;gap:12px;font-size:19px}.option small{display:inline;margin:0}.price-card{min-width:0}.ctas .btn,.demo-actions .btn{width:100%}.demo-actions{flex-direction:column}}

.legal-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}
.legal-links a{color:#c8d6ff;text-decoration:underline;text-underline-offset:3px}

.language-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.language-links a{color:#e8efff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:850;text-decoration:none}
.language-links a:hover{background:rgba(47,110,255,.22)}


/* Stage 3 internal SEO link cards */
.seo-route-section{padding:50px 0;color:#102033;background:#f5f8ff}
.seo-route-head{max-width:760px;margin:0 auto 22px;text-align:center}
.seo-route-head h2{margin:8px 0 8px;font-size:clamp(28px,4vw,42px);line-height:1.08;letter-spacing:-.04em;color:#102033}
.seo-route-head p{color:#62708a;line-height:1.65}
.seo-route-grid{width:min(1120px,calc(100% - 28px));margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.seo-route-grid a{background:#fff;border:1px solid #dbe6f7;border-radius:22px;padding:18px;text-decoration:none;color:#102033;box-shadow:0 16px 42px rgba(30,54,90,.08);transition:.16s ease}
.seo-route-grid a:hover{transform:translateY(-2px);border-color:#2f6eff}
.seo-route-grid strong{display:block;margin-bottom:8px}
.seo-route-grid span{display:block;color:#62708a;line-height:1.45;font-size:14px}
@media(max-width:920px){.seo-route-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.seo-route-grid{grid-template-columns:1fr}}


/* Stage 3.1.1 — homepage internal practice links */
.seo-longtail-links {
  color: #102033;
}

.seo-longtail-links .section-head {
  max-width: 760px;
}

.seo-longtail-links .eyebrow {
  display: inline-flex;
  color: #1748bd;
  background: #eef5ff;
  border: 1px solid #dbe6f7;
  border-radius: 999px;
  padding: 7px 11px;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.seo-longtail-links a {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  background: #ffffff;
  color: #1748bd;
  border: 1px solid #dbe6f7;
  border-radius: 999px;
  padding: 9px 13px;
  font-weight: 850;
  text-decoration: none;
  box-shadow: 0 12px 30px rgba(30, 54, 90, 0.08);
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.seo-longtail-links a:hover {
  transform: translateY(-1px);
  border-color: #2f6eff;
  box-shadow: 0 16px 38px rgba(30, 54, 90, 0.12);
}

@media (max-width: 620px) {
  .seo-longtail-links a {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
}


/* Stage 3.1.3 — visual polish: natural practice picker, lighter footer, mobile safety */
html, body {
  max-width: 100%;
  overflow-x: hidden;
}

.practice-picker-section {
  margin: 28px auto 0;
  padding: 30px;
  border-radius: 34px;
  background:
    radial-gradient(circle at 100% 0%, rgba(47, 110, 255, .12), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(245,248,255,.98));
  color: #102033;
  border: 1px solid #dce6f7;
  box-shadow: 0 24px 70px rgba(10, 25, 55, .16);
}

.practice-picker-inner {
  max-width: 1060px;
  margin: 0 auto;
}

.practice-picker-head {
  max-width: 740px;
  margin-bottom: 22px;
}

.practice-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #1748bd;
  background: #eef5ff;
  border: 1px solid #dbe6f7;
  border-radius: 999px;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .045em;
}

.practice-picker-head h2 {
  margin: 12px 0 8px;
  font-size: clamp(28px, 4vw, 42px);
  line-height: 1.08;
  letter-spacing: -.045em;
  color: #102033;
}

.practice-picker-head p {
  margin: 0;
  color: #5f6f86;
  line-height: 1.65;
  font-size: 16px;
}

.practice-card-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.practice-card {
  position: relative;
  min-height: 145px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  background: #ffffff;
  color: #102033;
  border: 1px solid #dbe6f7;
  border-radius: 26px;
  padding: 18px;
  text-decoration: none;
  box-shadow: 0 16px 42px rgba(30, 54, 90, .08);
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.practice-card:hover {
  transform: translateY(-2px);
  border-color: #2f6eff;
  box-shadow: 0 22px 54px rgba(30, 54, 90, .13);
}

.practice-card strong {
  display: block;
  color: #0b1f46;
  font-size: 17px;
  letter-spacing: -.02em;
}

.practice-card span {
  display: block;
  color: #5f6f86;
  line-height: 1.45;
  font-size: 14px;
}

.practice-card em {
  display: inline-flex;
  align-self: flex-start;
  color: #1748bd;
  background: #eef5ff;
  border-radius: 999px;
  padding: 7px 10px;
  font-style: normal;
  font-size: 13px;
  font-weight: 950;
}

.footer {
  margin-top: 28px;
  color: #c5d4f6;
}

.language-links {
  gap: 8px;
  margin-top: 16px;
}

.language-links a {
  background: rgba(255,255,255,.05);
  color: #e8efff;
  border-color: rgba(255,255,255,.13);
  padding: 8px 11px;
  font-size: 13px;
}

@media(max-width:920px){
  .practice-card-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:620px){
  .page{padding-left:16px;padding-right:16px}
  .practice-picker-section{
    padding: 20px;
    border-radius: 28px;
    margin-top: 22px;
  }
  .practice-card-grid{grid-template-columns:1fr}
  .practice-card{
    min-height: 0;
    border-radius: 22px;
  }
  .pricing{
    border-radius: 28px;
  }
  .footer{
    font-size: 14px;
  }
  .language-links a{
    width: auto;
    min-height: 38px;
  }
}


/* Stage 4 — clearer product value, exam packages, roadmap and pricing */
.section-kicker {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(47,110,255,.12);
  border: 1px solid rgba(47,110,255,.22);
  color: #1748bd;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .045em;
}

.value-section,
.exam-goals,
.roadmap-note {
  margin: 28px 0;
  border-radius: 34px;
  border: 1px solid rgba(220,230,247,.95);
  box-shadow: 0 24px 70px rgba(10,25,55,.14);
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(245,248,255,.98));
  color: #102033;
}

.value-section {
  display: grid;
  grid-template-columns: .92fr 1.08fr;
  gap: 24px;
  padding: 30px;
}

.value-copy h2,
.exam-goals-head h2,
.roadmap-note h2 {
  margin: 12px 0 10px;
  font-size: clamp(30px, 4.2vw, 46px);
  line-height: 1.05;
  letter-spacing: -.055em;
  color: #102033;
}

.value-copy p,
.exam-goals-head p,
.roadmap-note p {
  margin: 0;
  color: #5f6f86;
  line-height: 1.65;
  font-size: 16px;
}

.benefit-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.benefit-item {
  display: grid;
  grid-template-columns: 32px 1fr;
  gap: 10px;
  align-items: start;
  border-radius: 20px;
  background: #fff;
  border: 1px solid #dbe6f7;
  padding: 14px;
  box-shadow: 0 12px 34px rgba(30,54,90,.07);
}

.benefit-check {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 12px;
  background: linear-gradient(135deg, #2f6eff, #18c79c);
  color: #fff;
  font-weight: 950;
}

.benefit-item p {
  margin: 0;
  color: #263650;
  line-height: 1.35;
  font-weight: 750;
  font-size: 14px;
}

.exam-goals {
  padding: 30px;
  background:
    radial-gradient(circle at 100% 0%, rgba(47,110,255,.12), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(245,248,255,.98));
}

.exam-goals-head {
  max-width: 760px;
  margin-bottom: 22px;
}

.exam-goals-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

.exam-goal-card {
  border-radius: 24px;
  background: #fff;
  border: 1px solid #dbe6f7;
  padding: 18px;
  min-height: 142px;
  box-shadow: 0 16px 42px rgba(30,54,90,.08);
}

.exam-goal-card strong {
  display: block;
  color: #0b1f46;
  font-size: 18px;
  line-height: 1.15;
  letter-spacing: -.03em;
  margin-bottom: 10px;
}

.exam-goal-card p {
  margin: 0;
  color: #5f6f86;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 750;
}

.roadmap-note {
  padding: 28px 30px;
  background:
    radial-gradient(circle at 100% 100%, rgba(24,199,156,.12), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(245,248,255,.98));
}

.roadmap-note h2 {
  max-width: 850px;
  font-size: clamp(26px, 3.6vw, 40px);
}

.roadmap-note p {
  max-width: 920px;
}

.pricing-v2 {
  display: grid;
  grid-template-columns: .88fr 1.12fr;
  gap: 22px;
  align-items: stretch;
}

.plan-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.mini-plan {
  border-radius: 26px;
  padding: 22px;
  background: #fff;
  border: 1px solid #dbe6f7;
  box-shadow: 0 16px 42px rgba(30,54,90,.08);
}

.mini-plan.featured {
  border-color: #2f6eff;
  background: linear-gradient(180deg, #fff, #eef5ff);
}

.mini-plan strong {
  display: block;
  color: #102033;
  font-size: 20px;
  letter-spacing: -.03em;
}

.mini-price {
  margin: 10px 0;
  color: #0b1f46;
  font-size: 36px;
  font-weight: 950;
  letter-spacing: -.04em;
}

.mini-price small {
  font-size: 15px;
  font-weight: 850;
  color: #62708a;
}

.mini-plan p {
  margin: 0 0 12px;
  color: #5f6f86;
  line-height: 1.45;
  font-size: 14px;
}

.plan-note {
  display: block;
  color: #1748bd;
  font-size: 14px;
  font-weight: 900;
  margin-top: 6px;
}

@media(max-width:980px){
  .value-section,
  .pricing-v2 { grid-template-columns: 1fr; }
  .exam-goals-grid { grid-template-columns: 1fr 1fr; }
}

@media(max-width:620px){
  .value-section,
  .exam-goals,
  .roadmap-note { padding: 20px; border-radius: 28px; }
  .benefit-grid,
  .exam-goals-grid,
  .plan-grid { grid-template-columns: 1fr; }
  .exam-goal-card { min-height: 0; }
  .value-copy h2,
  .exam-goals-head h2,
  .roadmap-note h2 { font-size: 30px; }
}


/* Stage 4.2 — SaaS-style navigation, clearer value, safer exam wording */
.nav-v2{align-items:center;gap:18px;padding-bottom:26px}
.nav-links{display:flex;align-items:center;gap:20px;margin-left:auto;margin-right:auto}
.nav-links a{color:#c8d6ff;font-weight:850;font-size:14px;text-decoration:none;opacity:.92}
.nav-links a:hover{color:#fff}
.nav-right{display:flex;align-items:center;gap:10px}
.nav-app{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 13px;border-radius:999px;background:#fff;color:#0b1f46;font-weight:950;font-size:13px;box-shadow:0 12px 30px rgba(0,0,0,.12)}
.pricing-copy h2{margin:0 0 8px;font-size:clamp(28px,4vw,38px);line-height:1.08;letter-spacing:-.045em;color:#102033}.pricing-copy p{margin:0;color:#5f6f86;line-height:1.55}.plan-grid-v2{grid-template-columns:.85fr 1.15fr}.pricing-badge{display:inline-flex;width:fit-content;margin:0 0 10px;padding:7px 10px;border-radius:999px;background:#eaf1ff;color:#1748bd;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.04em}.plan-cta{margin-top:14px;width:100%;min-height:48px}.footer-v2{margin-top:34px;padding:26px;border-radius:30px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#c5d4f6}.footer-grid{display:grid;grid-template-columns:1.05fr 1fr 1fr 1fr;gap:18px}.footer-col strong{display:block;color:#fff;font-size:14px;margin-bottom:10px}.footer-col a{display:block;color:#c8d6ff;font-size:13px;margin:7px 0;text-decoration:none}.footer-col a:hover{text-decoration:underline;text-underline-offset:3px}.footer-disclaimer{margin:20px 0 0;color:#9fb4ef;font-size:12px;line-height:1.5}.footer-v2 .legal-links{margin-top:14px}.footer-v2 .legal-links a{font-size:12px;color:#c8d6ff}.hero .lead{max-width:710px}.trust{max-width:760px}.exam-goals-head p,.value-copy p,.roadmap-note p{max-width:900px}
@media(max-width:960px){.nav-v2{align-items:flex-start}.nav-links{display:none}.nav-right{margin-left:auto;flex-direction:column;align-items:flex-end}.nav-app{display:none}.footer-grid{grid-template-columns:1fr 1fr}.plan-grid-v2{grid-template-columns:1fr}}
@media(max-width:620px){.nav-v2{gap:10px}.nav-right{gap:8px}.footer-v2{padding:20px;border-radius:26px}.footer-grid{grid-template-columns:1fr}.pricing-copy h2{font-size:30px}}

/* Conversion patch: clearer product positioning, honest demos, trial-first pricing */
.exam-goal-card {
  display: flex;
  flex-direction: column;
  min-height: 190px;
  color: inherit;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.exam-goal-card:hover,
.exam-goal-card:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(98, 145, 255, .9);
  box-shadow: 0 20px 48px rgba(0, 0, 0, .16);
  outline: none;
}

.exam-goal-card .card-link {
  display: inline-flex;
  margin-top: auto;
  padding-top: 14px;
  color: #8fb0ff;
  font-size: 14px;
  font-weight: 900;
}

.writing-example-demo {
  overflow: hidden;
}

.writing-demo-intro {
  max-width: 820px;
}

.writing-example-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.example-tab {
  appearance: none;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 999px;
  background: rgba(255, 255, 255, .08);
  color: #dce6ff;
  padding: 10px 14px;
  font-weight: 900;
  cursor: pointer;
}

.example-tab:hover,
.example-tab:focus-visible,
.example-tab.active {
  background: #eef4ff;
  color: #1748bd;
  border-color: #c9d9ff;
  outline: none;
}

.example-sentence {
  min-height: 118px;
  display: flex;
  align-items: center;
  padding: 18px;
  border-radius: 18px;
  font-size: 21px;
  line-height: 1.45;
  font-weight: 850;
}

.example-sentence.before {
  background: #fff1f3;
  border: 1px solid #f4b8c1;
  color: #742230;
}

.example-sentence.after {
  background: #e4f8f0;
  border: 1px solid #9be0bd;
  color: #0f5135;
}

.example-note {
  margin-top: 12px;
  color: #4d5d78;
  line-height: 1.5;
  font-size: 14px;
  font-weight: 750;
}

.writing-signals {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.writing-signal {
  display: inline-flex;
  padding: 8px 11px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .09);
  border: 1px solid rgba(255, 255, 255, .15);
  color: #dbe6ff;
  font-size: 13px;
  font-weight: 850;
}

.writing-demo-link {
  margin-top: 16px !important;
}

.pricing-v3 {
  grid-template-columns: 1fr minmax(310px, 430px);
  align-items: stretch;
}

.pricing-v3 .pricing-copy {
  align-self: center;
}

.pricing-v3 .pricing-copy h2 {
  margin: 12px 0 10px;
  font-size: clamp(32px, 4vw, 48px);
  letter-spacing: -.05em;
}

.trial-card {
  padding: 24px;
  border-radius: 28px;
  background: linear-gradient(180deg, #eef4ff, #e4edff);
  border: 1px solid #cbdaf9;
  box-shadow: 0 18px 44px rgba(47, 110, 255, .14);
}

.trial-price {
  margin: 16px 0 8px;
  color: #1748bd;
  font-size: 46px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: -.06em;
}

.trial-price small {
  color: #62708a;
  font-size: 16px;
  letter-spacing: 0;
}

.trial-list {
  margin: 18px 0;
  padding-left: 20px;
  color: #33415f;
  line-height: 1.65;
}

.trial-after {
  margin: 0 0 16px;
  color: #4b5d7a;
  line-height: 1.5;
  font-size: 14px;
  font-weight: 750;
}

.trial-card .plan-cta {
  width: 100%;
  margin-top: 10px;
}

.faq article {
  min-height: 150px;
}

.faq article h2 {
  font-size: 19px;
  line-height: 1.25;
}

@media (max-width: 900px) {
  .pricing-v3 {
    grid-template-columns: 1fr;
  }

  .exam-goal-card {
    min-height: 0;
  }
}

@media (max-width: 620px) {
  .writing-example-tabs {
    display: grid;
    grid-template-columns: 1fr;
  }

  .example-tab {
    width: 100%;
  }

  .example-sentence {
    min-height: 0;
    font-size: 18px;
  }
}