/* ============================================================
   IELTS FREE KIT — Landing Page Styles
   Standalone lead-gen funnel for Navigate Overseas
   ============================================================ */

/* Landing Header */
.lp-header{position:sticky;top:0;z-index:100;background:var(--clr-white-pure);border-bottom:1px solid var(--clr-grey);padding:var(--sp-3) 0}
.lp-header__inner{display:flex;align-items:center;justify-content:space-between}
.lp-header__logo img{height:40px;width:auto}
.lp-header__badge{font-family:var(--ff-heading);font-size:var(--fs-caption);font-weight:var(--fw-semibold);color:var(--clr-gold);text-transform:uppercase;letter-spacing:.1em}

/* LP Hero */
.lp-hero{background:linear-gradient(160deg,var(--clr-navy) 0%,var(--clr-navy-dark) 100%);color:var(--clr-white);padding:var(--sp-10) 0 var(--sp-11);position:relative;overflow:hidden}
.lp-hero__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--sp-9);align-items:center}
.lp-hero__eyebrow{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--ff-heading);font-size:var(--fs-caption);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.15em;color:var(--clr-gold);margin-bottom:var(--sp-5);padding:var(--sp-2) var(--sp-5);border:1px solid rgba(200,169,106,.3);border-radius:var(--radius-full);background:rgba(200,169,106,.05)}
.lp-hero__title{font-family:var(--ff-heading);font-size:clamp(2rem,5vw,3.25rem);font-weight:var(--fw-bold);color:var(--clr-white);line-height:1.15;margin-bottom:var(--sp-5)}
.lp-hero__subtitle{font-size:clamp(1rem,1.4vw,1.15rem);color:rgba(248,250,252,.6);line-height:1.8;margin-bottom:var(--sp-7);max-width:500px}
.lp-hero__cta-row{display:flex;align-items:center;gap:var(--sp-5);flex-wrap:wrap;margin-bottom:var(--sp-5)}
.lp-hero__trust{font-size:var(--fs-caption);color:rgba(248,250,252,.4);display:flex;align-items:center;gap:var(--sp-2)}
.lp-hero__trust svg{width:14px;height:14px;stroke:var(--clr-gold)}
.lp-hero__micro{margin-top:var(--sp-5);padding:var(--sp-4);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md)}
.lp-hero__micro .stars{color:var(--clr-gold);letter-spacing:2px;font-size:.85rem}
.lp-hero__micro p{font-size:var(--fs-body-sm);color:rgba(248,250,252,.55);font-style:italic;margin-top:var(--sp-2)}
.lp-hero__micro cite{font-size:var(--fs-caption);color:var(--clr-gold);font-style:normal;font-weight:var(--fw-medium)}

