/* promofomo — brand tokens + UI. See ../CLAUDE.md and ../Brand/brand-system.md */
:root{
  --pf-black:#05070D;
  --pf-navy:#090D18;
  --pf-charcoal:#111622;
  --pf-white:#FFFFFF;
  --pf-soft-white:#F5F7FA;
  --pf-muted:#9AA1AE;
  --pf-secondary:#A0A7B4;
  --pf-pink:#FF00C8;
  --pf-hot-pink:#FF1493;
  --pf-cyan:#00E5FF;
  --pf-purple:#B026FF;
  --pf-yellow:#E4FF3D;
  --pf-border:rgba(255,255,255,.09);
  --pf-glow-pink:0 0 24px rgba(255,0,200,.42);
  --pf-glow-cyan:0 0 20px rgba(0,229,255,.30);
  --sans:"Geist","Inter","Helvetica Neue",Arial,sans-serif;
  --max:1400px;
  --content:1200px;
  --ease:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--pf-black);color:var(--pf-soft-white);
  font-family:var(--sans);font-size:16px;line-height:1.55;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
/* subtle scanlines over the whole canvas */
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:repeating-linear-gradient(to bottom,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 5px);
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.02em;line-height:1.08;color:var(--pf-white)}
h2{font-size:clamp(26px,3vw,38px)}
h3{font-size:19px;letter-spacing:-.01em}
p{margin:0}
.wrap{position:relative;z-index:1;width:min(var(--content),100% - 32px);margin-inline:auto}
.wrap--wide{width:min(var(--max),100% - 32px)}

/* type utilities */
.label{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--pf-cyan);margin-bottom:10px}
.label--pink{color:var(--pf-pink);text-shadow:0 0 10px rgba(255,0,200,.5);display:flex;align-items:center;gap:10px}
.label--pink .soon{text-shadow:none}
.neon-pink{color:#fff;text-shadow:0 0 4px #fff,0 0 10px #ff00c8,0 0 20px #ff00c8,0 0 38px rgba(255,0,200,.70)}
.muted{color:var(--pf-secondary)}
.lede{font-size:clamp(16px,1.3vw,19px);color:var(--pf-secondary);max-width:56ch}
.link-arrow{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--pf-cyan);white-space:nowrap}
.link-arrow::after{content:"\2192";margin-left:8px;transition:transform .18s var(--ease);display:inline-block}
.link-arrow:hover::after{transform:translateX(4px)}

/* buttons */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:48px;padding:0 22px;border-radius:8px;border:1px solid transparent;
  font:600 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;
  transition:transform .18s var(--ease),box-shadow .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease);
  white-space:nowrap;
}
.btn:hover{transform:translateY(-2px)}
.btn--primary{background:var(--pf-white);color:var(--pf-black);box-shadow:0 0 24px rgba(255,0,200,.35)}
.btn--primary:hover{box-shadow:0 0 34px rgba(255,0,200,.55)}
.btn--secondary{background:transparent;color:var(--pf-white);border-color:rgba(0,229,255,.55)}
.btn--secondary:hover{border-color:var(--pf-cyan);box-shadow:var(--pf-glow-cyan)}
.btn--pink{background:var(--pf-pink);color:var(--pf-black)}
.btn--pink:hover{box-shadow:var(--pf-glow-pink)}
.btn--lg{min-height:56px;padding:0 30px;font-size:13px}
.btn--yt{background:var(--pf-pink);color:var(--pf-black);min-height:40px;padding:0 16px;font-size:11px}
.btn--yt:hover{box-shadow:var(--pf-glow-pink)}
.btn:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--pf-cyan);outline-offset:3px}

