:root {
  --bg: #070a11;
  --bg-soft: #0c111a;
  --surface: #101621;
  --surface-2: #171e2b;
  --text: #f8fbff;
  --muted: #9da8b8;
  --line: rgba(255,255,255,.13);
  --blue: #16e3e8;
  --blue-light: #65f3f4;
  --pink: #ff126f;
  --pink-soft: #ff4d93;
  --green: #25d366;
  --radius: 28px;
  --max: 1180px;
  --font-display: "Bricolage Grotesque", "Arial Narrow", sans-serif;
  --font-body: "Inter", system-ui, sans-serif;
}

body {
  background:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px),
    radial-gradient(circle at 88% 8%, rgba(22,227,232,.12), transparent 28rem),
    radial-gradient(circle at 4% 38%, rgba(255,18,111,.07), transparent 30rem),
    var(--bg);
  background-size: 48px 48px, 48px 48px, auto, auto, auto;
  font-family: var(--font-body);
}

h1, h2, h3, .brand, .price-block strong, .choice-price strong,
.mentor-photo-label b, .mentor-proof strong, .creator-card b,
.brand-collabs b, .curriculum h3, .day-flow h3, .fit-card h3,
.module-accordion summary b, .coverage-label b, .coverage-option b,
.coaching-facts b, .timeline-item b, .process-grid b, .accordion summary {
  font-family: var(--font-display);
}