/* Book Mockup */
.book-mockup{perspective:800px;display:flex;justify-content:center;align-items:center}
.book-mockup__card{width:280px;padding:var(--sp-8) var(--sp-6);background:linear-gradient(145deg,#0F2440 0%,#1A3A5C 100%);border:2px solid rgba(200,169,106,.3);border-radius:var(--radius-lg);box-shadow:0 20px 60px rgba(0,0,0,.4),0 0 40px rgba(200,169,106,.08);transform:rotateY(-5deg) rotateX(3deg);transition:transform var(--dur-slow) var(--ease-smooth);text-align:center;animation:bookFloat 3s ease-in-out infinite}
.book-mockup__card:hover{transform:rotateY(0) rotateX(0) scale(1.03)}
.book-mockup__emoji{font-size:3rem;margin-bottom:var(--sp-4)}
.book-mockup__title{font-family:var(--ff-heading);font-size:1.3rem;font-weight:var(--fw-bold);color:var(--clr-white);margin-bottom:var(--sp-2)}
.book-mockup__brand{font-size:var(--fs-caption);color:var(--clr-gold);margin-bottom:var(--sp-5);letter-spacing:.1em;text-transform:uppercase}
.book-mockup__list{list-style:none;text-align:left}
.book-mockup__list li{font-size:var(--fs-body-sm);color:rgba(248,250,252,.7);margin-bottom:var(--sp-2);display:flex;align-items:center;gap:var(--sp-2)}
.book-mockup__list li::before{content:'✅';font-size:.75rem}
.book-mockup__tag{display:inline-block;margin-top:var(--sp-5);padding:var(--sp-2) var(--sp-4);background:linear-gradient(135deg,var(--clr-gold),var(--clr-gold-dark));color:var(--clr-navy);font-family:var(--ff-heading);font-size:var(--fs-body-sm);font-weight:var(--fw-bold);border-radius:var(--radius-full)}
@keyframes bookFloat{0%,100%{transform:rotateY(-5deg) rotateX(3deg) translateY(0)}50%{transform:rotateY(-5deg) rotateX(3deg) translateY(-8px)}}

/* What You Get */
.lp-value{padding:var(--sp-11) 0;background:var(--clr-white)}
.lp-value__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-6);margin-bottom:var(--sp-6)}
.value-card{background:var(--clr-white-pure);border:1px solid var(--clr-grey);border-radius:var(--radius-lg);padding:var(--sp-6);transition:all var(--dur-normal) var(--ease-smooth)}
.value-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:rgba(200,169,106,.3)}
.value-card__emoji{font-size:2rem;margin-bottom:var(--sp-3)}
.value-card__title{font-family:var(--ff-heading);font-size:var(--fs-h4);font-weight:var(--fw-semibold);color:var(--clr-near-black);margin-bottom:var(--sp-2)}
.value-card__desc{font-size:var(--fs-body-sm);color:var(--clr-grey-dark);line-height:1.7;margin-bottom:var(--sp-3)}
.value-card__worth{font-size:var(--fs-caption);color:var(--clr-gold);font-weight:var(--fw-semibold)}
.value-bonus{background:var(--clr-white-pure);border:1px solid var(--clr-grey);border-left:4px solid var(--clr-gold);border-radius:var(--radius-lg);padding:var(--sp-6);margin-bottom:var(--sp-7)}
.value-bonus__title{font-family:var(--ff-heading);font-size:var(--fs-h4);font-weight:var(--fw-semibold);color:var(--clr-near-black);margin-bottom:var(--sp-2)}
.value-bonus__desc{font-size:var(--fs-body-sm);color:var(--clr-grey-dark);line-height:1.7}
.value-anchor{background:#F1F5F9;border-radius:var(--radius-lg);padding:var(--sp-6);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-5)}
.value-anchor__pricing{display:flex;align-items:baseline;gap:var(--sp-4)}
.value-anchor__original{font-family:var(--ff-heading);font-size:1.5rem;color:var(--clr-grey-dark);text-decoration:line-through}
.value-anchor__free{font-family:var(--ff-heading);font-size:2rem;font-weight:var(--fw-bold);color:var(--clr-gold)}

/* Pain Section */
.lp-pain{padding:var(--sp-11) 0;background:#F1F5F9}
.pain-list{max-width:700px;margin:0 auto var(--sp-8)}
.pain-item{display:flex;gap:var(--sp-4);padding:var(--sp-5);background:var(--clr-white-pure);border-radius:var(--radius-md);border-left:3px solid var(--clr-red);margin-bottom:var(--sp-4);box-shadow:var(--shadow-sm)}
.pain-item__emoji{font-size:1.5rem;flex-shrink:0}
.pain-item__text{font-size:clamp(.95rem,1.1vw,1.05rem);color:var(--clr-grey-darker);font-style:italic;line-height:1.7}
.lp-pivot{max-width:640px;margin:0 auto;text-align:center}
.lp-pivot__text{font-family:var(--ff-heading);font-size:clamp(1.1rem,1.5vw,1.3rem);font-weight:var(--fw-semibold);color:var(--clr-near-black);line-height:1.6;margin-bottom:var(--sp-3)}
.lp-pivot__sub{font-size:var(--fs-body);color:var(--clr-grey-dark);margin-bottom:var(--sp-6)}

/* Lead Form Section */
.lp-form-section{padding:var(--sp-11) 0;background:var(--clr-navy);color:var(--clr-white)}
.lp-form-section h2{color:var(--clr-white)}
.lp-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-9);align-items:start}
.lp-form__benefits{list-style:none;margin-top:var(--sp-5)}
.lp-form__benefits li{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3);font-size:var(--fs-body-sm);color:rgba(248,250,252,.8)}
.lp-form__benefits li svg{width:18px;height:18px;stroke:var(--clr-gold);flex-shrink:0}
.lp-form__mini-review{margin-top:var(--sp-7);padding:var(--sp-5);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md)}
.lp-form__mini-review .stars{color:var(--clr-gold);font-size:.85rem;letter-spacing:2px}
.lp-form__mini-review p{font-size:var(--fs-body-sm);color:rgba(248,250,252,.55);font-style:italic;margin-top:var(--sp-2)}
.lp-form__mini-review cite{font-size:var(--fs-caption);color:var(--clr-gold);font-style:normal}
.lp-form__trust-badges{display:flex;gap:var(--sp-5);margin-top:var(--sp-6)}
.lp-form__trust-badges span{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-caption);color:rgba(248,250,252,.4)}
.lp-form__card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-xl);padding:var(--sp-7)}
.lp-form__card h3{color:var(--clr-white);font-size:var(--fs-h3);margin-bottom:var(--sp-5);text-align:center}
.lp-form__form{display:grid;gap:var(--sp-4)}
.lp-form__form .form-group{display:flex;flex-direction:column;gap:var(--sp-2)}
.lp-form__form label{font-family:var(--ff-heading);font-size:var(--fs-caption);font-weight:var(--fw-medium);color:rgba(248,250,252,.5);text-transform:uppercase;letter-spacing:.05em}
.lp-form__form input,.lp-form__form select{width:100%;padding:var(--sp-3) var(--sp-4);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--clr-white);font-size:var(--fs-body-sm);transition:all var(--dur-fast) var(--ease-out)}
.lp-form__form input::placeholder{color:rgba(248,250,252,.3)}
.lp-form__form input:focus,.lp-form__form select:focus{border-color:var(--clr-gold);background:rgba(255,255,255,.08);box-shadow:0 0 0 3px rgba(200,169,106,.1)}
.lp-form__form select option{background:var(--clr-navy);color:var(--clr-white)}
.lp-form__form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}
.lp-form__privacy{text-align:center;font-size:var(--fs-caption);color:rgba(248,250,252,.3);margin-top:var(--sp-3);display:flex;align-items:center;justify-content:center;gap:var(--sp-2)}
.lp-form__success{display:none;text-align:center;padding:var(--sp-7)}
.lp-form__success.show{display:block;animation:fadeIn var(--dur-slow) var(--ease-smooth)}
.lp-form__success h3{color:var(--clr-white);margin-bottom:var(--sp-3)}
.lp-form__success p{color:rgba(248,250,252,.6);font-size:var(--fs-body-sm);margin-bottom:var(--sp-5)}
.lp-form__success .upsell{margin-top:var(--sp-6);padding:var(--sp-5);background:rgba(255,255,255,.04);border:1px solid rgba(200,169,106,.2);border-left:4px solid var(--clr-gold);border-radius:var(--radius-md);text-align:left}
.lp-form__success .upsell h4{color:var(--clr-white);margin-bottom:var(--sp-3)}
.lp-form__success .upsell p{margin-bottom:var(--sp-4)}

