:root{
  --a5r-black:var(--a5e-dark,#111111);
  --a5r-charcoal:#1b1b1b;
  --a5r-cream:var(--a5e-cream,#f4efe4);
  --a5r-paper:var(--a5e-paper,#fffdf7);
  --a5r-gold:var(--a5e-gold,#d7ad55);
  --a5r-gold-light:var(--a5e-gold-light,#efd894);
  --a5r-tan:#dcccae;
  --a5r-ink:var(--a5e-text,#181818);
  --a5r-muted:#6f685d;
  --a5r-line:rgba(17,17,17,.14);
  --a5r-shadow:0 22px 60px rgba(17,17,17,.12);
  --a5r-max:var(--a5e-content-width,1140px);
  --a5r-reading:780px;
}

.a5r-ready{
  margin:0;
  background:var(--a5r-paper);
  color:var(--a5r-ink);
  font-family:var(--a5e-body-font,Arial),Arial,Helvetica,sans-serif;
  text-rendering:optimizeLegibility;
}
.a5r-ready.a5r-no-scroll{overflow:hidden}
.a5r-ready .a5r-section-label,
.a5r-ready .a5r-internal-label{display:none!important}

.a5r-progress{
  position:fixed;z-index:999999;inset:0 0 auto;height:4px;
  background:rgba(255,255,255,.16);pointer-events:none
}
.a5r-progress__bar{
  display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;
  background:linear-gradient(90deg,#9e7523,var(--a5r-gold-light),var(--a5r-gold))
}

.a5r-ready .a5r-section{
  position:relative;width:100%!important;max-width:none!important;
  padding:var(--a5e-section-space,105px) 24px!important;overflow:clip;isolation:isolate;scroll-margin-top:90px
}
.a5r-ready .a5r-section>*{
  width:min(var(--a5r-max),100%)!important;margin-inline:auto!important;gap:28px!important
}
.a5r-ready .a5r-section>*>*{gap:23px!important}

.a5r-ready h1,.a5r-ready h2,.a5r-ready h3,.a5r-ready h4{
  margin:0;max-width:1000px;color:inherit;
  font-family:var(--a5e-heading-font,Georgia),Georgia,"Times New Roman",serif;font-weight:700;
  line-height:1.02;letter-spacing:-.042em;text-wrap:balance
}
.a5r-ready h1{font-size:clamp(42px,7.1vw,var(--a5e-h1,100px))}
.a5r-ready h2{font-size:clamp(32px,4.8vw,var(--a5e-h2,66px))}
.a5r-ready h3{font-size:clamp(23px,3vw,var(--a5e-h3,40px))}
.a5r-ready h4{font-size:clamp(21px,2.2vw,30px)}
.a5r-ready p{
  margin:0;max-width:var(--a5r-reading);color:inherit;
  font-size:clamp(16px,1.4vw,var(--a5e-body-size,20px));line-height:1.76;letter-spacing:-.012em
}
.a5r-ready img{
  display:block;width:100%;min-height:510px;max-height:700px;object-fit:cover;
  border-radius:8px;box-shadow:var(--a5r-shadow)
}

.a5r-ready a.elementor-button,
.a5r-ready .elementor-button,
.a5r-ready button:not(.a5r-course-nav button):not(.a5r-mobile-fab):not(.a5r-sheet button){
  display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:62px;
  padding:18px 32px!important;border:2px solid var(--a5r-black);
  border-radius:var(--a5e-button-radius,3px)!important;background:var(--a5r-gold)!important;color:var(--a5r-black)!important;
  box-shadow:6px 6px 0 var(--a5r-black);font-size:14px;font-weight:900;line-height:1;
  letter-spacing:.075em;text-transform:uppercase;text-decoration:none;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease
}
.a5r-ready a.elementor-button:hover,
.a5r-ready .elementor-button:hover,
.a5r-ready button:not(.a5r-course-nav button):not(.a5r-mobile-fab):not(.a5r-sheet button):hover{
  transform:translate(3px,3px);box-shadow:3px 3px 0 var(--a5r-black);background:var(--a5r-gold-light)!important
}

/* Main color rhythm: same editorial alternation as the reference */
.a5r-ready .a5r-section-01,
.a5r-ready .a5r-section-06,
.a5r-ready .a5r-section-08,
.a5r-ready .a5r-section-10,
.a5r-ready .a5r-section-11,
.a5r-ready .a5r-section-13,
.a5r-ready .a5r-section-15,
.a5r-ready .a5r-section-17,
.a5r-ready .a5r-section-19,
.a5r-ready .a5r-section-23,
.a5r-ready .a5r-section-26{
  color:#fffaf0;background:
  radial-gradient(circle at 88% 12%,rgba(215,173,85,.22),transparent 27%),
  linear-gradient(145deg,#0d0d0d,#1a1a1a)
}
.a5r-ready .a5r-section-02,
.a5r-ready .a5r-section-04,
.a5r-ready .a5r-section-07,
.a5r-ready .a5r-section-09,
.a5r-ready .a5r-section-12,
.a5r-ready .a5r-section-14,
.a5r-ready .a5r-section-16,
.a5r-ready .a5r-section-18,
.a5r-ready .a5r-section-21,
.a5r-ready .a5r-section-24{
  background:var(--a5r-cream)
}
.a5r-ready .a5r-section-03,
.a5r-ready .a5r-section-05,
.a5r-ready .a5r-section-20,
.a5r-ready .a5r-section-22,
.a5r-ready .a5r-section-25{
  background:var(--a5r-paper)
}

/* Hero: centered editorial composition */
.a5r-ready .a5r-section-01{
  min-height:94vh;display:flex;align-items:center;padding-top:145px!important;text-align:center
}
.a5r-ready .a5r-section-01>*{max-width:1000px!important}
.a5r-ready .a5r-section-01>*>*{align-items:center!important}
.a5r-ready .a5r-section-01 h1,.a5r-ready .a5r-section-01 h2,.a5r-ready .a5r-section-01 p{
  margin-inline:auto;text-align:center
}
.a5r-ready .a5r-section-01 h2:first-of-type,
.a5r-ready .a5r-section-11 h2:first-of-type,
.a5r-ready .a5r-section-19 p:first-of-type,
.a5r-ready .a5r-section-20 p:first-of-type{
  font-family:var(--a5e-body-font,Arial),Arial,Helvetica,sans-serif;font-size:12px;font-weight:900;
  letter-spacing:.17em;text-transform:uppercase;color:var(--a5r-gold-light)
}
.a5r-hero-visual,.a5r-system-visual,.a5r-course-visual{
  border:1px solid rgba(215,173,85,.4);border-radius:10px;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025));
  box-shadow:0 26px 80px rgba(0,0,0,.32)
}

/* Narrow narrative sections like the sample */
.a5r-ready .a5r-section-04>*,
.a5r-ready .a5r-section-05>*,
.a5r-ready .a5r-section-08>*,
.a5r-ready .a5r-section-09>*,
.a5r-ready .a5r-section-10>*,
.a5r-ready .a5r-section-24>*,
.a5r-ready .a5r-section-25>*{
  max-width:900px!important
}
.a5r-ready .a5r-section-04 h2,
.a5r-ready .a5r-section-05 h2,
.a5r-ready .a5r-section-08 h2,
.a5r-ready .a5r-section-09 h2,
.a5r-ready .a5r-section-10 h2,
.a5r-ready .a5r-section-24 h2{
  max-width:820px
}

/* Card language: sharp editorial, not generic SaaS */
.a5r-ready .a5r-stat,
.a5r-ready .a5r-result,
.a5r-ready .a5r-pain,
.a5r-ready .a5r-cost,
.a5r-ready .a5r-method,
.a5r-ready .a5r-objection,
.a5r-ready .a5r-promise,
.a5r-ready .a5r-course-tile,
.a5r-ready .a5r-compare,
.a5r-ready .a5r-testimonial{
  position:relative;padding:27px!important;border:1px solid var(--a5r-line);
  border-radius:var(--a5e-card-radius,6px);background:rgba(255,253,247,.96);box-shadow:var(--a5r-shadow);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease
}
.a5r-ready .a5r-stat:hover,
.a5r-ready .a5r-result:hover,
.a5r-ready .a5r-method:hover,
.a5r-ready .a5r-course-tile:hover,
.a5r-ready .a5r-compare:hover,
.a5r-ready .a5r-testimonial:hover{
  transform:translateY(-6px);border-color:rgba(158,117,35,.45);
  box-shadow:0 28px 65px rgba(17,17,17,.16)
}
.a5r-ready .a5r-stat{text-align:center;background:transparent;box-shadow:none;border-color:rgba(17,17,17,.18)}
.a5r-ready .a5r-stat h2,.a5r-ready .a5r-stat h3{color:#9d7626}
.a5r-ready .a5r-result{min-height:360px;background:linear-gradient(145deg,#fff,#f6efdf)}
.a5r-ready .a5r-result::before{
  content:"KẾT QUẢ / SCREENSHOT";position:absolute;right:16px;top:16px;padding:7px 10px;
  background:var(--a5r-black);color:white;font-size:9px;font-weight:900;letter-spacing:.12em
}
.a5r-ready .a5r-method::before{
  content:"";position:absolute;inset:0 0 auto;height:6px;background:var(--a5r-gold)
}

/* Five-course selector */
.a5r-ready .a5r-course-tile{
  min-height:440px;background:#fff
}
.a5r-ready .a5r-course-tile p:first-of-type{
  color:#9d7626;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase
}
.a5r-ready .a5r-course-tile:nth-child(odd){border-top:6px solid var(--a5r-gold)}
.a5r-ready .a5r-course-tile:nth-child(even){border-top:6px solid var(--a5r-black)}

/* Product sections and checkout boxes */
.a5r-ready .a5r-buybox,
.a5r-ready .a5r-price-card{
  position:sticky;top:112px;padding:34px!important;border:1px solid rgba(215,173,85,.5);
  border-radius:8px;background:#151515;color:#fffaf0;box-shadow:0 28px 75px rgba(0,0,0,.28)
}
.a5r-ready .a5r-section-14 .a5r-buybox,
.a5r-ready .a5r-section-16 .a5r-buybox{
  background:#fff;color:var(--a5r-ink);border-color:var(--a5r-line)
}
.a5r-ready .a5r-buybox h2,.a5r-ready .a5r-price-card h2{color:var(--a5r-gold-light)}
.a5r-ready .a5r-section-14 .a5r-buybox h2,
.a5r-ready .a5r-section-16 .a5r-buybox h2{color:#9d7626}

/* Testimonials and guarantee */
.a5r-ready .a5r-testimonial{min-height:315px;background:#fff}
.a5r-ready .a5r-testimonial::before{
  content:"“";font:700 70px Georgia,serif;line-height:.7;color:var(--a5r-gold)
}
.a5r-ready .a5r-guarantee{
  text-align:center;border:2px solid var(--a5r-gold);border-radius:50%;aspect-ratio:1;
  background:radial-gradient(circle,rgba(215,173,85,.16),rgba(255,255,255,.03));
  box-shadow:inset 0 0 0 10px rgba(215,173,85,.08),0 28px 70px rgba(0,0,0,.28)
}

/* FAQ */
.a5r-ready .a5r-faq{padding:0!important;border-top:1px solid var(--a5r-line)}
.a5r-ready .a5r-faq:last-child{border-bottom:1px solid var(--a5r-line)}
.a5r-ready .a5r-faq h2,.a5r-ready .a5r-faq h3,.a5r-ready .a5r-faq h4{
  position:relative;width:100%;padding:27px 58px 27px 0;cursor:pointer;
  font-family:var(--a5e-body-font,Arial),Arial,Helvetica,sans-serif;font-size:clamp(19px,2vw,24px);
  font-weight:900;letter-spacing:-.025em
}
.a5r-ready .a5r-faq h2::after,.a5r-ready .a5r-faq h3::after,.a5r-ready .a5r-faq h4::after{
  content:"+";position:absolute;right:8px;top:50%;transform:translateY(-50%);
  color:#9d7626;font-size:30px;font-weight:400
}
.a5r-ready .a5r-faq.is-open h2::after,
.a5r-ready .a5r-faq.is-open h3::after,
.a5r-ready .a5r-faq.is-open h4::after{content:"−"}
.a5r-ready .a5r-faq p{
  max-height:0;margin:0;overflow:hidden;opacity:0;
  transition:max-height .42s ease,opacity .3s ease,padding .3s ease
}
.a5r-ready .a5r-faq.is-open p{max-height:420px;padding-bottom:28px;opacity:1}

/* Premium sticky navigator */
.a5r-course-nav{
  position:fixed;z-index:99990;top:17px;left:50%;width:min(1060px,calc(100% - 32px));
  transform:translateX(-50%);border:1px solid rgba(215,173,85,.42);border-radius:4px;
  background:rgba(14,14,14,.92);box-shadow:0 16px 42px rgba(0,0,0,.25);backdrop-filter:blur(18px)
}
.a5r-course-nav__inner{
  display:flex;align-items:center;justify-content:space-between;min-height:57px;padding:6px 8px 6px 15px;gap:13px
}
.a5r-course-nav button{
  border:0;background:transparent;color:rgba(255,255,255,.74);cursor:pointer;
  font:800 11px/1 Arial,sans-serif;letter-spacing:.08em
}
.a5r-course-nav__brand{color:var(--a5r-gold-light)!important}
.a5r-course-nav__links{display:flex;align-items:center;gap:3px}
.a5r-course-nav__links button{padding:13px 15px;border-radius:3px;transition:.18s ease}
.a5r-course-nav__links button:hover,.a5r-course-nav__links button.is-active{
  background:var(--a5r-gold);color:var(--a5r-black)
}

.a5r-mobile-fab,.a5r-sheet{display:none}
.a5r-reveal{
  opacity:0;transform:translate3d(0,25px,0);
  transition:opacity 700ms cubic-bezier(.2,.65,.25,1),transform 700ms cubic-bezier(.2,.65,.25,1);
  transition-delay:var(--a5-delay,0ms)
}
.a5r-reveal.is-visible{opacity:1;transform:none}

@media(max-width:980px){
  .a5r-course-nav{display:none}
  .a5r-ready .a5r-section{padding:84px 21px!important;scroll-margin-top:20px}
  .a5r-ready .a5r-buybox,.a5r-ready .a5r-price-card{position:relative;top:auto}
  .a5r-mobile-fab{
    display:inline-flex;position:fixed;z-index:99991;right:17px;bottom:17px;
    align-items:center;justify-content:center;min-height:54px;padding:0 21px;border:2px solid var(--a5r-black);
    border-radius:3px;background:var(--a5r-gold);color:var(--a5r-black);
    box-shadow:5px 5px 0 var(--a5r-black);font:900 12px Arial,sans-serif;letter-spacing:.08em
  }
  .a5r-sheet{
    display:block;position:fixed;z-index:99999;inset:0;visibility:hidden;opacity:0;transition:.25s ease
  }
  .a5r-sheet.is-open{visibility:visible;opacity:1}
  .a5r-sheet__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.67);backdrop-filter:blur(6px)}
  .a5r-sheet__panel{
    position:absolute;left:0;right:0;bottom:0;padding:19px 17px calc(18px + env(safe-area-inset-bottom));
    border-radius:12px 12px 0 0;background:var(--a5r-paper);transform:translateY(105%);
    transition:transform .3s cubic-bezier(.2,.7,.2,1)
  }
  .a5r-sheet.is-open .a5r-sheet__panel{transform:none}
  .a5r-sheet__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}
  .a5r-sheet__head strong{font:900 19px Arial,sans-serif}
  .a5r-sheet__head button{width:42px;height:42px;border:1px solid var(--a5r-line);background:var(--a5r-cream);font-size:27px}
  .a5r-sheet__grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
  .a5r-sheet__grid button{
    min-height:76px;padding:13px;border:1px solid var(--a5r-line);background:white;
    text-align:left;font:900 14px Arial,sans-serif
  }
  .a5r-sheet__grid span{display:block;margin-bottom:6px;color:#9d7626;font-size:10px;letter-spacing:.12em}
}

@media(max-width:680px){
  .a5r-ready .a5r-section{padding:68px 16px!important}
  .a5r-ready .a5r-section-01{padding-top:78px!important}
  .a5r-ready h1{font-size:clamp(45px,14vw,66px)}
  .a5r-ready h2{font-size:clamp(33px,10vw,47px)}
  .a5r-ready h3{font-size:clamp(24px,8vw,35px)}
  .a5r-ready p{font-size:17px;line-height:1.7}
  .a5r-ready img{min-height:420px;border-radius:5px}
  .a5r-ready .a5r-stat,.a5r-ready .a5r-result,.a5r-ready .a5r-pain,
  .a5r-ready .a5r-cost,.a5r-ready .a5r-method,.a5r-ready .a5r-objection,
  .a5r-ready .a5r-promise,.a5r-ready .a5r-course-tile,.a5r-ready .a5r-compare,
  .a5r-ready .a5r-testimonial{padding:22px!important}
  .a5r-sheet__grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .a5r-reveal{opacity:1!important;transform:none!important;transition:none!important}
  html{scroll-behavior:auto!important}
}


/* V4.1 HOTFIX */
.a5r-ready .a5r-section-11 .a5r-promise{
  min-height:330px!important;
  padding:34px 30px!important;
  border:1px solid rgba(215,173,85,.52)!important;
  border-top:7px solid var(--a5r-gold)!important;
  background:var(--a5r-paper)!important;
  color:var(--a5r-ink);
  box-shadow:0 20px 52px rgba(0,0,0,.24)!important;
}
.a5r-ready .a5r-section-11 .a5r-promise h1,
.a5r-ready .a5r-section-11 .a5r-promise h2,
.a5r-ready .a5r-section-11 .a5r-promise h3,
.a5r-ready .a5r-section-11 .a5r-promise h4{
  color:var(--a5r-ink);
  font-size:clamp(28px,2.8vw,43px)!important;
  line-height:1.04!important;
}
.a5r-ready .a5r-section-11 .a5r-promise p{
  color:#625c52;
  font-size:17px;
  line-height:1.65;
}
.a5r-ready .a5r-section-11>*{counter-reset:a5r-promise}
.a5r-ready .a5r-section-11 .a5r-promise{counter-increment:a5r-promise}
.a5r-ready .a5r-section-11 .a5r-promise:before{
  content:"0" counter(a5r-promise);
  display:inline-flex;align-items:center;justify-content:center;
  width:42px;height:42px;margin-bottom:8px;
  border:1px solid var(--a5r-black);
  background:var(--a5r-gold);color:var(--a5r-black);
  font:900 12px Arial,sans-serif;letter-spacing:.08em;
}
.a5r-ready .a5r-section-11>*>p{
  max-width:760px!important;
  color:rgba(255,250,240,.84)!important;
}
.a5r-ready .a5r-section-11>*>h2,
.a5r-ready .a5r-section-11>*>h3{max-width:850px!important}
@media(max-width:680px){
  .a5r-ready .a5r-section-11 .a5r-promise{
    min-height:auto!important;padding:27px 23px!important
  }
}


/* V5: global design tokens are controlled from Appearance > Landing Design.
   Individual Elementor local styles can still override normal typography and colors. */
.a5r-ready .a5r-section {
  --a5-local-gold: var(--a5e-gold, #d7ad55);
}