@charset "UTF-8";
/* Layout: the training portal's own language on a marketing page. Linen ground, white cards with
   soft shadows and thin borders, colour only as top edges, tints and flat pills. One black bar per
   section at most. Calm spacing, one column of attention at a time. Single light brand look. */
:root{
  color-scheme: light;
  --ink:#1B1918; --ink-2:#3A3735; --ink-3:#6B6663; --ink-4:#A8A3A0;
  --linen:#FDFBF7; --white:#FFFFFF; --rule:#ECEAE7; --line:rgba(27,25,24,.12);
  --green:#65E499; --pink:#FFA8D1; --yellow:#F4F7A6; --blue:#7DD3FC;
  --t-green:#E9FAF0; --t-blue:#EAF6FE; --t-yellow:#FBFCE6; --t-pink:#FFF0F6;
  --on-dark:#CFCBC8;
  --display:'Spectral','Times New Roman',Georgia,serif;
  --body:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;
  --r:18px; --r-sm:14px; --pill:999px;
  --soft:0 1px 0 rgba(17,17,17,.04),0 8px 24px -16px rgba(17,17,17,.14);
  --lift:0 1px 0 rgba(17,17,17,.04),0 16px 32px -18px rgba(17,17,17,.22);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--linen);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--display);font-weight:700;letter-spacing:-.02em;line-height:1.1;text-wrap:balance;margin:0}
p{margin:0;color:var(--ink-2)}
.wrap{max-width:1080px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
section{padding-block:88px}
.mark{background-image:linear-gradient(transparent 60%,var(--yellow) 60%);padding:0 3px}
.mark--g{background-image:linear-gradient(transparent 60%,var(--green) 60%)}
.eyebrow{display:block;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.head{display:grid;gap:12px;max-width:640px;margin-bottom:40px}
.head h2{font-size:clamp(30px,4.2vw,42px)}
.head p{font-size:17px}
.head--c{margin-inline:auto;text-align:center;justify-items:center}
.sr{position:absolute;left:-9999px}

.topbar{display:flex;height:5px}
.topbar span{flex:1}
.topbar span:nth-child(1){background:var(--blue)}.topbar span:nth-child(2){background:var(--green)}.topbar span:nth-child(3){background:var(--yellow)}.topbar span:nth-child(4){background:var(--pink)}

.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--pill);font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;line-height:1;white-space:nowrap}
.pill--g{background:var(--green)}.pill--b{background:var(--blue)}.pill--y{background:var(--yellow)}.pill--p{background:var(--pink)}
.pill--w{background:var(--white);border:1px solid var(--line)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 26px;border-radius:var(--pill);border:1.5px solid var(--ink);font:600 15px/1.2 var(--body);cursor:pointer;background:var(--white);color:var(--ink);transition:transform .14s,box-shadow .14s}
.btn:hover{transform:translateY(-1px);box-shadow:0 4px 0 var(--ink)}
.btn--dark{background:var(--ink);color:var(--white)}
.btn--green{background:var(--green);border-color:var(--green);color:var(--ink)}
.btn--green:hover{box-shadow:0 4px 0 var(--white)}
.btn:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.link{font-weight:600;font-size:15px;border-bottom:2px solid var(--yellow);padding-bottom:1px}
.link:hover{border-color:var(--ink)}

.card{background:var(--white);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--soft)}
.face{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--white);background:var(--rule);flex:none}
.faces{display:flex}
.faces .face+.face{margin-left:-10px}

/* nav: the portal's white pill */
.nav{position:sticky;top:calc(12px + env(safe-area-inset-top,0px));z-index:20;margin-top:12px}
.nav__in{display:flex;align-items:center;gap:24px;background:var(--white);border:1.5px solid var(--ink);border-radius:var(--pill);box-shadow:0 2px 0 var(--ink);padding:9px 10px 9px 20px}
.nav__in img{height:24px;width:auto}
.nav__links{display:flex;gap:22px;margin-left:auto;font-size:14px;font-weight:600;color:var(--ink-2)}
.nav__links a:hover,.dd__btn:hover{color:var(--ink)}
.nav__links{align-items:center}
.dd{position:relative}
.dd__btn{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;display:inline-flex;align-items:center;gap:5px}
.dd__btn::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.dd__menu{position:absolute;z-index:5;top:calc(100% + 18px);left:-18px;min-width:290px;display:none;gap:4px;padding:8px;background:var(--white);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--lift)}
.dd__menu::before{content:"";position:absolute;left:0;right:0;top:-20px;height:20px}
.dd:hover .dd__menu,.dd:focus-within .dd__menu{display:grid}
.dd__menu a{display:grid;grid-template-columns:10px 1fr;gap:2px 12px;align-items:center;padding:10px 12px;border-radius:12px;color:var(--ink)}
.dd__menu a:hover{background:var(--linen)}
.dd__menu a i{width:10px;height:10px;border-radius:50%;grid-row:span 2}
.dd__menu a small{grid-column:2;font-weight:400;font-size:12.5px;color:var(--ink-3);line-height:1.35}
.nav .btn{padding:10px 18px;font-size:13.5px}
@media (max-width:860px){.nav__links{display:none}.nav .btn{margin-left:auto}}