/* Trust Section */
.lp-trust{padding:var(--sp-11) 0;background:var(--clr-white)}
.lp-trust__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-6);text-align:center;margin-bottom:var(--sp-9);padding-bottom:var(--sp-8);border-bottom:1px solid var(--clr-grey)}
.lp-trust__stat-number{font-family:var(--ff-heading);font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:var(--fw-bold);color:var(--clr-gold)}
.lp-trust__stat-label{font-size:var(--fs-caption);color:var(--clr-grey-dark);font-weight:var(--fw-medium);margin-top:var(--sp-1)}
.lp-trust__reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-6)}
.review-card{background:var(--clr-white-pure);border:1px solid var(--clr-grey);border-radius:var(--radius-lg);padding:var(--sp-6)}
.review-card__stars{color:var(--clr-gold);font-size:.85rem;letter-spacing:2px;margin-bottom:var(--sp-3)}
.review-card__text{font-size:var(--fs-body-sm);color:var(--clr-grey-darker);font-style:italic;line-height:1.8;margin-bottom:var(--sp-4)}
.review-card__band{font-family:var(--ff-heading);font-size:var(--fs-caption);font-weight:var(--fw-semibold);color:var(--clr-gold);margin-bottom:var(--sp-2)}
.review-card__name{font-size:var(--fs-caption);color:var(--clr-grey-dark)}