/* nav */
.nav{position:sticky;top:0;z-index:20;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  background:rgba(5,7,13,.72);border-bottom:1px solid var(--pf-border)}
.nav__in{display:flex;align-items:center;justify-content:space-between;min-height:64px}
.nav__logo img{height:40px;width:auto;filter:drop-shadow(0 0 10px rgba(255,0,200,.45))}
.nav__links{display:flex;gap:28px;list-style:none;margin:0;padding:0}
.nav__links a{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--pf-secondary);transition:color .18s}
.nav__links a:hover{color:var(--pf-white)}
.nav__links .nav__premium{color:var(--pf-pink);text-shadow:0 0 10px rgba(255,0,200,.45)}
@media (max-width:820px){.nav__links{display:none}}
.nav__right{display:flex;align-items:center;gap:12px}

/* hero */
.hero{position:relative;padding:20px 0 56px}
.hero__frame{
  position:relative;border-radius:18px;overflow:hidden;height:clamp(300px,46vh,500px);
  border:1px solid var(--pf-border);background:var(--pf-navy);
  box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 60px rgba(255,0,200,.08);
}
.hero__frame img{width:100%;height:100%;object-fit:cover;object-position:50% 60%}
.hero__wm{display:none}
.hero__frame::after{ /* one-time horizontal light sweep */
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.10) 50%,transparent 70%);
  transform:translateX(-120%);animation:sweep 1.6s .35s var(--ease) 1 forwards;
}
@keyframes sweep{to{transform:translateX(120%)}}
.hero__copy{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:end;margin-top:36px}
.hero__copy h1{font-size:clamp(34px,4.6vw,60px);max-width:12ch}
.hero__copy h1 em{font-style:normal;color:var(--pf-pink)}
.hero__side{display:grid;gap:20px}
.hero__ctas{display:flex;flex-wrap:wrap;gap:10px}
.hero__eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.hero__eyebrow::before{content:"";width:28px;height:1px;background:var(--pf-cyan);box-shadow:var(--pf-glow-cyan)}
.hero__eyebrow--yt{gap:10px}
.hero__eyebrow--yt::before{display:none}
.yt{width:26px;height:26px;flex:none;filter:drop-shadow(0 0 8px rgba(255,0,0,.45))}
.btn .yt{width:20px;height:20px;filter:none}
@media (max-width:900px){
  .hero{padding-top:12px;padding-bottom:44px}
  .hero__frame{height:min(64vw,360px);border-radius:14px}
  /* on phones the baked-in wordmark is too small: blur the scene into haze and overlay the crisp wordmark */
  .hero__frame img{object-position:50% 45%;transform:scale(1.3);filter:brightness(.6) blur(12px)}
  .hero__frame::after{display:none}
  .hero__frame .hero__wm{display:block;position:absolute;inset:0;margin:auto;width:86%;height:auto;object-fit:contain;transform:none;filter:none}
  .hero__copy{grid-template-columns:1fr;gap:22px;margin-top:28px}
  .hero__ctas .btn{flex:1 1 auto}
}

/* sections */
.section{padding:56px 0;position:relative}
.section--tint{background:var(--pf-navy);border-block:1px solid var(--pf-border)}
.section__row{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}
.section__row h2{max-width:22ch}
@media (max-width:640px){.section__row{flex-direction:column;align-items:flex-start}}