/* hero */
.hero{padding-block:72px 64px}
.hero .wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.hero h1{font-size:clamp(38px,5.2vw,60px);font-weight:800;margin-top:18px}
.hero h1 em{font-style:italic}
.hero__h2{font-family:var(--display);font-weight:700;font-size:clamp(20px,2.2vw,25px);line-height:1.3;letter-spacing:-.01em;color:var(--ink);margin-top:22px;text-wrap:balance}
.hero__h2 em{font-style:italic;background-image:linear-gradient(transparent 62%,var(--green) 62%);padding:0 2px}
.hero__lead{font-size:17px;margin-top:10px;max-width:500px}
.hero__cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:28px}
.hero__ticks{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:18px;font-size:13.5px;color:var(--ink-3)}
.hero__ticks span{display:inline-flex;align-items:center;gap:6px}
.hero__ticks span::before{content:"\2713";display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--green);color:var(--ink);font-size:10px;font-weight:700}
.hero__team{display:flex;align-items:center;gap:12px;margin-top:30px;padding-top:22px;border-top:1px solid var(--line);font-size:14px;color:var(--ink-2)}
.hero__team b{color:var(--ink)}

.shot{position:relative;min-width:0}
.win{overflow:hidden}
.win__bar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--line);font-size:11.5px;color:var(--ink-3)}
.win__bar i{width:9px;height:9px;border-radius:50%;background:var(--rule)}
.win__bar span{margin-left:8px}
.win__body{padding:22px}
.win__top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.mh{font-family:var(--display);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0}
.win__top h3,.win__top .mh{font-size:22px}
.win__top p{font-size:13px;margin-top:2px}
.ads{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:16px}
.ad{display:grid;gap:6px;min-width:0}
.ad img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:10px;background:var(--rule)}
.ad small{font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);line-height:1.25}
.win__row{display:flex;align-items:center;gap:10px;margin-top:18px;padding:12px 14px;border-radius:var(--r-sm);background:var(--t-green);font-size:13px}
.win__row b{color:var(--ink)}
.win__row .face{width:30px;height:30px;border:0}
.win__row .btn{margin-left:auto;padding:7px 14px;font-size:12px}
@media (max-width:920px){.hero .wrap{grid-template-columns:1fr}}
@media (max-width:520px){.ads{grid-template-columns:repeat(3,1fr)}.ad:nth-child(n+4){display:none}.win__row .btn{display:none}}