/* Urgency Section */
.lp-urgency{padding:var(--sp-11) 0;background:var(--clr-navy);color:var(--clr-white);text-align:center}
.lp-urgency h2{color:var(--clr-white);max-width:600px;margin-inline:auto;margin-bottom:var(--sp-4)}
.lp-urgency__sub{color:rgba(248,250,252,.55);max-width:500px;margin-inline:auto;margin-bottom:var(--sp-7)}
.progress-bar{max-width:500px;margin:0 auto var(--sp-6);text-align:left}
.progress-bar__track{width:100%;height:10px;background:rgba(255,255,255,.08);border-radius:5px;overflow:hidden;margin-bottom:var(--sp-2)}
.progress-bar__fill{width:0;height:100%;background:linear-gradient(90deg,var(--clr-gold),var(--clr-gold-light));border-radius:5px;transition:width 1.5s var(--ease-smooth)}
.progress-bar__fill.animated{width:50%}
.progress-bar__label{font-size:var(--fs-caption);color:rgba(248,250,252,.4)}
.urgency-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-3);margin-bottom:var(--sp-7)}
.urgency-pill{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-full);font-size:var(--fs-body-sm);color:rgba(248,250,252,.7)}

/* Final CTA */
.lp-final{padding:var(--sp-10) 0;background:var(--clr-white);text-align:center}
.lp-final__sub{font-size:clamp(1rem,1.3vw,1.1rem);color:var(--clr-grey-darker);max-width:500px;margin:0 auto var(--sp-6);line-height:1.8}
.lp-final__objections{font-size:var(--fs-body-sm);color:var(--clr-grey-dark);margin-top:var(--sp-5);font-weight:var(--fw-medium);letter-spacing:.05em}

/* Sticky Mobile CTA for Landing */
.lp-sticky{display:none;position:fixed;bottom:0;left:0;right:0;z-index:998;background:rgba(10,26,47,.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.08);padding:var(--sp-3) var(--sp-4);transform:translateY(100%);transition:transform var(--dur-normal) var(--ease-smooth)}
.lp-sticky.visible{transform:translateY(0)}
.lp-sticky .btn{width:100%;padding:14px;font-size:var(--fs-btn)}

/* LP Footer */
.lp-footer{padding:var(--sp-6) 0;background:var(--clr-navy-dark);text-align:center;font-size:var(--fs-caption);color:rgba(248,250,252,.35)}
.lp-footer a{color:var(--clr-gold);margin:0 var(--sp-3)}

/* Responsive */
@media(max-width:1024px){.lp-hero__grid{grid-template-columns:1fr}.book-mockup{margin-top:var(--sp-7)}.lp-form__grid{grid-template-columns:1fr}.lp-trust__reviews{grid-template-columns:1fr}}
@media(max-width:768px){.lp-sticky{display:block}.lp-value__grid{grid-template-columns:1fr}.lp-trust__stats{grid-template-columns:repeat(2,1fr)}.lp-form__form .form-row{grid-template-columns:1fr}.value-anchor{flex-direction:column;text-align:center}.lp-form__trust-badges{flex-wrap:wrap}.lp-hero__cta-row{flex-direction:column}.lp-hero__cta-row .btn{width:100%}body.lp-body{padding-bottom:65px}}