/* UFC Tech v5 design styles, extracted from the approved design HTML (palette-lab UI and the 31 unused palettes removed). */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
}
body:after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:999;
  opacity:.02;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E");
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}
.narrow{width:min(860px,calc(100% - 40px));margin:auto}
.eyebrow{font-size:9px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,72,80,.92)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:5px;font-size:11px;font-weight:900;letter-spacing:.02em;border:1px solid transparent;transition:.16s ease}

.btn-red:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(240,46,56,.26)}

/* hero */
.hero{
  position:relative;
  overflow:hidden;
  border-bottom:1px solid rgba(240,46,56,.22);
}
.hero:before{
  content:"";
  position:absolute;
  right:-100px;
  top:60px;
  width:620px;
  height:360px;
  opacity:.8;
  transform:rotate(-6deg);
}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.06fr .94fr;gap:46px;align-items:center;padding:78px 0 74px}
.hero h1{font-size:clamp(56px,6.5vw,84px);line-height:.9;letter-spacing:-.065em;margin:13px 0 18px}
.hero h1 span{color:var(--red)}
.hero p{font-size:16px;line-height:1.6;max-width:630px;margin:0}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.hero-note{font-size:8px;color:var(--muted2);margin-top:8px;line-height:1.45}
.stats{display:flex;gap:24px;margin-top:26px;flex-wrap:wrap}
.stat{padding-right:24px;border-right:1px solid var(--line)}
.stat:last-child{border-right:0}
.stat b{display:block;font-size:21px;letter-spacing:-.04em}
.stat span{font-size:7px;color:var(--muted2)}
.signal{
  position:absolute;
  inset:20px 0 18px 30px;
  border:1px solid var(--line);
  overflow:hidden;
}
.signal:before{content:"";position:absolute;left:58%;top:-12%;width:1px;height:130%;transform:rotate(31deg)}
.signal:after{content:"";position:absolute;right:10%;top:15%;width:240px;height:240px;border:1px solid rgba(240,46,56,.18);transform:rotate(45deg)}
.hero-scribble{position:absolute;right:30px;top:46px;z-index:2;width:170px;font-size:20px;line-height:1.04;font-weight:900;letter-spacing:-.03em;transform:rotate(-4deg)}


/* videos */
.proof-videos{padding:58px 0 66px;border-bottom:1px solid var(--line)}
.proof-head{max-width:760px;margin:0 auto 28px;text-align:center}
.proof-head h2{font-size:clamp(37px,4.4vw,54px);line-height:.97;letter-spacing:-.05em;margin:8px 0 12px}
.proof-head p{font-size:13px;line-height:1.6;margin:0 auto;max-width:620px}
.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.video-proof{border:1px solid var(--line)}

