/* Landing variants 3-6 (Nov 6 2026). Loaded after welcome.css; uses its colour variables so themes still apply. */
.pf{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:16px;display:grid;gap:8px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.pf-h{display:flex;justify-content:space-between;align-items:baseline}.pf-h b{font-size:16px}.pf-h small{color:var(--muted);font-size:12px}
.pf-row{display:grid;grid-template-columns:1fr auto 44px;gap:10px;align-items:center;background:var(--card2);border:1px solid var(--line);border-radius:14px;padding:10px 12px}
.pf-row span{min-width:0}.pf-row b{display:block;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-row small{display:block;color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-row em{font-style:normal;font-size:12.5px;font-weight:700;color:var(--muted);white-space:nowrap}.pf-row em.am{color:var(--amber)}.pf-row em.rd{color:#ff7a6b}
.pf-row i{font-style:normal;font-weight:900;font-size:18px;text-align:center;border-radius:10px;padding:4px 0}
.pf-row i.g{color:var(--lime);background:rgba(198,244,50,.1)}.pf-row i.w{color:var(--amber);background:rgba(255,181,71,.12)}.pf-row i.r{color:#ff7a6b;background:rgba(255,122,107,.12)}
.pf-f{color:var(--muted);font-size:13px;margin-top:2px}
.cost{margin-top:22px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:16px;display:grid;gap:8px}
.c-ex{justify-self:start;font-size:12px;font-weight:800;color:var(--amber);background:rgba(255,181,71,.1);border:1px solid rgba(255,181,71,.35);border-radius:999px;padding:3px 10px;text-transform:uppercase;letter-spacing:.04em}
.c-row{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:8px 2px}
.c-row b{display:block;font-size:15px}.c-row small{color:var(--muted);font-size:13px}.c-row em{font-style:normal;font-weight:800;color:#ff8f80;white-space:nowrap;font-variant-numeric:tabular-nums}
.c-tot,.c-vs{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:6px 2px}
.c-tot span{font-weight:800}.c-tot b{font-size:26px;color:#ff8f80;font-weight:900}
.c-vs span{color:var(--muted)}.c-vs b{color:var(--lime);font-size:18px}
.hero-1{padding:34px 0 30px;text-align:center}
.hero-1 .in{display:flex;flex-direction:column;align-items:center}
.hero-1 .lead,.hero-1 .note{margin-left:auto;margin-right:auto}
.hero-1 .big-cta{margin-top:20px}
.h1-shot{margin:24px 0 0;width:100%;max-width:720px;position:relative;border-radius:22px;overflow:hidden;border:1px solid var(--line)}
.h1-shot img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.h1-shot figcaption{position:absolute;left:12px;bottom:12px;display:flex;gap:6px}
.b3{display:grid;gap:12px}
.b3 article{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px}
.b3 .em{font-size:26px;display:block;margin-bottom:8px}.b3 p{color:#cfd6cb;margin-top:6px}
.three{padding-top:24px}
.mini-plans{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px auto 0;max-width:460px;text-align:left}
.mini-plans div{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:2px}
.mini-plans div.best{border-color:var(--lime)}
.mini-plans b{font-size:15px}.mini-plans span{font-size:28px;font-weight:900;color:var(--lime);line-height:1.1}.mini-plans small{color:var(--muted);font-size:12.5px;line-height:1.35}
.offer .sub{margin-top:16px}
.cta-end{padding-top:20px}
.trades{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 4px}
.trades span{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:7px 13px;font-weight:700;font-size:14px;white-space:nowrap}
.center-row{justify-content:center}
.join-end .big-cta{margin-top:0;flex:1 1 200px}
.join-end .cta-row{max-width:520px;margin-left:auto;margin-right:auto}
@media (min-width:700px){.b3{grid-template-columns:repeat(3,1fr)}.hero-1{padding:60px 0 40px}}
html[data-theme="mediterranean"] .b3 p{color:var(--muted)}