/* forms */
.form{display:grid;gap:12px}
.form__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:560px){.form__row{grid-template-columns:1fr}}
.field{display:grid;gap:6px}
.field label{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--pf-muted)}
.field select{width:100%;min-height:46px;padding:11px 14px;border-radius:8px;background:rgba(12,16,27,.85);border:1px solid rgba(255,255,255,.12);color:var(--pf-white);font:400 15px/1.4 var(--sans);appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--pf-muted) 50%),linear-gradient(135deg,var(--pf-muted) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat}
.field select:focus{border-color:var(--pf-cyan);box-shadow:var(--pf-glow-cyan);outline:none}
.field input,.field textarea{
  width:100%;min-height:46px;padding:11px 14px;border-radius:8px;
  background:rgba(12,16,27,.85);border:1px solid rgba(255,255,255,.12);color:var(--pf-white);
  font:400 15px/1.4 var(--sans);transition:border-color .18s,box-shadow .18s;
}
.field textarea{min-height:110px;resize:vertical}
.field input::placeholder,.field textarea::placeholder{color:#5f6673}
.field input:hover,.field textarea:hover{border-color:rgba(255,255,255,.22)}
.field input:focus,.field textarea:focus{border-color:var(--pf-cyan);box-shadow:var(--pf-glow-cyan);outline:none}
.form__foot{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:4px}
.form__status{font-size:14px;min-height:1.4em}
.form__status.ok{color:var(--pf-cyan)}
.form__status.err{color:var(--pf-hot-pink)}
.hp{position:absolute;left:-9999px;opacity:0;height:0;width:0}

/* neon-backlit hamburger + dropdown (Top 10 coming soon lives here) */
.menu{position:relative}
.menu__btn{width:44px;height:40px;display:grid;place-content:center;gap:5px;padding:0;border-radius:8px;cursor:pointer;
  background:rgba(12,16,27,.85);border:1px solid rgba(255,0,200,.55);box-shadow:0 0 18px rgba(255,0,200,.35),inset 0 0 12px rgba(255,0,200,.12);
  transition:box-shadow .2s var(--ease),border-color .2s var(--ease),transform .18s var(--ease)}
.menu__btn span{display:block;width:18px;height:2px;background:#fff;border-radius:2px;box-shadow:0 0 6px rgba(255,0,200,.9);transition:transform .2s var(--ease),opacity .2s}
.menu__btn:hover,.menu__btn[aria-expanded=true]{border-color:var(--pf-pink);box-shadow:0 0 28px rgba(255,0,200,.6),inset 0 0 14px rgba(255,0,200,.2);transform:translateY(-1px)}
.menu__btn[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu__btn[aria-expanded=true] span:nth-child(2){opacity:0}
.menu__btn[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.menu__panel{position:absolute;right:0;top:calc(100% + 10px);width:300px;padding:8px;border-radius:14px;z-index:30;
  background:rgba(9,13,24,.96);border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 60px rgba(0,0,0,.6),0 0 40px rgba(255,0,200,.12);backdrop-filter:blur(12px)}
.menu__links{list-style:none;margin:0;padding:4px 0 8px;border-bottom:1px solid var(--pf-border)}
.menu__links a{display:block;padding:9px 12px;border-radius:8px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--pf-secondary)}
.menu__links a:hover{color:#fff;background:rgba(255,255,255,.05)}
@media (min-width:821px){.menu__links{display:none}}
.menu__soon{padding:12px 12px 10px}
.menu__title{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;font-size:15px;margin-bottom:8px;text-shadow:0 0 10px rgba(255,0,200,.6)}
.soon{font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--pf-cyan);border:1px solid rgba(0,229,255,.5);border-radius:5px;padding:4px 7px;box-shadow:var(--pf-glow-cyan)}
.menu__soon ul{list-style:none;margin:0 0 10px;padding:0}
.menu__soon li{font-size:13px;color:var(--pf-muted);padding:6px 0;border-top:1px solid var(--pf-border)}
.menu__soon li::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--pf-pink);opacity:.5;margin-right:10px;vertical-align:middle}
.menu__soon a{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--pf-cyan)}

