/* =====================================================================
   DESIGN SYSTEM v2 — TIPOGRÁFIA (2026-09) · ajánlat-oldalak (sk/ponuka · cs/nabidka · hr/ponuda · en/offer)
   Atlantic Cruise = címek, gombok, nagy számok · Jost = szöveg, feliratok, űrlap
   ===================================================================== */
:root{--serif:'Atlantic Cruise','Jost',Arial,sans-serif;--deco:'Atlantic Cruise','Jost',Arial,sans-serif;
  --cond:'Jost','Helvetica Neue',Arial,sans-serif;--type:'Jost','Helvetica Neue',Arial,sans-serif}
html{font-synthesis:none}
body{font-family:var(--type);font-weight:400}
b,strong{font-weight:600}
h1,h2,h3{font-family:var(--deco);font-weight:400;text-transform:uppercase;letter-spacing:.035em;line-height:.98}
.hero h1{font-size:clamp(40px,4.7vw,66px);letter-spacing:.025em;line-height:.95}
.showcase h2{font-size:clamp(34px,4.3vw,54px)}
.roi h2{font-size:clamp(30px,3.7vw,46px)}
.packet h2{font-size:clamp(32px,4.1vw,52px)}
.prop h3{font-family:var(--deco);font-size:23px;letter-spacing:.06em;line-height:1.05;margin:14px 0 8px}
.prop .n{font-family:var(--deco);font-size:46px;letter-spacing:.02em}
.kicker{font-weight:500;letter-spacing:.2em}
.btn{font-family:var(--deco);font-weight:400;font-size:17px;letter-spacing:.12em;padding:14px 26px 13px}
.top .btn{font-size:15px;padding:10px 18px 9px}
.hero .badge,.showcase .spec b,.knob label,.fixed,.readout .rl,.field label{font-weight:500}
.showcase .spec span,.knob output,.fixed span,.readout .rv{font-family:var(--deco);font-weight:400;text-transform:uppercase;letter-spacing:.03em}
.showcase .spec span{font-size:19px}
.knob output{font-size:21px}
.readout .rv{font-size:46px;line-height:1}
.readout .rv small{font-family:var(--type);font-weight:500;font-size:16px;letter-spacing:.04em}
.field input,.field select{font-family:var(--type);font-weight:400}
@media(max-width:640px){
  .top .btn{font-size:13.5px;padding:9px 12px 8px;letter-spacing:.08em;white-space:nowrap}
  .btn{font-size:15.5px}
  .prop h3{font-size:21px}
}
/* keskeny telefonon (iPhone SE / 375 px) a fejléc-gomb egy sorban maradjon a logó mellett */
@media(max-width:420px){.top .brand img.wm{height:14px}.top .btn{font-size:12px;letter-spacing:.05em;padding:8px 10px 7px}}
@media(max-width:340px){.top .brand img.wm{height:12px}.top .btn{font-size:10.5px;letter-spacing:.03em;padding:8px 8px 7px}}