.video-frame{aspect-ratio:16/9;background:#000}
.video-frame wistia-player{display:block;width:100%;height:100%}
.video-copy{padding:17px 18px 19px}
.video-name{font-size:8px;font-weight:900;letter-spacing:.14em}

.video-copy h3{font-size:23px;line-height:1.06;letter-spacing:-.035em;margin:7px 0 7px}
.video-copy p{font-size:11px;line-height:1.48;margin:0}

/* system */
.system{padding:82px 0;border-bottom:1px solid var(--line)}
.system-head{max-width:820px;margin:0 auto 34px;text-align:left}
.system-head h2{font-size:clamp(45px,5.2vw,66px);line-height:.95;letter-spacing:-.06em;margin:7px 0 12px}
.system-head p{font-size:14px;line-height:1.62;margin:0;max-width:700px}
.phase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.phase{
  position:relative;
  min-height:412px;
  padding:23px;
  border:1px solid var(--line);
  overflow:hidden;
}
.phase:before{content:"";position:absolute;left:0;top:0;width:2px;height:100%;background:var(--phase)}
.phase:after{content:"";position:absolute;right:-100px;bottom:-100px;width:210px;height:210px;border:1px solid color-mix(in srgb,var(--phase) 28%,transparent);border-radius:50%}

.phase .n{font-size:8px;font-weight:900;letter-spacing:.14em;color:var(--phase)}
.phase h3{font-size:24px;line-height:1;letter-spacing:-.038em;margin:12px 0 8px}
.phase p{font-size:11px;line-height:1.55;margin:0}
.phase-visual{height:126px;position:relative;margin:18px 0 3px;border:1px solid color-mix(in srgb,var(--phase) 40%,transparent)}
.cv .avatar{position:absolute;left:16px;top:17px;width:38px;height:38px;border:2px solid var(--phase);border-radius:50%}
.cv .line{position:absolute;left:69px;height:6px;background:color-mix(in srgb,var(--phase) 42%,transparent);border-radius:3px}
.cv .l1{top:20px;width:42%}.cv .l2{top:36px;width:59%}
.cv .stamp{position:absolute;right:13px;bottom:14px;border:2px solid var(--phase);padding:7px 8px;color:var(--phase);font-size:10px;font-weight:900;transform:rotate(-7deg)}
.bars{position:absolute;left:17px;right:17px;bottom:18px;height:72px;display:flex;align-items:flex-end;gap:8px}
.bars i{flex:1;background:var(--phase);opacity:.75}
.bars i:nth-child(1){height:24%}.bars i:nth-child(2){height:41%}.bars i:nth-child(3){height:58%}.bars i:nth-child(4){height:77%}.bars i:nth-child(5){height:94%}
.badge{position:absolute;right:10px;top:10px;border:1px solid var(--phase);padding:5px 6px;color:var(--phase);font-size:7px;font-weight:900}
.people{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:28px}
.person{width:46px;height:46px;border:2px solid var(--phase);border-radius:50%;position:relative}
.person:after{content:"";position:absolute;left:50%;top:54px;transform:translateX(-50%);width:61px;height:30px;border:2px solid var(--phase);border-bottom:0;border-radius:31px 31px 0 0}
.bubble{width:48px;height:29px;border:2px solid var(--phase);border-radius:7px;position:relative}
.bubble:after{content:"";position:absolute;bottom:-7px;left:9px;border:7px solid transparent;border-top-color:var(--phase)}
.phase ul{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:8px}
.phase li{font-size:10px;line-height:1.4;padding-left:18px;position:relative}
.phase li:before{content:"";position:absolute;left:0;top:.44em;width:6px;height:6px;border:2px solid var(--phase);border-radius:50%}

/* red textured break + Jacobo */

.timeline{position:relative}

.shots{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;align-items:start;position:relative}
.shot{background:#0E0E0F;border:1px solid rgba(255,255,255,.10);padding:8px;box-shadow:0 16px 34px rgba(0,0,0,.22)}
.shot img{width:100%;height:auto}

.outcome{background:rgba(240,46,56,.12);border:1px solid rgba(240,46,56,.38);padding:20px 22px;min-width:270px;box-shadow:0 18px 40px rgba(0,0,0,.22)}
.outcome small{display:block;font-size:8px;font-weight:900;letter-spacing:.14em;color:#E7A6A8}
.outcome b{display:block;font-size:43px;line-height:.88;letter-spacing:-.055em;margin-top:7px}
.outcome span{display:block;font-size:12px;font-weight:900;margin-top:7px;color:#D7D7D9}

/* guarantee as textured break */
.guarantee{display:grid;grid-template-columns:90px 1fr auto;gap:24px;align-items:center;padding:26px;border:1px solid rgba(240,46,56,.20);backdrop-filter:blur(2px)}
.shield{display:grid;place-items:center;font-size:26px;font-weight:900}
.guarantee h2{font-size:31px;letter-spacing:-.04em;margin:5px 0 7px}
.guarantee p{font-size:12px;line-height:1.56;color:var(--muted);margin:0;max-width:640px}

/* reviews narrower */
.track{padding:78px 0}
.track-head{max-width:760px;margin:0 auto 28px;text-align:center}
.track-head h2{font-size:clamp(40px,4.8vw,58px);line-height:.97;letter-spacing:-.055em;margin:8px 0 12px}
.track-head p{font-size:13px;line-height:1.6;margin:0}
.review-wall{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.review{padding:22px 24px 24px 0;border-bottom:1px solid var(--line)}
.review:nth-child(even){padding-left:24px;border-left:1px solid var(--line)}
.stars{letter-spacing:.07em}
.review blockquote{font-size:14px;line-height:1.54;font-weight:700;margin:12px 0 16px}
.review b{font-size:10px}.review span{display:block;margin-top:3px;font-size:8px}
.disclaimer{font-size:8px;line-height:1.5;color:var(--muted2);margin-top:12px;text-align:center}

/* founder narrower */
.founder{padding:80px 0;border-top:1px solid var(--line)}
.founder-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center}
.founder-photo{min-height:460px;overflow:hidden;border:1px solid var(--line)}
.founder-photo img{width:100%;height:100%;min-height:460px;object-fit:cover}
.founder-copy h2{font-size:clamp(42px,4.8vw,60px);line-height:.96;letter-spacing:-.055em;margin:8px 0 14px}
.founder-copy p{font-size:14px;line-height:1.65}
.creds{display:grid;grid-template-columns:repeat(3,1fr)}
.cred{border-top:1px solid var(--line)}.cred span{display:block}

/* final */
.final{padding:70px 0;border-top:1px solid rgba(240,46,56,.15)}
.final .inner{position:relative;z-index:2}
.final-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:46px;align-items:center}
.final h2{font-size:clamp(42px,4.9vw,62px);line-height:.95;letter-spacing:-.055em;margin:8px 0 0}
.final h2 span{color:var(--red)}
.final p{font-size:13px;line-height:1.58;margin:0 0 18px}
.footer{padding:36px 0 26px;border-top:1px solid var(--line)}
.footer .wrap{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}
.footer p{max-width:700px;font-size:8px;line-height:1.5}
.footer-links{display:flex;gap:16px;font-size:9px}

@media(max-width:900px){
  .hero-grid,.proof-head,.system-head,.founder-grid,.final-grid{grid-template-columns:1fr}
  .video-grid,.phase-grid{grid-template-columns:1fr}
  .guarantee{grid-template-columns:78px 1fr}.guarantee .btn{grid-column:1/-1}
}
@media(max-width:680px){
  .wrap,.narrow{width:min(100% - 28px,var(--max))}
  .hero-grid{padding:52px 0}.hero h1{font-size:52px}.signal{inset:0}
  .hero-scribble{right:16px;top:28px;width:135px;font-size:16px}
  
  .shots{display:block}.shot{margin:0 0 18px!important;transform:none!important}
  .outcome{width:100%;min-width:0}
  .review-wall{grid-template-columns:1fr}.review:nth-child(even){padding-left:0;border-left:0}
  .creds{grid-template-columns:1fr}
  .footer .wrap{display:grid}
}

/* =========================================================
   V3 TECH SURFACE SYSTEM
   Distinct section atmospheres, not one repeated gradient
   ========================================================= */

.tech-surface{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.tech-surface > .wrap,
.tech-surface > .narrow{
  position:relative;
  z-index:3;
}

/* dotted micro-matrix */
.tech-surface .dotfield{
  position:absolute;
  pointer-events:none;
  width:360px;
  height:220px;
  opacity:.26;
  background-image:radial-gradient(circle, rgba(255,255,255,.13) 1px, transparent 1.35px);
  background-size:8px 8px;
  mask-image:linear-gradient(90deg, #000, transparent 88%);
  -webkit-mask-image:linear-gradient(90deg, #000, transparent 88%);
  z-index:1;
}

/* bundled high-tech rails */
.tech-surface .rail-bundle{
  position:absolute;
  pointer-events:none;
  width:560px;
  height:150px;
  opacity:.42;
  transform:rotate(-18deg);
  z-index:1;
}
.tech-surface .rail-bundle::before,
.tech-surface .rail-bundle::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, transparent 0 7%, var(--rail-a) 7.1% 7.35%, transparent 7.5% 13%,
      var(--rail-b) 13.1% 13.32%, transparent 13.5% 19%,
      var(--rail-c) 19.1% 19.28%, transparent 19.5% 31%,
      var(--rail-a) 31.1% 31.28%, transparent 31.5% 42%,
      var(--rail-b) 42.1% 42.3%, transparent 42.5% 55%,
      var(--rail-c) 55.1% 55.28%, transparent 55.5% 71%,
      var(--rail-a) 71.1% 71.34%, transparent 71.5%);
  clip-path:polygon(0 36%,100% 0,100% 18%,0 54%);
}
.tech-surface .rail-bundle::after{
  transform:translateY(34px);
  opacity:.65;
}

/* gold/red micro-strips inspired by CA's edge accents */
.tech-surface .micro-strip{
  position:absolute;
  pointer-events:none;
  height:2px;
  width:190px;
  background:linear-gradient(90deg, transparent, var(--strip), transparent);
  opacity:.58;
  z-index:2;
}
.tech-surface .micro-strip.short{width:110px}
.tech-surface .micro-strip.vert{
  width:2px;height:120px;
  background:linear-gradient(180deg,transparent,var(--strip),transparent);
}

/* left signal edge */
.tech-surface::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:2px;
  background:linear-gradient(180deg, transparent 0%, var(--edge) 16%, var(--edge) 84%, transparent 100%);
  opacity:.7;
  z-index:2;
}

/* distinct section families */

.tech-red::after{
  content:"";
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    repeating-linear-gradient(135deg,transparent 0 18px,rgba(240,46,56,.038) 18px 19px,transparent 19px 38px),
    linear-gradient(90deg,transparent 0 70%,rgba(240,46,56,.07) 70.2% 70.35%,transparent 70.6%);
}

.tech-blue::after{
  content:"";
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    repeating-linear-gradient(135deg,transparent 0 21px,rgba(72,102,217,.038) 21px 22px,transparent 22px 42px),
    linear-gradient(90deg,transparent 0 57%,rgba(72,102,217,.075) 57.2% 57.35%,transparent 57.5%);
}

.tech-gold::after{
  content:"";
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    repeating-linear-gradient(135deg,transparent 0 20px,rgba(255,212,90,.034) 20px 21px,transparent 21px 40px),
    linear-gradient(90deg,transparent 0 62%,rgba(255,212,90,.065) 62.2% 62.35%,transparent 62.55%);
}

.tech-mixed::after{
  content:"";
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    linear-gradient(135deg,transparent 0 31%,rgba(240,46,56,.055) 31.2% 31.35%,transparent 31.55%),
    linear-gradient(145deg,transparent 0 54%,rgba(72,102,217,.055) 54.2% 54.35%,transparent 54.55%),
    linear-gradient(125deg,transparent 0 72%,rgba(255,212,90,.05) 72.2% 72.35%,transparent 72.55%);
}

/* soften all accent text after v2 */
.tech-blue .eyebrow{color:rgba(111,134,225,.82)}

.tech-mixed .eyebrow{color:rgba(240,86,94,.80)}

/* review wall / founder get actual tech framing */
.tech-surface .review-wall,
.tech-surface .founder-grid,
.tech-surface .guarantee{
  position:relative;
  z-index:3;
}
.tech-blue .review{
  background:linear-gradient(180deg,rgba(72,102,217,.035),transparent 70%);
}
.tech-mixed .founder-photo{
  box-shadow:0 24px 60px rgba(0,0,0,.28);
}
.tech-gold .guarantee{
  border-color:rgba(255,212,90,.22);
  background:
    linear-gradient(135deg,rgba(255,212,90,.06),transparent 48%),
    rgba(8,8,8,.50);
}

/* final CTA gets sharper linework, not just glow */
.final.tech-red .final-grid::before{
  content:"";
  position:absolute;
  left:-60px;
  top:-28px;
  width:250px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,212,90,.66),transparent);
}
.final.tech-red .final-grid::after{
  content:"";
  position:absolute;
  right:2%;
  bottom:-30px;
  width:380px;
  height:80px;
  background:
    linear-gradient(170deg,transparent 0 38%,rgba(240,46,56,.22) 38.2% 38.5%,transparent 38.8%),
    linear-gradient(170deg,transparent 0 50%,rgba(72,102,217,.16) 50.2% 50.45%,transparent 50.8%),
    linear-gradient(170deg,transparent 0 62%,rgba(255,212,90,.14) 62.2% 62.45%,transparent 62.8%);
  pointer-events:none;
}

/* section spacing tightened slightly to keep the funnel moving */
.track,.founder{padding-top:72px;padding-bottom:72px}
.final{padding-top:64px;padding-bottom:64px}

/* =========================================================
   V4 — 90 DAY ROADMAP + FAQ
   ========================================================= */

.roadmap90{
  padding:76px 0 82px;
  border-top:1px solid rgba(255,212,90,.13);
  border-bottom:1px solid rgba(255,212,90,.13);
}
.roadmap90 .roadmap-head{
  max-width:760px;
  margin:0 auto 34px;
  text-align:center;
}
.roadmap90 .roadmap-head h2{
  font-size:clamp(42px,4.9vw,60px);
  line-height:.96;
  letter-spacing:-.055em;
  margin:8px 0 12px;
}
.roadmap90 .roadmap-head p{
  font-size:13px;
  line-height:1.6;
  margin:0 auto;
  max-width:640px;
}
.roadmap-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  border:1px solid rgba(255,255,255,.075);
}
.roadmap-card{
  position:relative;
  min-height:280px;
  padding:34px 36px 30px;
  overflow:hidden;
  border-right:1px solid rgba(255,255,255,.07);
  border-bottom:1px solid rgba(255,255,255,.07);
}
.roadmap-card:nth-child(even){border-right:0}
.roadmap-card:nth-child(3),
.roadmap-card:nth-child(4){border-bottom:0}