.win__grid{display:grid;grid-template-columns:168px 1fr}
.win__side{border-right:1px solid var(--rule);padding:16px 10px;display:grid;gap:3px;align-content:start;background:var(--linen)}
.win__label{font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);padding:0 8px 4px}
.mod{display:flex;align-items:center;gap:8px;font-size:12.5px;padding:7px 8px;border-radius:10px;color:var(--ink-2);line-height:1.25}
.mod i{flex:none;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:700;background:var(--white);border:1px solid var(--line)}
.mod--done i{background:var(--green);border-color:var(--green)}
.mod--on{background:var(--white);box-shadow:var(--soft);color:var(--ink);font-weight:600}
.mod--on i{background:var(--yellow);border-color:var(--yellow)}
.mod--plain{padding-left:12px}
.win__main{padding:18px 20px;min-width:0;display:grid;gap:14px}
.win__crumb{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.lesson{position:relative;border-radius:12px;overflow:hidden;background:var(--rule)}
.lesson img{width:100%;aspect-ratio:16/8;object-fit:cover}
.lesson__play{position:absolute;inset:0;margin:auto;width:44px;height:44px;border-radius:50%;background:var(--white);display:grid;place-items:center;box-shadow:var(--lift)}
.lesson__play::after{content:"";border-left:12px solid var(--ink);border-block:7px solid transparent;margin-left:3px}
.lesson__len{position:absolute;right:10px;bottom:10px;background:var(--white);border-radius:var(--pill);padding:2px 9px;font-size:11px;font-weight:600}
.todo{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.todo li{display:flex;align-items:center;gap:10px;font-size:13px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;color:var(--ink)}
.todo li i{flex:none;width:16px;height:16px;border-radius:5px;border:1.5px solid var(--ink-4);display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:700}
.todo li em{margin-left:auto;font-style:normal;font-size:11.5px;font-weight:600;border-bottom:2px solid var(--yellow);white-space:nowrap}
.todo--done{color:var(--ink-3)!important;background:var(--t-green);border-color:transparent!important}
.todo--done span{text-decoration:line-through}
.todo--done i{background:var(--green);border-color:var(--green)!important}
.win__help{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--ink-2);padding-top:12px;border-top:1px dashed var(--line)}
.win__help .face{width:28px;height:28px}
.win__help b{color:var(--ink)}
@media (max-width:560px){.win__grid{grid-template-columns:1fr}.win__side{display:none}.todo li em{display:none}}

/* proof */
.proof{padding-block:56px 0}
.proof .wrap>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;padding-block:22px;border-block:1px solid var(--line)}
.proof__score{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--ink-2);line-height:1.35}
.proof__score b{font-family:var(--display);font-size:32px;line-height:1;color:var(--ink)}
.stars{color:#E9A100;letter-spacing:2px;font-size:13px}
.proof__logos{display:flex;flex-wrap:wrap;align-items:center;gap:30px}
.proof__logos img{height:28px;width:auto;filter:grayscale(1);opacity:.6}

/* vsl */
.vsl{display:grid;grid-template-columns:1.25fr .75fr;gap:44px;align-items:center}
.vsl__player{position:relative;overflow:hidden}
.vsl__player img{width:100%;aspect-ratio:16/9;object-fit:cover}
.play{position:absolute;inset:0;margin:auto;width:76px;height:76px;border-radius:50%;background:var(--white);border:1.5px solid var(--ink);box-shadow:0 3px 0 var(--ink);display:grid;place-items:center;cursor:pointer;transition:transform .14s;padding:0}
.play:hover{transform:scale(1.05)}
.play::after{content:"";border-left:20px solid var(--ink);border-block:12px solid transparent;margin-left:5px}
.vsl__len{position:absolute;right:14px;bottom:14px;background:var(--white);border-radius:var(--pill);padding:5px 12px;font-size:12px;font-weight:600}
.vsl ul{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:12px}
.vsl li{display:flex;gap:10px;font-size:15px;color:var(--ink-2)}
.vsl li::before{content:"\2713";flex:none;display:grid;place-items:center;width:20px;height:20px;margin-top:3px;border-radius:50%;background:var(--green);font-size:11px;font-weight:700;color:var(--ink)}
@media (max-width:860px){.vsl{grid-template-columns:1fr}}

/* paths */
.paths{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
.path{display:flex;flex-direction:column;gap:14px;padding:28px 24px 24px;border-top:5px solid var(--green);min-width:0}
.path--one{border-top-color:var(--pink)}
.path--group{border-top-color:var(--blue)}
.path .pill{align-self:flex-start}
.path h3{font-size:28px}
.path__p{font-size:15px}
.path__joke{font-family:var(--display);font-style:italic;font-weight:700;font-size:16px;line-height:1.4;color:var(--ink);background:var(--t-pink);border-radius:var(--r-sm);padding:12px 14px}
.price{display:grid;gap:4px;padding-block:16px;border-block:1px solid var(--rule)}
.price b{font-family:var(--display);font-size:42px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
.price b small{font-family:var(--body);font-size:13px;font-weight:600;color:var(--ink-3);letter-spacing:0}
.price p{font-size:13px;line-height:1.5}
.ticks{list-style:none;padding:0;margin:0;display:grid;gap:9px;font-size:14px;color:var(--ink-2)}
.ticks li{display:flex;gap:9px}
.ticks li::before{content:"\2713";flex:none;display:grid;place-items:center;width:18px;height:18px;margin-top:3px;border-radius:50%;background:var(--t-green);color:var(--ink);font-size:10px;font-weight:700}
.path--one .ticks li::before{background:var(--t-pink)}
.path--group .ticks li::before{background:var(--t-blue)}
.path__eg{font-size:13px;color:var(--ink-2);background:var(--t-blue);border-radius:var(--r-sm);padding:10px 12px;line-height:1.45}
.path .btn{margin-top:auto;width:100%}
.quiz{margin-top:18px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px;padding:22px 26px;background:var(--t-yellow);border:1px solid var(--line);border-radius:var(--r)}
.quiz h3{font-size:22px}
.quiz p{font-size:14.5px;margin-top:2px}
@media (max-width:960px){.paths{grid-template-columns:1fr;max-width:540px;margin-inline:auto}}

/* free week */
.bar{background:var(--ink);color:var(--white);border-radius:var(--r);padding:22px 26px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.bar__h{font-weight:700;font-size:20px;line-height:1.3}
.bar__h .g{color:var(--green)}
.bar p{color:var(--on-dark);font-size:14px;margin-top:2px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}
.step{padding:24px;display:grid;gap:10px;align-content:start;min-width:0}
.num{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:24px;box-shadow:0 2px 0 var(--ink)}
.step:nth-child(1) .num{background:var(--blue)}.step:nth-child(2) .num{background:var(--green)}.step:nth-child(3) .num{background:var(--pink)}
.step h3{font-family:var(--body);font-size:17px;font-weight:700;letter-spacing:-.01em}
.step p{font-size:14.5px}
.field{display:flex;gap:8px;margin-top:4px}
.field input{flex:1;min-width:0;font:14px var(--body);padding:11px 14px;border:1px solid var(--line);border-radius:var(--pill);background:var(--linen);color:var(--ink)}
.field .btn{padding:10px 16px;font-size:13px}
.fork{display:grid;gap:6px;margin-top:4px}
.fork span{display:flex;justify-content:space-between;gap:10px;font-size:13px;padding:8px 12px;border-radius:10px;background:var(--linen)}
.fork em{font-style:normal;color:var(--ink-3)}
@media (max-width:900px){.steps{grid-template-columns:1fr}}

/* people */
.people{background:var(--white);border-block:1px solid var(--line)}
.people__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.photos{display:grid;grid-template-columns:1.3fr 1fr;gap:14px}
.photos img{width:100%;height:100%;object-fit:cover;border-radius:var(--r);background:var(--rule)}
.photos img:first-child{grid-row:span 2;aspect-ratio:3/4}
.photos img:not(:first-child){aspect-ratio:4/3}
.team{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:26px}
.tc{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--linen);min-width:0}
.tc img{width:52px;height:52px;border-radius:12px;object-fit:cover;flex:none;background:var(--rule)}
.tc b{display:block;font-size:14.5px}
.tc small{display:block;font-size:12.5px;color:var(--ink-3);line-height:1.4}
.calls{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
@media (max-width:900px){.people__grid{grid-template-columns:1fr}}
@media (max-width:480px){.team{grid-template-columns:1fr}}

/* inside */
.inside{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.thread{padding:22px;display:grid;gap:14px}
.msg{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start}
.msg .face{width:34px;height:34px;border:0}
.msg__b{background:var(--linen);border-radius:4px 14px 14px 14px;padding:10px 14px;font-size:14px;color:var(--ink)}
.msg--us .msg__b{background:var(--t-green)}
.msg small{display:block;font-size:11.5px;color:var(--ink-3);margin-bottom:3px}
.av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);font-weight:700;font-size:13px}
.minis{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mini{padding:16px;border-top:3px solid var(--green)}
.mini:nth-child(2){border-top-color:var(--pink)}.mini:nth-child(3){border-top-color:var(--blue)}.mini:nth-child(4){border-top-color:var(--yellow)}
.mini b{display:block;font-family:var(--display);font-size:28px;font-weight:800;line-height:1.1}
.mini span{display:block;font-size:13px;color:var(--ink-2);line-height:1.45;margin-top:4px}
.tour{position:relative;overflow:hidden;margin-top:12px;display:block}
.tour img{width:100%;aspect-ratio:16/8;object-fit:cover}
.tour .play{width:56px;height:56px}
.tour .play::after{border-left-width:15px;border-block-width:9px}
.tour__cap{position:absolute;left:14px;bottom:14px;background:var(--white);border-radius:var(--pill);padding:6px 14px;font-size:12.5px;font-weight:600}
@media (max-width:860px){.inside{grid-template-columns:1fr}}

/* compare */
.cmp-wrap{overflow-x:auto}
.cmp{width:100%;min-width:660px;border-collapse:collapse;font-size:14.5px}
.cmp th,.cmp td{padding:15px 18px;text-align:left;border-bottom:1px solid var(--rule);vertical-align:top}
.cmp thead th{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.cmp thead th.us span{background:var(--green);color:var(--ink);padding:4px 10px;border-radius:var(--pill)}
.cmp td{color:var(--ink-3)}
.cmp td.us{background:var(--t-green);color:var(--ink);font-weight:600}
.cmp tbody tr:last-child td,.cmp tbody tr:last-child th{border-bottom:0}
.cmp th[scope=row]{font-weight:600;color:var(--ink)}

/* 1-1 */
.oneone{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:start}
.oneone__aside{position:sticky;top:110px;display:grid;gap:16px}
.oneone__aside img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r);background:var(--rule)}
.facts{display:flex;flex-wrap:wrap;gap:8px}
.sess{display:grid;grid-template-columns:64px 1fr;gap:16px;padding:16px 18px;align-items:start}
.sess+.sess{margin-top:10px}
.wk{width:64px;height:64px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 2px 0 var(--ink)}
.wk small{font-size:8.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;line-height:1}
.wk b{font-family:var(--display);font-weight:800;font-size:22px;line-height:1.15}
.wk--b{background:var(--blue)}.wk--p{background:var(--pink)}.wk--g{background:var(--green)}.wk--y{background:var(--yellow)}
.sess h3{font-family:var(--body);font-size:16px;font-weight:700;letter-spacing:-.01em}
.sess p{font-size:14px;margin-top:2px}
.leave{font-size:13px;margin-top:6px;padding-left:14px;position:relative}
.leave::before{content:"";position:absolute;left:0;top:8px;width:7px;height:7px;border-radius:50%;background:var(--green)}
@media (max-width:900px){.oneone{grid-template-columns:1fr}.oneone__aside{position:static}.oneone__aside img{aspect-ratio:16/10}}

/* results */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.stat{padding:18px;border-top:4px solid var(--blue)}
.stat:nth-child(2){border-top-color:var(--green)}.stat:nth-child(3){border-top-color:var(--yellow)}.stat:nth-child(4){border-top-color:var(--pink)}
.stat b{display:block;font-family:var(--display);font-weight:800;font-size:38px;line-height:1.05}
.stat small{display:block;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-top:6px}
.stat p{font-size:13.5px;margin-top:2px}
.vids{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}
.vid{position:relative;overflow:hidden}
.vid img{width:100%;aspect-ratio:4/5;object-fit:cover}
.vid .play{width:46px;height:46px;inset:auto;left:12px;top:12px;margin:0}
.vid .play::after{border-left-width:13px;border-block-width:8px;margin-left:3px}
.vid__cap{padding:12px 14px;font-size:13px;color:var(--ink-2);line-height:1.4}
.vid__cap b{display:block;color:var(--ink);font-size:14px}
@media (max-width:900px){.stats,.vids{grid-template-columns:repeat(2,1fr)}}


/* testimonials, LP style */
.vt-feature{display:grid;grid-template-columns:1.15fr .85fr;overflow:hidden}
.vt-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
.vt-card{display:flex;flex-direction:column;overflow:hidden;min-width:0}
.vt__poster{position:relative;display:block;width:100%;padding:0;border:0;background:var(--rule);cursor:pointer}
.vt__poster img{width:100%;aspect-ratio:16/9;object-fit:cover}
.vt-feature .vt__poster img{height:100%}
.vt__play{position:absolute;left:12px;top:12px;display:inline-flex;align-items:center;gap:8px;background:var(--white);border-radius:var(--pill);padding:6px 14px 6px 6px;font:600 13px var(--body);color:var(--ink);box-shadow:var(--soft);transition:transform .14s}
.vt__play svg{width:26px;height:26px}
.vt__poster:hover .vt__play{transform:translateY(-2px)}
.vt__body{display:flex;flex-direction:column;gap:12px;padding:20px 22px 22px;flex:1}
.vt-feature .vt__body{padding:30px 32px;justify-content:center}
.vt__quote{font-family:var(--display);font-weight:700;font-size:20px;line-height:1.3;color:var(--ink)}
.vt__quote--big{font-size:clamp(28px,3.2vw,36px);line-height:1.15}
.vt__more{font-size:14.5px}
.vt__points{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.vt__points li{font-size:12px;font-weight:600;padding:4px 10px;border-radius:var(--pill);background:var(--t-green)}
.vt__who{font-size:13px;color:var(--ink-3);line-height:1.4;margin-top:auto}
.vt__who b{display:block;color:var(--ink);font-size:14.5px}
.vt__meta{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12.5px;color:var(--ink-3);padding-top:12px;border-top:1px solid var(--rule)}
@media (max-width:900px){.vt-feature{grid-template-columns:1fr}.vt-feature .vt__poster img{height:auto}.vt-row{grid-template-columns:1fr;max-width:540px}}

/* faq */
.faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:48px}
.faq__list{display:grid;gap:10px}
details{padding:2px 20px}
summary{cursor:pointer;font-weight:600;padding-block:15px;list-style:none;display:flex;justify-content:space-between;gap:16px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-size:20px;line-height:1.2;color:var(--ink-3)}
details[open] summary::after{content:"\2013"}
details p{padding-bottom:16px;font-size:15px}
@media (max-width:860px){.faq{grid-template-columns:1fr;gap:20px}}

/* close */
.close{padding-block:24px 88px}
.close__box{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;background:var(--ink);border-radius:24px;padding:40px 44px;color:var(--white);overflow:hidden}
.close__box h2{font-size:clamp(30px,4vw,44px);color:var(--white)}
.close__box p{color:var(--on-dark);font-size:16px;margin-top:10px;max-width:480px}
.close__box .hero__cta{margin-top:24px}
.close__box .btn--ghost{background:transparent;color:var(--white);border-color:rgba(255,255,255,.45)}
.close__box .btn--ghost:hover{box-shadow:0 4px 0 rgba(255,255,255,.45)}
.close__faces{display:grid;justify-items:center;gap:10px;text-align:center;font-size:13px;color:var(--on-dark)}
.close__faces .face{width:64px;height:64px;border-color:var(--ink)}
.close__faces .faces .face+.face{margin-left:-14px}
@media (max-width:760px){.close__box{grid-template-columns:1fr;padding:30px 24px}.close__faces{justify-items:start;text-align:left}}

/* footer */
.foot{border-top:1px solid var(--line);padding-block:56px 32px;font-size:14px;color:var(--ink-2)}
.foot__grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:28px}
.foot__brand img{height:24px;width:auto}
.foot__brand p{margin-top:12px;max-width:260px;font-size:14px}
.foot h4{margin:0 0 10px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.foot a:hover{color:var(--ink);text-decoration:underline}
.foot__seo{margin-top:40px;padding-top:22px;border-top:1px solid var(--line);display:grid;gap:8px;font-size:13px}
.foot__seo div{display:flex;flex-wrap:wrap;gap:6px 16px}
.foot__seo b{min-width:100px;color:var(--ink)}
.foot__legal{margin-top:24px;font-size:12px;color:var(--ink-3)}
@media (max-width:900px){.foot__grid{grid-template-columns:1fr 1fr}.foot__brand{grid-column:1/-1}}

.note{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:30;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:9px 13px;font-size:12px;box-shadow:var(--lift);max-width:240px;line-height:1.4}
.note b{display:block}
@media (prefers-reduced-motion:reduce){*{transition:none!important}html{scroll-behavior:auto}}

/* module playlist */
.lp{padding:20px;display:grid;gap:14px;min-width:0}
.lp__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.lp__head h3{font-size:26px;margin-top:4px}
.lp__now{font-size:13.5px}
.lp__now b{color:var(--ink)}
.lp__list{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.lp__list li{display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;font-size:13.5px;color:var(--ink-2)}
.lp__list li em{font-style:normal;font-size:12px;color:var(--ink-3);font-variant-numeric:tabular-nums}
.lp__n{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;background:var(--linen);border:1px solid var(--line)}
.lp--on{background:var(--t-yellow);color:var(--ink)!important;font-weight:600}
.lp--on .lp__n{background:var(--yellow);border-color:var(--yellow)}
.lp__foot{font-size:13px;padding-top:12px;border-top:1px dashed var(--line)}
/* updates strip */
.upd{display:grid;grid-template-columns:.9fr 1.1fr;gap:32px;padding:32px;align-items:center}
.upd__intro{display:grid;gap:10px;justify-items:start}
.upd__intro h2{font-size:clamp(28px,3.6vw,36px)}
.upd__list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.upd__list li{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:var(--r-sm);background:var(--linen);min-width:0}
.upd__list li .pill{flex:none}
.upd__list b{display:block;font-size:14.5px;line-height:1.35}
.upd__list small{font-size:12px;color:var(--ink-3)}
@media (max-width:860px){.upd{grid-template-columns:1fr;padding:24px}}

/* highlighter inside quotes: no side padding so punctuation sits tight */
.vt__quote .mark{padding:0}
/* mobile menu */
.mnav{display:none;position:relative}
.mnav summary{list-style:none;cursor:pointer;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);display:grid;place-content:center;gap:4px}
.mnav summary::-webkit-details-marker{display:none}
.mnav summary span{display:block;width:18px;height:2px;border-radius:2px;background:var(--ink)}
.mnav__panel{position:absolute;right:0;top:calc(100% + 14px);width:min(300px,calc(100vw - 32px));display:grid;gap:2px;padding:10px;background:var(--white);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--lift);z-index:40}
.mnav__panel small{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);padding:10px 12px 4px}
.mnav__panel a{padding:10px 12px;border-radius:10px;font-weight:600;font-size:15px}
.mnav__panel a:hover{background:var(--linen)}
@media (max-width:860px){.mnav{display:block}.nav__in{gap:10px}.nav .btn{margin-left:auto}}
.nav .btn{white-space:nowrap}
details.mnav{padding:0;border:0;background:none;box-shadow:none}
.mnav summary{padding:0}
.mnav summary::after{content:none!important}
@media (max-width:420px){.nav .btn{padding:9px 14px;font-size:13px}.nav__in{padding-left:14px}.nav__in img{height:20px}}

/* features mega menu */
.dd--mega{position:static}
.nav__in{position:relative}
.mega{left:0!important;right:0;top:calc(100% + 10px)!important;min-width:0!important;grid-template-columns:1fr 240px;gap:16px;padding:16px!important}
.dd:hover .mega,.dd:focus-within .mega{display:grid}
.mega__grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.mega__side{display:grid;align-content:start;gap:10px;padding:18px;border-radius:14px;background:var(--linen)}
.mega__side b{font-family:var(--display);font-size:22px;line-height:1.2}
.mega__side .link{font-size:14px;justify-self:start}
.nav__login{font-size:14px;font-weight:600;color:var(--ink-2);white-space:nowrap}
.nav__login:hover{color:var(--ink)}
@media (max-width:860px){.nav__login{display:none}}

/* hero photo + progress card (shared) */
.hv{position:relative;min-width:0}
.hv__photo{width:100%;aspect-ratio:5/4.6;object-fit:cover;object-position:58% 40%;border-radius:28px;background:var(--rule)}
.hv__card{position:absolute;left:-40px;bottom:-40px;width:min(320px,78%);padding:18px;display:grid;gap:10px;box-shadow:var(--lift)}
.hv__card h3,.hv__card .mh{font-family:var(--body);font-size:13px;font-weight:700;letter-spacing:.02em;display:flex;justify-content:space-between;align-items:center}
.mrow{display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:center;font-size:13.5px;font-weight:600}
.mrow i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:11px;background:var(--linen);border:1px solid var(--line)}
.mrow--done i{background:var(--green);border-color:var(--green)}
.mrow--on i{background:var(--yellow);border-color:var(--yellow)}
.mrow small{font-size:11.5px;color:var(--ink-3);font-weight:600}
.bar2{grid-column:2/4;height:6px;border-radius:9px;background:var(--rule);overflow:hidden;margin-top:-4px}
.bar2 span{display:block;height:100%;background:var(--green);border-radius:9px}
.hv__live{display:flex;align-items:center;gap:10px;font-size:12.5px;padding-top:10px;border-top:1px dashed var(--line);color:var(--ink-2)}
.hv__live .face{width:28px;height:28px;border:0}
.hv__live b{color:var(--ink)}
.dot{width:8px;height:8px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 3px rgba(34,197,94,.2);margin-left:auto}
@media (max-width:920px){.hv__card{left:16px;bottom:-32px}.hv{margin-bottom:32px}}
.dd__menu .mega__side a.link{display:inline-block;padding:0 0 1px;border-radius:0;grid-template-columns:none;white-space:nowrap}
.dd__menu .mega__side a.link:hover{background:none}

