/* Public pages: mehut.me home (landing.html) and Mehut Studies (studies.html) */
.lp { --blue:#1d3fd1; --yellow:#fbbb1f; --brown:#7b4a22; --ink:#1b1b1b; --cream:#fbf9ea; --soft:#e6ebff; --body:#3a3a3a;
  margin:0; background:var(--cream); color:var(--ink); font:16px/1.5 Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
.lp a { color:var(--blue); }
.lp .wrap { max-width:1160px; margin:0 auto; padding:0 24px; }
.lp .bh { position:absolute; top:8px; left:14px; font-size:12px; font-weight:700; color:var(--brown); }
.lp .kicker { font-size:14px; font-weight:800; letter-spacing:2.5px; text-transform:uppercase; color:var(--brown); }
.lp .arrow { width:20px; height:20px; flex-shrink:0; }

/* top bar */
.lp-top { border-bottom:5px solid var(--yellow); padding:12px 24px; display:flex; flex-wrap:wrap; gap:10px 22px; align-items:center; justify-content:space-between; }
.lp-top .logo img { height:52px; width:auto; display:block; }
.lp-top nav { display:flex; flex-wrap:wrap; gap:8px 20px; align-items:center; font-weight:700; }
.lp-top nav a { color:var(--ink); text-decoration:none; }
.lp-top nav a.cta { background:var(--blue); color:#fff; padding:11px 18px; min-height:44px; display:inline-flex; align-items:center; }
.lp-top-home { justify-content:flex-end; border-bottom:0; }

/* home */
.home-head { text-align:center; padding:16px 24px 0; display:flex; flex-direction:column; align-items:center; }
.home-head .logo { width:clamp(150px, 18vw, 200px); height:auto; display:block; }
.home-head .bar { height:5px; width:96px; background:var(--yellow); margin-top:8px; }
.home-head h1 { margin:24px 0 0; font-size:clamp(32px, 3.6vw, 46px); line-height:1.04; font-weight:900; color:var(--blue); letter-spacing:-1.5px; }
.home-head p { margin:14px 0 0; font-size:clamp(16px, 1.3vw, 18px); color:var(--body); max-width:640px; }
.doors { display:flex; flex-wrap:wrap; gap:24px; max-width:920px; padding-top:72px; }
.door { flex:1 1 340px; min-width:0; text-decoration:none; padding:28px 30px 26px; display:flex; flex-direction:column; gap:12px;
  transition:transform .18s ease, box-shadow .18s ease; }
.door:hover, .door:focus-visible { transform:translateY(-4px); box-shadow:0 18px 40px rgba(27,27,27,.16); }
.door .icon { width:52px; height:52px; display:block; }
.door .label { font-size:14px; font-weight:800; letter-spacing:2.5px; }
.door .big { font-size:clamp(32px, 3vw, 40px); font-weight:900; line-height:1; letter-spacing:-1px; }
.door p { margin:0; font-size:16px; max-width:400px; }
.door .go { margin-top:auto; align-self:flex-start; display:inline-flex; align-items:center; gap:10px; font-size:16px; font-weight:800; padding:12px 20px; min-height:46px; }
.door-blue { background:var(--blue); color:#fff; } .door-blue .label { color:var(--yellow); } .door-blue p { color:var(--soft); }
.door-blue .go { background:var(--yellow); color:var(--ink); }
.door-yellow { background:var(--yellow); color:var(--ink); } .door-yellow .label { color:var(--brown); } .door-yellow .big { color:var(--blue); }
.door-yellow p { color:#2a2a2a; } .door-yellow .go { background:var(--blue); color:#fff; }
.next-up { background:var(--cream); padding:10px 16px; display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:6px 16px; }
.next-up small { display:block; font-size:12px; font-weight:800; letter-spacing:2px; color:var(--brown); }
.next-up strong { font-size:19px; font-weight:900; color:var(--blue); }
.next-up span { font-weight:700; }
.home-more { text-align:center; margin:32px auto 0; max-width:640px; padding:0 24px; font-size:16px; color:var(--body); }

/* studies */
.st-hero { background:var(--blue); color:#fff; }
.st-hero .wrap { padding-top:56px; padding-bottom:64px; display:flex; flex-wrap:wrap; gap:40px; align-items:center; }
.st-hero .main { flex:999 1 520px; min-width:0; }
.st-hero .kicker { color:var(--yellow); }
.st-hero h1 { margin:12px 0 0; font-size:clamp(34px, 4vw, 52px); line-height:1.02; font-weight:900; letter-spacing:-1.5px; color:#fff; }
.st-hero p { margin:18px 0 0; font-size:clamp(17px, 1.4vw, 19px); color:var(--soft); max-width:600px; }
.btns { margin-top:32px; display:flex; flex-wrap:wrap; gap:14px; }
.b-yellow, .b-ghost, .b-blue { text-decoration:none; font-size:18px; font-weight:800; padding:15px 26px; min-height:52px; display:inline-flex; align-items:center; gap:10px; }
.lp .b-yellow { background:var(--yellow); color:var(--ink); }
.lp .b-ghost { border:2px solid #fff; color:#fff; }
.lp .b-blue { background:var(--blue); color:#fff; }
.facts { flex:1 1 300px; min-width:0; display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; }
.facts div { background:#fff; color:var(--ink); padding:20px; }
.facts b { display:block; font-size:28px; font-weight:900; color:var(--blue); line-height:1.15; }
.facts span { font-size:15px; font-weight:700; }
.facts .y { background:var(--yellow); } .facts .y b { color:var(--ink); }
.facts .c { background:var(--cream); } .facts .c b { color:var(--brown); }
.sec { padding-top:64px; }
.sec h2 { margin:8px 0 0; font-size:clamp(28px, 2.8vw, 36px); line-height:1.08; font-weight:900; color:var(--blue); letter-spacing:-1px; }
.steps { margin-top:40px; display:flex; flex-wrap:wrap; gap:20px; }
.steps > div { flex:1 1 230px; min-width:0; background:#fff; padding:28px 24px; border-top:5px solid var(--blue); }
.steps .n { font-size:36px; font-weight:900; color:var(--yellow); line-height:1; }
.steps h3 { margin:14px 0 0; font-size:21px; font-weight:800; }
.steps p { margin:8px 0 0; color:var(--body); }
.strip { margin-top:20px; background:var(--yellow); padding:18px 24px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 24px; }
.strip b { font-size:18px; } .strip span { font-weight:600; color:#2a2a2a; }
.tiers { margin-top:36px; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:14px; }
.tiers div { background:#fff; padding:22px; border:3px solid; }
.tiers small { display:block; font-size:13px; font-weight:800; letter-spacing:2px; }
.tiers b { font-size:clamp(20px, 2.2vw, 28px); font-weight:900; }
.tiers .s { border-color:#8a8f98; } .tiers .s small { color:#4b5059; }
.tiers .g { border-color:var(--yellow); } .tiers .g small { color:var(--brown); }
.tiers .p { border-color:var(--ink); background:var(--ink); color:#fff; } .tiers .p small { color:var(--yellow); }
.pick { margin-top:28px; font-size:18px; font-weight:800; }
.rewards { margin-top:14px; display:flex; flex-wrap:wrap; gap:14px; }
.rewards > * { flex:1 1 280px; min-width:0; padding:26px 24px; text-decoration:none; }
.rewards small { display:block; font-size:13px; font-weight:800; letter-spacing:2px; }
.rewards b { display:block; font-size:24px; font-weight:900; margin-top:6px; }
.rewards span { display:block; margin-top:6px; }
.rw-blue { background:var(--blue); color:#fff; } .rw-blue small { color:var(--yellow); } .rw-blue span { color:var(--soft); }
.lp .rw-yellow { background:var(--yellow); color:var(--ink); } .rw-yellow small { color:var(--brown); }
.rw-line { border:3px solid var(--blue); color:var(--blue); } .rw-line span { color:var(--body); }
.join { background:#fff; border-top:8px solid var(--yellow); display:flex; flex-wrap:wrap; }
.join .side { flex:1 1 340px; min-width:0; background:var(--blue); color:#fff; padding:44px 36px; }
.join .side .kicker { color:var(--yellow); }
.join .side h2 { color:#fff; }
.join .side p { color:var(--soft); font-size:17px; margin:16px 0 0; }
.join .opts { flex:999 1 460px; min-width:0; padding:44px 36px; display:flex; flex-direction:column; gap:18px; }
.opt { border:2px solid #e3dfc9; padding:22px 24px; display:flex; flex-wrap:wrap; gap:14px 24px; align-items:center; justify-content:space-between; }
.opt h3 { margin:0; font-size:22px; font-weight:900; }
.opt p { margin:4px 0 0; color:var(--body); }
.opt .txt { flex:1 1 260px; min-width:0; }
.opt-main { border-color:var(--blue); background:#f3f5ff; }
.small-links { color:var(--body); margin:0; }
.lp-foot { margin-top:72px; padding:0 24px 36px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:10px 28px; color:var(--body); text-align:center; }
.lp-foot .copy { color:var(--brown); }
@media (max-width:560px){
  .door { padding:24px 22px; }
  .doors { padding-top:48px; }
  .join .side, .join .opts { padding:32px 22px; }
  .tiers { grid-template-columns:minmax(0, 1fr); }
}


/* ---- Home page: compact, fits one desktop screen (no scrolling) ---- */
.home .home-page { position:relative; min-height:100vh; display:flex; flex-direction:column; }
.home .lp-top { padding:8px 24px; }
.home .lp-top nav { font-size:15px; }
.home .lp-top nav a.cta { min-height:40px; padding:8px 16px; }
.home .home-head { padding:0 24px; }
.home .home-head .logo { width:clamp(110px, 10vw, 140px); }
.home .home-head .bar { width:72px; height:4px; margin-top:4px; }
.home .home-head h1 { margin:14px 0 0; font-size:clamp(26px, 2.6vw, 36px); line-height:1.1; letter-spacing:-1px; }
.home .home-head p { margin:8px 0 0; font-size:16px; }
.home .doors { width:100%; max-width:880px; margin:0 auto; box-sizing:border-box; padding:36px 24px 0; gap:20px; }
.home .door { flex:1 1 320px; padding:22px 24px; gap:12px; }
.home .door-head { display:flex; align-items:center; gap:14px; }
.home .door-head > span { display:flex; flex-direction:column; }
.home .door .icon { width:48px; height:48px; flex-shrink:0; }
.home .door .label { font-size:12px; letter-spacing:2px; }
.home .door .big { font-size:30px; }
.home .door p { font-size:15px; line-height:1.45; }
.home .next-up { display:block; padding:8px 12px; font-size:14px; font-weight:600; }
.home .next-up b { color:var(--blue); margin-right:6px; font-weight:800; }
.home .door .go { font-size:15px; padding:10px 18px; min-height:44px; }
.home .home-more { margin:22px auto 0; font-size:15px; }
.home .lp-foot { margin-top:auto; padding:20px 24px 18px; font-size:14px; }
@media (min-width:900px) and (max-height:720px) {
  .home .home-head .logo { width:96px; }
  .home .home-head h1 { margin-top:8px; font-size:28px; }
  .home .doors { padding-top:24px; }
  .home .door { padding:18px 22px; gap:10px; }
  .home .home-more { margin-top:14px; }
  .home .lp-foot { padding:14px 24px 12px; }
}
.lp a.door-blue { color:#fff; }
.lp a.door-yellow { color:var(--ink); }
.home .home-head .logo { width:clamp(120px, 11vw, 160px); }
.home .home-head p { max-width:720px; }
@media (min-width:900px) and (max-height:720px) { .home .home-head .logo { width:110px; } }
.home .doors { padding-top:48px; }
@media (min-width:900px) and (max-height:720px) { .home .doors { padding-top:36px; } }