.roadmap-card:before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.34;
  background-size:7px 7px;
  mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.85) 36%,transparent 82%);
  -webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.85) 36%,transparent 82%);
}
.roadmap-card:after{
  content:"";
  position:absolute;
  left:-18%;
  top:18%;
  width:78%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,212,90,.34),rgba(240,46,56,.28),transparent);
  transform:rotate(-24deg);
}
.roadmap-card .day-label{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:8px;
  font-size:10px;
  font-weight:900;
  letter-spacing:.24em;
  text-transform:uppercase;
}
.roadmap-card .calendar-icon{
  width:15px;height:15px;
  border:2px solid currentColor;
  border-radius:3px;
  position:relative;
  opacity:.95;
}
.roadmap-card .calendar-icon:before{
  content:"";
  position:absolute;
  left:2px;right:2px;top:3px;
  border-top:2px solid currentColor;
}
.roadmap-card .days{
  position:relative;
  z-index:2;
  display:block;
  margin-top:8px;
  font-size:clamp(55px,6vw,80px);
  line-height:.9;
  letter-spacing:-.065em;
  font-weight:850;
}
.roadmap-card h3{
  position:relative;
  z-index:2;
  margin:22px 0 7px;
  font-size:19px;
  letter-spacing:-.03em;
}
.roadmap-card p{
  position:relative;
  z-index:2;
  margin:0;
  max-width:400px;
  font-size:12px;
  line-height:1.58;
}

.roadmap-foot{
  text-align:center;
  margin-top:20px;
  font-size:9px;
  line-height:1.5;
  color:var(--muted2);
}

/* FAQ — intentionally sparse like the reference */
.faq-sec{
  padding:76px 0 90px;
  border-top:1px solid var(--line);
}
.faq-head{
  text-align:center;
  max-width:680px;
  margin:0 auto 32px;
}