/* dropdown icon tiles */
.dd__menu a{grid-template-columns:40px 1fr;column-gap:14px;padding:10px 12px}
.dd__menu a i.mi{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;grid-row:span 2;overflow:visible}
.dd__menu a i.mi svg{width:20px;height:20px;fill:none;stroke:var(--ink);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.dd__menu a i.mi img{width:48px;height:48px;max-width:none;margin-top:-6px;filter:drop-shadow(0 3px 5px rgba(27,25,24,.15))}
.dd__menu a:hover i.mi{transform:translateY(-1px);box-shadow:var(--soft)}
.mega{grid-template-columns:1fr 250px}
.mega__grid{gap:6px}
.mega__grid a{padding:12px}
.mega__grid a small{max-width:220px}
.dd__menu a{grid-template-rows:auto auto;align-content:center;align-items:center;row-gap:1px}
.dd__menu a i.mi{width:44px;height:44px;align-self:center}
.dd__menu a i.mi svg{width:22px;height:22px}
.dd__menu{min-width:340px}
.mega__grid a{align-self:start}
.dd__menu:not(.mega){min-width:360px}
.dd__menu:not(.mega) a small{white-space:nowrap}
/* tighter mega menu */
.dd--mega{position:relative}
.mega{left:-24px!important;right:auto!important;width:660px;grid-template-columns:1fr 210px;gap:12px;padding:12px!important}
.mega__grid{grid-template-columns:1fr 1fr;gap:4px;align-content:start}
.mega__grid a{padding:10px}
.mega__grid a small{max-width:none}
.mega__side{padding:16px;gap:8px}
.mega__side b{font-size:19px}
.mega{width:min(740px,calc(100vw - 80px))}
.mega{left:-150px!important}
.mega::before{left:150px}

/* ===== mobile pass (Oct 26) ===== */
html,body{overflow-x:clip}
@media (max-width:860px){
  /* menu: full-width sheet under the nav, dimmed page behind */
  .mnav{position:static}
  .mnav[open]::before{content:"";position:fixed;inset:0;background:rgba(27,25,24,.35);z-index:35}
  .mnav[open] summary{position:relative;z-index:41;background:var(--ink);border-color:var(--ink)}
  .mnav[open] summary span{background:var(--white)}
  .mnav[open] summary span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .mnav[open] summary span:nth-child(2){opacity:0}
  .mnav[open] summary span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .mnav summary span{transition:transform .2s,opacity .2s}
  .mnav__panel{position:absolute;left:0;right:0;width:auto;top:calc(100% + 10px);max-height:calc(100vh - 110px);max-height:calc(100dvh - 110px);overflow:auto;padding:8px 14px 14px;gap:0;border-radius:22px;border:1.5px solid var(--ink);box-shadow:0 3px 0 var(--ink),var(--lift)}
  .mnav__panel small{padding:14px 4px 6px}
  .mnav__path{display:grid;gap:1px;padding:10px 12px!important;border-radius:12px;background:var(--linen);margin-bottom:6px}
  .mnav__path b{font-size:15px}
  .mnav__path em{font-style:normal;font-size:12.5px;font-weight:500;color:var(--ink-3)}
  .mnav__row{display:grid;grid-template-columns:1fr 1fr;gap:6px}
  .mnav__chip{text-align:center;border:1px solid var(--line);border-radius:999px!important;padding:10px!important;font-size:14px!important}
  .mnav__grid{display:grid;grid-template-columns:1fr 1fr;gap:2px}
  .mnav__grid a{font-size:14px!important;padding:9px 4px!important}
  .mnav__cta{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
  .mnav__cta .btn{justify-content:center;text-align:center;padding:12px 10px!important;font-size:14px!important;margin:0!important}
  .nav__in{position:relative}
}
@media (max-width:420px){.nav .nav__in>.btn{padding:9px 12px;font-size:12.5px}}
/* mockup note: small and out of the way on phones */
@media (max-width:640px){.note{left:auto;right:10px;bottom:10px;max-width:170px;font-size:10px;line-height:1.35;padding:6px 9px;opacity:.92}.note b{font-size:10.5px}}
@media (max-width:860px){.mnav__panel{position:fixed;left:12px;right:12px;top:calc(86px + env(safe-area-inset-top,0px));max-height:calc(100dvh - 100px)}}
@media (max-width:640px){.note{display:none}}
@media (max-width:520px){.price b small,.hp__price b small{display:block;white-space:nowrap;margin-top:6px}}
.mnav__cmp{display:block;text-align:right;font-size:13px!important;font-weight:700!important;padding:2px 4px 4px!important;color:var(--ink-2)}
.dd__menu a.dd__cmp{border-top:1px solid var(--line);border-radius:0 0 12px 12px;margin-top:4px;padding-top:12px}
/* mega menu: "All features" banner under the four pillars */
.mega .mega__grid{grid-column:1;grid-row:1}
.mega .mega__side{grid-column:2;grid-row:1 / span 2}
.dd__menu a.mega__all{grid-column:1;grid-row:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;background:var(--t-yellow);border:1px solid var(--line)}
.dd__menu a.mega__all:hover{background:var(--yellow)}
.mega__all span{display:grid;gap:1px}
.mega__all b{font-size:14px}
.mega__all small{font-size:12px;font-weight:400;color:var(--ink-3)}
.mega__all em{font-style:normal;font-size:13px;font-weight:700;white-space:nowrap;background:var(--ink);color:var(--white);border-radius:999px;padding:7px 12px}
.dd__menu a.mega__all span{display:flex;flex-direction:column;gap:1px}.dd__menu a.mega__all small{grid-column:auto;max-width:none}

/* phones: tighter vertical rhythm between sections */
@media (max-width:640px){section{padding-block:60px}}

/* phones: sticky free-week bar, shown once the hero button has scrolled away */
.mcta{display:none}
@media (max-width:640px){
  .mcta{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:60;display:flex;align-items:center;gap:10px;padding:7px 7px 7px 16px;background:var(--white);border:1px solid var(--line);border-radius:999px;box-shadow:0 2px 0 var(--ink),0 12px 28px -12px rgba(27,25,24,.35);transform:translateY(160%);transition:transform .35s cubic-bezier(.16,1,.3,1)}
  .mcta.is-on{transform:none}
  body:has(.mnav[open]) .mcta{transform:translateY(160%)}
  .mcta small{font-size:12px;font-weight:600;color:var(--ink-2);line-height:1.25}
  .mcta .btn{margin-left:auto;flex:none;padding:12px 18px;font-size:14px}
  /* bigger tap areas for text links without moving the layout */
  .link,.crumbs a,.crumb a{padding-block:8px;margin-block:-8px}
}

/* phones: a long stack of cards becomes one swipeable row */
@media (max-width:640px){
  .m-swipe{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:84%;gap:12px!important;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-20px!important;padding:4px 20px 14px!important;max-width:none!important;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .m-swipe::-webkit-scrollbar{display:none}
  .m-swipe>*{scroll-snap-align:center;min-width:0}
  .m-swipe-hint{display:block!important;text-align:center;font-size:12px;font-weight:600;color:var(--ink-3);margin-top:2px}
}
.m-swipe-hint{display:none}
/* phones: on pages with the sticky bar, the bar is the one free-week button (thumb reach), so the header keeps just logo and menu */
@media (max-width:640px){body:has(.mcta) .nav__in>.btn{display:none}body:has(.mcta) .nav__in .mnav{margin-left:auto}}

/* phones: footer groups fold away behind their headings (only once the footer script has run) */
.foot .foot__more{display:none}
@media (max-width:640px){
  .foot{padding-block:40px 28px}
  .foot .foot__grid{grid-template-columns:1fr;gap:0}
  .foot .foot__brand{padding-bottom:20px}
  .foot[data-js] .foot__col>h4,.foot[data-js] .foot__more{display:flex;justify-content:space-between;align-items:center;min-height:48px;margin:0;border-top:1px solid var(--line);cursor:pointer}
  .foot[data-js] .foot__col>h4::after,.foot[data-js] .foot__more::after{content:"+";font-size:18px;font-weight:400;letter-spacing:0;color:var(--ink-2)}
  .foot[data-js] .foot__col[data-open]>h4::after,.foot[data-js] .foot__fold[data-open]>.foot__more::after{content:"\2212"}
  .foot[data-js] .foot__col:not([data-open])>ul,.foot[data-js] .foot__fold:not([data-open])>.foot__seo{display:none}
  .foot[data-js] .foot__col>ul{padding-bottom:16px;gap:12px}
  .foot[data-js] .foot__fold{border-bottom:1px solid var(--line)}
  .foot[data-js] .foot__seo{margin-top:0;padding:4px 0 16px;border-top:0}
}

/* phones: tighter gap between hero text and hero picture */
@media (max-width:640px){.hero .wrap,.h-hero .wrap,.f-hero .wrap{row-gap:28px!important}}
/* phones: a solid strip behind the floating header so page text doesn't show above it while scrolling */
@media (max-width:640px){.nav::before{content:"";position:absolute;left:0;right:0;top:calc(-12px - env(safe-area-inset-top,0px));bottom:50%;background:var(--linen);z-index:-1;pointer-events:none}}
/* stop iOS enlarging text on its own, which pushed cards wider than the screen */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}

/* phones: calmer menu. One line per pathway with an icon, channel icons, "More" folds away */
@media (max-width:860px){
  .mnav__panel{padding:6px 12px 12px}
  .mnav__panel small{padding:12px 4px 6px}
  .mnav__path{display:flex!important;align-items:center;gap:12px;padding:8px 10px!important;margin-bottom:4px;background:none!important;border-radius:12px}
  .mnav__path:hover{background:var(--linen)!important}
  .mnav__path b{font-size:15px;flex:1;min-width:0}
  .mnav__path em{font-style:normal;font-size:12px;font-weight:600;color:var(--ink-3);white-space:nowrap}
  .mnav__ic{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center}
  .mnav__ic svg{width:18px;height:18px;fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .mnav__ic--sm{width:26px;height:26px;border-radius:8px}.mnav__ic--sm svg{width:15px;height:15px}
  .mnav__cmp{padding:2px 10px 6px!important}
  .mnav__chip{display:flex!important;align-items:center;justify-content:center;gap:8px;padding:7px 10px!important}
  .mnav .mnav__more{margin-top:8px;border-top:1px solid var(--line)}
  .mnav .mnav__more>summary{width:auto;height:auto;border:0;border-radius:0;background:none!important;display:flex;align-items:center;justify-content:space-between;padding:12px 4px;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
  .mnav__chev{width:8px;height:8px;border-right:2px solid var(--ink-3);border-bottom:2px solid var(--ink-3);transform:rotate(45deg);margin-right:6px;transition:transform .2s}
  .mnav__more[open] .mnav__chev{transform:rotate(-135deg)}
  .mnav__more .mnav__grid{padding-bottom:4px}
  .mnav__cta{margin-top:8px!important}
}

/* small phones (320-400px): nothing may force a column wider than the screen */
.wrap>*,.hero .wrap>*,.h-hero .wrap>*{min-width:0}
@media (max-width:400px){
  .pill{white-space:normal;line-height:1.25;text-align:left}
  .vt-feature,.vt-feature>*{min-width:0}
}
.win__bar span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:860px){.mnav__links{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:10px}.mnav__link{display:flex!important;align-items:center;justify-content:center;font-size:15px!important;font-weight:700!important;padding:11px 10px!important;border-radius:12px!important;background:var(--linen)}.mnav .mnav__more{margin-top:10px}}
/* phones: section intros read left-aligned, like the rest of the text */
@media (max-width:640px){.head--c{text-align:left;justify-items:start;margin-inline:0}}
/* phones: the 1-1 side photo is skipped (the same photo appears further down) */
@media (max-width:640px){.oneone__aside{display:none}}
[hidden]{display:none!important}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* channel pages: what the course covers, and a written case study */
.cov{margin-top:56px;padding:24px 26px}
.cov h3{font-size:22px;margin:0 0 14px}
.cov ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 28px}
.cov li{font-size:15px;line-height:1.4;padding-left:22px;position:relative}
.cov li::before{content:"";position:absolute;left:0;top:.42em;width:10px;height:10px;border-radius:50%;background:var(--green)}
.cs{display:grid;grid-template-columns:1.6fr 1fr;gap:28px;padding:28px;margin-top:40px;align-items:center}
.cs h3{font-size:26px;margin:10px 0 2px}
.cs__who{display:block;color:var(--ink-3,#6B6663);font-size:13px;margin-bottom:10px}
.cs p{font-size:15.5px;margin:0 0 12px}
.cs blockquote{margin:0 0 14px;padding-left:14px;border-left:3px solid var(--green);font-size:15px}
.cs cite{display:block;font-style:normal;font-size:13px;margin-top:4px;color:var(--ink-3,#6B6663)}
.cs__nums{display:grid;gap:14px}
.cs__nums div{background:var(--linen,#FDFBF7);border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.cs__nums b{display:block;font-family:var(--display);font-size:36px;line-height:1;letter-spacing:-.02em}
.cs__nums small{font-size:13px}
@media (max-width:640px){
  .cov{padding:18px;margin-top:40px}.cov h3{font-size:19px}.cov ul{grid-template-columns:1fr;gap:8px}.cov li{font-size:14px}
  .cs{grid-template-columns:1fr;gap:16px;padding:20px}.cs h3{font-size:22px}
  .cs__nums{grid-template-columns:1fr 1fr;gap:10px}.cs__nums b{font-size:28px}
}
.nav__links{gap:18px}

/* phone bar: yellow, ink edge, hard shadow */
@media (max-width:640px){
  .mcta{background:var(--yellow);border:1.5px solid var(--ink);box-shadow:0 4px 0 var(--ink);padding:9px 9px 9px 18px}
  .mcta p{margin:0;flex:1;min-width:0;line-height:1.25}
  .mcta p b{display:block;font-size:14.5px}
  .mcta p span{display:block;font-size:12.5px;color:var(--ink-2)}
}

.skip-link{position:absolute;top:-100%;left:1rem;background:#1B1918;color:#F1F1F1;padding:.5rem 1rem;border-radius:0 0 4px 4px;font-size:14px;z-index:100}.skip-link:focus{top:0}