:root {
  --ink: #0c0f16;
  --ink-2: #131722;
  --ink-3: #1d2230;
  --paper: #f7f4ec;
  --cream: #f2efe6;
  --white: #ffffff;
  --muted: #667085;
  --line: #d9d7cf;
  --yellow: #ffd22e;
  --yellow-2: #ffbd16;
  --blue: #2f67ff;
  --purple: #7f5cff;
  --green: #28b775;
  --radius: 28px;
  --shadow: 0 28px 80px rgba(10, 12, 17, .18);
  --container: 1240px;
  --header-height: 78px;
}

/* Elementor full-width host reset. The widget keeps the original standalone layout
   even when it is placed inside a normal Elementor container. */
.elementor-widget-inside_the_edit_landing > .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible;
}
.ite-elementor-root {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  position: relative;
  isolation: isolate;
  color: var(--ink);
  background: var(--paper);
  overflow: clip;
}
.ite-elementor-root.ite-hide-loader .scene-loader,
.ite-elementor-root.ite-hide-cursor .cursor-dot,
.ite-elementor-root.ite-hide-cursor .cursor-ring { display: none !important; }

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ink);
  background: var(--paper);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
body.is-loading { overflow: hidden; }
img, video, svg { display: block; max-width: 100%; }
button, a { font: inherit; }
a { color: inherit; text-decoration: none; }
button { border: 0; }
.container { width: min(calc(100% - 40px), var(--container)); margin-inline: auto; }
.skip-link { position: fixed; left: 12px; top: -100px; z-index: 10000; background: white; color: black; padding: 12px 16px; border-radius: 8px; }
.skip-link:focus { top: 12px; }