.faq-head h2{
  font-size:clamp(40px,4.8vw,58px);
  line-height:.96;
  letter-spacing:-.055em;
  margin:9px 0 0;
}
.faq-list{
  max-width:760px;
  margin:0 auto;
  display:grid;
  gap:10px;
}
.faq-item{
  border:1px solid rgba(255,255,255,.11);
  border-radius:5px;
  transition:.15s ease;
}
.faq-item:hover{
  border-color:rgba(255,212,90,.24);
  background:rgba(255,212,90,.01);
}
.faq-item summary{
  list-style:none;
  cursor:pointer;
  padding:14px 44px 14px 15px;
  font-size:13px;
  line-height:1.4;
  position:relative;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:after{
  content:"+";
  position:absolute;
  right:15px;
  top:50%;
  transform:translateY(-50%);
  font-size:23px;
  line-height:1;
  font-weight:300;
}
.faq-item[open] summary:after{content:"–"}
.faq-item[open] summary{
  border-bottom:1px solid rgba(255,255,255,.07);
}
.faq-answer{
  padding:13px 15px 16px;
  font-size:12px;
  line-height:1.6;
  max-width:690px;
}
.faq-answer strong{color:#D7D8DA}

@media(max-width:680px){
  .roadmap-grid{grid-template-columns:1fr}
  .roadmap-card,
  .roadmap-card:nth-child(even),
  .roadmap-card:nth-child(3),
  .roadmap-card:nth-child(4){
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.07);
  }
  .roadmap-card:last-child{border-bottom:0}
  .roadmap-card{min-height:240px;padding:28px 24px}
  .roadmap-card .days{font-size:56px}
}

/* =========================================================
   V5 — JACOBO: LIVE-SITE LAYOUT, DARK RESKIN
   Keep the exact content sequence. No arrows. No editorial light panel.
   ========================================================= */
.jacobo{
  padding:78px 0 82px;
  border-top:1px solid rgba(255,58,66,.15);
  border-bottom:1px solid rgba(255,58,66,.15);
}
.jacobo .inner{position:relative;z-index:2}
.jacobo-head{
  max-width:760px;
  margin:0 auto 38px;
  text-align:center;
}
.jacobo-head h2{
  font-size:clamp(45px,5.2vw,64px);
  line-height:.94;
  letter-spacing:-.06em;
  margin:8px 0 13px;
}
.jacobo-head p{
  font-size:13px;
  line-height:1.62;
  max-width:650px;
  margin:0 auto;
}

.jacobo-date{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:13px;
}
.jacobo-date:after{
  content:"";
  height:1px;
  flex:1;
}
.jacobo-date b{
  font-size:9px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--red);
}
.jacobo-date span{
  font-size:10px;
  font-weight:700;
}
.jacobo-shot{
  border:1px solid rgba(255,255,255,.10);
  padding:9px;
}
.jacobo-shot img{
  width:100%;
  height:auto;
}

.jacobo-outcome{
  margin-top:34px;
  padding:20px 22px;
  border:1px solid rgba(255,58,66,.32);
  text-align:center;
}
.jacobo-outcome small{
  display:block;
  font-size:8px;
  font-weight:900;
  letter-spacing:.15em;
}
.jacobo-outcome b{
  display:block;
  margin-top:7px;
  font-size:46px;
  line-height:.9;
  letter-spacing:-.055em;
}
.jacobo-outcome span{
  display:block;
  margin-top:7px;
  font-size:12px;
  font-weight:900;
  color:var(--red);
}
/* V5 — phase cards get their own tech texture */