.site-header {
  height: 76px;
  background: rgba(7,10,17,.84);
  border-color: rgba(255,255,255,.13);
}
.brand { gap: 11px; font-weight: 800; }
.brand-symbol {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(22,227,232,.42);
  border-radius: 12px;
  background: linear-gradient(145deg,rgba(22,227,232,.14),rgba(255,255,255,.025));
  box-shadow: inset 0 0 18px rgba(22,227,232,.08);
}
.brand-symbol svg { width: 27px; height: 27px; fill: none; overflow: visible; }
.brand-symbol path { stroke: var(--blue); stroke-width: 4.5; stroke-linecap: square; stroke-linejoin: bevel; }
.brand-symbol .brand-v { stroke: var(--pink-soft); stroke-width: 3.5; }
.brand-wordmark { display: grid; gap: 0; line-height: 1; }
.brand-wordmark strong { color: #fff; font-size: .93rem; letter-spacing: .075em; }
.brand-wordmark small { margin-top: 4px; color: var(--blue); font: 700 .48rem/1 var(--font-body); letter-spacing: .28em; }
nav a:hover { color: var(--blue-light); }
.mini-cta { font-weight: 800; }

.hero {
  min-height: 780px;
  padding: 74px 0 58px;
  grid-template-columns: .95fr 1.05fr;
  gap: 44px;
}
.eyebrow {
  width: max-content;
  padding: 7px 14px;
  color: #edf3f8;
  border: 1px solid rgba(255,255,255,.33);
  border-radius: 99px;
  font-size: .72rem;
}
.eyebrow span { background: var(--pink); box-shadow: 0 0 15px var(--pink); }
.hero-headline {
  margin: 8px 0 18px;
  color: #fff;
  font-size: clamp(3rem,4.85vw,4.45rem);
  font-weight: 650;
  line-height: .97;
  letter-spacing: -.065em;
}
.hero-choice-note {
  width: max-content;
  margin: 22px 0 0 8px;
  color: #edf1f6;
  font: italic 650 clamp(1.2rem,1.8vw,1.55rem)/1 var(--font-display);
  letter-spacing: -.035em;
  transform: rotate(-2deg);
  position: relative;
}
.hero-choice-note::after {
  content: "";
  position: absolute;
  left: 16%;
  right: -8%;
  bottom: -8px;
  height: 4px;
  border-radius: 99px;
  background: linear-gradient(90deg,var(--pink),var(--blue));
  transform: skewX(-24deg);
}
.title-line { display: block; }
.title-line-accent { margin: 7px 0 0 clamp(14px,2vw,28px); font-size: .87em; white-space: nowrap; }
.title-line em {
  color: var(--blue);
  font-style: normal;
  font-weight: 750;
  text-shadow: 0 16px 38px rgba(22,227,232,.16);
}
.hero-lead { max-width: 590px; margin-bottom: 19px; color: #b5bfcc; font-size: 1rem; line-height: 1.68; }
.hero-dual-offers { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; }
.hero-offer-tile {
  min-height: 205px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(10,14,22,.82);
  box-shadow: 0 18px 38px rgba(0,0,0,.19);
  position: relative;
  overflow: hidden;
  transition: transform .18s,border-color .18s,background .18s;
}
.hero-offer-tile::before { content: ""; position: absolute; inset: 0 0 auto; height: 3px; }
.hero-offer-tile:hover { transform: translateY(-3px) rotate(0); }
.hero-offer-video { border-color: rgba(255,18,111,.3); transform: rotate(-.45deg); }
.hero-offer-video::before { background: linear-gradient(90deg,var(--pink),transparent 82%); }
.hero-offer-coaching { border-color: rgba(22,227,232,.3); transform: rotate(.45deg); }
.hero-offer-coaching::before { background: linear-gradient(90deg,var(--blue),transparent 82%); }
.hero-offer-top { min-height: 24px; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.hero-offer-top small { font-size: .59rem; font-weight: 850; letter-spacing: .11em; }
.hero-offer-top b { font: 800 .75rem/1 var(--font-display); letter-spacing: -.01em; }
.hero-offer-video .hero-offer-top { color: var(--pink-soft); }
.hero-offer-coaching .hero-offer-top { color: var(--blue-light); }
.hero-offer-brand { height: 40px; margin: 9px 0 7px; display: flex; align-items: center; }
.official-capcut-logo {
  height: 36px;
  padding: 7px 8px;
  display: flex;
  align-items: center;
  gap: 7px;
  border-radius: 8px;
  background: #fff;
}
.official-capcut-logo img { width: 88px; height: auto; display: block; }
.official-capcut-logo i {
  padding: 3px 4px;
  color: #fff;
  border-radius: 3px;
  background: #070a11;
  font: normal 800 .53rem/1 var(--font-body);
  letter-spacing: .08em;
}
.coaching-signature { height: 40px; margin: 9px 0 7px; display: flex; align-items: center; color: #dbe7eb; font: 800 .7rem/1 var(--font-body); letter-spacing: .14em; }
.hero-offer-tile > strong { color: #fff; font: 700 1.23rem/1.1 var(--font-display); letter-spacing: -.035em; }
.hero-offer-tile > small { margin-top: 4px; color: #8f9aab; font-size: .71rem; }
.hero-offer-action { margin-top: auto; padding-top: 13px; display: flex; justify-content: space-between; gap: 8px; color: #e9eef5; border-top: 1px solid rgba(255,255,255,.09); font-size: .75rem; font-weight: 700; }
.hero-offer-video .hero-offer-action b { color: var(--pink-soft); }
.hero-offer-coaching .hero-offer-action b { color: var(--blue-light); }
.hero-proof { display: flex; flex-wrap: wrap; gap: 8px; margin: 17px 0 12px; }
.hero-proof span { padding: 9px 12px; border: 1px solid var(--line); border-radius: 11px; color: #aab4c2; background: rgba(255,255,255,.04); font-size: .8rem; }
.hero-proof b { color: white; margin-right: 3px; }
.hero-actions { margin: 0 0 14px; }
.button-primary {
  color: white;
  background: linear-gradient(135deg,#ff3787,#ef005a);
  box-shadow: 0 15px 42px rgba(255,18,111,.28), inset 0 1px 0 rgba(255,255,255,.28);
}
.button-ghost { background: rgba(255,255,255,.045); }
.hero-note { display: block; color: #778292; }

.hero-stage { min-height: 660px; position: relative; isolation: isolate; }
.hero-stage::before {
  content: "";
  position: absolute;
  inset: 118px 4% 10px 8%;
  border: 1px solid rgba(22,227,232,.18);
  border-radius: 43% 43% 25px 25px;
  background: linear-gradient(155deg,rgba(22,227,232,.13),rgba(16,22,33,.15) 45%,rgba(255,18,111,.09));
  box-shadow: inset 0 0 90px rgba(0,0,0,.28);
  z-index: -2;
}
.glow-disc { position: absolute; width: 460px; height: 460px; border-radius: 50%; left: 50%; top: 125px; transform: translateX(-50%); background: radial-gradient(circle at 50% 42%,rgba(255,255,255,.2),rgba(22,227,232,.12) 39%,transparent 69%); z-index: -1; }
.mentor-hero { position: absolute; height: 590px; width: auto; left: 50%; bottom: 0; transform: translateX(-50%); display: block; border-radius: 0 0 24px 24px; filter: saturate(.72) contrast(1.06); }
.capcut-chip { position: absolute; top: 44px; right: 20px; width: 185px; min-height: 150px; padding: 18px; display: grid; grid-template-columns: auto 1fr; align-content: center; gap: 2px 11px; color: #05080d; background: #f7fafc; border-radius: 32px; transform: rotate(6deg); box-shadow: 0 22px 50px rgba(0,0,0,.35); z-index: 4; }
.capcut-chip > strong { grid-row: 1/3; color: var(--pink); font: 800 3.2rem/.85 var(--font-display); letter-spacing: -.08em; }
.capcut-chip b { align-self: end; font-size: 1rem; }
.capcut-chip small { align-self: start; font-size: .52rem; font-weight: 800; letter-spacing: .1em; }
.skill-stack { position: absolute; left: -15px; top: 225px; display: grid; gap: 12px; z-index: 5; }
.skill-stack div { width: 114px; min-height: 104px; padding: 14px 9px 10px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.25); border-radius: 20px; background: rgba(9,13,21,.82); backdrop-filter: blur(16px); box-shadow: 0 14px 30px rgba(0,0,0,.25); }
.skill-stack i { width: 39px; height: 39px; display: grid; place-items: center; border-radius: 12px; color: var(--blue); background: rgba(22,227,232,.11); font-style: normal; font-size: 1.25rem; font-weight: 900; }
.skill-stack span { color: #dce2ea; font-size: .7rem; font-weight: 750; }
.creator-card { position: absolute; right: -14px; bottom: 34px; min-width: 225px; padding: 17px 20px; border: 1px solid rgba(255,255,255,.2); border-radius: 17px; background: rgba(9,13,21,.84); backdrop-filter: blur(17px); z-index: 5; box-shadow: 0 18px 50px rgba(0,0,0,.38); }
.creator-card span,.creator-card small { display: block; }
.creator-card span { color: var(--blue); font-size: .64rem; font-weight: 850; letter-spacing: .12em; }
.creator-card b { display: block; margin: 3px 0; font-size: 1.05rem; }
.creator-card small { color: #8e99a9; }

.decision-bar {
  display: block;
  padding: clamp(28px,4vw,48px);
  scroll-margin-top: 105px;
  border-color: rgba(22,227,232,.2);
  background: radial-gradient(circle at 100% 0,rgba(22,227,232,.12),transparent 37%),linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.02));
}
.decision-heading { max-width: 800px; margin: 0 auto 34px; text-align: center; }
.decision-bar .decision-heading h2 { margin: 11px 0 12px; font-size: clamp(2rem,4vw,3.75rem); line-height: 1.03; letter-spacing: -.055em; }
.decision-heading p { margin: 0 auto; max-width: 650px; color: #9da8b8; }
.package-chooser { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.choice-card {
  min-height: 470px;
  padding: clamp(24px,3vw,37px);
  display: flex;
  flex-direction: column;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: rgba(7,10,17,.75);
  position: relative;
  overflow: hidden;
}
.choice-card::before { content: ""; position: absolute; inset: 0 0 auto; height: 4px; }
.choice-video { border-color: rgba(255,18,111,.38); background: radial-gradient(circle at 100% 0,rgba(255,18,111,.13),transparent 48%),rgba(7,10,17,.78); }
.choice-video::before { background: linear-gradient(90deg,var(--pink),transparent 72%); }
.choice-coaching { border-color: rgba(22,227,232,.34); background: radial-gradient(circle at 100% 0,rgba(22,227,232,.12),transparent 48%),rgba(7,10,17,.78); }
.choice-coaching::before { background: linear-gradient(90deg,var(--blue),transparent 72%); }
.choice-topline { display: flex; align-items: center; justify-content: space-between; margin-bottom: 23px; }
.choice-topline span { font: 800 .8rem/1 var(--font-display); }
.choice-video .choice-topline span,.choice-video .choice-topline small { color: var(--pink-soft); }
.choice-coaching .choice-topline span,.choice-coaching .choice-topline small { color: var(--blue-light); }
.choice-topline small { font-weight: 800; letter-spacing: .12em; }
.choice-card h3 { margin-bottom: 9px; color: #fff; font-size: clamp(2rem,3.5vw,3.2rem); line-height: 1; letter-spacing: -.06em; }
.choice-card > p { max-width: 470px; color: #a5afbd; line-height: 1.65; }
.choice-price { margin: 4px 0 17px; display: flex; align-items: end; justify-content: space-between; gap: 12px; border-bottom: 1px solid var(--line); padding-bottom: 18px; }
.choice-price small { color: #7f8a9a; }
.choice-price strong { color: #fff; font-size: clamp(2.25rem,4vw,3.75rem); line-height: .85; letter-spacing: -.07em; }
.choice-price sup { margin-right: 4px; font-size: .36em; letter-spacing: 0; vertical-align: top; }
.choice-card ul { margin: 0 0 25px; padding: 0; display: grid; gap: 9px; list-style: none; color: #dbe2ea; font-size: .91rem; }
.choice-card li::before { content: "✓"; margin-right: 9px; font-weight: 900; }
.choice-video li::before { color: var(--pink-soft); }
.choice-coaching li::before { color: var(--blue-light); }
.choice-link { margin-top: auto; min-height: 52px; padding: 0 17px; display: flex; align-items: center; justify-content: space-between; border-radius: 13px; font-weight: 800; transition: transform .18s,filter .18s; }
.choice-link:hover { transform: translateY(-2px); filter: brightness(1.08); }
.choice-video .choice-link { color: #fff; background: linear-gradient(135deg,#ff3787,#ef005a); }
.choice-coaching .choice-link { color: #031013; background: linear-gradient(135deg,#61f3f4,#0dc8e4); }
.section-kicker { color: var(--blue); }

.mentor-section { background: linear-gradient(145deg,rgba(255,255,255,.055),rgba(22,227,232,.045)); }
.mentor-photo { background: #dfe4eb; }
.mentor-photo-label span,.mentor-proof strong { color: var(--blue); }
.brand-collabs b { background: rgba(255,255,255,.06); }

.offer-card { border: 1px solid var(--line); }
.offer-video {
  color: var(--text);
  background: radial-gradient(circle at 100% 0,rgba(255,18,111,.14),transparent 32rem),linear-gradient(145deg,#151321,#0c1119 72%);
  border-color: rgba(255,18,111,.26);
}
.offer-coaching { background: radial-gradient(circle at 100% 0,rgba(22,227,232,.12),transparent 30rem),linear-gradient(145deg,#111b25,#0b1018 72%); border-color: rgba(22,227,232,.22); }
.offer-video .offer-heading,.offer-coaching .offer-heading { border-color: var(--line); }
.package-tag,.offer-video .included-heading > span,.offer-video .module-heading > div > span,.offer-video .package-facts span { color: var(--pink-soft); }
.offer-coaching .package-tag { color: var(--blue-light); }
.offer-heading p,.offer-video .price-block span,.offer-video .price-block small { color: #9da8b8; }
.offer-video .price-block strong { color: white; }
.included-list > div,.module-block,.offer-video .package-facts > div { background: rgba(255,255,255,.04); border-color: var(--line); }
.included-list > div > span,.module-accordion summary > span { color: white; background: rgba(255,18,111,.17); }
.included-list b,.module-accordion summary b,.module-accordion li b,.offer-video .package-facts b { color: #f3f6fa; }
.included-list small,.module-heading > small,.module-accordion summary small,.module-accordion li span { color: #96a2b2; }
.module-accordion,.module-accordion details { border-color: var(--line); }
.module-accordion summary::after { color: var(--pink-soft); }
.fit-card { position: sticky; top: 108px; background: #090e16; border: 1px solid var(--line); }
.fit-card li::before { color: var(--pink-soft); }
.button-whatsapp { color: white; background: linear-gradient(135deg,#ff3787,#ef005a); box-shadow: 0 15px 35px rgba(255,18,111,.2); }
.offer-coaching .button-whatsapp { color: #031013; background: linear-gradient(135deg,#61f3f4,#0dc8e4); box-shadow: 0 15px 35px rgba(22,227,232,.17); }
.coverage-strip > div,.coaching-facts > div { border-color: rgba(22,227,232,.16); background: rgba(255,255,255,.035); }
.coverage-label span,.timeline-item .time,.timeline-head span { color: var(--blue-light); }
.coaching-facts > div > span { background: var(--blue); }

.comparison-table,.accordion,.accordion details { border-color: var(--line); }
.table-head { background: rgba(22,227,232,.08); }
.process-grid > div { background: rgba(255,255,255,.035); }
.process-grid span { color: #061013; background: var(--blue); }
.accordion summary::after { color: var(--blue); }
.final-cta { background: radial-gradient(circle at 75% 120%,rgba(22,227,232,.24),transparent 45%),linear-gradient(130deg,#191222,#101727 65%,#0c2226); border: 1px solid rgba(22,227,232,.2); }
.final-cta .section-kicker { color: var(--blue); }
.final-cta p { color: #b6c0cd; }
.button-light { color: #031013; background: var(--blue); }
.footer-brand b { color: var(--blue); }

@media (max-width: 900px) {
  .hero { grid-template-columns: 1fr; }
  .hero-copy { text-align: center; }
  .eyebrow { margin-inline: auto; }
  .hero-choice-note { margin-inline: auto; }
  .hero-lead { margin-inline: auto; }
  .hero-proof { justify-content: center; }
  .hero-stage { width: min(650px,100%); margin-inline: auto; }
  .package-chooser { grid-template-columns: 1fr; }
  .choice-card { min-height: 0; }
}

@media (max-width: 640px) {
  .site-header { height: 64px; }
  .brand-symbol { width: 32px; height: 32px; border-radius: 10px; }
  .brand-symbol svg { width: 23px; height: 23px; }
  .brand-wordmark strong { font-size: .78rem; }
  .brand-wordmark small { font-size: .4rem; }
  .hero { padding-top: 43px; gap: 18px; }
  .hero-headline { margin: 12px 0 18px; font-size: clamp(2.6rem,11.8vw,4rem); line-height: .98; }
  .title-line-accent { margin: 5px 0 0; white-space: normal; }
  .hero-dual-offers { text-align: left; }
  .hero-lead { font-size: .96rem; }
  .hero-proof { display: grid; }
  .hero-dual-offers { grid-template-columns: 1fr; gap: 9px; }
  .hero-offer-tile { min-height: 183px; transform: none; }
  .hero-choice-note { font-size: 1.14rem; }
  .hero-stage { min-height: 535px; }
  .hero-stage::before { inset: 100px 2% 10px; }
  .mentor-hero { height: 455px; }
  .glow-disc { width: 350px; height: 350px; top: 125px; }
  .capcut-chip { width: 127px; min-height: 104px; padding: 12px; top: 42px; right: 0; border-radius: 24px; }
  .capcut-chip > strong { font-size: 2.25rem; }
  .capcut-chip b { font-size: .72rem; }
  .capcut-chip small { font-size: .42rem; }
  .skill-stack { left: -5px; top: 215px; gap: 8px; }
  .skill-stack div { width: 82px; min-height: 76px; border-radius: 15px; }
  .skill-stack div:nth-child(3) { display: none; }
  .skill-stack i { width: 31px; height: 31px; }
  .skill-stack span { font-size: .57rem; }
  .creator-card { right: 0; bottom: 18px; min-width: 185px; padding: 13px 15px; }
  .decision-bar { padding: 25px 18px; }
  .decision-heading { margin-bottom: 23px; }
  .package-chooser { gap: 12px; }
  .choice-card { padding: 23px 20px; border-radius: 19px; }
  .choice-card h3 { font-size: 2.2rem; }
  .choice-price { align-items: center; }
  .offer-heading h2 { font-size: 2.48rem; }
  .fit-card { position: static; }
  .mobile-cta { background: rgba(7,10,17,.96); }
}