/* premium entry in the hamburger */
.menu__premium{display:grid;gap:6px;margin:4px 0 6px;padding:12px;border-radius:10px;background:linear-gradient(135deg,rgba(255,0,200,.16),rgba(176,38,255,.10));border:1px solid rgba(255,0,200,.45);box-shadow:inset 0 0 20px rgba(255,0,200,.08)}
.menu__premium:hover{border-color:var(--pf-pink);box-shadow:0 0 18px rgba(255,0,200,.3)}
.menu__ptop{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#fff}
.soon--pink{color:var(--pf-pink);border-color:rgba(255,0,200,.55);box-shadow:0 0 14px rgba(255,0,200,.3)}
.menu__premium strong{font-size:22px;color:#fff;letter-spacing:-.02em}
.menu__premium strong small{font-size:12px;color:var(--pf-secondary);letter-spacing:0;margin-left:2px}
.menu__pcta{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--pf-pink)}

/* conversion strip under the lanes */
.strip-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:40px;padding:16px 20px;border-radius:12px;border:1px solid rgba(255,0,200,.3);background:rgba(255,0,200,.06)}
.strip-cta p{color:var(--pf-secondary);font-size:15px}
.strip-cta strong{color:#fff}

/* premium member section */
.founders{display:grid;grid-template-columns:1.05fr .95fr;gap:40px 56px;padding:clamp(28px,4vw,48px);border-radius:20px;position:relative;overflow:visible;
  background:linear-gradient(160deg,rgba(17,22,34,.95),rgba(9,13,24,.95));border:1px solid rgba(255,0,200,.35);box-shadow:0 0 60px rgba(255,0,200,.10),0 30px 80px rgba(0,0,0,.5)}
.founders::before{content:"";position:absolute;inset:0;border-radius:20px;pointer-events:none;background:radial-gradient(ellipse at 15% 100%,rgba(255,0,200,.18),transparent 55%),radial-gradient(ellipse at 100% 0%,rgba(0,229,255,.08),transparent 50%)}
.founders>*{position:relative}
.founders__main{display:grid;gap:18px;align-content:start}
.founders__main h2{font-size:clamp(30px,3.4vw,44px);max-width:none;padding-right:30%}
.founders__price{display:flex;align-items:center;gap:14px}
.founders__amount{font-size:64px;font-weight:700;letter-spacing:-.04em;line-height:1;color:#fff;text-shadow:0 0 18px rgba(255,0,200,.45)}
.founders__per{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--pf-cyan);line-height:1.5}
.founders__form{display:flex;gap:10px}
.founders__form .field{flex:1}
.founders__fine{font-size:12px;color:var(--pf-muted);max-width:52ch}
.founders__list{list-style:none;margin:0;padding:0;display:grid;gap:0;align-self:center}
.founders__list li{position:relative;padding:14px 0 14px 34px;border-top:1px solid var(--pf-border);font-size:14px;color:var(--pf-secondary)}
.founders__list li:last-child{border-bottom:1px solid var(--pf-border)}
.founders__list li::before{content:"";position:absolute;left:0;top:19px;width:18px;height:18px;border-radius:50%;border:1px solid rgba(255,0,200,.6);box-shadow:0 0 10px rgba(255,0,200,.35);background:rgba(255,0,200,.12)}
.founders__list li::after{content:"";position:absolute;left:6px;top:24px;width:5px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.founders__list strong{color:#fff;font-weight:600}
.mk--founders{position:absolute;right:-14%;bottom:.5em;font-size:clamp(40px,4.2vw,56px);transform:rotate(-6deg);z-index:1}
.founders--soldout .founders__form{display:none}
.footer__premium{color:var(--pf-pink)!important}
@media (max-width:900px){.founders{grid-template-columns:1fr;gap:28px}.founders__main h2{max-width:none}.mk--founders{position:static;display:inline-block;margin:8px 0 0 6px;transform:rotate(-4deg);font-size:38px}}
@media (max-width:520px){.founders__form{flex-direction:column}.founders__amount{font-size:52px}}

/* premium: what we teach (full-width widget inside the panel) */
.learn{grid-column:1/-1;margin-top:8px;padding-top:32px;border-top:1px solid rgba(255,0,200,.25);display:grid;gap:22px}
.learn__head{display:grid;gap:10px;max-width:60ch}
.learn__head h3{font-size:clamp(26px,3vw,38px);letter-spacing:-.02em;position:relative;display:inline-block;justify-self:start;width:max-content;max-width:100%;padding-right:1.2em}
.learn__head .muted{font-size:15px}
.learn__head .mk--learn{position:absolute;left:100%;bottom:-.1em;margin-left:-.9em;font-size:1.35em;transform:rotate(-6deg);white-space:nowrap}
.learn__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.learn__tile{position:relative;padding:22px 20px 20px;border-radius:12px;border:1px solid var(--pf-border);background:rgba(5,7,13,.55);display:grid;gap:8px;align-content:start;transition:transform .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease)}
.learn__tile:hover{transform:translateY(-3px);border-color:rgba(255,0,200,.45);box-shadow:0 0 26px rgba(255,0,200,.12)}
.learn__num{font-size:12px;font-weight:700;letter-spacing:.18em;color:var(--pf-pink);text-shadow:0 0 10px rgba(255,0,200,.5)}
.learn__tile h4{margin:0;font-size:17px;font-weight:700;letter-spacing:-.01em;color:#fff;line-height:1.2}
.learn__tile p{font-size:13.5px;color:var(--pf-secondary);line-height:1.5}
.learn__tile--ai{border-color:rgba(0,229,255,.4);background:linear-gradient(160deg,rgba(0,229,255,.08),rgba(5,7,13,.6))}
.learn__tile--ai .learn__num{color:var(--pf-cyan);text-shadow:var(--pf-glow-cyan)}
.learn__tile--ai:hover{border-color:var(--pf-cyan);box-shadow:var(--pf-glow-cyan)}
@media (max-width:1000px){.learn__grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.learn__grid{grid-template-columns:1fr}.learn__head .mk--learn{position:static;display:inline-block;margin:6px 0 0 6px;transform:rotate(-4deg)}.learn__head h3{padding-right:0}}

/* what we cover — text only, three lanes */
.lanes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.lane{position:relative;padding:22px 24px 36px;border-radius:12px;border:1px solid var(--pf-border);background:rgba(12,16,27,.6);border-top:2px solid var(--pf-pink);display:grid;gap:8px;align-content:start}
.lane .label{margin:0}
.lane p:not(.label){color:var(--pf-secondary);font-size:14px}
.lane--cyan{border-top-color:var(--pf-cyan)}
.lane--cyan .label{color:var(--pf-cyan)}
.lane--bad{border-top-color:var(--pf-hot-pink);border-style:dashed;border-top-style:solid}
.lane--bad .label{color:var(--pf-hot-pink);display:flex;align-items:center;gap:8px}
.dont{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border-radius:5px;font-size:10px;letter-spacing:.14em;color:#fff;background:rgba(255,20,147,.16);border:1px solid rgba(255,20,147,.55)}
.dont::before{content:"\2715";font-size:10px;color:var(--pf-hot-pink)}
@media (max-width:820px){.lanes{grid-template-columns:1fr}}

/* why trust us */
.trust{display:grid;grid-template-columns:1.1fr .9fr;gap:24px 56px;align-items:start}
.trust h2{margin-bottom:12px}
.trust .muted{font-size:15px}
.proof{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.proof li{padding:12px 16px;border-left:2px solid var(--pf-cyan);background:rgba(12,16,27,.6);border-radius:0 10px 10px 0;font-size:14px;color:var(--pf-secondary)}
.proof strong{display:block;color:#fff;font-weight:600;font-size:15px;margin-bottom:2px}
.hosts{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px}
.host{display:flex;gap:12px;align-items:center;padding:10px 18px 10px 12px;border:1px solid var(--pf-border);border-radius:10px;background:rgba(12,16,27,.5)}
.host img{width:36px;height:auto;flex:none}
.host h3{font-size:15px}
.host p{font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--pf-cyan)}
@media (max-width:820px){.trust{grid-template-columns:1fr}}

/* footer, with the swag submission tucked into an expander */
.footer{padding:24px 0 32px;border-top:1px solid var(--pf-border);font-size:13px;color:var(--pf-muted)}
.swag{border:1px solid var(--pf-border);border-radius:12px;background:rgba(12,16,27,.5);margin-bottom:12px}
.swag--work{border-color:rgba(0,229,255,.35)}
.swag--work summary{color:#fff}
.swag--work .plus{border-color:rgba(0,229,255,.7);box-shadow:var(--pf-glow-cyan)}
.footer__in{margin-top:24px}
.swag summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:14px 18px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--pf-secondary);transition:color .18s}
.swag summary::-webkit-details-marker{display:none}
.swag summary:hover,.swag[open] summary{color:#fff}
.plus{position:relative;width:20px;height:20px;border-radius:6px;border:1px solid rgba(255,0,200,.6);box-shadow:0 0 12px rgba(255,0,200,.3);flex:none;transition:transform .2s var(--ease)}
.plus::before,.plus::after{content:"";position:absolute;left:50%;top:50%;background:#fff;transform:translate(-50%,-50%)}
.plus::before{width:10px;height:2px}.plus::after{width:2px;height:10px}
.swag[open] .plus{transform:rotate(45deg)}
.swag__body{padding:4px 18px 20px;display:grid;gap:14px;max-width:760px}
.swag__body .muted{font-size:14px}
.footer__in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;align-items:center}
.footer__links{display:flex;flex-wrap:wrap;gap:22px;align-items:center}
.footer__links a{color:var(--pf-secondary);transition:color .18s}
.footer__links a:hover{color:var(--pf-white)}
.footer__links span{color:#5f6673}

/* === MARKER OVERLAY (experimental, 2026-09-21) — paint-marker script in neon yellow, sprinkled over panels.
   To remove: delete this block and every element with class "mk" / "mk-host" in index.html. === */
.mk{font-family:"Caveat Brush","Permanent Marker",cursive;font-weight:400;color:var(--pf-yellow);line-height:.9;letter-spacing:-.01em;
  text-shadow:0 0 14px rgba(228,255,61,.35);pointer-events:none;user-select:none;white-space:nowrap;display:inline-block;position:relative}
.mk__u{position:absolute;left:-2%;bottom:-.22em;width:104%;height:.28em;color:var(--pf-yellow);overflow:visible;opacity:.95}
.mk-host{position:relative}
/* lane panels: big word bleeding off the bottom-right corner */
.mk--lane{position:absolute;right:-14px;bottom:-24px;font-size:58px;transform:rotate(-5deg);opacity:.95;z-index:1}
.mk--strike{color:var(--pf-hot-pink);text-shadow:0 0 14px rgba(255,20,147,.4)}
.mk--strike .mk__u{color:var(--pf-yellow)}
/* over the trust heading, crossing the last line */
.mk--over{position:absolute;right:-48%;bottom:.05em;font-size:clamp(44px,5vw,64px);transform:rotate(-6deg);z-index:1}
/* crossing the pink wordmark in the newsletter band */
.mk--drop{position:absolute;left:30%;bottom:-30px;font-size:clamp(36px,3.4vw,46px);transform:rotate(-5deg);z-index:1}
/* small aside in the footer expander */
.mk--sm{font-size:22px;text-transform:none;letter-spacing:0;margin-left:14px;transform:rotate(-3deg);opacity:.9}
.mk--sm .mk__u{display:none}
@media (max-width:820px){.mk--lane{font-size:44px;right:-6px;bottom:-18px}.mk--over{position:static;display:inline-block;font-size:40px;transform:rotate(-4deg);margin:10px 0 0 8px}.mk--drop{position:static;display:inline-block;margin:8px 0 4px;font-size:32px;transform:rotate(-4deg)}.mk--sm{font-size:18px}}
.lanes{gap:20px 20px;row-gap:34px}
/* === /MARKER === */

/* reveal on scroll */
.reveal{opacity:0;transform:translateY(14px);transition:opacity .55s var(--ease),transform .55s var(--ease)}
.reveal.in{opacity:1;transform:none}
/* neon flicker once on entry */
.flicker{animation:flick 1.1s .15s steps(1,end) 1}
@keyframes flick{0%{opacity:.35}8%{opacity:1}12%{opacity:.5}18%{opacity:1}40%{opacity:.85}45%{opacity:1}100%{opacity:1}}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
  html{scroll-behavior:auto}
}