.phase::marker{display:none}
.phase .phase-visual{
  background:
    radial-gradient(circle at 85% 20%,color-mix(in srgb,var(--phase) 8%,transparent),transparent 32%),
    linear-gradient(180deg,rgba(255,255,255,.01),transparent);
  overflow:hidden;
}
.phase .phase-visual:before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.28;
  background-image:radial-gradient(circle,color-mix(in srgb,var(--phase) 30%,transparent) 1px,transparent 1.3px);
  background-size:8px 8px;
  mask-image:linear-gradient(180deg,#000,transparent 82%);
  -webkit-mask-image:linear-gradient(180deg,#000,transparent 82%);
  pointer-events:none;
}
.phase .phase-visual:after{
  content:"";
  position:absolute;
  left:-20%;
  top:18%;
  width:145%;
  height:70%;
  background:
    linear-gradient(155deg,transparent 0 38%,color-mix(in srgb,var(--phase) 24%,transparent) 38.15% 38.45%,transparent 38.7%),
    linear-gradient(155deg,transparent 0 52%,rgba(255,255,255,.035) 52.15% 52.4%,transparent 52.7%),
    linear-gradient(155deg,transparent 0 66%,color-mix(in srgb,var(--phase) 15%,transparent) 66.15% 66.4%,transparent 66.7%);
  pointer-events:none;
}
.phase .phase-visual > *{z-index:2}

/* V5 — lock accents back to the Unfair Careers palette */

.guarantee .eyebrow{color:rgba(255,212,90,.82)!important}

.faq-head .eyebrow{color:rgba(255,212,90,.76)!important}

.roadmap90 .roadmap-head .eyebrow{color:rgba(255,212,90,.80)!important}
.roadmap-card .day-label{color:rgba(255,212,90,.88)!important}

.tech-gold .eyebrow{color:rgba(255,212,90,.80)}

/* =========================================================
   PALETTE LAB — preserve v5 layout, recolor the whole design
   ========================================================= */
html,body{background:var(--bg);color:var(--text)}
.btn-red{
  background:var(--red)!important;
  color:var(--button-text)!important;
  border-color:color-mix(in srgb,var(--red) 78%,var(--text) 12%)!important;
  box-shadow:0 10px 28px color-mix(in srgb,var(--red) 18%,transparent)!important;
}
.hero{
  background:
    var(--ufc-lg-hero),
    radial-gradient(circle at 76% 22%,color-mix(in srgb,var(--red) 13.5%,transparent),transparent 27%),
    radial-gradient(circle at 94% 12%,color-mix(in srgb,var(--blue) 5%,transparent),transparent 20%),
    linear-gradient(120deg,color-mix(in srgb,var(--red2) 4.5%,var(--bg)) 0%,var(--bg2) 55%,color-mix(in srgb,var(--red) 7.5%,var(--bg)) 100%)!important;
  border-bottom-color:color-mix(in srgb,var(--red) 20%,transparent)!important;
}
.hero:before{
  background:
    linear-gradient(135deg,transparent 0 48%,color-mix(in srgb,var(--red) 15%,transparent) 48.2% 48.6%,transparent 49%),
    linear-gradient(155deg,transparent 0 64%,color-mix(in srgb,var(--text) 3.5%,transparent) 64.2% 64.5%,transparent 65%)!important;
}
.signal{
  background:
    linear-gradient(145deg,color-mix(in srgb,var(--red) 5.5%,transparent),transparent 46%),
    linear-gradient(180deg,var(--surface),var(--bg))!important;
  border-color:var(--line)!important;
  box-shadow:0 24px 60px var(--shadow)!important;
}
.signal:before{
  background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--red) 56%,transparent),transparent)!important;
  box-shadow:90px 0 0 color-mix(in srgb,var(--red) 9%,transparent),-90px 0 0 color-mix(in srgb,var(--blue) 4.5%,transparent)!important;
}
.signal:after{border-color:color-mix(in srgb,var(--red) 18%,transparent)!important}
.hero-scribble{color:color-mix(in srgb,var(--text) 80%,transparent)}
.hero-scribble span{color:color-mix(in srgb,var(--red) 90%,transparent)}
.proof-videos,.system,.track,.founder,.faq-sec{background:var(--bg)!important;border-color:var(--line)!important}
.video-proof,.phase,.review,.faq-item,.founder-photo{
  background:var(--panel)!important;
  border-color:var(--line)!important;
}
.video-proof{border-top-color:color-mix(in srgb,var(--red) 42%,transparent)!important}
.video-proof:nth-child(2){border-top-color:color-mix(in srgb,var(--blue) 36%,transparent)!important}
.video-name{color:color-mix(in srgb,var(--red) 82%,transparent)!important}
.video-proof:nth-child(2) .video-name{color:color-mix(in srgb,var(--blue) 76%,transparent)!important}
.phase-r{--phase:color-mix(in srgb,var(--red) 82%,transparent)!important}
.phase-b{--phase:color-mix(in srgb,var(--blue) 72%,transparent)!important}
.phase-y{--phase:color-mix(in srgb,var(--yellow) 72%,transparent)!important}
.tech-red{
  --edge:color-mix(in srgb,var(--red) 82%,transparent)!important;
  --rail-a:color-mix(in srgb,var(--red) 50%,transparent)!important;
  --rail-b:color-mix(in srgb,var(--blue) 20%,transparent)!important;
  --rail-c:color-mix(in srgb,var(--yellow) 24%,transparent)!important;
  --strip:color-mix(in srgb,var(--yellow) 72%,transparent)!important;
  background:
    var(--ufc-lg),
    radial-gradient(circle at 16% 35%,color-mix(in srgb,var(--red) 17%,transparent),transparent 28%),
    radial-gradient(circle at 78% 72%,color-mix(in srgb,var(--blue) 5%,transparent),transparent 34%),
    linear-gradient(110deg,color-mix(in srgb,var(--red) 8%,var(--bg)) 0%,var(--bg2) 48%,var(--bg) 100%)!important;
}
.tech-blue{
  --edge:color-mix(in srgb,var(--blue) 72%,transparent)!important;
  --rail-a:color-mix(in srgb,var(--blue) 52%,transparent)!important;
  --rail-b:color-mix(in srgb,var(--red) 18%,transparent)!important;
  --rail-c:color-mix(in srgb,var(--yellow) 19%,transparent)!important;
  --strip:color-mix(in srgb,var(--yellow) 64%,transparent)!important;
  background:
    var(--ufc-lg),
    radial-gradient(circle at 82% 26%,color-mix(in srgb,var(--blue) 14%,transparent),transparent 28%),
    radial-gradient(circle at 20% 75%,color-mix(in srgb,var(--red) 4.5%,transparent),transparent 30%),
    linear-gradient(116deg,color-mix(in srgb,var(--blue) 5%,var(--bg)) 0%,var(--bg2) 48%,var(--bg) 100%)!important;
}
.tech-gold{
  --edge:color-mix(in srgb,var(--yellow) 72%,transparent)!important;
  --rail-a:color-mix(in srgb,var(--yellow) 46%,transparent)!important;
  --rail-b:color-mix(in srgb,var(--red) 19%,transparent)!important;
  --rail-c:color-mix(in srgb,var(--blue) 17%,transparent)!important;
  --strip:color-mix(in srgb,var(--red) 64%,transparent)!important;
  background:
    var(--ufc-lg),
    radial-gradient(circle at 13% 22%,color-mix(in srgb,var(--yellow) 11%,transparent),transparent 25%),
    radial-gradient(circle at 74% 72%,color-mix(in srgb,var(--red) 5.5%,transparent),transparent 30%),
    linear-gradient(115deg,color-mix(in srgb,var(--yellow) 6%,var(--bg)) 0%,var(--bg2) 45%,var(--bg) 100%)!important;
}
.tech-mixed{
  --edge:color-mix(in srgb,var(--red) 58%,transparent)!important;
  --rail-a:color-mix(in srgb,var(--red) 38%,transparent)!important;
  --rail-b:color-mix(in srgb,var(--blue) 34%,transparent)!important;
  --rail-c:color-mix(in srgb,var(--yellow) 30%,transparent)!important;
  --strip:color-mix(in srgb,var(--yellow) 68%,transparent)!important;
  background:
    var(--ufc-lg),
    radial-gradient(circle at 14% 20%,color-mix(in srgb,var(--red) 10%,transparent),transparent 23%),
    radial-gradient(circle at 77% 24%,color-mix(in srgb,var(--blue) 9%,transparent),transparent 24%),
    radial-gradient(circle at 56% 88%,color-mix(in srgb,var(--yellow) 5.5%,transparent),transparent 24%),
    linear-gradient(115deg,var(--bg2) 0%,var(--bg) 100%)!important;
}
.dotfield{background-image:radial-gradient(circle,color-mix(in srgb,var(--text) 13%,transparent) 1px,transparent 1.35px)!important}
.roadmap-grid{background:var(--surface3)!important;border-color:var(--line)!important}
.roadmap-card{
  border-color:var(--line)!important;
  color:var(--text)!important;
  background:
    radial-gradient(circle at 24% 16%,color-mix(in srgb,var(--red) 14%,transparent),transparent 34%),
    linear-gradient(180deg,color-mix(in srgb,var(--red) 4%,var(--surface)) 0%,var(--surface) 100%)!important;
}
.roadmap-card:nth-child(2){
  background:
    radial-gradient(circle at 74% 18%,color-mix(in srgb,var(--yellow) 10%,transparent),transparent 28%),
    radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--red) 10%,transparent),transparent 32%),
    linear-gradient(180deg,var(--surface) 0%,var(--surface2) 100%)!important;
}
.roadmap-card:nth-child(3){
  background:
    radial-gradient(circle at 20% 12%,color-mix(in srgb,var(--blue) 10%,transparent),transparent 28%),
    radial-gradient(circle at 62% 12%,color-mix(in srgb,var(--red) 9%,transparent),transparent 35%),
    linear-gradient(180deg,var(--surface) 0%,var(--surface2) 100%)!important;
}
.roadmap-card:nth-child(4){
  background:
    radial-gradient(circle at 68% 15%,color-mix(in srgb,var(--yellow) 10%,transparent),transparent 30%),
    radial-gradient(circle at 14% 15%,color-mix(in srgb,var(--red) 9%,transparent),transparent 34%),
    linear-gradient(180deg,var(--surface) 0%,var(--surface2) 100%)!important;
}
.roadmap-card:before{
  background-image:radial-gradient(circle,color-mix(in srgb,var(--red) 20%,transparent) 1px,transparent 1.4px)!important
}
.roadmap-card .days{color:var(--text)!important;text-shadow:0 0 16px color-mix(in srgb,var(--yellow) 28%,transparent),0 0 34px color-mix(in srgb,var(--red) 14%,transparent)!important}
.roadmap-card p{color:var(--muted)!important}
.roadmap-card p strong{color:var(--text)!important}
.jacobo-shot{background:var(--surface)!important;border-color:var(--line)!important;box-shadow:0 16px 38px var(--shadow)!important}
.jacobo-date{color:var(--text)!important}.jacobo-date span{color:var(--muted)!important}.jacobo-date:after{background:linear-gradient(90deg,color-mix(in srgb,var(--red) 32%,transparent),var(--line),transparent)!important}
.jacobo-outcome{border-color:color-mix(in srgb,var(--red) 32%,transparent)!important;background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--red) 10%,transparent),transparent 36%),color-mix(in srgb,var(--red) 4.5%,var(--surface))!important}
.jacobo-outcome small{color:var(--muted)!important}
.review blockquote{color:color-mix(in srgb,var(--text) 88%,transparent)!important}
.stars{color:color-mix(in srgb,var(--yellow) 80%,transparent)!important}
.guarantee{border-color:color-mix(in srgb,var(--yellow) 22%,transparent)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--yellow) 6%,transparent),transparent 48%),color-mix(in srgb,var(--surface) 92%,transparent)!important}
.guarantee h2,.guarantee strong{color:var(--text)!important}
.shield{border-color:color-mix(in srgb,var(--yellow) 70%,transparent)!important;color:color-mix(in srgb,var(--yellow) 82%,transparent)!important}
.faq-sec{background:var(--bg)!important}
.faq-item{background:var(--panel)!important;border-color:var(--line)!important}
.faq-item summary{color:color-mix(in srgb,var(--text) 76%,transparent)!important}
.faq-item[open] summary{color:var(--text)!important}
.faq-item summary:after{color:color-mix(in srgb,var(--yellow) 88%,transparent)!important}
.founder-photo{background:var(--surface)!important;box-shadow:0 24px 60px var(--shadow)!important}
.final{background:var(--ufc-lg),var(--bg2)!important;color:var(--text)!important}
.footer{background:var(--footer)!important;border-color:var(--line)!important}