/* Loader */
.scene-loader {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-content: center;
  gap: 24px;
  background: #080a0f;
  color: white;
  text-align: center;
  transition: opacity .22s ease, visibility .22s ease;
}
.scene-loader.is-hidden { opacity: 0; visibility: hidden; pointer-events: none; }
.scene-loader p { margin: 0; font-weight: 900; letter-spacing: .24em; font-size: 13px; }
.loader-dots { display: inline-block; width: 24px; overflow: hidden; vertical-align: bottom; animation: dots .55s steps(4) infinite; }
@keyframes dots { from { width: 0; } to { width: 24px; } }
.clapper { width: 176px; margin-inline: auto; filter: drop-shadow(0 18px 32px rgba(0,0,0,.42)); }
.clapper-top { height: 42px; border-radius: 9px 9px 2px 2px; background: #f5f5f5; display: flex; overflow: hidden; transform-origin: left bottom; animation: clap .62s cubic-bezier(.2,.8,.2,1) infinite; }
.clapper-top i { flex: 1; background: #f5f5f5; transform: skewX(-24deg); border-right: 17px solid #11141b; }
.clapper-body { min-height: 104px; border-radius: 3px 3px 12px 12px; background: #f5f5f5; color: #10131a; padding: 18px 18px 14px; display: grid; grid-template-columns: 1fr auto; align-items: center; text-align: left; }
.clapper-body span { font-size: 12px; letter-spacing: .18em; font-weight: 800; }
.clapper-body strong { font-size: 38px; line-height: 1; }
.clapper-body small { grid-column: 1 / -1; border-top: 2px solid #11141b; margin-top: 12px; padding-top: 9px; font-size: 10px; letter-spacing: .12em; font-weight: 900; }
@keyframes clap { 0%, 30%, 100% { transform: rotate(0); } 42%, 58% { transform: rotate(-22deg); } 65% { transform: rotate(3deg); } }

/* Cursor */
.cursor-dot, .cursor-ring {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10001;
  pointer-events: none;
  opacity: 0;
  transform: translate3d(-100px,-100px,0);
  will-change: transform;
}
.cursor-dot {
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
  border-radius: 50%;
  background: #11141b;
  border: 2px solid var(--yellow);
  box-shadow: 0 0 0 2px rgba(255,255,255,.72), 0 3px 12px rgba(0,0,0,.3);
}
.cursor-ring {
  width: 34px;
  height: 34px;
  margin: -17px 0 0 -17px;
  border: 2px solid var(--yellow);
  border-radius: 50%;
  display: grid;
  place-content: center;
  color: #0d1017;
  background: rgba(255,210,46,.08);
  box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 5px 16px rgba(0,0,0,.16);
  transition: width .06s ease-out, height .06s ease-out, margin .06s ease-out, background .06s ease-out, border-color .06s ease-out, opacity .08s linear;
}
.cursor-ring span { font-size: 0; font-weight: 950; letter-spacing: .06em; }
.cursor-ring.is-active { width: 56px; height: 56px; margin: -28px 0 0 -28px; background: var(--yellow); border-color: #fff2a7; }
.cursor-ring.is-active span { font-size: 8px; }
body.has-custom-cursor, body.has-custom-cursor a, body.has-custom-cursor button, body.has-custom-cursor summary, body.has-custom-cursor [data-timeline-scrub] { cursor: none !important; }
body.has-custom-cursor .cursor-dot, body.has-custom-cursor .cursor-ring { opacity: 1; }
body.cursor-outside .cursor-dot, body.cursor-outside .cursor-ring { opacity: 0; }

.scroll-progress { position: fixed; top: 0; left: 0; right: 0; height: 3px; z-index: 5000; background: transparent; }
.scroll-progress span { display: block; width: 0; height: 100%; background: linear-gradient(90deg, var(--yellow), #ff8a00); }

/* Shared */
.section { padding: 112px 0; position: relative; }
.section--light { background: var(--paper); }
.section--cream { background: var(--cream); }
.section--dark { background: var(--ink); color: white; }
.eyebrow { margin: 0 0 18px; color: #6e7480; font-size: 12px; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.eyebrow--yellow { color: var(--yellow); }
.eyebrow--yellow span { display: inline-block; margin-right: 12px; padding: 6px 9px; border-radius: 7px; background: var(--yellow); color: var(--ink); letter-spacing: .08em; }
h1, h2, h3, p { overflow-wrap: anywhere; }
h1, h2, h3 { margin: 0; letter-spacing: -.045em; }
h2 { font-size: clamp(40px, 5vw, 68px); line-height: .98; }
h3 { font-size: 24px; line-height: 1.12; }
p { line-height: 1.65; }
.section-heading { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(280px, .7fr); gap: 64px; align-items: end; margin-bottom: 54px; }
.section-heading > p { margin: 0; color: var(--muted); font-size: 17px; }
.section-heading--center { max-width: 860px; margin-inline: auto; grid-template-columns: 1fr; text-align: center; gap: 22px; }
.section-heading--dark > p { color: #aab0bd; }
.reveal { opacity: 1; transform: none; }
.js .reveal { opacity: 0; transform: translateY(28px); transition: opacity .75s ease, transform .75s ease; }
.js .reveal.is-visible { opacity: 1; transform: none; }
.js .reveal--delay { transition-delay: .12s; }

.button { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 0 20px; border-radius: 13px; font-weight: 900; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.button:hover { transform: translateY(-2px); }
.button--large { min-height: 58px; padding-inline: 26px; }
.button--yellow { background: linear-gradient(180deg, #ffe268, var(--yellow)); color: #11131a; box-shadow: 0 12px 26px rgba(255, 202, 32, .22), inset 0 1px 0 rgba(255,255,255,.75); border: 1px solid #efb800; }
.button--yellow:hover { box-shadow: 0 16px 34px rgba(255, 202, 32, .34); }
.button--ghost { background: rgba(255,255,255,.06); color: white; border: 1px solid rgba(255,255,255,.18); }
.button--dark { background: var(--ink); color: white; }
.button--full { width: 100%; }
.text-link { display: inline-flex; align-items: center; gap: 10px; margin-top: 26px; font-weight: 900; border-bottom: 1px solid currentColor; padding-bottom: 4px; }
.text-link--yellow { color: var(--yellow); }

/* Offer/header */
.offer-bar { position: relative; z-index: 100; background: #05070b; color: white; border-bottom: 1px solid rgba(255,255,255,.08); }
.offer-bar__inner { min-height: 38px; display: flex; align-items: center; justify-content: space-between; gap: 20px; font-size: 12px; }
.offer-bar p { margin: 0; display: flex; gap: 8px; align-items: center; }
.offer-bar a { color: var(--yellow); font-weight: 900; }
.offer-dot { width: 7px; height: 7px; border-radius: 50%; background: #43d888; box-shadow: 0 0 0 5px rgba(67,216,136,.12); }
.site-header { position: sticky; top: 0; z-index: 1200; background: rgba(8,10,15,.88); color: white; border-bottom: 1px solid rgba(255,255,255,.08); backdrop-filter: blur(16px); }
.header-inner { min-height: var(--header-height); display: flex; align-items: center; gap: 28px; }
.brand { width: 190px; flex: 0 0 auto; }
.brand img { width: 100%; height: auto; }
.site-nav { display: flex; align-items: center; justify-content: center; gap: 28px; margin-left: auto; }
.site-nav a { color: #c8ccd4; font-size: 13px; font-weight: 750; transition: color .2s ease; }
.site-nav a:hover { color: white; }
.button--header { min-height: 42px; font-size: 13px; border-radius: 11px; }
.menu-button { display: none; width: 44px; height: 44px; margin-left: auto; border-radius: 10px; background: rgba(255,255,255,.08); }
.menu-button span { display: block; width: 20px; height: 2px; margin: 4px auto; background: white; transition: .2s ease; }

/* Hero */
.hero { position: relative; overflow: hidden; background: #080a0f; color: white; padding: 84px 0 46px; }
.hero-grid { position: absolute; inset: 0; opacity: .22; background-image: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to bottom, #000 0%, transparent 82%); }
.hero-glow { position: absolute; width: 520px; height: 520px; border-radius: 50%; filter: blur(90px); opacity: .14; }
.hero-glow--one { left: -160px; top: 60px; background: #2f67ff; }
.hero-glow--two { right: -180px; top: 120px; background: #7f5cff; }
.hero-layout { position: relative; display: grid; grid-template-columns: .88fr 1.12fr; align-items: center; gap: 56px; }
.hero-copy { position: relative; z-index: 2; }
.hero h1 { max-width: 630px; font-size: clamp(50px, 6.2vw, 88px); line-height: .91; }
.hero h1 em { color: var(--yellow); font-style: normal; }
.hero-lead { max-width: 640px; margin: 28px 0 0; color: #b9bfcb; font-size: 17px; }
.hero-points { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px 22px; margin: 28px 0 0; padding: 0; list-style: none; }
.hero-points li { display: flex; gap: 9px; align-items: flex-start; color: #e5e8ee; font-size: 13px; font-weight: 750; }
.hero-points li span { color: #4adc91; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 32px; }
.play-mini { display: grid; place-content: center; width: 26px; height: 26px; border-radius: 50%; background: white; color: #10131a; font-size: 9px; padding-left: 2px; }
.hero-assurance { display: flex; align-items: center; gap: 14px; margin-top: 26px; }
.assurance-icons { display: flex; gap: 5px; }
.assurance-icons span { display: grid; place-content: center; width: 37px; height: 24px; border-radius: 5px; color: #d9dde5; background: #20242f; border: 1px solid #363c4b; font-size: 8px; font-weight: 900; }
.hero-assurance p { margin: 0; line-height: 1.2; }
.hero-assurance strong, .hero-assurance small { display: block; }
.hero-assurance strong { font-size: 12px; }
.hero-assurance small { color: #858d9d; margin-top: 5px; }

.hero-visual { position: relative; min-width: 0; perspective: 1200px; }
.premiere-window { position: relative; border-radius: 18px; overflow: hidden; border: 1px solid #3a4050; background: #1b1e27; box-shadow: 0 45px 90px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.04) inset; transform-style: preserve-3d; transition: transform .2s ease; }
.premiere-titlebar { height: 34px; display: grid; grid-template-columns: 120px 1fr 150px; align-items: center; background: #262933; color: #c5cad3; font-size: 9px; border-bottom: 1px solid #10131a; }
.window-dots { display: flex; gap: 6px; padding-left: 12px; }
.window-dots i { width: 8px; height: 8px; border-radius: 50%; background: #5b606e; }
.window-dots i:first-child { background: #ff605c; }.window-dots i:nth-child(2) { background: #ffbd44; }.window-dots i:nth-child(3) { background: #00ca4e; }
.premiere-project { justify-self: center; }
.premiere-app { justify-self: end; padding-right: 12px; color: #7d8494; }
.premiere-menu { height: 29px; display: flex; gap: 17px; align-items: center; padding: 0 12px; background: #181b23; border-bottom: 1px solid #0e1015; color: #aaaebb; font-size: 8px; }
.premiere-workspaces { height: 32px; display: flex; align-items: center; justify-content: center; gap: 18px; background: #20232c; border-bottom: 1px solid #11141a; color: #858b99; font-size: 8px; }
.premiere-workspaces .is-active { color: white; position: relative; }
.premiere-workspaces .is-active::after { content: ""; position: absolute; left: 0; right: 0; bottom: -10px; height: 2px; background: var(--blue); }
.premiere-grid { display: grid; grid-template-columns: 22% 28% 34% 16%; grid-template-rows: 198px 178px; background: #12151c; gap: 2px; padding: 2px; }
.project-panel, .source-panel, .effects-panel, .program-monitor, .timeline-panel { min-width: 0; background: #1d2029; color: #aeb4c2; }
.panel-heading { min-height: 27px; padding: 0 9px; display: flex; align-items: center; justify-content: space-between; gap: 8px; background: #242832; color: #c8cdd6; border-bottom: 1px solid #11141a; font-size: 8px; }
.project-panel { grid-column: 1; grid-row: 1; }
.project-search { margin: 10px; padding: 7px; border-radius: 3px; background: #11141a; color: #696f7e; font-size: 8px; }
.project-panel ul { list-style: none; padding: 0 8px; margin: 0; }
.project-panel li { display: flex; align-items: center; gap: 6px; padding: 6px; border-radius: 3px; font-size: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.project-panel li.is-active { background: #2d3d62; color: white; }
.media-icon { width: 9px; height: 9px; background: #596174; }.media-icon--sequence { background: #7f5cff; }.media-icon--video { background: #2f67ff; }.media-icon--audio { background: #28b775; }.media-icon--graphic { background: #ffbd16; }
.project-meta { position: absolute; visibility: hidden; }
.source-panel { grid-column: 2; grid-row: 1; }
.source-empty { height: calc(100% - 27px); display: grid; place-content: center; justify-items: center; gap: 7px; color: #616978; }
.source-empty b { font-size: 32px; }
.source-empty small { font-size: 8px; }
.program-monitor { grid-column: 3; grid-row: 1; padding: 0; text-align: left; overflow: hidden; }
.monitor-screen { position: relative; height: 143px; background: #06070a; overflow: hidden; }
.monitor-screen video { width: 100%; height: 100%; object-fit: cover; }
.monitor-vignette { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.32)); }
.monitor-play { position: absolute; left: 50%; top: 50%; width: 42px; height: 42px; transform: translate(-50%,-50%); display: grid; place-content: center; border-radius: 50%; background: rgba(255,210,46,.92); box-shadow: 0 10px 25px rgba(0,0,0,.36); opacity: 0; transition: .2s ease; }
.monitor-play svg { width: 20px; fill: #11131a; margin-left: 3px; }
.monitor-label { position: absolute; left: 50%; bottom: 12px; transform: translateX(-50%) translateY(7px); color: white; background: rgba(8,10,15,.72); padding: 5px 8px; border-radius: 6px; font-size: 7px; opacity: 0; transition: .2s ease; }
.program-monitor:hover .monitor-play, .program-monitor:hover .monitor-label { opacity: 1; transform: translate(-50%,-50%); }
.program-monitor:hover .monitor-label { transform: translateX(-50%) translateY(0); }
.transport { height: 28px; display: flex; align-items: center; justify-content: space-between; padding: 0 9px; background: #161920; color: #8e95a4; font-size: 7px; }
.effects-panel { grid-column: 4; grid-row: 1 / 3; }
.effect-group { padding: 10px 8px; border-bottom: 1px solid #11141a; }
.effect-group strong { display: block; color: #d0d4db; font-size: 8px; margin-bottom: 8px; }
.effect-group span { display: block; margin: 8px 0; color: #8991a0; font-size: 7px; }
.effect-group i { position: relative; display: block; height: 2px; background: #3b4050; margin-top: 5px; }
.effect-group i::after { content: ""; position: absolute; left: 0; top: 0; width: var(--level); height: 100%; background: #949bab; }
.timeline-panel { grid-column: 1 / 4; grid-row: 2; }
.timeline-header { height: 28px; display: flex; align-items: center; gap: 18px; padding: 0 10px; background: #242832; color: #b6bcc8; font-size: 8px; }
.timeline-header span:first-child { color: white; border-bottom: 2px solid var(--blue); height: 28px; display: flex; align-items: center; }
.timeline-ruler { height: 22px; padding-left: 48px; display: flex; align-items: center; justify-content: space-around; color: #626a79; font-size: 7px; border-bottom: 1px solid #0e1116; }
.timeline-content { display: grid; grid-template-columns: 48px 1fr; height: 128px; }
.track-names { display: grid; grid-template-rows: repeat(4, 1fr); background: #191c24; color: #8b93a3; border-right: 1px solid #0e1116; }
.track-names span { display: grid; place-content: center; border-bottom: 1px solid #2a2f3a; font-size: 8px; }
.track-area { position: relative; display: grid; grid-template-rows: repeat(4, 1fr); overflow: hidden; background-image: linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px); background-size: 46px 100%; }
.track-row { position: relative; border-bottom: 1px solid #2a2f3a; }
.clip { position: absolute; left: var(--x); width: var(--w); top: 4px; bottom: 4px; display: flex; align-items: center; padding-left: 7px; border-radius: 3px; overflow: hidden; font-style: normal; color: rgba(255,255,255,.76); font-size: 6px; }
.clip--title { background: #8f5fd2; }.clip--blue { background: #4266bf; }.clip--purple { background: #6c4fae; }.clip--green { background: #2e8b63; }.clip--teal { background: #237c82; }
.animated-playhead { position: absolute; top: 0; bottom: 0; width: 1px; background: var(--yellow); animation: playhead 5s linear infinite; }
.animated-playhead::before { content: ""; position: absolute; left: -4px; top: 0; width: 9px; height: 7px; background: var(--yellow); clip-path: polygon(0 0,100% 0,50% 100%); }
@keyframes playhead { from { left: 7%; } to { left: 92%; } }
.floating-card, .price-badge { position: absolute; border: 1px solid rgba(255,255,255,.18); box-shadow: 0 20px 40px rgba(0,0,0,.3); backdrop-filter: blur(14px); }
.floating-card { display: grid; gap: 3px; padding: 12px 15px; border-radius: 12px; background: rgba(20,23,31,.88); }
.floating-card strong { font-size: 12px; }.floating-card span { color: #9ba2b1; font-size: 9px; }
.floating-card--rating { left: -18px; bottom: 74px; }.floating-card--rating strong { color: var(--yellow); }
.floating-card--hours { right: 62px; top: -22px; }
.price-badge { right: -18px; bottom: 38px; display: grid; grid-template-columns: auto auto; gap: 0 8px; align-items: end; min-width: 130px; padding: 11px 14px; border-radius: 14px; background: var(--yellow); color: var(--ink); transform: rotate(-2deg); }
.price-badge small { grid-column: 1 / -1; font-size: 8px; font-weight: 900; text-transform: uppercase; letter-spacing: .1em; }
.price-badge strong { font-size: 25px; }.price-badge s { font-size: 10px; color: #5c5131; padding-bottom: 5px; }
.trust-strip { position: relative; margin-top: 66px; display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid rgba(255,255,255,.1); border-radius: 17px; background: rgba(255,255,255,.04); }
.trust-strip div { min-height: 84px; padding: 20px 23px; border-right: 1px solid rgba(255,255,255,.1); display: grid; align-content: center; gap: 5px; }
.trust-strip div:last-child { border: 0; }
.trust-strip strong { font-size: 13px; }.trust-strip span { color: #8991a0; font-size: 10px; }

/* Marquee */
.topic-marquee { overflow: hidden; background: var(--yellow); color: var(--ink); border-block: 1px solid #e1b500; }
.topic-marquee__track { width: max-content; display: flex; align-items: center; gap: 22px; padding: 16px 0; animation: marquee 30s linear infinite; font-weight: 950; font-size: 13px; text-transform: uppercase; letter-spacing: .04em; }
.topic-marquee__track i { font-style: normal; }
@keyframes marquee { to { transform: translateX(-50%); } }

/* Learning */
.learning-section { overflow: clip; }
.skill-nav { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; margin-bottom: 28px; }
.skill-nav__item { min-height: 138px; display: flex; flex-direction: column; padding: 19px; border-radius: 17px; text-align: left; background: #ece9e0; color: var(--ink); border: 1px solid #dad6cb; transition: transform .14s ease, border-color .14s ease, background .14s ease, box-shadow .14s ease; }
.skill-nav__item:hover,.skill-nav__item:focus-visible { transform: translateY(-3px); border-color: #b9b19f; background: white; box-shadow: 0 14px 30px rgba(15,18,25,.08); }
.skill-nav__item span { display: block; margin-bottom: 15px; color: #8f887a; font-size: 11px; font-weight: 950; }
.skill-nav__item strong { display: block; font-size: 17px; line-height: 1.12; }
.skill-nav__item small { display: block; margin-top: 7px; color: #766f64; line-height: 1.35; }
.skill-nav__item b { margin-top: auto; padding-top: 14px; color: #1554e8; font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.skill-stage { display: grid; gap: 24px; }
.skill-panel { min-height: 460px; scroll-margin-top: calc(var(--header-height) + 30px); display: grid; grid-template-columns: 1fr .95fr; gap: 62px; align-items: center; padding: 52px; border-radius: 28px; background: white; border: 1px solid #ddd9cf; box-shadow: 0 24px 60px rgba(24,27,34,.085); content-visibility: auto; contain-intrinsic-size: 760px; }
.skill-panel--reverse .skill-panel__copy { order: 2; }
.skill-panel--reverse .skill-panel__visual { order: 1; }
.skill-panel__copy h3 { font-size: clamp(36px,4vw,54px); max-width: 620px; }
.skill-panel__copy > p:not(.eyebrow) { color: var(--muted); font-size: 16px; max-width: 680px; }
.skill-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 24px; }
.skill-list span { padding: 12px 14px; border-radius: 11px; background: #f2f0ea; border: 1px solid #e4e0d7; font-size: 12px; font-weight: 800; }
.skill-panel__visual { width: 100%; min-width: 0; margin: 0; padding: 12px; overflow: hidden; border-radius: 21px; background: #10131a; box-shadow: var(--shadow); }
.skill-motion { display: block; width: 100%; height: auto; aspect-ratio: 8 / 5; object-fit: contain; border: 0; border-radius: 13px; background: #0c0f15; }
.skill-panel__visual figcaption { padding: 11px 7px 2px; color: #9098a8; text-align: center; font-size: 11px; }

/* Curriculum */
.curriculum-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 90px; align-items: start; }
.curriculum-intro { position: sticky; top: 118px; }
.curriculum-intro > p:not(.eyebrow) { color: #aeb5c0; font-size: 16px; }
.curriculum-summary { display: flex; gap: 38px; margin-top: 34px; }
.curriculum-summary div { display: grid; }
.curriculum-summary strong { font-size: 38px; color: var(--yellow); }.curriculum-summary span { color: #9098a8; font-size: 11px; }
.accordion { border-top: 1px solid #363b47; }
.accordion-item { scroll-margin-top: calc(var(--header-height) + 24px); border-bottom: 1px solid #363b47; }
.accordion-trigger { width: 100%; min-height: 105px; display: grid; grid-template-columns: 50px 1fr 28px; align-items: center; gap: 18px; background: transparent; color: white; text-align: left; }
.accordion-index { color: #767e8f; font-size: 12px; font-weight: 900; }
.accordion-trigger small, .accordion-trigger strong { display: block; }
.accordion-trigger small { color: var(--yellow); font-size: 10px; letter-spacing: .14em; margin-bottom: 6px; }
.accordion-trigger strong { font-size: 22px; }
.accordion-trigger i { width: 22px; height: 22px; position: relative; }
.accordion-trigger i::before, .accordion-trigger i::after { content: ""; position: absolute; left: 5px; right: 5px; top: 10px; height: 2px; background: white; }
.accordion-trigger i::after { transform: rotate(90deg); transition: transform .25s ease; }
.accordion-item.is-open .accordion-trigger i::after { transform: rotate(0); }
.accordion-content > div { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; padding: 0 0 28px 68px; }
.accordion-content span { padding: 12px 14px; border-radius: 8px; background: #1b1f29; color: #bbc1cc; font-size: 12px; }

/* Value */
.value-section { padding-bottom: 132px; }
.value-layout { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(390px, .75fr); gap: 76px; align-items: start; }
.value-copy > p:not(.eyebrow) { max-width: 680px; color: var(--muted); font-size: 16px; }
.included-list { margin-top: 38px; border-top: 1px solid #d4d0c5; }
.included-list article { display: grid; grid-template-columns: 46px minmax(0,1fr) auto; gap: 18px; align-items: center; min-height: 100px; border-bottom: 1px solid #d4d0c5; }
.included-list article > span { color: #9b978e; font-size: 11px; font-weight: 900; }
.included-list h3 { font-size: 18px; letter-spacing: -.025em; }
.included-list p { margin: 5px 0 0; color: #696f7a; font-size: 12px; }
.included-list b { color: #898378; font-size: 11px; white-space: nowrap; }
.listed-value { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 24px; padding: 20px 24px; border-radius: 15px; background: #0e1118; color: white; }
.listed-value span { color: #aeb5c1; font-size: 13px; }.listed-value strong { color: var(--yellow); font-size: 28px; }
.checkout-card { border-radius: 26px; overflow: hidden; background: white; border: 1px solid #d5d2c9; box-shadow: var(--shadow); }
.checkout-ribbon { padding: 12px 18px; background: var(--ink); color: var(--yellow); text-align: center; font-size: 10px; font-weight: 950; letter-spacing: .12em; }
.checkout-logo { padding: 18px 24px 20px; text-align: center; border-bottom: 1px solid #e6e3db; }
.checkout-logo::before { content: none; }
.checkout-logo img { display: block; width: min(100%, 340px); height: auto; margin-inline: auto; padding: 20px 24px; box-sizing: border-box; border-radius: 26px; background: radial-gradient(circle at 16% 18%, rgba(255,214,10,.14), transparent 18%), linear-gradient(135deg, #0b1018 0%, #121a29 52%, #172235 100%); border: 1px solid rgba(255,255,255,.05); box-shadow: 0 18px 36px rgba(8, 12, 22, .18), inset 0 1px 0 rgba(255,255,255,.04); }
.checkout-logo p { margin: 13px auto 0; max-width: 240px; color: #6f7682; font-size: 11px; line-height: 1.45; }
.checkout-price { padding: 24px 28px; border-bottom: 1px solid #e6e3db; }
.checkout-price > span { display: block; color: #777e8b; font-size: 9px; font-weight: 800; text-transform: uppercase; text-align: center; }
.checkout-price div { display: flex; align-items: end; justify-content: center; gap: 12px; margin-top: 8px; }
.checkout-price strong { font-size: 56px; line-height: 1; }.checkout-price s { color: #9aa0aa; padding-bottom: 8px; }
.checkout-price small { display: table; margin: 11px auto 0; padding: 6px 9px; border-radius: 999px; background: #e2f7eb; color: #128c52; font-weight: 900; }
.checkout-card ul { list-style: none; padding: 18px 28px 6px; margin: 0; display: grid; gap: 13px; }
.checkout-card li { display: flex; gap: 10px; color: #3f4652; font-size: 12px; font-weight: 750; }
.checkout-card li span { color: #20ae6b; }
.checkout-card .button { width: calc(100% - 56px); margin: 18px 28px 0; }
.checkout-security { margin: 12px 0 0; color: #8b929e; text-align: center; font-size: 9px; }
.refund-note { margin: 22px 28px 0; padding: 17px; border-radius: 14px; background: #fff7d9; text-align: center; }
.refund-note strong, .refund-note span { display: block; }.refund-note strong { font-size: 12px; }.refund-note span { margin-top: 5px; color: #756b47; font-size: 8px; }
.checkout-support { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 18px 28px 28px; padding-top: 17px; border-top: 1px solid #e8e4dc; font-size: 10px; color: #777e89; }
.checkout-support a { color: #149254; font-weight: 900; }

.checkout-column { display: flex; flex-direction: column; gap: 22px; }
.founder-spotlight { position: relative; overflow: hidden; display: grid; grid-template-columns: 190px minmax(0,1fr); align-items: end; gap: 10px; padding: 16px 18px 18px 12px; border-radius: 24px; background: radial-gradient(circle at 18% 18%, rgba(255,214,10,.12), transparent 22%), linear-gradient(135deg, #0d121b 0%, #151c29 54%, #1b2434 100%); border: 1px solid rgba(255,255,255,.06); box-shadow: var(--shadow); color: white; }
.founder-spotlight::after { content: ''; position: absolute; inset: auto -30px -48px auto; width: 180px; height: 180px; border-radius: 50%; background: rgba(255,214,10,.06); filter: blur(8px); }
.founder-spotlight__media { align-self: end; }
.founder-spotlight__media img { display: block; width: 100%; max-width: 220px; height: auto; margin: 0 auto -6px; filter: drop-shadow(0 12px 26px rgba(0,0,0,.26)); }
.founder-spotlight__copy { position: relative; z-index: 1; padding-bottom: 12px; }
.founder-spotlight__copy span { display: inline-block; margin-bottom: 10px; color: var(--yellow); font-size: 10px; font-weight: 950; letter-spacing: .14em; }
.founder-spotlight__copy h3 { margin: 0 0 8px; font-size: 24px; line-height: 1.14; letter-spacing: -.03em; }
.founder-spotlight__copy p { margin: 0 0 10px; color: #b9c1cf; font-size: 13px; line-height: 1.55; }
.founder-spotlight .text-link { font-size: 13px; }

/* Bonus */
.bonus-section { padding-top: 96px; }
.bonus-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; }
.bonus-card { min-height: 240px; padding: 28px; border-radius: 20px; background: white; border: 1px solid #ddd9cf; transition: transform .25s ease, box-shadow .25s ease; }
.bonus-card:hover { transform: translateY(-7px); box-shadow: 0 20px 50px rgba(20,24,32,.12); }
.bonus-icon { width: 52px; height: 52px; border-radius: 15px; display: grid; place-content: center; margin-bottom: 34px; background: var(--ink); color: var(--yellow); font-weight: 900; }
.bonus-card p { color: var(--muted); font-size: 13px; }

/* Reviews */
.testimonial-quotes { position: relative; max-width: 940px; margin: 0 auto 72px; padding: 0 70px; }
.quote-track { min-height: 330px; position: relative; }
.quote-slide { position: absolute; inset: 0; opacity: 0; transform: translateY(14px); transition: .4s ease; display: grid; place-content: center; text-align: center; pointer-events: none; }
.quote-slide.is-active { opacity: 1; transform: none; pointer-events: auto; }
.quote-stars { color: #ffb400; font-size: 23px; letter-spacing: .12em; }
.quote-slide blockquote { max-width: 760px; margin: 24px auto; font-size: clamp(25px,3vw,40px); line-height: 1.25; font-weight: 750; letter-spacing: -.035em; }
.quote-slide p { margin: 0; line-height: 1.3; }.quote-slide p strong,.quote-slide p span { display: block; }.quote-slide p span { margin-top: 6px; color: var(--muted); font-size: 11px; }
.slider-arrow { position: absolute; top: 50%; z-index: 3; width: 46px; height: 46px; transform: translateY(-50%); border-radius: 50%; background: var(--ink); color: white; }
.slider-arrow--left { left: 0; }.slider-arrow--right { right: 0; }
.slider-dots { display: flex; gap: 7px; justify-content: center; }
.slider-dots button { width: 7px; height: 7px; border-radius: 50%; background: #c6c1b7; padding: 0; }
.slider-dots button.is-active { width: 25px; border-radius: 999px; background: var(--ink); }
.proof-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 22px; }.proof-heading h3 { font-size: 22px; }.proof-heading span { color: var(--muted); font-size: 12px; }
.proof-grid { display: grid; grid-template-columns: repeat(12,1fr); gap: 14px; align-items: start; }
.proof-card { position: relative; grid-column: span 4; min-height: 170px; padding: 0; overflow: hidden; border-radius: 15px; background: #e8e5dc; border: 1px solid #d5d1c7; }
.proof-card--wide { grid-column: span 6; }.proof-card--phone { grid-column: span 4; }
.proof-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.proof-card--phone img { object-fit: contain; max-height: 360px; background: #e9e5dc; }
.proof-card span { position: absolute; left: 50%; bottom: 14px; transform: translateX(-50%) translateY(10px); opacity: 0; white-space: nowrap; padding: 8px 11px; border-radius: 8px; background: rgba(12,15,22,.86); color: white; font-size: 10px; transition: .25s ease; }
.proof-card:hover img { transform: scale(1.025); }.proof-card:hover span { opacity: 1; transform: translateX(-50%) translateY(0); }

/* Video stories */
.story-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.story-card { position: relative; aspect-ratio: 9/14; padding: 0; overflow: hidden; border-radius: 24px; background: #222733; }
.story-card img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.03); transition: .45s ease; image-rendering: auto; }
.story-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.8)); }
.story-play { position: absolute; left: 50%; top: 48%; width: 58px; height: 58px; transform: translate(-50%,-50%); display: grid; place-content: center; border-radius: 50%; background: var(--yellow); color: var(--ink); box-shadow: 0 18px 35px rgba(0,0,0,.28); }
.story-caption { position: absolute; left: 22px; right: 22px; bottom: 22px; color: white; text-align: left; }.story-caption small,.story-caption strong { display: block; }.story-caption small { color: var(--yellow); letter-spacing: .14em; font-size: 9px; }.story-caption strong { margin-top: 7px; font-size: 18px; }
.story-card:hover img { transform: scale(1.08); }

/* Audience/guarantee/faq */
.audience-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.audience-card { position: relative; min-height: 520px; padding: 46px; border-radius: 26px; border: 1px solid #dcd8ce; overflow: hidden; }
.audience-card--yes { background: #edf8f2; }.audience-card--no { background: #f7efec; }
.audience-icon { display: grid; place-content: center; width: 54px; height: 54px; margin-bottom: 32px; border-radius: 50%; background: var(--ink); color: white; font-size: 24px; }
.audience-card h2 { font-size: clamp(38px,4vw,58px); }
.audience-card ul { margin: 32px 0 0; padding: 0; list-style: none; display: grid; gap: 15px; }
.audience-card li { position: relative; padding-left: 24px; color: #515865; font-weight: 650; }
.audience-card li::before { content: "•"; position: absolute; left: 0; color: #27a86b; }.audience-card--no li::before { color: #c25d4f; }
.guarantee-section { padding: 0 0 112px; }
.guarantee-card { display: grid; grid-template-columns: 120px 1fr; gap: 30px; align-items: center; padding: 36px; border-radius: 25px; background: white; border: 1px solid #d9d5ca; box-shadow: 0 18px 50px rgba(24,27,34,.08); }
.guarantee-seal { width: 110px; height: 110px; border-radius: 50%; display: grid; place-content: center; text-align: center; background: var(--yellow); border: 7px double var(--ink); transform: rotate(-6deg); }
.guarantee-seal span { font-size: 45px; line-height: .8; font-weight: 950; }.guarantee-seal small { font-size: 10px; letter-spacing: .18em; font-weight: 900; }
.guarantee-card h2 { font-size: 38px; }.guarantee-card p:not(.eyebrow) { margin-bottom: 0; color: var(--muted); }
.refund-disclosure { width: fit-content; max-width: 100%; margin-top: 16px; }
.refund-disclosure summary { display: inline-flex; align-items: center; gap: 7px; list-style: none; cursor: pointer; user-select: none; color: rgba(24,27,34,.44); border-bottom: 1px dotted rgba(24,27,34,.24); font-size: 12px; line-height: 1.35; font-weight: 850; letter-spacing: .035em; transition: color .16s ease, border-color .16s ease, opacity .16s ease; }
.refund-disclosure summary::-webkit-details-marker { display: none; }
.refund-disclosure summary::after { content: "+"; display: grid; place-content: center; width: 16px; height: 16px; border: 1px solid currentColor; border-radius: 50%; font-size: 12px; line-height: 1; transition: transform .18s ease; }
.refund-disclosure summary:hover,.refund-disclosure summary:focus-visible { color: var(--ink); border-color: rgba(24,27,34,.7); outline: none; }
.refund-disclosure[open] summary { color: rgba(24,27,34,.72); }
.refund-disclosure[open] summary::after { transform: rotate(45deg); }
.refund-disclosure__panel { max-width: 470px; margin-top: 10px; padding: 12px 14px; border: 1px solid #e2ded3; border-radius: 12px; background: #f7f4ec; color: #676d78; font-size: 12px; line-height: 1.55; }
.refund-disclosure__panel a { display: inline-flex; align-items: center; gap: 5px; margin-top: 7px; color: var(--ink); font-weight: 900; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.refund-disclosure__panel a:hover,.refund-disclosure__panel a:focus-visible { text-decoration-thickness: 2px; outline: none; }
.faq-layout { display: grid; grid-template-columns: .65fr 1.35fr; gap: 90px; align-items: start; }
.faq-intro { position: sticky; top: 118px; }.faq-intro h2 { font-size: clamp(42px,5vw,64px); }.faq-intro > p:not(.eyebrow) { color: var(--muted); }
.support-links { display: grid; gap: 10px; margin-top: 28px; }.support-links a { width: fit-content; font-weight: 850; border-bottom: 1px solid currentColor; }
.faq-list details { border-bottom: 1px solid #d6d2c8; }
.faq-list summary { min-height: 84px; display: grid; grid-template-columns: 1fr 24px; align-items: center; gap: 20px; list-style: none; font-size: 17px; font-weight: 850; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary span { width: 20px; height: 20px; position: relative; }
.faq-list summary span::before,.faq-list summary span::after { content: ""; position: absolute; left: 4px; right: 4px; top: 9px; height: 2px; background: var(--ink); }.faq-list summary span::after { transform: rotate(90deg); transition: .2s ease; }
.faq-list details[open] summary span::after { transform: rotate(0); }
.faq-list details p { margin: -4px 50px 25px 0; color: var(--muted); font-size: 14px; }

/* Final/footer */
.final-cta { position: relative; overflow: hidden; padding: 96px 0; background: var(--ink); color: white; }
.final-grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px); background-size: 60px 60px; mask-image: linear-gradient(90deg, transparent, #000, transparent); }
.final-cta__inner { position: relative; display: grid; grid-template-columns: 1fr auto; gap: 80px; align-items: center; }.final-cta h2 { max-width: 760px; }.final-cta p:not(.eyebrow) { color: #aeb5c1; }
.final-price { min-width: 280px; text-align: center; }.final-price > small,.final-price > span { display: block; color: #8e96a6; }.final-price div { display: flex; align-items: end; justify-content: center; gap: 10px; margin: 8px 0 18px; }.final-price strong { font-size: 58px; line-height: 1; }.final-price s { color: #6f7787; padding-bottom: 9px; }.final-price > span { margin-top: 10px; font-size: 9px; }
.site-footer { padding: 54px 0 90px; background: #05070b; color: white; border-top: 1px solid rgba(255,255,255,.08); }
.footer-grid { display: grid; grid-template-columns: 1fr auto; gap: 40px; align-items: start; }.footer-grid img { width: 220px; }.footer-grid p { color: #7f8796; font-size: 12px; }.footer-grid nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 20px; color: #aab1be; font-size: 11px; }
.footer-bottom { display: flex; justify-content: space-between; gap: 20px; margin-top: 38px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.08); color: #6e7685; font-size: 10px; }
.whatsapp-float { position: fixed; right: 22px; bottom: 24px; z-index: 900; display: inline-flex; align-items: center; gap: 9px; min-height: 54px; padding: 0 18px 0 12px; border-radius: 999px; background: linear-gradient(135deg, #25d366 0%, #17b85a 100%); color: white; box-shadow: 0 18px 36px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.18); border: 1px solid rgba(255,255,255,.16); font-size: 12px; font-weight: 800; line-height: 1; max-width: calc(100vw - 24px); white-space: nowrap; transition: transform .18s ease, box-shadow .18s ease, background .18s ease; } .whatsapp-float:hover, .whatsapp-float:focus-visible { transform: translateY(-2px); box-shadow: 0 22px 42px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.2); background: linear-gradient(135deg, #20ca61 0%, #129f4a 100%); } .whatsapp-float__icon-wrap { width: 28px; height: 28px; border-radius: 999px; display: inline-grid; place-items: center; background: rgba(255,255,255,.16); box-shadow: inset 0 1px 0 rgba(255,255,255,.15); flex: 0 0 28px; } .whatsapp-float__icon { width: 16px; height: 16px; flex: 0 0 16px; } .whatsapp-float__label { position: relative; display: inline-block; min-width: 84px; font-size: 12px; font-weight: 800; } .whatsapp-float__label::after { content: attr(data-hover); position: absolute; inset: 0; opacity: 0; transform: translateY(6px); transition: opacity .18s ease, transform .18s ease; color: white; } .whatsapp-float:hover .whatsapp-float__label, .whatsapp-float:focus-visible .whatsapp-float__label { color: transparent; } .whatsapp-float:hover .whatsapp-float__label::after, .whatsapp-float:focus-visible .whatsapp-float__label::after { opacity: 1; transform: translateY(0); } .whatsapp-float__arrow { font-size: 14px; opacity: .9; transform: translateY(-1px); transition: transform .18s ease, opacity .18s ease; } .whatsapp-float:hover .whatsapp-float__arrow, .whatsapp-float:focus-visible .whatsapp-float__arrow { transform: translate(2px, -1px); opacity: 1; }
.mobile-checkout { display: none; }

/* Modal */
.media-modal { position: fixed; inset: 0; z-index: 6000; display: grid; place-items: center; padding: 28px; }
.media-modal[hidden] { display: none; }
.modal-backdrop { position: absolute; inset: 0; background: rgba(2,3,6,.88); backdrop-filter: blur(10px); }
.modal-dialog { position: relative; z-index: 1; width: min(100%, 980px); max-height: 90vh; border-radius: 18px; background: #11141b; box-shadow: 0 40px 100px rgba(0,0,0,.6); }
.modal-close { position: absolute; right: -13px; top: -13px; z-index: 2; width: 42px; height: 42px; border-radius: 50%; background: var(--yellow); color: var(--ink); font-size: 25px; }
.modal-content { aspect-ratio: 16/9; display: grid; place-content: center; overflow: hidden; border-radius: 18px; }
.modal-content video,.modal-content iframe { width: 100%; height: 100%; border: 0; }.modal-content img { max-width: 100%; max-height: 85vh; object-fit: contain; }
body.modal-open { overflow: hidden; }

/* Responsive */
@media (max-width: 1120px) {
  .hero-layout { grid-template-columns: 1fr; }
  .hero-copy { max-width: 800px; }
  .hero-visual { max-width: 880px; margin-inline: auto; width: 100%; }
  .hero h1 { max-width: 820px; }
  .value-layout { grid-template-columns: 1fr; }
  .checkout-column { max-width: 560px; width: 100%; margin-inline: auto; }
  .checkout-card { max-width: 560px; width: 100%; margin-inline: auto; }
  .curriculum-layout { gap: 55px; }
  .bonus-grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 900px) {
  :root { --header-height: 68px; }
  .section { padding: 82px 0; }
  .site-nav { position: fixed; left: 20px; right: 20px; top: 112px; display: grid; gap: 0; padding: 12px; border-radius: 16px; background: #151922; border: 1px solid #343a47; box-shadow: 0 25px 60px rgba(0,0,0,.36); opacity: 0; transform: translateY(-10px); pointer-events: none; transition: .2s ease; }
  .site-nav.is-open { opacity: 1; transform: none; pointer-events: auto; }
  .site-nav a { padding: 13px 12px; border-bottom: 1px solid #2b303c; }.site-nav a:last-child { border: 0; }
  .menu-button { display: block; }.button--header { display: none; }
  .brand { width: 170px; }
  .hero { padding-top: 66px; }
  .section-heading { grid-template-columns: 1fr; gap: 22px; align-items: start; }
  .skill-nav { grid-template-columns: repeat(2,1fr); }
  .skill-panel { grid-template-columns: 1fr; gap: 34px; padding: 36px; }
  .skill-panel--reverse .skill-panel__copy,.skill-panel--reverse .skill-panel__visual { order: initial; }
  .curriculum-layout,.faq-layout { grid-template-columns: 1fr; gap: 50px; }
  .curriculum-intro,.faq-intro { position: static; }
  .trust-strip { grid-template-columns: repeat(2,1fr); }.trust-strip div:nth-child(2) { border-right: 0; }.trust-strip div:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.1); }
  .audience-grid { grid-template-columns: 1fr; }.audience-card { min-height: auto; }
  .guarantee-card { grid-template-columns: 100px 1fr; }
  .final-cta__inner { grid-template-columns: 1fr; gap: 44px; }.final-price { text-align: left; }.final-price div { justify-content: flex-start; }.final-price .button { width: fit-content; }
}

@media (max-width: 700px) {
  .container { width: min(calc(100% - 28px), var(--container)); }
  .offer-bar__inner { justify-content: center; text-align: center; padding: 8px 0; }.offer-bar__inner a { display: none; }
  .hero h1 { font-size: clamp(48px,14vw,68px); }
  .hero-lead { font-size: 15px; }
  .hero-points { grid-template-columns: 1fr; }
  .hero-actions { display: grid; }.hero-actions .button { width: 100%; }
  .hero-assurance { align-items: flex-start; }
  .premiere-titlebar { grid-template-columns: 90px 1fr; }.premiere-app { display: none; }
  .premiere-menu span:nth-child(n+5),.premiere-workspaces span:nth-child(n+5) { display: none; }
  .premiere-grid { grid-template-columns: 27% 73%; grid-template-rows: 225px 165px; }
  .project-panel { grid-column: 1; grid-row: 1; }.source-panel,.effects-panel { display: none; }.program-monitor { grid-column: 2; grid-row: 1; }.timeline-panel { grid-column: 1 / 3; grid-row: 2; }
  .monitor-screen { height: 170px; }
  .floating-card--rating { left: 8px; bottom: 58px; }.floating-card--hours { right: 12px; top: -20px; }.price-badge { right: 8px; bottom: 12px; }
  .trust-strip { grid-template-columns: 1fr; }.trust-strip div { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.1); }.trust-strip div:last-child { border-bottom: 0; }
  .skill-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; overflow: visible; padding-bottom: 0; }
  .skill-nav__item { min-height: 132px; padding: 16px; }
  .skill-nav__item b { font-size: 9px; }
  .skill-panel { min-height: 0; gap: 26px; padding: 22px; border-radius: 20px; contain-intrinsic-size: 680px; }.skill-panel__copy h3 { font-size: clamp(32px,10vw,40px); }.skill-list { grid-template-columns: 1fr; }
  .skill-panel__visual { padding: 8px; border-radius: 16px; }
  .skill-motion { width: 100%; aspect-ratio: 8 / 5; object-fit: contain; border-radius: 10px; }
  .accordion-trigger { grid-template-columns: 34px 1fr 22px; }.accordion-trigger strong { font-size: 18px; }.accordion-content > div { grid-template-columns: 1fr; padding-left: 52px; }
  .included-list article { grid-template-columns: 34px 1fr; padding: 14px 0; }.included-list article b { grid-column: 2; }
  .checkout-card { border-radius: 20px; }
  .founder-spotlight { grid-template-columns: 1fr; justify-items: center; text-align: center; padding: 18px 18px 20px; }
  .founder-spotlight__media img { max-width: 228px; }
  .founder-spotlight__copy { padding-bottom: 0; }
  .founder-spotlight__copy h3 { font-size: 22px; }
  .bonus-grid { grid-template-columns: 1fr; }
  .testimonial-quotes { padding: 0 45px; }.quote-track { min-height: 400px; }.quote-slide blockquote { font-size: 25px; }
  .proof-grid { grid-template-columns: 1fr 1fr; }.proof-card,.proof-card--wide,.proof-card--phone { grid-column: auto; min-height: 130px; }.proof-card--wide { grid-column: 1 / -1; }.proof-card--phone img { max-height: 280px; }
  .proof-heading { align-items: start; flex-direction: column; }
  .story-grid { grid-template-columns: 1fr; }.story-card { max-width: 390px; width: 100%; margin-inline: auto; }
  .audience-card { padding: 32px 25px; }.audience-card h2 { font-size: 40px; }
  .guarantee-card { grid-template-columns: 1fr; text-align: left; }.guarantee-seal { width: 95px; height: 95px; }.refund-disclosure summary { color: rgba(24,27,34,.62); }
  .faq-list summary { font-size: 15px; }
  .footer-grid { grid-template-columns: 1fr; }.footer-grid nav { justify-content: flex-start; }.footer-bottom { flex-direction: column; }
  .whatsapp-float { right: 12px; bottom: calc(80px + env(safe-area-inset-bottom)); width: 48px; min-width: 48px; height: 48px; min-height: 48px; padding: 0; gap: 0; justify-content: center; border-radius: 16px; }.whatsapp-float__icon-wrap { width: 24px; height: 24px; flex-basis: 24px; background: transparent; box-shadow: none; } .whatsapp-float__icon { width: 18px; height: 18px; flex-basis: 18px; } .whatsapp-float__label, .whatsapp-float__arrow { display: none; }
  .mobile-checkout { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1100; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 14px calc(10px + env(safe-area-inset-bottom)); background: rgba(9,11,16,.96); color: white; border-top: 1px solid rgba(255,255,255,.12); backdrop-filter: blur(14px); }
  .mobile-checkout div { display: grid; }.mobile-checkout span { color: #8e96a5; font-size: 9px; }.mobile-checkout strong { font-size: 18px; }.mobile-checkout s { color: #747c8c; font-size: 11px; }.mobile-checkout a { min-height: 43px; display: flex; align-items: center; padding: 0 18px; border-radius: 10px; background: var(--yellow); color: var(--ink); font-weight: 950; }
  .site-footer { padding-bottom: 120px; }
  .modal-dialog { width: 100%; }.modal-close { right: 0; top: -50px; }
}

@media (max-width: 430px) {
  .premiere-grid { grid-template-columns: 100%; grid-template-rows: 218px 160px; }.project-panel { display: none; }.program-monitor { grid-column: 1; }.timeline-panel { grid-column: 1; }.monitor-screen { height: 163px; }
  .premiere-menu { gap: 12px; }.premiere-workspaces { justify-content: flex-start; padding-left: 12px; }
  .skill-nav { grid-template-columns: 1fr; }
  .skill-nav__item { min-height: 118px; }
  .proof-grid { grid-template-columns: 1fr; }.proof-card--wide { grid-column: auto; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
  .scene-loader { display: none; }
  body.is-loading { overflow: auto; }
}


/* V4 hero interaction and preview clarity */
.monitor-screen video { transition: filter .18s ease, transform .22s ease; }
.editor-mode--raw .monitor-screen video { filter: saturate(.48) contrast(.9) brightness(.92); transform: scale(1.015); }
.editor-mode--grade .monitor-screen video { filter: saturate(1.18) contrast(1.08) brightness(1.03); }
.editor-mode--titles .monitor-screen video { filter: saturate(1.12) contrast(1.06) brightness(.76); transform: scale(1.02); }
.editor-mode--audio .monitor-screen video { filter: saturate(.9) contrast(1.02) brightness(.88); }

.monitor-preview-tag {
  position: absolute;
  left: 8px;
  top: 8px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 7px;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 6px;
  color: white;
  background: rgba(7,9,14,.72);
  font-size: 6px;
  font-weight: 950;
  letter-spacing: .12em;
}
.monitor-preview-tag i { width: 5px; height: 5px; border-radius: 50%; background: #ff4e4e; box-shadow: 0 0 0 3px rgba(255,78,78,.14); animation: previewPulse 1.1s ease-in-out infinite; }
.monitor-duration { position: absolute; right: 8px; bottom: 7px; z-index: 3; padding: 3px 5px; border-radius: 4px; background: rgba(0,0,0,.76); color: white; font-size: 6px; font-weight: 850; }
.monitor-play-wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 4;
  min-width: 150px;
  transform: translate(-50%,-48%);
  display: grid;
  justify-items: center;
  gap: 3px;
  color: white;
  text-align: center;
  transition: transform .12s ease;
}
.monitor-play {
  position: relative;
  left: auto;
  top: auto;
  width: 52px;
  height: 52px;
  transform: none;
  opacity: 1;
  display: grid;
  place-content: center;
  border: 2px solid rgba(255,255,255,.92);
  border-radius: 50%;
  background: var(--yellow);
  box-shadow: 0 10px 30px rgba(0,0,0,.48), 0 0 0 8px rgba(255,210,46,.14);
  transition: transform .12s ease, box-shadow .12s ease;
}
.monitor-play::after { content: ""; position: absolute; inset: -10px; border: 1px solid rgba(255,210,46,.46); border-radius: 50%; animation: previewRing 1.35s ease-out infinite; }
.monitor-play-wrap > strong { font-size: 8px; text-transform: uppercase; letter-spacing: .08em; text-shadow: 0 2px 8px rgba(0,0,0,.75); }
.monitor-play-wrap > small { color: #e7eaf0; font-size: 6px; text-shadow: 0 2px 8px rgba(0,0,0,.75); }
.program-monitor:hover .monitor-play-wrap, .program-monitor:focus-visible .monitor-play-wrap { transform: translate(-50%,-48%) scale(1.04); }
.program-monitor:hover .monitor-play, .program-monitor:focus-visible .monitor-play { transform: scale(1.06); box-shadow: 0 13px 34px rgba(0,0,0,.5), 0 0 0 10px rgba(255,210,46,.18); }
.monitor-title-demo {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 20px;
  z-index: 2;
  display: grid;
  gap: 2px;
  padding-left: 8px;
  border-left: 3px solid var(--yellow);
  color: white;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity .16s ease, transform .16s ease;
}
.monitor-title-demo small { font-size: 5px; letter-spacing: .2em; }
.monitor-title-demo strong { font-size: 10px; letter-spacing: .04em; }
.editor-mode--titles .monitor-title-demo { opacity: 1; transform: none; }
.editor-mode--titles .monitor-play-wrap { opacity: .82; transform: translate(-50%,-68%) scale(.88); }
.editor-mode--audio .track-row:nth-child(3) .clip, .editor-mode--audio .track-row:nth-child(4) .clip { animation: audioGlow .55s ease-in-out infinite alternate; }
.transport-buttons { display: flex; align-items: center; gap: 6px; }
.transport-buttons i, .transport-buttons b { font-style: normal; font-size: 7px; }
.transport-buttons b { display: grid; place-content: center; width: 17px; height: 17px; border-radius: 50%; background: #313746; color: white; }

.editor-demo-toolbar {
  position: relative;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 12px 6px 0;
  padding: 10px 11px 10px 13px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 14px;
  background: rgba(22,26,35,.92);
  box-shadow: 0 16px 36px rgba(0,0,0,.24);
}
.editor-demo-copy { display: flex; align-items: center; gap: 9px; min-width: 0; }
.demo-live-dot { width: 8px; height: 8px; flex: 0 0 auto; border-radius: 50%; background: #42d98b; box-shadow: 0 0 0 5px rgba(66,217,139,.11); }
.editor-demo-copy div { min-width: 0; display: grid; gap: 1px; }
.editor-demo-copy strong { color: white; font-size: 10px; }
.editor-demo-copy small { color: #8e96a6; font-size: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.editor-demo-actions { display: flex; gap: 5px; }
.editor-demo-actions button { min-height: 30px; padding: 0 10px; border: 1px solid #3a4050; border-radius: 8px; color: #b9c0cd; background: #20242e; font-size: 8px; font-weight: 900; transition: transform .08s ease, color .08s ease, background .08s ease, border-color .08s ease; }
.editor-demo-actions button:hover, .editor-demo-actions button:focus-visible { transform: translateY(-1px); color: white; border-color: #616a7c; }
.editor-demo-actions button.is-active { color: #10131a; background: var(--yellow); border-color: #ffe06c; }
.track-area[data-timeline-scrub] { touch-action: none; }

.footer-brand { display: grid; justify-items: start; gap: 12px; }
.footer-grid .footer-brand img { width: min(100%, 285px); height: auto; filter: drop-shadow(0 8px 24px rgba(0,0,0,.25)); }
.footer-brand p { margin: 0; }

@keyframes previewPulse { 50% { opacity: .45; } }
@keyframes previewRing { 0% { transform: scale(.78); opacity: .75; } 100% { transform: scale(1.24); opacity: 0; } }
@keyframes audioGlow { from { filter: brightness(.92); } to { filter: brightness(1.34) saturate(1.18); } }

@media (max-width: 700px) {
  .editor-demo-toolbar { align-items: flex-start; flex-direction: column; margin-inline: 0; }
  .editor-demo-actions { width: 100%; display: grid; grid-template-columns: repeat(4,1fr); }
  .editor-demo-actions button { padding-inline: 5px; }
  .monitor-play { width: 48px; height: 48px; }
  .monitor-play-wrap { min-width: 135px; }
  .monitor-play-wrap > strong { font-size: 7px; }
}

@media (max-width: 430px) {
  .monitor-preview-tag { top: 6px; left: 6px; }
  .monitor-play-wrap { transform: translate(-50%,-44%); }
  .monitor-title-demo { bottom: 17px; }
  .editor-demo-copy small { max-width: 230px; }
}

@media (prefers-reduced-motion: reduce) {
  .monitor-play::after, .monitor-preview-tag i, .editor-mode--audio .track-row .clip { animation: none !important; }
}

/* V5: persistent checkout countdown */
.offer-bar__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
  flex-shrink: 0;
}
.offer-timer {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-variant-numeric: tabular-nums;
}
.offer-timer--bar {
  min-height: 30px;
  padding: 4px 5px 4px 10px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  background: rgba(255,255,255,.07);
}
.offer-timer--bar span {
  color: rgba(255,255,255,.72);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.offer-timer--bar time {
  min-width: 58px;
  padding: 5px 8px;
  border-radius: 999px;
  background: var(--yellow);
  color: var(--ink);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .04em;
  text-align: center;
}
.checkout-countdown {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 0 28px 18px;
  padding: 13px 14px;
  border: 1px solid #e1ded4;
  border-radius: 13px;
  background: #f6f3eb;
}
.checkout-countdown > div { display: grid; gap: 2px; }
.checkout-countdown span {
  color: #313640;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.checkout-countdown small { color: #7d838d; font-size: 9px; }
.checkout-countdown time {
  min-width: 82px;
  color: var(--ink);
  font-size: 24px;
  font-weight: 950;
  line-height: 1;
  letter-spacing: -.03em;
  text-align: right;
  font-variant-numeric: tabular-nums;
}
[data-countdown-box].is-expired time { color: #8d6413; }
[data-countdown-box].is-expired { border-color: rgba(180,131,28,.28); }

/* V5: full-height, no-crop testimonial and screenshot viewer */
.media-modal {
  overflow: auto;
  overscroll-behavior: contain;
  padding: max(58px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));
}
.modal-dialog {
  display: flex;
  flex-direction: column;
  width: min(96vw, 1100px);
  max-width: 1100px;
  max-height: none;
  margin: auto;
  overflow: visible;
  background: transparent;
  box-shadow: none;
}
.modal-close {
  position: fixed;
  right: max(18px, env(safe-area-inset-right));
  top: max(14px, env(safe-area-inset-top));
  z-index: 4;
  box-shadow: 0 12px 30px rgba(0,0,0,.35);
}
.modal-content {
  display: grid;
  place-items: center;
  width: 100%;
  min-height: 0;
  aspect-ratio: auto;
  overflow: visible;
  border-radius: 18px;
  background: #0a0c11;
  box-shadow: 0 34px 100px rgba(0,0,0,.58);
}
.modal-dialog--landscape { width: min(96vw, calc(86dvh * 16 / 9), 1100px); }
.modal-dialog--landscape .modal-content { aspect-ratio: 16 / 9; overflow: hidden; }
.modal-dialog--portrait { width: min(94vw, calc(84dvh * 9 / 16), 520px); }
.modal-dialog--portrait .modal-content { aspect-ratio: 9 / 16; overflow: hidden; }
.modal-dialog--image { width: min(96vw, 1200px); }
.modal-dialog--image .modal-content {
  max-height: none;
  padding: 10px;
  overflow: auto;
  background: rgba(8,10,15,.96);
}
.modal-content video,
.modal-content iframe {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  border: 0;
  border-radius: inherit;
  object-fit: contain;
}
.modal-content img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: calc(88dvh - 34px);
  margin: auto;
  object-fit: contain;
  border-radius: 10px;
}
.modal-hint {
  margin: 10px auto 0;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(10,12,17,.8);
  color: rgba(255,255,255,.7);
  font-size: 10px;
  text-align: center;
  backdrop-filter: blur(8px);
}

@media (max-width: 880px) {
  .offer-bar__inner { gap: 12px; }
  .offer-bar__actions { gap: 8px; }
  .offer-timer--bar span { display: none; }
  .offer-timer--bar { padding-left: 5px; }
}

@media (max-width: 620px) {
  .offer-bar__inner { align-items: center; }
  .offer-bar__inner > p { max-width: 58%; font-size: 9px; line-height: 1.25; }
  .offer-bar__actions > a { display: none; }
  .offer-timer--bar time { min-width: 56px; }
  .checkout-countdown { margin-inline: 18px; }
  .checkout-countdown small { display: none; }
  .media-modal { align-items: start; padding-top: max(66px, env(safe-area-inset-top)); padding-inline: 10px; }
  .modal-dialog--landscape { width: min(98vw, calc(76dvh * 16 / 9)); }
  .modal-dialog--portrait { width: min(94vw, calc(79dvh * 9 / 16)); }
  .modal-dialog--image { width: 98vw; }
  .modal-dialog--image .modal-content { padding: 6px; }
  .modal-content img { max-height: calc(84dvh - 20px); }
  .modal-hint { margin-top: 8px; }
}
\n
/* V6 reliability overrides: full media visibility, fast interaction, and safe mobile sizing */
html { scroll-behavior: smooth; }
body.is-loading { overflow: hidden; }
.scene-loader { transition: opacity .18s ease, visibility .18s ease; }
.scene-loader.is-hidden { opacity: 0; visibility: hidden; pointer-events: none; }

/* Countdown always stays readable */
.offer-timer, .checkout-countdown { font-variant-numeric: tabular-nums; }
.offer-timer time, .checkout-countdown time { white-space: nowrap; }

/* Modal is viewport-bound; media is always contained, never cropped */
.media-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: max(62px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left)) !important;
  overflow: auto !important;
  overscroll-behavior: contain;
}
.media-modal[hidden] { display: none !important; }
.modal-backdrop { position: fixed !important; inset: 0 !important; }
.modal-dialog {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: auto !important;
  max-width: calc(100vw - 24px) !important;
  max-height: calc(100dvh - 80px) !important;
  margin: auto !important;
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
}
.modal-content {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  background: #080a0f !important;
  box-shadow: 0 30px 90px rgba(0,0,0,.62) !important;
}
.modal-dialog--landscape {
  width: min(1100px, calc(100vw - 24px), calc((100dvh - 108px) * 16 / 9)) !important;
  aspect-ratio: 16 / 9 !important;
}
.modal-dialog--portrait {
  height: min(820px, calc(100dvh - 108px)) !important;
  width: min(460px, calc(100vw - 24px), calc((100dvh - 108px) * 9 / 16)) !important;
  aspect-ratio: 9 / 16 !important;
}
.modal-dialog--image {
  width: min(1200px, calc(100vw - 24px)) !important;
  height: auto !important;
  max-height: calc(100dvh - 92px) !important;
  aspect-ratio: auto !important;
}
.modal-dialog--image .modal-content {
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: calc(100dvh - 106px) !important;
  padding: 8px !important;
  overflow: auto !important;
}
.modal-content > video,
.modal-content > iframe {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  border: 0 !important;
  object-fit: contain !important;
  background: #000 !important;
}
.modal-content > img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: calc(100dvh - 124px) !important;
  margin: auto !important;
  object-fit: contain !important;
}
.modal-close {
  position: fixed !important;
  top: max(12px, env(safe-area-inset-top)) !important;
  right: max(12px, env(safe-area-inset-right)) !important;
  z-index: 100001 !important;
}
.modal-hint { flex: 0 0 auto; }

/* Keep custom cursor quick and never block clicks */
.cursor-dot, .cursor-ring { pointer-events: none !important; transition: opacity .08s linear, width .1s ease, height .1s ease !important; }

/* Prevent decorative videos from distorting on phones */
.skill-visual, .skill-visual video { aspect-ratio: 8 / 5 !important; }
.skill-visual video { width: 100% !important; height: 100% !important; object-fit: contain !important; }

@media (max-width: 620px) {
  .media-modal { align-items: center !important; padding-inline: 8px !important; }
  .modal-dialog--landscape { width: min(calc(100vw - 16px), calc((100dvh - 118px) * 16 / 9)) !important; }
  .modal-dialog--portrait { height: min(76dvh, 720px) !important; width: min(calc(100vw - 22px), calc(76dvh * 9 / 16)) !important; }
  .modal-dialog--image { width: calc(100vw - 16px) !important; }
  .modal-content > img { max-height: calc(100dvh - 132px) !important; }
}



/* V7 base — stronger urgency messaging, mobile sticky timer, and true full-screen testimonials */
.offer-bar__inner > p strong { color: #fff; }
.offer-timer--bar {
  min-width: 142px;
  justify-content: space-between;
  border-color: rgba(255, 204, 0, .42);
  background: rgba(255, 204, 0, .11);
}
.offer-timer--bar span {
  display: inline !important;
  color: rgba(255,255,255,.78);
  font-size: 9px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.offer-timer--bar time { color: var(--yellow); font-weight: 950; }
.checkout-countdown {
  border-color: rgba(255, 190, 0, .4);
  background: linear-gradient(135deg, rgba(255,204,0,.12), rgba(255,255,255,.72));
}
.checkout-countdown [data-countdown-status] { color: #4f3b00; }
.checkout-countdown time { color: #111319; }

/* Compact countdown inside the mobile conversion bar */
.mobile-offer-timer { display: none; }

/* Student videos open as a true viewport-filling player. The Wistia player itself
   preserves the source aspect ratio, so portrait or landscape videos are never cropped. */
.modal-dialog--fullscreen-video {
  position: fixed !important;
  inset: 0 !important;
  z-index: 100000 !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  aspect-ratio: auto !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  background: #000 !important;
}
.modal-dialog--fullscreen-video .modal-content {
  position: absolute !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  max-width: none !important;
  max-height: none !important;
  border-radius: 0 !important;
  background: #000 !important;
  box-shadow: none !important;
}
.modal-dialog--fullscreen-video .modal-content > iframe,
.modal-dialog--fullscreen-video .modal-content > video {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  background: #000 !important;
}
.modal-dialog--fullscreen-video .modal-hint { display: none !important; }
.modal-dialog--fullscreen-video .modal-close {
  top: max(12px, env(safe-area-inset-top)) !important;
  right: max(12px, env(safe-area-inset-right)) !important;
  background: rgba(255,204,0,.96) !important;
  box-shadow: 0 10px 35px rgba(0,0,0,.5) !important;
}

@media (max-width: 880px) {
  .offer-bar__inner > p { flex: 1; }
  .offer-timer--bar { min-width: 126px; }
  .offer-timer--bar span { font-size: 8px; }
}

@media (max-width: 620px) {
  .offer-bar__inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    text-align: left;
  }
  .offer-bar__inner > p {
    max-width: none !important;
    font-size: 8.5px !important;
    line-height: 1.25;
  }
  .offer-bar__actions { width: auto; }
  .offer-timer--bar {
    min-width: 94px;
    padding: 5px 7px;
    display: grid;
    gap: 1px;
    text-align: center;
  }
  .offer-timer--bar span { font-size: 6.8px; line-height: 1; }
  .offer-timer--bar time { min-width: 0 !important; font-size: 15px; line-height: 1; }

  .mobile-checkout {
    display: grid !important;
    grid-template-columns: minmax(76px, 1fr) auto auto;
    align-items: center;
    gap: 8px !important;
    padding: 8px 10px calc(8px + env(safe-area-inset-bottom)) !important;
  }
  .mobile-checkout__price { min-width: 0; }
  .mobile-checkout__price > span { white-space: nowrap; }
  .mobile-checkout__price strong { font-size: 17px !important; white-space: nowrap; }
  .mobile-offer-timer {
    display: grid !important;
    min-width: 67px;
    gap: 0 !important;
    padding: 5px 7px;
    border: 1px solid rgba(255,204,0,.35);
    border-radius: 9px;
    background: rgba(255,204,0,.08);
    text-align: center;
    font-variant-numeric: tabular-nums;
  }
  .mobile-offer-timer span {
    color: rgba(255,255,255,.66) !important;
    font-size: 6.7px !important;
    line-height: 1.1;
    letter-spacing: .04em;
    text-transform: uppercase;
    white-space: nowrap;
  }
  .mobile-offer-timer time {
    color: var(--yellow);
    font-size: 15px;
    font-weight: 950;
    line-height: 1.1;
    white-space: nowrap;
  }
  .mobile-checkout a {
    min-height: 42px !important;
    padding: 0 12px !important;
    font-size: 12px;
    white-space: nowrap;
  }
  .whatsapp-float { bottom: 80px; }

  .modal-dialog--fullscreen-video,
  .modal-dialog--fullscreen-video .modal-content {
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
  }
}

@media (max-width: 360px) {
  .mobile-checkout { grid-template-columns: minmax(66px, 1fr) 61px auto; gap: 5px !important; padding-inline: 7px !important; }
  .mobile-checkout__price strong { font-size: 15px !important; }
  .mobile-checkout__price s { display: none; }
  .mobile-offer-timer { min-width: 61px; padding-inline: 4px; }
  .mobile-checkout a { padding-inline: 9px !important; font-size: 11px; }
}



/* V8 fixes: visible running top timer + true 9:16 testimonial viewer */
.offer-timer--bar time {
  display: inline-grid !important;
  place-items: center !important;
  min-width: 62px !important;
  background: var(--yellow) !important;
  color: #111319 !important;
  opacity: 1 !important;
  visibility: visible !important;
  box-shadow: 0 0 0 1px rgba(0,0,0,.08), 0 6px 18px rgba(255,204,0,.18) !important;
}
.offer-timer--bar [data-countdown-status] {
  display: inline !important;
}

/* The overlay fills the screen, while the actual vertical video keeps a strict 9:16 frame. */
.modal-dialog--testimonial-portrait {
  position: relative !important;
  width: min(calc(100vw - 24px), calc((100dvh - 28px) * 9 / 16), 540px) !important;
  height: min(calc(100dvh - 28px), calc((100vw - 24px) * 16 / 9), 960px) !important;
  max-width: none !important;
  max-height: none !important;
  aspect-ratio: 9 / 16 !important;
  margin: auto !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  background: #000 !important;
  box-shadow: 0 35px 110px rgba(0,0,0,.75) !important;
}
.modal-dialog--testimonial-portrait .modal-content {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 9 / 16 !important;
  border-radius: inherit !important;
  overflow: hidden !important;
  background: #000 !important;
  box-shadow: none !important;
}
.modal-dialog--testimonial-portrait .modal-content > iframe,
.modal-dialog--testimonial-portrait .modal-content > video {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  object-fit: contain !important;
  background: #000 !important;
}
.modal-dialog--testimonial-portrait .modal-hint { display: none !important; }

@media (max-width: 620px) {
  .offer-timer--bar time {
    min-width: 58px !important;
    padding: 5px 6px !important;
    font-size: 15px !important;
  }
  .modal-dialog--testimonial-portrait {
    width: min(calc(100vw - 16px), calc((100dvh - 16px) * 9 / 16)) !important;
    height: auto !important;
    aspect-ratio: 9 / 16 !important;
    border-radius: 12px !important;
  }
}


/* V9: scroll-stacked learning paths — CSS sticky keeps the effect smooth and reversible. */
.skill-stage {
  position: relative;
  display: block;
  padding-bottom: clamp(24px, 7vh, 88px);
}
.skill-stage .skill-panel {
  --stack-top: calc(var(--header-height) + 24px);
  --stack-scale: 1;
  --stack-shift: 0px;
  position: sticky;
  top: var(--stack-top);
  z-index: var(--stack-z, 20);
  margin-bottom: clamp(76px, 13vh, 150px);
  transform: translate3d(0, var(--stack-shift), 0) scale(var(--stack-scale));
  transform-origin: 50% 0%;
  content-visibility: visible;
  contain: none;
  will-change: transform;
  backface-visibility: hidden;
  isolation: isolate;
  transition: box-shadow .16s ease, border-color .16s ease;
}
.skill-stage .skill-panel:last-child { margin-bottom: 0; }
.skill-stage .skill-panel::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: 0 18px 44px rgba(12, 15, 22, .11);
  opacity: 0;
  transition: opacity .16s ease;
}
.skill-stage .skill-panel.is-stacked {
  border-color: #cbc6ba;
  box-shadow: 0 30px 72px rgba(12, 15, 22, .16);
}
.skill-stage .skill-panel.is-stacked::after { opacity: 1; }

@media (max-width: 900px) {
  .skill-stage .skill-panel {
    margin-bottom: clamp(62px, 10vh, 104px);
  }
}

@media (max-width: 700px) {
  .skill-stage { padding-bottom: 28px; }
  .skill-stage .skill-panel {
    margin-bottom: clamp(48px, 8vh, 76px);
    box-shadow: 0 18px 46px rgba(24,27,34,.11);
  }
}

@media (max-width: 430px) {
  .skill-stage .skill-panel { margin-bottom: 52px; }
}

@media (prefers-reduced-motion: reduce) {
  .skill-stage .skill-panel {
    transform: none !important;
    will-change: auto;
  }
}


/* Keep stacked cards fully readable above the mobile checkout bar. */
@media (max-width: 700px) {
  .skill-stage .skill-panel {
    padding: 18px;
    gap: 18px;
  }
  .skill-stage .skill-panel__copy h3 {
    font-size: clamp(29px, 8.5vw, 36px);
    line-height: 1.02;
  }
  .skill-stage .skill-panel__copy > p:not(.eyebrow) {
    font-size: 13px;
    line-height: 1.48;
  }
  .skill-stage .skill-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    margin-top: 15px;
  }
  .skill-stage .skill-list span {
    padding: 9px 10px;
    font-size: 10px;
    line-height: 1.25;
  }
  .skill-stage .skill-panel__visual {
    padding: 6px;
  }
  .skill-stage .skill-panel__visual figcaption {
    padding: 7px 4px 0;
    font-size: 9px;
  }
}

@media (max-width: 370px) {
  .skill-stage .skill-panel { padding: 16px; }
  .skill-stage .skill-list span { padding: 8px; font-size: 9px; }
}



/* V10: centred translucent interactive course-preview control */
.monitor-play-wrap {
  left: 50% !important;
  top: 50% !important;
  min-width: 96px;
  gap: 8px;
  opacity: .86;
  transform: translate(-50%, -50%) !important;
  pointer-events: none;
  transition: opacity .16s ease, transform .16s cubic-bezier(.2,.8,.2,1) !important;
}
.monitor-play {
  width: 66px;
  height: 66px;
  opacity: .82;
  transform: scale(1) !important;
  border: 1px solid rgba(255,255,255,.62);
  background: rgba(9,12,18,.28);
  -webkit-backdrop-filter: blur(12px) saturate(1.18);
  backdrop-filter: blur(12px) saturate(1.18);
  box-shadow:
    0 14px 36px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.2),
    0 0 0 7px rgba(255,255,255,.055);
  transition: opacity .16s ease, transform .16s cubic-bezier(.2,.8,.2,1), background .16s ease, border-color .16s ease, box-shadow .16s ease !important;
}
.monitor-play svg {
  width: 25px;
  margin-left: 4px;
  fill: rgba(255,255,255,.94);
  filter: drop-shadow(0 2px 5px rgba(0,0,0,.35));
  transition: fill .16s ease, transform .16s ease;
}
.monitor-play::after {
  inset: -9px;
  border: 1px solid rgba(255,255,255,.22);
  animation: previewGlassRing 1.8s ease-out infinite;
}
.monitor-play-wrap > strong {
  padding: 6px 10px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 999px;
  color: rgba(255,255,255,.96);
  background: rgba(7,9,14,.45);
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
  opacity: 0;
  transform: translateY(-5px);
  transition: opacity .16s ease, transform .16s ease;
}
.monitor-play-wrap > small { display: none; }
.program-monitor:hover .monitor-play-wrap,
.program-monitor:focus-visible .monitor-play-wrap {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.035) !important;
}
.program-monitor:hover .monitor-play,
.program-monitor:focus-visible .monitor-play {
  opacity: 1;
  transform: scale(1.07) !important;
  border-color: rgba(255,232,135,.92);
  background: rgba(255,210,46,.82);
  box-shadow:
    0 16px 42px rgba(0,0,0,.46),
    inset 0 1px 0 rgba(255,255,255,.5),
    0 0 0 10px rgba(255,210,46,.14);
}
.program-monitor:hover .monitor-play svg,
.program-monitor:focus-visible .monitor-play svg {
  fill: #11131a;
  transform: scale(1.04);
  filter: none;
}
.program-monitor:hover .monitor-play-wrap > strong,
.program-monitor:focus-visible .monitor-play-wrap > strong {
  opacity: 1;
  transform: translateY(0);
}
.program-monitor:active .monitor-play { transform: scale(.93) !important; }
.editor-mode--titles .monitor-play-wrap {
  opacity: .86;
  transform: translate(-50%, -50%) !important;
}
@keyframes previewGlassRing {
  0% { transform: scale(.82); opacity: .42; }
  70%,100% { transform: scale(1.25); opacity: 0; }
}
@media (hover: none) {
  .monitor-play-wrap { opacity: .94; }
  .monitor-play { opacity: .88; }
  .monitor-play-wrap > strong { opacity: .78; transform: none; }
}
@media (max-width: 700px) {
  .monitor-play { width: 58px; height: 58px; }
  .monitor-play svg { width: 22px; }
  .monitor-play-wrap { min-width: 90px; gap: 6px; transform: translate(-50%, -50%) !important; }
  .monitor-play-wrap > strong { padding: 5px 8px; font-size: 6.5px; }
}
@media (prefers-reduced-motion: reduce) {
  .monitor-play::after { animation: none !important; }
}



/* Elementor integration */
.elementor-widget-inside_the_edit_landing,
.elementor-widget-inside_the_edit_landing > .elementor-widget-container { width: 100%; max-width: none; overflow: visible; }
.ite-elementor-root { width: 100vw; margin-left: calc(50% - 50vw); min-height: 100vh; --yellow: var(--ite-yellow, #ffd22e); --ink: var(--ite-ink, #0c0f16); --paper: var(--ite-paper, #f7f4ec); --blue: var(--ite-blue, #2f67ff); --purple: var(--ite-purple, #7f5cff); --green: var(--ite-green, #28b775); --radius: var(--ite-radius, 28px); --container: var(--ite-container, 1240px); }
.ite-elementor-root.ite-hide-loader .scene-loader { display:none !important; }
.ite-elementor-root.ite-hide-cursor .cursor-dot,
.ite-elementor-root.ite-hide-cursor .cursor-ring { display:none !important; }
body.elementor-editor-active .ite-elementor-root .scene-loader,
body.elementor-editor-preview .ite-elementor-root .scene-loader { display:none !important; }
body.elementor-editor-active .ite-elementor-root .cursor-dot,
body.elementor-editor-active .ite-elementor-root .cursor-ring { display:none !important; }
body.elementor-editor-active { overflow:auto !important; }
@media (max-width: 767px) { .ite-elementor-root { width:100vw; margin-left:calc(50% - 50vw); } }


/* V12 hero preview refresh */
.premiere-menu,
.premiere-workspaces,
.project-panel,
.source-panel,
.effects-panel,
.transport { display: none !important; }
.hero-visual { perspective: 1400px; }
.premiere-window {
  border-radius: 24px;
  border: 1px solid rgba(72, 89, 122, .7);
  background: linear-gradient(180deg, #0b0f16 0%, #09101a 100%);
  box-shadow: 0 34px 90px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.04);
}
.premiere-titlebar {
  height: 48px;
  grid-template-columns: 82px 1fr 128px;
  background: linear-gradient(180deg, #182232 0%, #131d2d 100%);
  border-bottom: 1px solid rgba(255,255,255,.06);
  color: #b4c3df;
}
.window-dots { padding-left: 16px; }
.window-dots i { width: 10px; height: 10px; }
.premiere-project {
  font-size: 11px;
  letter-spacing: .04em;
  color: #a9bbda;
}
.premiere-app {
  padding-right: 16px;
  font-size: 11px;
  color: #d5e0f4;
}
.premiere-grid {
  grid-template-columns: 1fr;
  grid-template-rows: auto auto;
  gap: 16px;
  padding: 0 0 18px;
  background:
    linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.028) 1px, transparent 1px),
    radial-gradient(circle at 20% 10%, rgba(255,214,10,.05), transparent 24%),
    linear-gradient(180deg, #0a1018 0%, #09111d 100%);
  background-size: 34px 34px, 34px 34px, auto, auto;
}
.program-monitor,
.timeline-panel {
  grid-column: 1 !important;
  min-width: 0;
  margin-inline: 18px;
}
.program-monitor {
  grid-row: 1 !important;
  background: #07090e;
  border: 1px solid rgba(210, 218, 233, .54);
  overflow: hidden;
}
.program-monitor .panel-heading { display: none; }
.monitor-screen {
  height: 342px;
  background: #020304;
  border-top: 1px solid rgba(255,255,255,.16);
  border-bottom: 1px solid rgba(255,255,255,.16);
}
.monitor-screen video {
  object-fit: cover;
  filter: brightness(.33) contrast(1.08) saturate(.72);
}
.monitor-vignette {
  background:
    linear-gradient(180deg, rgba(0,0,0,.06), rgba(0,0,0,.42)),
    radial-gradient(circle at 50% 48%, rgba(255,255,255,.02), transparent 28%);
}
.monitor-title-demo {
  left: 50%;
  right: auto;
  bottom: auto;
  top: 50%;
  width: 90%;
  transform: translate(-50%, -56%);
  text-align: center;
  opacity: 1;
  gap: 0;
}
.monitor-title-demo small {
  font-size: clamp(14px, 2vw, 18px);
  letter-spacing: .32em;
  color: rgba(255,255,255,.25);
}
.monitor-title-demo strong {
  display: block;
  font-size: clamp(56px, 8.5vw, 98px);
  line-height: .88;
  letter-spacing: -.05em;
  color: rgba(255,255,255,.14);
  text-shadow: 0 5px 30px rgba(0,0,0,.42);
}
.monitor-preview-tag {
  left: 50%;
  top: auto;
  bottom: 28px;
  transform: translateX(-50%);
  gap: 0;
  padding: 0;
  border: 0;
  background: transparent;
}
.monitor-preview-tag i { display: none; }
.monitor-preview-tag::before {
  content: 'Play Course Preview';
  display: inline-flex;
  align-items: center;
  padding: 6px 11px;
  border-radius: 999px;
  background: rgba(7, 10, 16, .52);
  color: rgba(255,255,255,.9);
  border: 1px solid rgba(255,255,255,.11);
  font-size: 11px;
  font-weight: 700;
  backdrop-filter: blur(8px);
}
.monitor-duration { right: 12px; bottom: 12px; font-size: 8px; padding: 5px 7px; }
.monitor-play-wrap { gap: 12px !important; }
.monitor-play { width: 82px; height: 82px; background: rgba(20,23,31,.48); border-color: rgba(255,255,255,.4); }
.monitor-play svg { width: 30px; }
.monitor-play-wrap > strong {
  opacity: 1;
  transform: none;
  background: rgba(7,9,14,.38);
  color: rgba(255,255,255,.95);
}
.monitor-play-wrap > small { display: none; }
.timeline-panel {
  grid-row: 2 !important;
  background: #0a0f16;
  border: 1px solid rgba(58, 76, 108, .7);
  border-radius: 14px;
  overflow: hidden;
}
.timeline-header,
.timeline-ruler,
.track-names,
.track-row:nth-child(1),
.track-row:nth-child(3) { display: none !important; }
.timeline-content {
  grid-template-columns: 1fr;
  height: 72px;
}
.track-area {
  position: relative;
  display: grid;
  grid-template-rows: 1fr 1fr;
  gap: 10px;
  padding: 12px 16px;
  background:
    linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,.035) 1px, transparent 1px),
    #081018;
  background-size: 42px 100%, 100% 31px, auto;
}
.track-row { min-height: 19px; border-bottom: 0; }
.clip {
  top: 1px;
  bottom: 1px;
  padding-left: 0;
  justify-content: center;
  border-radius: 5px;
  font-size: 0;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
}
.clip--title { display: none; }
.clip--blue { background: linear-gradient(180deg, #3f87d9 0%, #2a5f9d 100%); }
.clip--purple { background: linear-gradient(180deg, #9563de 0%, #7245ba 100%); }
.clip--green,
.clip--teal { background: repeating-linear-gradient(90deg, #2db07c 0 6px, #247f62 6px 12px); }
.track-row:nth-child(4) .clip--teal {
  left: 0 !important;
  width: 100% !important;
}
.animated-playhead,
.timeline-hover-cursor {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
  pointer-events: none;
}
.animated-playhead {
  background: linear-gradient(180deg, rgba(255,226,110,.95), rgba(255,208,54,.95));
  box-shadow: 0 0 0 1px rgba(255,215,89,.08), 0 0 18px rgba(255,210,46,.28);
  animation: playhead 4.8s linear infinite;
  z-index: 3;
}
.animated-playhead::before {
  content: '';
  position: absolute;
  left: -4px;
  top: -1px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ffd54a;
  clip-path: none;
  box-shadow: 0 0 0 2px rgba(7,11,18,.9);
}
.timeline-hover-cursor {
  left: 12%;
  opacity: 0;
  background: rgba(255,255,255,.52);
  z-index: 2;
  transition: opacity .14s ease;
}
.timeline-hover-cursor::before {
  content: '';
  position: absolute;
  left: -4px;
  top: -1px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(255,255,255,.9);
  box-shadow: 0 0 0 2px rgba(9,12,18,.95);
}
.editor-demo-toolbar {
  margin: 18px 0 0;
  padding: 12px 16px;
  border-radius: 14px;
  background: rgba(12,18,28,.86);
  border: 1px solid rgba(255,255,255,.06);
}
.editor-demo-copy strong { text-transform: none; }
.floating-card--hours { top: -20px; right: 42px; }
.price-badge { right: -14px; bottom: 32px; }

@media (max-width: 900px) {
  .program-monitor,
  .timeline-panel { margin-inline: 14px; }
  .monitor-screen { height: 300px; }
}
@media (max-width: 700px) {
  .premiere-titlebar { grid-template-columns: 72px 1fr 98px; height: 44px; }
  .premiere-project, .premiere-app { font-size: 9px; }
  .premiere-grid { padding-bottom: 14px; }
  .monitor-screen { height: 235px; }
  .monitor-title-demo strong { font-size: clamp(42px, 12vw, 74px); }
  .monitor-title-demo small { font-size: 11px; }
  .monitor-preview-tag::before { font-size: 9px; }
  .monitor-play { width: 66px; height: 66px; }
  .timeline-content { height: 64px; }
}


/* V13 inline course preview fix */
.monitor-title-demo { display: none !important; }
.monitor-screen video {
  filter: brightness(.74) contrast(1.03) saturate(.98) !important;
  transform: none !important;
}
.monitor-preview-tag {
  bottom: 18px;
}
.monitor-preview-tag::before {
  content: 'Preview video';
}
.program-monitor.is-inline-playing .monitor-play-wrap,
.program-monitor.is-inline-playing .monitor-preview-tag {
  opacity: 0 !important;
  pointer-events: none;
}
.program-monitor.is-inline-playing .monitor-screen video {
  filter: none !important;
}
.program-monitor.is-inline-playing { cursor: pointer; }
@media (max-width: 700px) {
  .monitor-preview-tag { bottom: 14px; }
}


/* V15: interactive demo thumbnail + official inline trailer */
.monitor-title-demo {
  display: grid !important;
  left: 18px !important;
  right: 18px !important;
  top: auto !important;
  bottom: 24px !important;
  width: auto !important;
  padding: 9px 0 9px 12px !important;
  border-left: 3px solid var(--yellow) !important;
  text-align: left !important;
  gap: 3px !important;
  opacity: 0 !important;
  transform: translateY(8px) !important;
  transition: opacity .16s ease, transform .16s ease !important;
}
.monitor-title-demo small {
  font-size: 7px !important;
  letter-spacing: .2em !important;
  color: rgba(255,255,255,.84) !important;
}
.monitor-title-demo strong {
  font-size: 15px !important;
  line-height: 1 !important;
  letter-spacing: .045em !important;
  color: white !important;
  text-shadow: 0 3px 12px rgba(0,0,0,.7) !important;
}
.editor-mode--titles.is-demo-preview .monitor-title-demo,
.editor-mode--titles .monitor-title-demo { opacity: 1 !important; transform: none !important; }

.is-demo-preview .monitor-screen video { transform: scale(1.01) !important; }
.editor-mode--raw.is-demo-preview .monitor-screen video,
.editor-mode--raw .monitor-screen video {
  filter: saturate(.34) contrast(.88) brightness(.82) !important;
  transform: scale(1.025) !important;
}
.editor-mode--grade.is-demo-preview .monitor-screen video,
.editor-mode--grade .monitor-screen video {
  filter: saturate(1.25) contrast(1.1) brightness(1.02) !important;
  transform: scale(1.01) !important;
}
.editor-mode--titles.is-demo-preview .monitor-screen video,
.editor-mode--titles .monitor-screen video {
  filter: saturate(1.08) contrast(1.08) brightness(.64) !important;
  transform: scale(1.025) !important;
}
.editor-mode--audio.is-demo-preview .monitor-screen video,
.editor-mode--audio .monitor-screen video {
  filter: saturate(.84) contrast(1.02) brightness(.76) !important;
  transform: scale(1.01) !important;
}
.editor-mode--audio .clip--green,
.editor-mode--audio .clip--teal {
  animation: audioGlow .48s ease-in-out infinite alternate !important;
  box-shadow: 0 0 13px rgba(45,176,124,.52), inset 0 1px 0 rgba(255,255,255,.18) !important;
}
.is-official-preview .monitor-screen video {
  filter: none !important;
  transform: none !important;
  object-fit: contain !important;
  background: #000;
}
.is-official-preview .monitor-title-demo { display: none !important; }
.is-official-preview .monitor-preview-tag::before { content: 'Official course trailer'; }
.is-demo-preview .monitor-preview-tag::before { content: 'Interactive edit preview'; }
.monitor-preview-tag { font-size: 0 !important; }
.monitor-preview-tag::before { font-size: 11px !important; }
.is-demo-preview .monitor-play-wrap { opacity: .95 !important; }
.is-demo-preview .monitor-play-wrap > strong { opacity: 1 !important; transform: none !important; }
.program-monitor.is-inline-playing .monitor-play-wrap,
.program-monitor.is-inline-playing .monitor-preview-tag { opacity: 0 !important; }
.editor-demo-actions button { cursor: pointer; }
.editor-demo-actions button:active { transform: translateY(0) scale(.97); }
@media (max-width: 700px) {
  .monitor-title-demo { left: 12px !important; right: 12px !important; bottom: 17px !important; }
  .monitor-title-demo strong { font-size: 12px !important; }
}


/* V16 overlap + mobile optimization fix */
.hero-visual { overflow: visible; }
.editor-demo-toolbar {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 20px !important;
  padding: 14px 16px !important;
}
.editor-demo-copy { min-width: 0; }
.editor-demo-actions { flex-shrink: 0; display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-end; }
.floating-card--rating {
  left: -22px;
  bottom: 118px;
  z-index: 2;
}
.floating-card--hours {
  top: -18px;
  right: 74px;
  z-index: 2;
}
.price-badge {
  right: -6px !important;
  bottom: 114px !important;
  min-width: 156px;
  padding: 12px 14px !important;
  z-index: 3;
}
.price-badge strong { font-size: 24px !important; }
.price-badge s { font-size: 10px !important; }

@media (max-width: 900px) {
  .floating-card--rating { left: -10px; bottom: 116px; }
  .price-badge { right: 4px !important; bottom: 110px !important; }
}

@media (max-width: 700px) {
  .hero-visual { padding-bottom: 0; }
  .editor-demo-toolbar {
    align-items: stretch !important;
    flex-direction: column !important;
    gap: 12px;
    padding: 14px !important;
  }
  .editor-demo-actions {
    width: 100%;
    justify-content: flex-start;
  }
  .editor-demo-actions button {
    min-width: 58px;
    flex: 0 0 auto;
  }
  .floating-card--rating {
    left: 10px;
    bottom: 108px;
    max-width: 148px;
  }
  .floating-card--hours {
    top: -12px;
    right: 12px;
  }
  .price-badge {
    right: 10px !important;
    bottom: 104px !important;
    min-width: 132px;
    padding: 10px 11px !important;
    transform: rotate(-2deg) scale(.94);
  }
  .price-badge strong { font-size: 21px !important; }
  .price-badge s { padding-bottom: 3px; }
}

@media (max-width: 460px) {
  .floating-card--rating {
    left: 8px;
    bottom: 104px;
    max-width: 128px;
    padding: 10px 11px;
  }
  .floating-card--rating strong { font-size: 11px; }
  .floating-card--rating span { font-size: 8px; }
  .price-badge {
    right: 8px !important;
    bottom: 100px !important;
    min-width: 122px;
    padding: 9px 10px !important;
  }
  .price-badge small { font-size: 7px !important; }
  .price-badge strong { font-size: 19px !important; }
  .price-badge s { font-size: 9px !important; }
}


/* V17 badge layout hard-fix */
.hero-visual {
  overflow: visible;
  padding-bottom: 10px;
}
.editor-demo-toolbar {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 22px !important;
  padding: 14px 186px 14px 16px !important;
}
.editor-demo-copy { min-width: 0; }
.editor-demo-actions {
  flex-shrink: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}
.floating-card--rating {
  left: -22px;
  bottom: 118px;
  z-index: 2;
}
.floating-card--hours {
  top: -18px;
  right: 74px;
  z-index: 2;
}
.price-badge {
  right: 8px !important;
  bottom: 128px !important;
  min-width: 156px;
  padding: 12px 14px !important;
  z-index: 4;
  transform: rotate(-2deg);
}
.price-badge small { font-size: 8px !important; }
.price-badge strong { font-size: 24px !important; }
.price-badge s { font-size: 10px !important; }

@media (max-width: 1100px) {
  .editor-demo-toolbar { padding-right: 172px !important; }
  .price-badge { right: 6px !important; bottom: 126px !important; }
}

@media (max-width: 900px) {
  .editor-demo-toolbar {
    padding-right: 164px !important;
  }
  .floating-card--rating { left: -8px; bottom: 118px; }
  .price-badge {
    right: 8px !important;
    bottom: 124px !important;
    min-width: 146px;
  }
}

@media (max-width: 700px) {
  .hero-visual { padding-bottom: 0; }
  .editor-demo-toolbar {
    align-items: stretch !important;
    flex-direction: column !important;
    gap: 12px;
    margin-top: 20px !important;
    padding: 16px 14px 14px !important;
  }
  .editor-demo-actions {
    width: 100%;
    justify-content: flex-start;
  }
  .editor-demo-actions button {
    min-width: 58px;
    flex: 0 0 auto;
  }
  .floating-card--rating {
    left: 10px;
    bottom: 120px;
    max-width: 146px;
    padding: 10px 11px;
  }
  .floating-card--hours {
    top: -10px;
    right: 12px;
  }
  .price-badge {
    right: 10px !important;
    bottom: 122px !important;
    min-width: 132px;
    padding: 10px 11px !important;
    transform: rotate(-2deg) scale(.94);
  }
  .price-badge strong { font-size: 21px !important; }
  .price-badge s { padding-bottom: 3px; }
}

@media (max-width: 460px) {
  .floating-card--rating {
    left: 8px;
    bottom: 122px;
    max-width: 126px;
    padding: 9px 10px;
  }
  .floating-card--rating strong { font-size: 11px; }
  .floating-card--rating span { font-size: 8px; }
  .price-badge {
    right: 8px !important;
    bottom: 124px !important;
    min-width: 118px;
    padding: 9px 10px !important;
    transform: none;
  }
  .price-badge small { font-size: 7px !important; }
  .price-badge strong { font-size: 18px !important; }
  .price-badge s { font-size: 8px !important; }
}

@media (max-width: 420px) {
  .whatsapp-float { right: 10px; bottom: calc(78px + env(safe-area-inset-bottom)); width: 44px; min-width: 44px; height: 44px; min-height: 44px; border-radius: 14px; }
  .whatsapp-float__icon-wrap { width: 22px; height: 22px; flex-basis: 22px; }
  .whatsapp-float__icon { width: 16px; height: 16px; flex-basis: 16px; }
}


/* V20 hours badge visibility fix */
.floating-card--hours {
  top: -34px !important;
  right: 88px !important;
  z-index: 5;
}
@media (max-width: 1100px) {
  .floating-card--hours {
    top: -32px !important;
    right: 78px !important;
  }
}
@media (max-width: 900px) {
  .floating-card--hours {
    top: -28px !important;
    right: 64px !important;
  }
}
@media (max-width: 700px) {
  .floating-card--hours {
    top: -18px !important;
    right: 12px !important;
  }
}
@media (max-width: 460px) {
  .floating-card--hours {
    top: -14px !important;
    right: 10px !important;
  }
}


/* V21 hero heading spacing fix */
.hero h1 { text-wrap: balance; }
@media (max-width: 700px) {
  .hero h1 {
    max-width: 320px;
    font-size: clamp(46px, 17vw, 72px);
    line-height: .95;
    letter-spacing: -.035em;
  }
  .hero h1 em {
    display: block;
    margin-top: .06em;
  }
}
@media (max-width: 460px) {
  .hero h1 {
    max-width: 290px;
    font-size: clamp(42px, 18vw, 62px);
    line-height: .96;
    letter-spacing: -.04em;
  }
}


/* V22 mobile word-overlap refinement */
@media (max-width: 700px) {
  .hero h1 {
    max-width: 326px;
    letter-spacing: -.028em;
  }
  .hero h1 em {
    display: block;
    margin-top: .06em;
    letter-spacing: -.01em;
    line-height: .97;
  }
}
@media (max-width: 460px) {
  .hero h1 {
    max-width: 296px;
    letter-spacing: -.024em;
  }
  .hero h1 em {
    letter-spacing: 0;
    line-height: .98;
  }
}




/* V25 compact trust bar */
.hero-assurance.hero-trust-compact {
  display: grid;
  grid-template-columns: auto 1px auto 1px auto;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  gap: 14px;
  margin-top: 24px;
  padding: 11px 14px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.08);
  background: linear-gradient(90deg, rgba(8,17,38,.82) 0%, rgba(7,12,24,.58) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.trust-stat {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.trust-stat i {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  border-radius: 999px;
  background: #f5cf36;
  color: #0b1020;
  font-style: normal;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
}
.trust-stat span {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.trust-stat b {
  color: #f6f7fb;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.1;
  white-space: nowrap;
}
.trust-stat small {
  color: #8f99ab;
  font-size: 9px;
  line-height: 1.1;
  white-space: nowrap;
}
.trust-separator {
  width: 1px;
  height: 30px;
  background: rgba(255,255,255,.09);
}
@media (max-width: 700px) {
  .hero-assurance.hero-trust-compact {
    width: 100%;
    grid-template-columns: 1fr 1fr;
    gap: 10px 12px;
    padding: 12px;
    border-radius: 18px;
  }
  .trust-separator { display: none; }
  .trust-stat--main { grid-column: 1 / -1; order: -1; }
  .trust-stat i {
    width: 26px;
    height: 26px;
    flex-basis: 26px;
    font-size: 11px;
  }
  .trust-stat b { font-size: 11px; }
  .trust-stat small { font-size: 9px; }
}
@media (max-width: 420px) {
  .hero-assurance.hero-trust-compact {
    gap: 9px;
    padding: 11px;
  }
  .trust-stat { gap: 7px; }
  .trust-stat i {
    width: 24px;
    height: 24px;
    flex-basis: 24px;
    font-size: 10px;
  }
  .trust-stat b { font-size: 10px; }
  .trust-stat small { font-size: 8px; }
}


/* V26 professional mobile trust grid */
@media (max-width: 700px) {
  .hero-assurance.hero-trust-compact {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
    margin-top: 22px;
    padding: 8px;
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(9,18,38,.9), rgba(6,11,22,.72));
  }
  .trust-separator { display: none; }
  .trust-stat,
  .trust-stat--main {
    grid-column: auto;
    order: initial;
    min-width: 0;
    min-height: 82px;
    display: grid;
    grid-template-rows: 28px auto auto;
    align-content: center;
    justify-items: center;
    gap: 5px;
    padding: 10px 6px 9px;
    text-align: center;
    border-radius: 13px;
    border: 1px solid rgba(255,255,255,.065);
    background: rgba(255,255,255,.035);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
  }
  .trust-stat i {
    width: 26px;
    height: 26px;
    flex-basis: 26px;
    font-size: 11px;
    margin: 0;
  }
  .trust-stat span {
    display: contents;
  }
  .trust-stat b {
    max-width: 100%;
    font-size: 10.5px;
    line-height: 1.15;
    white-space: normal;
  }
  .trust-stat small {
    max-width: 100%;
    font-size: 8px;
    line-height: 1.2;
    white-space: normal;
    color: #8f99ab;
  }
}
@media (max-width: 420px) {
  .hero-assurance.hero-trust-compact {
    gap: 6px;
    padding: 7px;
  }
  .trust-stat,
  .trust-stat--main {
    min-height: 78px;
    padding: 9px 4px 8px;
    border-radius: 12px;
  }
  .trust-stat i {
    width: 24px;
    height: 24px;
    flex-basis: 24px;
    font-size: 10px;
  }
  .trust-stat b { font-size: 9.5px; }
  .trust-stat small { font-size: 7.5px; }
}


/* V27 conversion-focused hero copy */
.hero h1 .hero-headline-top {
  display: block;
}
.hero h1 em {
  display: block;
  margin-top: .08em;
  max-width: 6.8em;
  line-height: .94;
  letter-spacing: -.035em;
}
.hero-lead {
  max-width: 650px;
}
@media (max-width: 1120px) {
  .hero h1 em { max-width: 8.4em; }
}
@media (max-width: 700px) {
  .hero h1 {
    max-width: 335px;
    font-size: clamp(46px, 16.5vw, 70px);
    line-height: .96;
    letter-spacing: -.028em;
  }
  .hero h1 em {
    margin-top: .1em;
    max-width: 6.7em;
    line-height: .98;
    letter-spacing: -.015em;
  }
  .hero-lead {
    margin-top: 24px;
    max-width: 34em;
    font-size: 16px;
    line-height: 1.62;
  }
}
@media (max-width: 460px) {
  .hero h1 {
    max-width: 305px;
    font-size: clamp(43px, 17vw, 60px);
    letter-spacing: -.022em;
  }
  .hero h1 em {
    max-width: 6.6em;
    letter-spacing: -.005em;
  }
  .hero-lead {
    font-size: 15px;
    line-height: 1.58;
  }
}

/* V30 turnkey canvas hardening */
body.elementor-page:has(.ite-elementor-root) {
  margin: 0 !important;
  overflow-x: hidden;
  background: #080a0f;
}
.elementor-widget-inside_the_edit_landing,
.elementor-widget-inside_the_edit_landing > .elementor-widget-container,
.elementor-element:has(> .elementor-widget-container > .ite-elementor-root),
.elementor-element:has(.ite-elementor-root) {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.ite-elementor-root {
  isolation: isolate;
  overflow-x: clip;
}
@supports not (overflow: clip) {
  .ite-elementor-root { overflow-x: hidden; }
}


/* V31 — WordPress/Elementor design isolation lock.
   These rules intentionally override theme kits, global typography and button presets. */
html body .ite-host-reset {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html body .ite-host-reset.elementor-section > .elementor-container,
html body .ite-host-reset.e-con > .e-con-inner {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
html body .elementor-widget-inside_the_edit_landing,
html body .elementor-widget-inside_the_edit_landing > .elementor-widget-container {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root,
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root *:not(svg):not(path) {
  font-family: "Inter", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-style: normal;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  color: var(--ink) !important;
  background: var(--paper) !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .container {
  width: min(calc(100% - 40px), var(--container)) !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .section {
  position: relative !important;
  padding: 112px 0 !important;
  margin: 0 !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .section--light { background: var(--paper) !important; }
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .section--cream { background: var(--cream) !important; }
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .section--dark { background: var(--ink) !important; color: #fff !important; }
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root img,
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root video,
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root svg {
  display: block;
  max-width: 100% !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root a,
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root a:hover,
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root a:focus {
  text-decoration: none !important;
  text-transform: none !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root h1,
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root h2,
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root h3,
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root p,
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root ul,
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root li {
  margin-block-start: 0;
  margin-block-end: 0;
  text-transform: none !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root h1,
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root h2,
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root h3 {
  color: inherit !important;
  font-weight: 800 !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero h1 {
  max-width: 630px !important;
  font-size: clamp(50px, 6.2vw, 88px) !important;
  line-height: .91 !important;
  letter-spacing: -.045em !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root h2 {
  font-size: clamp(40px, 5vw, 68px) !important;
  line-height: .98 !important;
  letter-spacing: -.045em !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root h3 {
  font-size: 24px !important;
  line-height: 1.12 !important;
  letter-spacing: -.045em !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root p {
  line-height: 1.65 !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .button,
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root a.button,
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root button.button {
  -webkit-appearance: none !important;
  appearance: none !important;
  box-sizing: border-box !important;
  min-height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 0 20px !important;
  margin: 0 !important;
  border-radius: 13px !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-transform: none !important;
  text-decoration: none !important;
  cursor: pointer;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .button--large {
  min-height: 58px !important;
  padding-inline: 26px !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .button--full {
  width: 100% !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .button--yellow,
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .button--yellow:hover,
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .button--yellow:focus {
  background: linear-gradient(180deg, #ffe268 0%, var(--yellow) 100%) !important;
  background-color: var(--yellow) !important;
  color: #11131a !important;
  border: 1px solid #efb800 !important;
  box-shadow: 0 12px 26px rgba(255,202,32,.22), inset 0 1px 0 rgba(255,255,255,.75) !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .button--yellow:hover {
  box-shadow: 0 16px 34px rgba(255,202,32,.34), inset 0 1px 0 rgba(255,255,255,.75) !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .button--ghost,
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .button--ghost:hover,
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .button--ghost:focus {
  background: rgba(255,255,255,.06) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow: none !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .button--dark,
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .button--dark:hover {
  background: var(--ink) !important;
  color: #fff !important;
  border-color: var(--ink) !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .button--header {
  min-height: 42px !important;
  padding: 0 20px !important;
  border-radius: 11px !important;
  font-size: 13px !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 13px !important;
  margin-top: 32px !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .header-inner {
  min-height: var(--header-height) !important;
  display: flex !important;
  align-items: center !important;
  gap: 28px !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .site-nav {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 28px !important;
  margin-left: auto !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .site-nav a {
  background: transparent !important;
  color: #c8ccd4 !important;
  border: 0 !important;
  padding: 0 !important;
  font-size: 13px !important;
  font-weight: 750 !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .site-nav a:hover {
  color: #fff !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .editor-demo-actions button {
  -webkit-appearance: none !important;
  appearance: none !important;
  background: #252b37 !important;
  color: #aeb6c6 !important;
  border: 1px solid #3b4352 !important;
  box-shadow: none !important;
  text-transform: none !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .editor-demo-actions button.is-active {
  background: var(--yellow) !important;
  color: var(--ink) !important;
  border-color: var(--yellow) !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .mobile-checkout > a {
  min-height: 43px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 18px !important;
  border-radius: 10px !important;
  background: var(--yellow) !important;
  color: var(--ink) !important;
  border: 0 !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .menu-button {
  -webkit-appearance: none !important;
  appearance: none !important;
  padding: 0 !important;
  border: 0 !important;
  background: rgba(255,255,255,.08) !important;
  box-shadow: none !important;
}
@media (max-width: 900px) {
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .section {
    padding: 82px 0 !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .site-nav {
    position: fixed !important;
    left: 20px !important;
    right: 20px !important;
    top: 112px !important;
    display: grid !important;
    gap: 0 !important;
    margin-left: 0 !important;
    padding: 12px !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .site-nav a {
    padding: 13px 12px !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .button--header {
    display: none !important;
  }
}
@media (max-width: 700px) {
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .container {
    width: min(calc(100% - 28px), var(--container)) !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero h1 {
    max-width: 326px !important;
    font-size: clamp(46px, 17vw, 72px) !important;
    line-height: .95 !important;
    letter-spacing: -.028em !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero h1 em {
    display: block !important;
    margin-top: .06em !important;
    letter-spacing: -.01em !important;
    line-height: .97 !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero-actions {
    align-items: stretch !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero-actions .button {
    width: 100% !important;
  }
}
@media (max-width: 460px) {
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero h1 {
    max-width: 296px !important;
    font-size: clamp(42px, 18vw, 62px) !important;
    line-height: .96 !important;
    letter-spacing: -.024em !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero h1 em {
    letter-spacing: 0 !important;
    line-height: .98 !important;
  }
}


/* V32 — final pixel lock for WordPress/Elementor and responsive consistency. */
body.ite-exact-landing-page,
body.ite-exact-landing-page #page,
body.ite-exact-landing-page .site,
body.ite-exact-landing-page .elementor,
body.ite-exact-landing-page .elementor-section-wrap,
body.ite-exact-landing-page .elementor-element,
body.ite-exact-landing-page .elementor-widget-wrap,
body.ite-exact-landing-page .elementor-widget-container {
  max-width: none !important;
}
body.ite-exact-landing-page {
  margin: 0 !important;
  padding: 0 !important;
  background: #f7f4ec !important;
  overflow-x: hidden !important;
}
body.ite-exact-landing-page .elementor-widget-inside_the_edit_landing,
body.ite-exact-landing-page .elementor-widget-inside_the_edit_landing > .elementor-widget-container {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.ite-exact-landing-page .ite-elementor-root,
body.ite-exact-landing-page .ite-elementor-root *:not(svg):not(path) {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}
body.ite-exact-landing-page .ite-elementor-root {
  width: 100vw !important;
  max-width: 100vw !important;
  margin: 0 0 0 calc(50% - 50vw) !important;
  padding: 0 !important;
}
body.ite-exact-landing-page .ite-elementor-root .button,
body.ite-exact-landing-page .ite-elementor-root a.button,
body.ite-exact-landing-page .ite-elementor-root button.button {
  position: relative !important;
  float: none !important;
  vertical-align: middle !important;
  width: auto;
  max-width: 100%;
}
body.ite-exact-landing-page .ite-elementor-root .button--yellow,
body.ite-exact-landing-page .ite-elementor-root a.button--yellow,
body.ite-exact-landing-page .ite-elementor-root button.button--yellow {
  background-image: linear-gradient(180deg, #ffe268 0%, #ffd22e 100%) !important;
  background-color: #ffd22e !important;
  color: #11131a !important;
}
body.ite-exact-landing-page .ite-elementor-root .button--ghost,
body.ite-exact-landing-page .ite-elementor-root button.button--ghost {
  background: rgba(255,255,255,.06) !important;
  color: #fff !important;
}
body.ite-exact-landing-page .ite-elementor-root .hero-actions,
body.ite-exact-landing-page .ite-elementor-root .editor-demo-actions {
  align-items: center !important;
}

@media (min-width: 901px) and (max-width: 1120px) {
  body.ite-exact-landing-page .ite-elementor-root .container {
    width: min(calc(100% - 48px), var(--container)) !important;
  }
  body.ite-exact-landing-page .ite-elementor-root .hero-layout {
    grid-template-columns: 1fr !important;
    gap: 48px !important;
  }
  body.ite-exact-landing-page .ite-elementor-root .hero-copy {
    max-width: 820px !important;
  }
  body.ite-exact-landing-page .ite-elementor-root .hero-visual {
    width: 100% !important;
    max-width: 900px !important;
    margin-inline: auto !important;
  }
}
@media (max-width: 900px) {
  body.ite-exact-landing-page .ite-elementor-root .container {
    width: min(calc(100% - 36px), var(--container)) !important;
  }
  body.ite-exact-landing-page .ite-elementor-root .hero-layout {
    grid-template-columns: 1fr !important;
    gap: 42px !important;
  }
  body.ite-exact-landing-page .ite-elementor-root .section {
    padding: 82px 0 !important;
  }
}
@media (max-width: 700px) {
  body.ite-exact-landing-page .ite-elementor-root .container {
    width: min(calc(100% - 28px), var(--container)) !important;
  }
  body.ite-exact-landing-page .ite-elementor-root .hero {
    padding: 58px 0 38px !important;
  }
  body.ite-exact-landing-page .ite-elementor-root .hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  body.ite-exact-landing-page .ite-elementor-root .hero-actions .button {
    width: 100% !important;
    min-width: 0 !important;
  }
  body.ite-exact-landing-page .ite-elementor-root .section {
    padding: 68px 0 !important;
  }
  body.ite-exact-landing-page .ite-elementor-root .skill-panel,
  body.ite-exact-landing-page .ite-elementor-root .checkout-card,
  body.ite-exact-landing-page .ite-elementor-root .guarantee-card {
    max-width: 100% !important;
  }
}
@media (max-width: 420px) {
  body.ite-exact-landing-page .ite-elementor-root .container {
    width: min(calc(100% - 22px), var(--container)) !important;
  }
  body.ite-exact-landing-page .ite-elementor-root .section {
    padding: 58px 0 !important;
  }
  body.ite-exact-landing-page .ite-elementor-root .button--large {
    min-height: 54px !important;
    padding-inline: 18px !important;
    font-size: 14px !important;
  }
}


/* V33 mobile CTA containment + remove mobile header CTA */
@media (max-width: 900px) {
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .site-header .button--header,
  body.ite-exact-landing-page .ite-elementor-root .site-header .button--header {
    display: none !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .header-inner,
  body.ite-exact-landing-page .ite-elementor-root .header-inner {
    justify-content: space-between !important;
    gap: 14px !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .menu-button,
  body.ite-exact-landing-page .ite-elementor-root .menu-button {
    margin-left: auto !important;
    order: 3 !important;
    flex: 0 0 auto !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .brand,
  body.ite-exact-landing-page .ite-elementor-root .brand {
    flex: 0 1 auto !important;
    margin-right: 0 !important;
  }
}

@media (max-width: 700px) {
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .checkout-card .button,
  body.ite-exact-landing-page .ite-elementor-root .checkout-card .button {
    width: calc(100% - 24px) !important;
    margin: 16px 12px 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    padding-inline: 14px !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .checkout-card .button span,
  body.ite-exact-landing-page .ite-elementor-root .checkout-card .button span {
    flex: 0 0 auto !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .checkout-security,
  body.ite-exact-landing-page .ite-elementor-root .checkout-security {
    padding-inline: 12px !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .checkout-support,
  body.ite-exact-landing-page .ite-elementor-root .checkout-support {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}

@media (max-width: 420px) {
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .checkout-card .button,
  body.ite-exact-landing-page .ite-elementor-root .checkout-card .button {
    min-height: 52px !important;
    width: calc(100% - 20px) !important;
    margin: 14px 10px 0 !important;
    padding-inline: 12px !important;
    font-size: 15px !important;
    border-radius: 14px !important;
  }
}


/* V34 — CTA containment on every viewport + mobile-only centered hero */
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .checkout-card,
body.ite-exact-landing-page .ite-elementor-root .checkout-card {
  box-sizing: border-box !important;
  overflow: hidden !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .checkout-card .button,
body.ite-exact-landing-page .ite-elementor-root .checkout-card .button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: calc(100% - 56px) !important;
  max-width: calc(100% - 56px) !important;
  min-width: 0 !important;
  margin: 18px auto 0 !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
  box-sizing: border-box !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .checkout-card .button > span,
body.ite-exact-landing-page .ite-elementor-root .checkout-card .button > span {
  flex: 0 0 auto !important;
}

@media (max-width: 900px) {
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .checkout-card .button,
  body.ite-exact-landing-page .ite-elementor-root .checkout-card .button {
    width: calc(100% - 40px) !important;
    max-width: calc(100% - 40px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 700px) {
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero-copy,
  body.ite-exact-landing-page .ite-elementor-root .hero-copy {
    text-align: center !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero-copy .eyebrow,
  body.ite-exact-landing-page .ite-elementor-root .hero-copy .eyebrow {
    width: fit-content !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    justify-content: center !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero h1,
  body.ite-exact-landing-page .ite-elementor-root .hero h1 {
    width: 100% !important;
    max-width: 350px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    text-wrap: balance !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero h1 .hero-headline-top,
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero h1 em,
  body.ite-exact-landing-page .ite-elementor-root .hero h1 .hero-headline-top,
  body.ite-exact-landing-page .ite-elementor-root .hero h1 em {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero-lead,
  body.ite-exact-landing-page .ite-elementor-root .hero-lead {
    max-width: 34em !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero-points,
  body.ite-exact-landing-page .ite-elementor-root .hero-points {
    width: 100% !important;
    max-width: 340px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: left !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero-actions,
  body.ite-exact-landing-page .ite-elementor-root .hero-actions {
    width: 100% !important;
    max-width: 350px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .checkout-card .button,
  body.ite-exact-landing-page .ite-elementor-root .checkout-card .button {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    margin: 16px auto 0 !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

@media (max-width: 420px) {
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero h1,
  body.ite-exact-landing-page .ite-elementor-root .hero h1 {
    max-width: 320px !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .checkout-card .button,
  body.ite-exact-landing-page .ite-elementor-root .checkout-card .button {
    width: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important;
    margin: 14px auto 0 !important;
    min-height: 52px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 14px !important;
  }
}


/* V35 — professional hero rhythm across desktop, tablet and mobile */
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero,
body.ite-exact-landing-page .ite-elementor-root .hero {
  padding: 88px 0 58px !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero-layout,
body.ite-exact-landing-page .ite-elementor-root .hero-layout {
  grid-template-columns: minmax(0, .92fr) minmax(500px, 1.08fr) !important;
  align-items: center !important;
  gap: clamp(48px, 5vw, 78px) !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero-copy,
body.ite-exact-landing-page .ite-elementor-root .hero-copy {
  width: 100% !important;
  max-width: 680px !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero-copy .eyebrow,
body.ite-exact-landing-page .ite-elementor-root .hero-copy .eyebrow {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px 0 !important;
  margin: 0 0 20px !important;
  line-height: 1.3 !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero h1,
body.ite-exact-landing-page .ite-elementor-root .hero h1 {
  width: 100% !important;
  max-width: 680px !important;
  margin: 0 !important;
  font-size: clamp(62px, 5.6vw, 86px) !important;
  line-height: .94 !important;
  letter-spacing: -.047em !important;
  text-wrap: balance !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero h1 .hero-headline-top,
body.ite-exact-landing-page .ite-elementor-root .hero h1 .hero-headline-top {
  display: block !important;
  max-width: 7.5em !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero h1 em,
body.ite-exact-landing-page .ite-elementor-root .hero h1 em {
  display: block !important;
  max-width: 7.8em !important;
  margin-top: .11em !important;
  line-height: .93 !important;
  letter-spacing: -.04em !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero-lead,
body.ite-exact-landing-page .ite-elementor-root .hero-lead {
  max-width: 620px !important;
  margin: 26px 0 0 !important;
  font-size: 16px !important;
  line-height: 1.62 !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero-points,
body.ite-exact-landing-page .ite-elementor-root .hero-points {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px 26px !important;
  margin: 26px 0 0 !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero-points li,
body.ite-exact-landing-page .ite-elementor-root .hero-points li {
  gap: 9px !important;
  font-size: 12.5px !important;
  line-height: 1.38 !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero-actions,
body.ite-exact-landing-page .ite-elementor-root .hero-actions {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  margin-top: 30px !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero-actions .button,
body.ite-exact-landing-page .ite-elementor-root .hero-actions .button {
  width: auto !important;
  min-width: 220px !important;
  min-height: 56px !important;
  padding-inline: 22px !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero-assurance,
body.ite-exact-landing-page .ite-elementor-root .hero-assurance {
  margin-top: 22px !important;
}

@media (min-width: 701px) and (max-width: 1120px) {
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero,
  body.ite-exact-landing-page .ite-elementor-root .hero {
    padding: 72px 0 50px !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero-layout,
  body.ite-exact-landing-page .ite-elementor-root .hero-layout {
    grid-template-columns: 1fr !important;
    gap: 46px !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero-copy,
  body.ite-exact-landing-page .ite-elementor-root .hero-copy {
    max-width: 790px !important;
    margin-inline: auto !important;
    text-align: center !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero-copy .eyebrow,
  body.ite-exact-landing-page .ite-elementor-root .hero-copy .eyebrow {
    width: fit-content !important;
    max-width: 100% !important;
    margin: 0 auto 20px !important;
    justify-content: center !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero h1,
  body.ite-exact-landing-page .ite-elementor-root .hero h1 {
    max-width: 760px !important;
    margin-inline: auto !important;
    font-size: clamp(56px, 8vw, 78px) !important;
    line-height: .95 !important;
    letter-spacing: -.044em !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero h1 .hero-headline-top,
  body.ite-exact-landing-page .ite-elementor-root .hero h1 .hero-headline-top {
    max-width: 9em !important;
    margin-inline: auto !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero h1 em,
  body.ite-exact-landing-page .ite-elementor-root .hero h1 em {
    max-width: 9.4em !important;
    margin: .1em auto 0 !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero-lead,
  body.ite-exact-landing-page .ite-elementor-root .hero-lead {
    max-width: 680px !important;
    margin: 24px auto 0 !important;
    text-align: center !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero-points,
  body.ite-exact-landing-page .ite-elementor-root .hero-points {
    width: 100% !important;
    max-width: 700px !important;
    margin: 26px auto 0 !important;
    text-align: left !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero-actions,
  body.ite-exact-landing-page .ite-elementor-root .hero-actions {
    justify-content: center !important;
    margin: 30px auto 0 !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero-assurance,
  body.ite-exact-landing-page .ite-elementor-root .hero-assurance {
    max-width: 700px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero-visual,
  body.ite-exact-landing-page .ite-elementor-root .hero-visual {
    width: 100% !important;
    max-width: 900px !important;
    margin-inline: auto !important;
  }
}

@media (max-width: 700px) {
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero,
  body.ite-exact-landing-page .ite-elementor-root .hero {
    padding: 50px 0 34px !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero-layout,
  body.ite-exact-landing-page .ite-elementor-root .hero-layout {
    grid-template-columns: 1fr !important;
    gap: 36px !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero-copy,
  body.ite-exact-landing-page .ite-elementor-root .hero-copy {
    max-width: 100% !important;
    margin-inline: auto !important;
    text-align: center !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero-copy .eyebrow,
  body.ite-exact-landing-page .ite-elementor-root .hero-copy .eyebrow {
    width: fit-content !important;
    max-width: 100% !important;
    margin: 0 auto 18px !important;
    justify-content: center !important;
    font-size: 10px !important;
    letter-spacing: .12em !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero-copy .eyebrow span,
  body.ite-exact-landing-page .ite-elementor-root .hero-copy .eyebrow span {
    margin-right: 10px !important;
    padding: 6px 9px !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero h1,
  body.ite-exact-landing-page .ite-elementor-root .hero h1 {
    max-width: 350px !important;
    margin-inline: auto !important;
    font-size: clamp(44px, 13.6vw, 60px) !important;
    line-height: .97 !important;
    letter-spacing: -.037em !important;
    text-align: center !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero h1 .hero-headline-top,
  body.ite-exact-landing-page .ite-elementor-root .hero h1 .hero-headline-top {
    max-width: 6.7em !important;
    margin-inline: auto !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero h1 em,
  body.ite-exact-landing-page .ite-elementor-root .hero h1 em {
    max-width: 6.9em !important;
    margin: .12em auto 0 !important;
    line-height: .96 !important;
    letter-spacing: -.025em !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero-lead,
  body.ite-exact-landing-page .ite-elementor-root .hero-lead {
    max-width: 340px !important;
    margin: 22px auto 0 !important;
    font-size: 15px !important;
    line-height: 1.58 !important;
    text-align: center !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero-points,
  body.ite-exact-landing-page .ite-elementor-root .hero-points {
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 340px !important;
    gap: 11px !important;
    margin: 24px auto 0 !important;
    text-align: left !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero-points li,
  body.ite-exact-landing-page .ite-elementor-root .hero-points li {
    font-size: 12.5px !important;
    line-height: 1.4 !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero-actions,
  body.ite-exact-landing-page .ite-elementor-root .hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 340px !important;
    gap: 10px !important;
    margin: 26px auto 0 !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero-actions .button,
  body.ite-exact-landing-page .ite-elementor-root .hero-actions .button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 54px !important;
    padding-inline: 16px !important;
    font-size: 14px !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero-assurance,
  body.ite-exact-landing-page .ite-elementor-root .hero-assurance {
    width: 100% !important;
    max-width: 340px !important;
    margin: 20px auto 0 !important;
  }
}

@media (max-width: 420px) {
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero,
  body.ite-exact-landing-page .ite-elementor-root .hero {
    padding-top: 44px !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero h1,
  body.ite-exact-landing-page .ite-elementor-root .hero h1 {
    max-width: 326px !important;
    font-size: clamp(42px, 13.8vw, 56px) !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero-lead,
  body.ite-exact-landing-page .ite-elementor-root .hero-lead,
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero-points,
  body.ite-exact-landing-page .ite-elementor-root .hero-points,
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero-actions,
  body.ite-exact-landing-page .ite-elementor-root .hero-actions,
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero-assurance,
  body.ite-exact-landing-page .ite-elementor-root .hero-assurance {
    max-width: 326px !important;
  }
}

@media (max-width: 360px) {
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero h1,
  body.ite-exact-landing-page .ite-elementor-root .hero h1 {
    max-width: 304px !important;
    font-size: 43px !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero-lead,
  body.ite-exact-landing-page .ite-elementor-root .hero-lead,
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero-points,
  body.ite-exact-landing-page .ite-elementor-root .hero-points,
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero-actions,
  body.ite-exact-landing-page .ite-elementor-root .hero-actions,
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .hero-assurance,
  body.ite-exact-landing-page .ite-elementor-root .hero-assurance {
    max-width: 304px !important;
  }
}


/* V36 — top-tier responsive design audit and mobile offer-bar polish */
html,
body,
.ite-elementor-root {
  max-width: 100% !important;
  overflow-x: clip !important;
}

html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .section,
body.ite-exact-landing-page .ite-elementor-root .section {
  padding-top: 104px !important;
  padding-bottom: 104px !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .section-heading,
body.ite-exact-landing-page .ite-elementor-root .section-heading {
  gap: clamp(32px, 4vw, 62px) !important;
  margin-bottom: 52px !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .section-heading h2,
body.ite-exact-landing-page .ite-elementor-root .section-heading h2 {
  line-height: 1 !important;
  text-wrap: balance !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .section-heading > p,
body.ite-exact-landing-page .ite-elementor-root .section-heading > p {
  max-width: 540px !important;
  line-height: 1.65 !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .section-heading--center h2,
body.ite-exact-landing-page .ite-elementor-root .section-heading--center h2,
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .section-heading--center > p,
body.ite-exact-landing-page .ite-elementor-root .section-heading--center > p {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Learning paths */
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .learning-section .section-heading,
body.ite-exact-landing-page .ite-elementor-root .learning-section .section-heading {
  margin-bottom: 42px !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .skill-nav,
body.ite-exact-landing-page .ite-elementor-root .skill-nav {
  gap: 14px !important;
  margin-bottom: 30px !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .skill-nav__item,
body.ite-exact-landing-page .ite-elementor-root .skill-nav__item {
  padding: 20px !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .skill-panel,
body.ite-exact-landing-page .ite-elementor-root .skill-panel {
  gap: clamp(38px, 5vw, 66px) !important;
  padding: clamp(36px, 4vw, 54px) !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .skill-panel__copy > p:not(.eyebrow),
body.ite-exact-landing-page .ite-elementor-root .skill-panel__copy > p:not(.eyebrow) {
  margin-top: 18px !important;
  line-height: 1.65 !important;
}

/* Curriculum */
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .curriculum-layout,
body.ite-exact-landing-page .ite-elementor-root .curriculum-layout {
  gap: clamp(58px, 7vw, 96px) !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .curriculum-intro h2,
body.ite-exact-landing-page .ite-elementor-root .curriculum-intro h2 {
  max-width: 540px !important;
  line-height: 1 !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .curriculum-intro > p:not(.eyebrow),
body.ite-exact-landing-page .ite-elementor-root .curriculum-intro > p:not(.eyebrow) {
  max-width: 560px !important;
  margin-top: 22px !important;
  line-height: 1.65 !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .accordion-trigger,
body.ite-exact-landing-page .ite-elementor-root .accordion-trigger {
  min-height: 96px !important;
}

/* Offer and checkout */
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .value-layout,
body.ite-exact-landing-page .ite-elementor-root .value-layout {
  gap: clamp(54px, 6vw, 82px) !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .value-copy h2,
body.ite-exact-landing-page .ite-elementor-root .value-copy h2 {
  max-width: 720px !important;
  line-height: 1 !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .value-copy > p:not(.eyebrow),
body.ite-exact-landing-page .ite-elementor-root .value-copy > p:not(.eyebrow) {
  margin-top: 22px !important;
  line-height: 1.65 !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .included-list,
body.ite-exact-landing-page .ite-elementor-root .included-list {
  margin-top: 34px !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .included-list article,
body.ite-exact-landing-page .ite-elementor-root .included-list article {
  min-height: 94px !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .checkout-card,
body.ite-exact-landing-page .ite-elementor-root .checkout-card {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Bonuses and proof */
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .bonus-grid,
body.ite-exact-landing-page .ite-elementor-root .bonus-grid {
  gap: 20px !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .bonus-card,
body.ite-exact-landing-page .ite-elementor-root .bonus-card {
  min-height: 224px !important;
  padding: 28px !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .bonus-icon,
body.ite-exact-landing-page .ite-elementor-root .bonus-icon {
  margin-bottom: 28px !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .testimonial-quotes,
body.ite-exact-landing-page .ite-elementor-root .testimonial-quotes {
  margin-bottom: 62px !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .quote-slide blockquote,
body.ite-exact-landing-page .ite-elementor-root .quote-slide blockquote {
  line-height: 1.22 !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .proof-heading,
body.ite-exact-landing-page .ite-elementor-root .proof-heading {
  margin-bottom: 24px !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .proof-grid,
body.ite-exact-landing-page .ite-elementor-root .proof-grid,
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .story-grid,
body.ite-exact-landing-page .ite-elementor-root .story-grid {
  gap: 18px !important;
}

/* Guarantee, FAQ, final CTA and footer */
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .guarantee-card,
body.ite-exact-landing-page .ite-elementor-root .guarantee-card {
  max-width: 1120px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 38px !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .faq-layout,
body.ite-exact-landing-page .ite-elementor-root .faq-layout {
  gap: clamp(56px, 7vw, 94px) !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .faq-list summary,
body.ite-exact-landing-page .ite-elementor-root .faq-list summary {
  min-height: 78px !important;
  line-height: 1.35 !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .faq-list details p,
body.ite-exact-landing-page .ite-elementor-root .faq-list details p {
  line-height: 1.65 !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .final-cta,
body.ite-exact-landing-page .ite-elementor-root .final-cta {
  padding: 92px 0 !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .final-cta__inner,
body.ite-exact-landing-page .ite-elementor-root .final-cta__inner {
  gap: clamp(48px, 7vw, 88px) !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .final-cta h2,
body.ite-exact-landing-page .ite-elementor-root .final-cta h2 {
  line-height: 1 !important;
  text-wrap: balance !important;
}
html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .site-footer,
body.ite-exact-landing-page .ite-elementor-root .site-footer {
  padding-top: 58px !important;
}

@media (min-width: 701px) and (max-width: 1120px) {
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .section,
  body.ite-exact-landing-page .ite-elementor-root .section {
    padding-top: 84px !important;
    padding-bottom: 84px !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .section-heading,
  body.ite-exact-landing-page .ite-elementor-root .section-heading {
    margin-bottom: 44px !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .skill-panel,
  body.ite-exact-landing-page .ite-elementor-root .skill-panel {
    padding: 38px !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .guarantee-card,
  body.ite-exact-landing-page .ite-elementor-root .guarantee-card {
    padding: 32px !important;
  }
}

@media (max-width: 700px) {
  /* Full-width, balanced promotional bar. */
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .offer-bar,
  body.ite-exact-landing-page .ite-elementor-root .offer-bar {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    overflow: hidden !important;
    background: #05070b !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .offer-bar .container,
  body.ite-exact-landing-page .ite-elementor-root .offer-bar .container {
    width: 100% !important;
    max-width: none !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    box-sizing: border-box !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .offer-bar__inner,
  body.ite-exact-landing-page .ite-elementor-root .offer-bar__inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 92px !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 54px !important;
    padding: 7px 0 !important;
    text-align: left !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .offer-bar__inner > p,
  body.ite-exact-landing-page .ite-elementor-root .offer-bar__inner > p {
    display: -webkit-box !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    font-size: 9px !important;
    line-height: 1.35 !important;
    text-align: left !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .offer-bar__inner > p .offer-dot,
  body.ite-exact-landing-page .ite-elementor-root .offer-bar__inner > p .offer-dot {
    display: none !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .offer-bar__actions,
  body.ite-exact-landing-page .ite-elementor-root .offer-bar__actions {
    width: 92px !important;
    min-width: 92px !important;
    justify-self: end !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .offer-timer--bar,
  body.ite-exact-landing-page .ite-elementor-root .offer-timer--bar {
    display: grid !important;
    width: 92px !important;
    min-width: 92px !important;
    min-height: 40px !important;
    gap: 1px !important;
    padding: 4px !important;
    border: 1px solid rgba(255,210,46,.48) !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, rgba(255,210,46,.11), rgba(255,210,46,.055)) !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .offer-timer--bar [data-countdown-status],
  body.ite-exact-landing-page .ite-elementor-root .offer-timer--bar [data-countdown-status] {
    display: block !important;
    color: rgba(255,255,255,.7) !important;
    font-size: 6.5px !important;
    line-height: 1 !important;
    letter-spacing: .055em !important;
    white-space: nowrap !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .offer-timer--bar time,
  body.ite-exact-landing-page .ite-elementor-root .offer-timer--bar time {
    display: block !important;
    min-width: 0 !important;
    padding: 3px 5px !important;
    border-radius: 9px !important;
    font-size: 16px !important;
    line-height: 1 !important;
  }

  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .section,
  body.ite-exact-landing-page .ite-elementor-root .section {
    padding-top: 66px !important;
    padding-bottom: 66px !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .section-heading,
  body.ite-exact-landing-page .ite-elementor-root .section-heading {
    gap: 16px !important;
    margin-bottom: 34px !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .section-heading h2,
  body.ite-exact-landing-page .ite-elementor-root .section-heading h2 {
    font-size: clamp(36px, 10.5vw, 48px) !important;
    line-height: 1.02 !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .section-heading > p,
  body.ite-exact-landing-page .ite-elementor-root .section-heading > p {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .learning-section .section-heading,
  body.ite-exact-landing-page .ite-elementor-root .learning-section .section-heading,
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .video-stories .section-heading,
  body.ite-exact-landing-page .ite-elementor-root .video-stories .section-heading {
    text-align: center !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .learning-section .section-heading .eyebrow,
  body.ite-exact-landing-page .ite-elementor-root .learning-section .section-heading .eyebrow,
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .video-stories .section-heading .eyebrow,
  body.ite-exact-landing-page .ite-elementor-root .video-stories .section-heading .eyebrow {
    text-align: center !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .skill-nav,
  body.ite-exact-landing-page .ite-elementor-root .skill-nav {
    gap: 10px !important;
    margin-bottom: 22px !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .skill-panel,
  body.ite-exact-landing-page .ite-elementor-root .skill-panel {
    gap: 24px !important;
    padding: 24px !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .skill-panel__copy h3,
  body.ite-exact-landing-page .ite-elementor-root .skill-panel__copy h3 {
    line-height: 1.04 !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .curriculum-intro,
  body.ite-exact-landing-page .ite-elementor-root .curriculum-intro {
    text-align: center !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .curriculum-intro h2,
  body.ite-exact-landing-page .ite-elementor-root .curriculum-intro h2,
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .curriculum-intro > p:not(.eyebrow),
  body.ite-exact-landing-page .ite-elementor-root .curriculum-intro > p:not(.eyebrow) {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .curriculum-summary,
  body.ite-exact-landing-page .ite-elementor-root .curriculum-summary {
    justify-content: center !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .curriculum-intro .text-link,
  body.ite-exact-landing-page .ite-elementor-root .curriculum-intro .text-link {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .value-layout,
  body.ite-exact-landing-page .ite-elementor-root .value-layout {
    gap: 42px !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .included-list article,
  body.ite-exact-landing-page .ite-elementor-root .included-list article {
    min-height: 0 !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .bonus-card,
  body.ite-exact-landing-page .ite-elementor-root .bonus-card {
    min-height: 0 !important;
    padding: 24px !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .bonus-icon,
  body.ite-exact-landing-page .ite-elementor-root .bonus-icon {
    margin-bottom: 22px !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .testimonial-quotes,
  body.ite-exact-landing-page .ite-elementor-root .testimonial-quotes {
    margin-bottom: 44px !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .proof-heading,
  body.ite-exact-landing-page .ite-elementor-root .proof-heading {
    gap: 8px !important;
    margin-bottom: 18px !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .guarantee-card,
  body.ite-exact-landing-page .ite-elementor-root .guarantee-card {
    padding: 26px 22px !important;
    text-align: center !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .guarantee-seal,
  body.ite-exact-landing-page .ite-elementor-root .guarantee-seal,
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .refund-disclosure,
  body.ite-exact-landing-page .ite-elementor-root .refund-disclosure {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .faq-intro,
  body.ite-exact-landing-page .ite-elementor-root .faq-intro {
    text-align: center !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .support-links,
  body.ite-exact-landing-page .ite-elementor-root .support-links {
    justify-items: center !important;
    margin-top: 22px !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .faq-list summary,
  body.ite-exact-landing-page .ite-elementor-root .faq-list summary {
    min-height: 72px !important;
    gap: 14px !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .final-cta,
  body.ite-exact-landing-page .ite-elementor-root .final-cta {
    padding: 72px 0 !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .final-cta__inner,
  body.ite-exact-landing-page .ite-elementor-root .final-cta__inner {
    gap: 34px !important;
    text-align: center !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .final-price,
  body.ite-exact-landing-page .ite-elementor-root .final-price {
    min-width: 0 !important;
    text-align: center !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .final-price div,
  body.ite-exact-landing-page .ite-elementor-root .final-price div {
    justify-content: center !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .final-price .button,
  body.ite-exact-landing-page .ite-elementor-root .final-price .button {
    width: min(100%, 340px) !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .footer-grid,
  body.ite-exact-landing-page .ite-elementor-root .footer-grid,
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .footer-bottom,
  body.ite-exact-landing-page .ite-elementor-root .footer-bottom {
    text-align: center !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .footer-grid img,
  body.ite-exact-landing-page .ite-elementor-root .footer-grid img {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .footer-grid nav,
  body.ite-exact-landing-page .ite-elementor-root .footer-grid nav {
    justify-content: center !important;
  }
}

@media (max-width: 420px) {
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .offer-bar .container,
  body.ite-exact-landing-page .ite-elementor-root .offer-bar .container {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .offer-bar__inner,
  body.ite-exact-landing-page .ite-elementor-root .offer-bar__inner {
    grid-template-columns: minmax(0, 1fr) 86px !important;
    gap: 8px !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .offer-bar__actions,
  body.ite-exact-landing-page .ite-elementor-root .offer-bar__actions,
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .offer-timer--bar,
  body.ite-exact-landing-page .ite-elementor-root .offer-timer--bar {
    width: 86px !important;
    min-width: 86px !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .section,
  body.ite-exact-landing-page .ite-elementor-root .section {
    padding-top: 58px !important;
    padding-bottom: 58px !important;
  }
}


/* V37 mobile offer bar alignment + green dot restore */
@media (max-width: 700px) {
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .offer-bar,
  body.ite-exact-landing-page .ite-elementor-root .offer-bar {
    border-bottom-color: rgba(255,255,255,.1) !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .offer-bar .container,
  body.ite-exact-landing-page .ite-elementor-root .offer-bar .container {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .offer-bar__inner,
  body.ite-exact-landing-page .ite-elementor-root .offer-bar__inner {
    grid-template-columns: minmax(0, 1fr) 92px !important;
    gap: 10px !important;
    min-height: 54px !important;
    padding: 8px 0 !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .offer-bar__inner > p,
  body.ite-exact-landing-page .ite-elementor-root .offer-bar__inner > p {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    min-width: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: initial !important;
    font-size: 9.4px !important;
    line-height: 1.28 !important;
    color: rgba(255,255,255,.96) !important;
    text-align: left !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .offer-bar__inner > p strong,
  body.ite-exact-landing-page .ite-elementor-root .offer-bar__inner > p strong {
    font-weight: 900 !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .offer-bar__inner > p .offer-dot,
  body.ite-exact-landing-page .ite-elementor-root .offer-bar__inner > p .offer-dot {
    display: inline-block !important;
    flex: 0 0 auto !important;
    width: 7px !important;
    height: 7px !important;
    margin-top: 3px !important;
    border-radius: 999px !important;
    background: #43d888 !important;
    box-shadow: 0 0 0 4px rgba(67,216,136,.14) !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .offer-bar__actions,
  body.ite-exact-landing-page .ite-elementor-root .offer-bar__actions {
    width: 92px !important;
    min-width: 92px !important;
    justify-self: end !important;
    align-self: center !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .offer-timer--bar,
  body.ite-exact-landing-page .ite-elementor-root .offer-timer--bar {
    width: 92px !important;
    min-width: 92px !important;
    min-height: 40px !important;
    padding: 4px !important;
    gap: 2px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(255,210,46,.42) !important;
    background: linear-gradient(180deg, rgba(255,210,46,.12), rgba(255,210,46,.05)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .offer-timer--bar [data-countdown-status],
  body.ite-exact-landing-page .ite-elementor-root .offer-timer--bar [data-countdown-status] {
    color: rgba(255,255,255,.76) !important;
    font-size: 6.6px !important;
    font-weight: 800 !important;
    letter-spacing: .07em !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .offer-timer--bar time,
  body.ite-exact-landing-page .ite-elementor-root .offer-timer--bar time {
    padding: 3px 5px !important;
    border-radius: 9px !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    letter-spacing: -.02em !important;
  }
}

@media (max-width: 420px) {
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .offer-bar .container,
  body.ite-exact-landing-page .ite-elementor-root .offer-bar .container {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .offer-bar__inner,
  body.ite-exact-landing-page .ite-elementor-root .offer-bar__inner {
    grid-template-columns: minmax(0, 1fr) 88px !important;
    gap: 8px !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .offer-bar__inner > p,
  body.ite-exact-landing-page .ite-elementor-root .offer-bar__inner > p {
    font-size: 8.9px !important;
    line-height: 1.26 !important;
    gap: 7px !important;
  }
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .offer-bar__actions,
  body.ite-exact-landing-page .ite-elementor-root .offer-bar__actions,
  html body .elementor-widget-inside_the_edit_landing .ite-elementor-root .offer-timer--bar,
  body.ite-exact-landing-page .ite-elementor-root .offer-timer--bar {
    width: 88px !important;
    min-width: 88px !important;
  }
}


/* V38 conversion-focused final pass */
/* Credible urgency: no artificial countdown UI. */
.offer-bar__inner { min-height: 42px; }
.offer-bar__actions { display: flex; align-items: center; }
.offer-bar__actions > a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,210,46,.08);
  border: 1px solid rgba(255,210,46,.22);
}

/* More specific hero hierarchy and less accent-color competition. */
.hero-copy { max-width: 650px; }
.hero h1 { max-width: 650px; }
.hero h1 .hero-headline-top { display: block; }
.hero h1 em { display: block; margin-top: .06em; }
.hero-actions { align-items: center; }
.hero-actions .button--ghost {
  min-height: 48px;
  padding-inline: 12px;
  background: transparent !important;
  border-color: rgba(255,255,255,.10) !important;
  color: rgba(255,255,255,.86) !important;
  box-shadow: none !important;
}
.hero-actions .button--ghost:hover { background: rgba(255,255,255,.045) !important; }
.hero-trust-compact .trust-stat i {
  background: rgba(67,216,136,.12) !important;
  color: #43d888 !important;
  border: 1px solid rgba(67,216,136,.24) !important;
  box-shadow: none !important;
}
.hero-trust-compact .trust-stat i { min-width: 28px; }
.hero-trust-compact .trust-stat:nth-of-type(2) i { font-size: 8px !important; letter-spacing: -.02em; }
.floating-card--hours {
  background: rgba(18,24,36,.9) !important;
  border-color: rgba(255,255,255,.12) !important;
}

/* Early social proof: real screenshots appear before the long-form education sections. */
.early-proof-band {
  position: relative;
  padding: 22px 0 24px;
  background: #0c0f16;
  color: white;
  border-top: 1px solid rgba(255,255,255,.07);
}
.early-proof-inner {
  display: grid;
  grid-template-columns: minmax(250px,.8fr) minmax(0,1.5fr);
  gap: 30px;
  align-items: center;
}
.early-proof-copy span {
  display: block;
  margin-bottom: 6px;
  color: #8e96a5;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .14em;
}
.early-proof-copy strong {
  display: block;
  max-width: 360px;
  font-size: 18px;
  line-height: 1.18;
  letter-spacing: -.025em;
}
.early-proof-copy a {
  display: inline-flex;
  margin-top: 10px;
  color: #ffd22e;
  font-size: 11px;
  font-weight: 850;
}
.early-proof-cards {
  display: grid;
  grid-template-columns: 1.2fr 1.2fr .72fr;
  gap: 10px;
  min-width: 0;
}
.early-proof-cards button {
  min-width: 0;
  height: 92px;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 10px;
  background: #111722;
  cursor: pointer;
}
.early-proof-cards img { width: 100%; height: 100%; object-fit: cover; object-position: top; }

/* Value section: benefits over arbitrary monetary stacking. */
.included-list article { grid-template-columns: 46px minmax(0,1fr) !important; min-height: 90px; }
.included-list article b { display: none !important; }
.value-copy > .listed-value { display: none !important; }
.checkout-promo-note {
  margin: 16px 28px 0;
  padding: 13px 14px;
  border-radius: 13px;
  border: 1px solid rgba(255,196,22,.45);
  background: #fffaf0;
}
.checkout-promo-note span,
.checkout-promo-note small { display: block; }
.checkout-promo-note span {
  color: #4f430e;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.checkout-promo-note small { margin-top: 4px; color: #7a735f; font-size: 9px; line-height: 1.4; }

/* Refund policy should be easy to find without becoming a competing CTA. */
.refund-policy-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 11px;
  color: #565d69;
  font-size: 11px;
  font-weight: 800;
  border-bottom: 1px solid rgba(86,93,105,.35);
  padding-bottom: 2px;
}

/* Shorter long-form sections for a low-ticket purchase. */
.skill-panel { min-height: 400px !important; padding: 44px 48px !important; gap: 48px !important; }
.section { padding-top: 96px; padding-bottom: 96px; }

/* Mobile sticky = one decision, no competing countdown. */
.mobile-checkout { grid-template-columns: minmax(100px,1fr) auto !important; }
.mobile-checkout__price { min-width: 0; }
.mobile-checkout > a { white-space: nowrap; }

@media (max-width: 900px) {
  .early-proof-inner { grid-template-columns: 1fr; gap: 16px; }
  .early-proof-copy { text-align: center; }
  .early-proof-copy strong { margin-inline: auto; }
  .early-proof-cards { max-width: 680px; width: 100%; margin-inline: auto; }
  .skill-panel { min-height: 0 !important; padding: 36px !important; gap: 32px !important; }
}
@media (max-width: 700px) {
  .offer-bar__inner {
    grid-template-columns: 1fr !important;
    min-height: 48px !important;
    padding: 8px 0 !important;
  }
  .offer-bar__actions { display: none !important; }
  .offer-bar__inner > p {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    overflow: visible !important;
    -webkit-line-clamp: unset !important;
    font-size: 9.3px !important;
  }
  .offer-bar__inner > p .offer-dot {
    display: inline-block !important;
    flex: 0 0 7px !important;
    margin-top: 3px !important;
  }
  .hero-actions .button--ghost { width: auto !important; justify-self: center; min-height: 42px !important; }
  .hero-trust-compact { gap: 8px !important; }
  .hero-trust-compact .trust-stat { min-width: 0; }
  .early-proof-band { padding: 18px 0 20px; }
  .early-proof-copy strong { font-size: 16px; }
  .early-proof-cards {
    display: flex;
    gap: 9px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding: 0 2px 5px;
    scrollbar-width: none;
  }
  .early-proof-cards::-webkit-scrollbar { display: none; }
  .early-proof-cards button { flex: 0 0 76%; height: 108px; scroll-snap-align: center; }
  .checkout-promo-note { margin: 14px 16px 0; }
  .skill-panel { padding: 28px 22px !important; gap: 26px !important; }
  .section { padding-top: 64px !important; padding-bottom: 64px !important; }
  .mobile-checkout {
    grid-template-columns: minmax(92px,1fr) auto !important;
    gap: 8px !important;
  }
  .mobile-checkout > a { padding-inline: 13px !important; }
}
@media (max-width: 390px) {
  .early-proof-cards button { flex-basis: 82%; }
  .mobile-checkout__price strong { font-size: 15px !important; }
  .mobile-checkout > a { font-size: 11px !important; padding-inline: 11px !important; }
}

/* Keep bright yellow reserved mainly for the primary CTA. */
.price-badge {
  background: rgba(17,23,34,.94) !important;
  color: white !important;
  border-color: rgba(255,210,46,.34) !important;
  box-shadow: 0 18px 38px rgba(0,0,0,.34) !important;
}
.price-badge small { color: #ffd22e !important; }
.price-badge strong { color: white !important; }
.price-badge s { color: #8e96a5 !important; }


/* V41 performance layer: browsers may skip painting far-below-fold sections. */
@supports (content-visibility: auto) {
  .ite-elementor-root .curriculum,
  .ite-elementor-root .value-section,
  .ite-elementor-root .bonus-section,
  .ite-elementor-root .reviews,
  .ite-elementor-root .video-stories,
  .ite-elementor-root .guarantee-section,
  .ite-elementor-root .faq-section,
  .ite-elementor-root .final-cta,
  .ite-elementor-root .site-footer {
    content-visibility: auto;
    contain-intrinsic-size: auto 720px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ite-elementor-root *,
  .ite-elementor-root *::before,
  .ite-elementor-root *::after {
    scroll-behavior: auto !important;
  }
}