/* 32-palette lab readability normalization */
.hero p,.proof-head p,.system-head p,.jacobo-head p,.roadmap90 .roadmap-head p,
.track-head p,.founder-copy p,.final p,.video-copy p,.phase p,.phase li,
.review span,.cred span,.faq-answer{color:var(--muted)!important}
.footer p,.footer-links{color:var(--muted2)!important}
/* ===== WordPress theme additions (not in the design file) ===== */
.ufc-wistia{position:relative;aspect-ratio:16/9;width:100%;background:#000 center/cover no-repeat;cursor:pointer;border:0;padding:0;display:block}
.ufc-wistia:before{content:"";position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:var(--red)}
.ufc-wistia:after{content:"";position:absolute;left:50%;top:50%;margin:-11px 0 0 -6px;border-left:20px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent}
.ufc-wistia.is-live:before,.ufc-wistia.is-live:after{display:none}
.ufc-page{padding:72px 0 96px}
.ufc-page h1{font-size:clamp(34px,6vw,56px);line-height:1.02;letter-spacing:-.03em;margin:0 0 28px}
.ufc-content{color:var(--muted);font-size:17px;line-height:1.7}
.ufc-content h2,.ufc-content h3{color:var(--text);line-height:1.15;margin:1.6em 0 .5em}
.ufc-content a{color:var(--text);text-decoration:underline;text-decoration-color:var(--red)}
.ufc-content img{height:auto;border-radius:6px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}

/* ===== Merged from the developer handoff ===== */
.ufc-wistia .ufc-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.ufc-wistia:before,.ufc-wistia:after{z-index:1}
a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
section{scroll-margin-top:24px}
.jacobo .disclaimer{margin-top:28px}
@media(max-width:680px){
  .hero-note,.disclaimer,.footer p,.roadmap-foot{font-size:12px}
  .btn{min-height:44px}
  .footer-links{flex-wrap:wrap}
  .footer-links a{min-height:44px;display:inline-flex;align-items:center}
  .faq-item summary{min-height:44px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{transition:none!important;animation:none!important}
}

/* ===== Later layout additions ===== */
/* Roadmap day ranges: spaced, lighter, smaller dash ("0 – 5") */
.roadmap-card .days .days-dash{display:inline-block;margin:0 .22em;font-size:.62em;font-weight:500;vertical-align:.18em;letter-spacing:0;opacity:.55}

/* Jacobo case study (layout B): story left, screenshots right in two uniform columns */
.jacobo-b{padding:64px 0}
.jacobo-b .jb{display:grid;grid-template-columns:380px 1fr;gap:48px;align-items:start}
.jacobo-b .jb-left{position:sticky;top:110px}
.jacobo-b .jb-left .jacobo-head{text-align:left;margin:0 0 22px;max-width:none}
.jacobo-b .jb-left .jacobo-head p{margin:0}
.jacobo-b .jb-left h2{font-size:46px}
.jacobo-b .jb-steps{list-style:none;margin:0 0 22px;padding:0;border-left:2px solid rgba(255,58,66,.4)}
.jacobo-b .jb-steps li{padding:0 0 14px 18px;position:relative}
.jacobo-b .jb-steps li:before{content:"";position:absolute;left:-7px;top:3px;width:12px;height:12px;border-radius:50%;background:var(--red)}
.jacobo-b .jb-steps .jacobo-date{margin:0}
.jacobo-b .jb-steps .jacobo-date:after{display:none!important}
.jacobo-b .jb-left .jacobo-outcome{margin:0;text-align:left}
.jacobo-b .jb-left .disclaimer{text-align:left;font-size:10px;margin:18px 0 0}
.jacobo-b .jb-item{break-inside:avoid;margin-bottom:6px}
.jacobo-b .jb-shots .jacobo-shot{break-inside:avoid;margin-bottom:14px;padding:7px}
.jacobo-b .jacobo-shot img{width:auto;max-width:100%;display:block;margin:0 auto}
.jacobo-b .tag{font-size:9px;letter-spacing:.14em;color:var(--red);font-weight:900;margin:0 0 6px;display:block;text-transform:uppercase}
.jacobo-b .tag b,.jacobo-b .tag span{display:inline;font:inherit;color:inherit;letter-spacing:inherit}
.jacobo-b .tag span:before{content:"\00B7";margin:0 .45em}
.jacobo-b .jb-shots{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.jacobo-b .jb-col{display:flex;flex-direction:column;min-width:0}
.jacobo-b .jb-col .jb-item{margin:0 0 6px;display:flex;flex-direction:column}
.jacobo-b .jb-col .jacobo-shot{margin:0 0 14px;padding:8px}
.jacobo-b .jb-col > .jb-item:last-child .jacobo-shot:last-child{margin-bottom:0}
.jacobo-b .jb-col .jacobo-shot img{width:100%;height:auto;max-width:100%;object-fit:initial;position:static;display:block}
@media(max-width:820px){
  .jacobo-b .jb{grid-template-columns:1fr;gap:26px}
  .jacobo-b .jb-left{position:static}
  .jacobo-b .jb-left h2{font-size:38px}
  .jacobo-b .jb-shots{grid-template-columns:1fr}
  .jacobo-b .jb-col:first-child{margin-bottom:14px}
}

/* Guarantee shield: no clipped border remnants */
.shield{border:0!important;clip-path:none!important;width:auto;height:auto}

/* Founder: past employers as text wordmarks (no third-party logos) */
.past-cos{margin-top:26px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1)}
.past-label{font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
.past-names{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 28px}
.past-names li{font-family:inherit;font-weight:900;font-size:17px;letter-spacing:-.01em;color:var(--muted);opacity:.85;white-space:nowrap}
@media(max-width:820px){.past-names{gap:8px 20px}.past-names li{font-size:15px}}

/* Founder stat cards: gold numbers, "N for N" */
.creds{gap:32px;margin-top:28px}
.cred{display:flex;flex-direction:column;justify-content:flex-start;min-width:0;padding:22px 18px 20px}
.cred b{display:block;font-size:36px;font-weight:900;line-height:1;letter-spacing:-.03em;white-space:nowrap;color:color-mix(in srgb,var(--yellow) 82%,transparent)}
.cred span{font-size:13px!important;font-weight:800;letter-spacing:.08em;line-height:1.3;margin-top:10px!important;color:rgba(255,255,255,.82)!important}
.cred b .cred-for{display:inline;font-size:.55em;font-weight:500;letter-spacing:0;color:var(--muted);margin:0 .12em;vertical-align:.15em}
@media(max-width:820px){.creds{gap:16px}.cred b{font-size:30px}.cred{padding:16px 0}}

/* Resources page */
.res-page{padding:72px 0 90px}
.res-page h1{font-size:clamp(40px,5vw,60px);letter-spacing:-.04em;margin:8px 0 18px}
.res-grid{align-items:start;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-top:34px}
.res-card{display:flex;flex-direction:column;gap:8px;padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:12px}
.res-card:hover{border-color:var(--red)}.res-card b{font-size:20px}.res-card img{border-radius:8px;margin-bottom:6px}.res-card.res-book img{display:block;width:100%;max-width:300px;height:auto;margin:-8px auto 0;border-radius:0}

/* Homepage: smaller founder photo on mobile; hero headline unconstrained on desktop (fits two lines) */
@media(max-width:900px){
  .founder-photo{width:60%;max-width:240px;min-height:0!important;margin:0 auto;justify-self:center}
  .founder-photo img{min-height:0!important;height:auto!important;width:100%;object-fit:contain}
}
@media(min-width:901px){.hero h1{max-width:none!important}}
/* 0.9.2 full-width hero (no right-hand graphic) */
.hero-grid.hero-grid-full{grid-template-columns:1fr;text-align:center;justify-items:center;padding:96px 0 84px}
.hero-full h1{font-size:clamp(48px,8vw,112px);max-width:1100px;margin:0 auto 22px}
.hero-full p{font-size:19px;max-width:760px;margin:0 auto}
.hero-full .actions,.hero-full .stats{justify-content:center}
.hero-full .actions{margin-top:32px}
.btn.btn-xl{min-height:64px;padding:0 38px;font-size:16px;border-radius:7px}
.hero-full .hero-note{margin-top:18px;max-width:640px}
@media(max-width:700px){.hero-grid.hero-grid-full{padding:56px 0 52px}.hero-full p{font-size:16px}.btn.btn-xl{width:100%;min-height:56px;font-size:15px;padding:0 18px}}
/* 0.9.3: crisp hero, two-line H1, centered note, bigger CTAs, section CTAs */
.hero-full,.hero-full h1,.hero-full p{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.hero-full p{font-weight:400}
.hero-full h1 .h1-nowrap{color:var(--red);white-space:nowrap}
.hero-full .hero-note{text-align:center;margin-left:auto;margin-right:auto}
.home .btn.btn-xl,.sec-cta .btn.btn-xl,.final .btn.btn-xl{font-size:20px;min-height:0;padding:22px 44px;border-radius:8px;line-height:1.2;text-align:center}
.sec-cta{display:flex;justify-content:center;margin:48px auto 8px;position:relative;z-index:2}
@media(max-width:700px){.home .btn.btn-xl,.sec-cta .btn.btn-xl,.final .btn.btn-xl{width:100%;font-size:18px;padding:18px 22px}.sec-cta{margin-top:34px}.hero-full h1 br{display:none}}

/* 0.9.4 faq list */
.ufc-faq-list{margin:10px 0 0;padding-left:22px;list-style:decimal}
.ufc-faq-list li{margin:0 0 8px;padding-left:4px}
.ufc-faq-list strong{font-weight:600;color:#e8e6e1}

/* 0.9.8 VSL block (homepage hero + /confirmation/next-steps/): responsive 16:9 embed or placeholder frame */
.ufc-vsl{width:100%;max-width:880px;margin:0 auto}
.ufc-vsl-frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#0B0B0C;border:1px solid rgba(255,255,255,.12);box-shadow:0 26px 70px rgba(0,0,0,.55),0 0 0 1px rgba(255,58,66,.10),0 0 90px rgba(255,58,66,.10)}
.ufc-vsl-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.ufc-vsl-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;
  background:radial-gradient(circle at 50% 38%,rgba(255,58,66,.20),transparent 46%),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(135deg,#0d0d0f,#120708)}
.ufc-vsl-play{width:76px;height:76px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--red,#FF3A42);color:#fff;padding-left:4px;box-shadow:0 0 0 10px rgba(255,58,66,.16),0 14px 34px rgba(255,58,66,.35)}
.ufc-vsl-label{font:600 14px/1 'Inter',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--muted,#9B9FA6)}
.hero-full .hero-vsl{margin:40px auto 0}
.hero-full .hero-vsl + .actions{margin-top:36px}
@media(max-width:700px){.hero-full .hero-vsl{margin-top:28px}.hero-full .hero-vsl + .actions{margin-top:26px}.ufc-vsl-frame{border-radius:10px}.ufc-vsl-play{width:60px;height:60px}.ufc-vsl-label{font-size:12px}}

/* 1.0.4 hero layout (Client Ascension style layout, our own bg/colours): compact one-line headline, tagline, framed video card, single CTA, all above the fold */
.hero-full .hero-grid.hero-grid-full{width:calc(100% - 96px);max-width:1200px;padding:30px 0 44px}
.hero-full h1{max-width:none;width:100%;font-size:clamp(24px,3.1vw,54px);font-weight:700;line-height:1.14;letter-spacing:-.03em;margin:0 auto 16px;white-space:normal;text-wrap:balance;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.6),0 0 30px rgba(255,255,255,.10)}
.hero-full h1 br{display:inline}
.hero-full h1 span,.hero-full h1 .h1-red{color:var(--red);white-space:normal}
.hero-full p{font-size:18px;line-height:1.5;font-weight:400;letter-spacing:0;max-width:100%;margin:0 auto;color:#fff!important;text-shadow:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.hero-full p .hero-ul{text-decoration:underline;text-decoration-color:#FFD45A;text-decoration-thickness:3px;text-underline-offset:5px;text-decoration-skip-ink:none;font:inherit;color:inherit}
.hero-full .hero-vsl{margin:36px auto 0;width:min(100%,44.4vw,640px,calc((100vh - 300px)*16/9));max-width:none}
.hero-full .hero-vsl .ufc-vsl-frame{border-radius:20px;border:1px solid rgba(255,255,255,.16);box-shadow:0 0 0 6px rgba(255,255,255,.03),0 18px 44px rgba(0,0,0,.5),0 0 60px rgba(255,58,66,.10)}
.hero-full .hero-vsl + .actions{margin-top:26px}
/* 1.0.5: the video card (position:relative) painted its drop shadow over the non-positioned CTA; lift the CTA above it and keep the card shadow short */
.hero-full .actions{position:relative;z-index:3}
@supports(height:100svh){.hero-full .hero-vsl{width:min(100%,44.4vw,640px,calc((100svh - 300px)*16/9))}}
@media(max-width:700px){
  .hero-full .hero-grid.hero-grid-full{width:calc(100% - 32px);padding:14px 0 36px}
  .hero-full h1{font-size:clamp(26px,7.7vw,44px);line-height:1.14;margin-bottom:12px;max-width:none}
  .hero-full h1 br{display:none}
  .hero-full p{font-size:15px;line-height:1.45}
  .hero-full .hero-vsl{margin-top:22px;width:100%;max-width:none}
  .hero-full .hero-vsl .ufc-vsl-frame{border-radius:14px}
  .hero-full .hero-vsl + .actions{margin-top:20px}
}
.hero-full .hero-grid-full>div{width:100%}

/* 1.0.6: hero background starts at the very top of the page, behind the floating header (no cut line under the menu) */
.hero-full{margin-top:-118px;padding-top:118px}
@media(max-width:900px){.hero-full{margin-top:-90px;padding-top:90px}}
/* 1.0.6: the fixed full-screen noise overlay (2% opacity, z-index 999) sat on top of all text and forced it onto its own composited layer, which made small light text look soft. Removed. */
body:after{display:none!important}

/* 1.0.9: hero left-side streaks (mirror of the right-hand ones) */
.hero-full:after{content:"";position:absolute;left:-100px;top:70px;width:620px;height:360px;opacity:.8;transform:rotate(6deg) scaleX(-1);pointer-events:none;z-index:0;
  background:linear-gradient(135deg,transparent 0 48%,rgba(255,58,66,.16) 48.2% 48.6%,transparent 49%),linear-gradient(155deg,transparent 0 64%,rgba(255,255,255,.04) 64.2% 64.5%,transparent 65%)}
/* 1.0.9: headline gradient back (grey to white); the red phrase stays solid; shadow via drop-shadow because the fill is a clipped background */
.hero-full h1{display:block;width:fit-content;max-width:100%;margin-left:auto;margin-right:auto;
  background:linear-gradient(90deg,#8d9097 0%,#f4f4f2 45%,#fff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:none;
  filter:drop-shadow(0 2px 8px rgba(0,0,0,.55)) drop-shadow(0 0 16px rgba(255,255,255,.07))}
.hero-full h1 span,.hero-full h1 .h1-red{-webkit-text-fill-color:var(--red);color:var(--red);background:none}

/* 1.0.19 review boxes: even padding on every side */
.review,.review:nth-child(even){padding:24px 28px 26px!important}
@media (max-width:760px){.review,.review:nth-child(even){padding:20px 20px 22px!important}}

/* 1.0.21 mobile QA fixes */
h1,h2,h3{text-wrap:balance}
button.btn.btn-red{font-size:14px}
.ufa .btn{font-size:14px}
@media (max-width:760px){
  .stat span{font-size:10px}
  .phase p{font-size:14px}
  .phase li{font-size:13px}
  .res-page .eyebrow{font-size:11px}
}
@media (max-width:600px){
  .footer-links{font-size:13px;gap:8px 20px}
  .footer-links a{padding:0 6px}
}