/* GYORS SZÍNCSERE: a --kiemelt értéke a Coolpóló narancsszíne. */
:root{color-scheme:dark;--hatter:#090a0d;--szoveg:#f7f8fa;--halvany:#b2b5c0;--kiemelt:#ff7900;--vonal:#ffffff24}
*{box-sizing:border-box}
body{margin:0;background:var(--hatter);color:var(--szoveg);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}
a{color:inherit;text-decoration:none}a:hover{color:var(--kiemelt)}
a:focus-visible,summary:focus-visible{outline:3px solid var(--kiemelt);outline-offset:7px}
[hidden]{display:none!important}
/* A márkanév a főcím része is; a képen már látható, így nem duplázzuk. */
.csak-felolvaso{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.ugras{position:absolute;top:10px;left:10px;z-index:10;padding:10px 16px;background:var(--hatter);transform:translateY(-180%)}.ugras:focus{transform:translateY(0)}
/* FEJLÉC: a jóváhagyott képen már van logó; itt csak a DEFENPRO-link van. */
.fejlec{position:absolute;z-index:2;top:0;width:100%;padding:24px 4.5%;display:flex;justify-content:flex-end}
.defenpro{font-size:14px;color:#e0e2e8}.defenpro span{margin-left:14px;color:var(--kiemelt)}
/* HÁTTÉR: a fájlnév az index.html .latvany eleménél módosítható.
   A középső sötét területre kerül a szöveg, a logó felette marad. */
.nyito{position:relative;min-height:900px;min-height:max(900px,100svh);display:grid;place-items:center;isolation:isolate;overflow:hidden;padding:230px 22px 110px}
.latvany{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center top}
.nyito::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,transparent 18%,#090a0d12 55%,#090a0d44 85%,var(--hatter))}
/* KÖZÉPSŐ FELIRAT: a főcím mérete a képernyőhöz igazodik. */
.tartalom{text-align:center;max-width:750px}
.felcim{font-size:14px;letter-spacing:3px;font-weight:700;color:var(--kiemelt);margin:0 0 24px}
h1{font-size:clamp(54px,6.5vw,96px);letter-spacing:-.055em;line-height:1.04;margin:0 0 26px;font-weight:950}h1 span{color:var(--kiemelt)}
.bevezeto{color:#e0e2e8;font-size:18px;line-height:1.7;margin-bottom:30px}
/* SZÁMLÁLÓ: a számok azonos szélességűek, így nem ugrál a sor. */
.szamlalo{display:flex;justify-content:center;align-items:flex-start;gap:16px}
.szamlalo div{min-width:76px}
.szamlalo strong{display:block;color:var(--kiemelt);font-size:clamp(38px,4.5vw,60px);font-weight:700;line-height:1.15;font-variant-numeric:tabular-nums;letter-spacing:-2px}
.szamlalo div span{display:block;font-size:12px;letter-spacing:2px;color:#c3c6d0;margin-top:12px}
.szamlalo b{font-size:32px;color:#ff790077;line-height:1.6;font-weight:400}
.nyitas{font-size:14px;color:#c3c7d0;margin:23px 0 28px}
.gomb{display:inline-flex;gap:24px;align-items:center;padding:15px 24px;background:var(--kiemelt);color:#130900;border:1px solid var(--kiemelt);font-size:14px;font-weight:700;border-radius:3px;transition:background .2s,transform .2s}
.gomb:hover{color:#130900;background:#ff9d47;transform:translateY(-2px)}
.kepfelirat{position:absolute;bottom:24px;text-align:center;font-size:12px;letter-spacing:4px;color:#b8bcc7}.kepfelirat span{padding:0 15px;color:var(--kiemelt)}
/* LÁBLÉC: az elérhetőségek mindig látszanak; a cégadatok lenyithatók. */
footer{max-width:1440px;margin:auto;padding:40px 4.5% 22px;color:var(--halvany);font-size:14px}
.lablec-felso{display:flex;justify-content:space-between;gap:24px;padding-bottom:22px}.lablec-felso p{margin:0 0 6px}
.lablec-marka{color:#f1f3f7;font-weight:700;letter-spacing:1px}.lablec-marka span{color:var(--kiemelt);padding:0 8px}
.kapcsolat{display:flex;flex-direction:column;text-align:right;gap:4px;color:#e4e6ec}
details{border-top:1px solid var(--vonal);padding:18px 0}summary{cursor:pointer;width:fit-content;color:#e4e6ec}
dl{display:grid;grid-template-columns:1fr 1fr;gap:14px 30px;margin:20px 0}
dt{font-size:14px;color:var(--halvany)}dd{margin:0;color:#e4e6ec}
.also-sor{border-top:1px solid var(--vonal);padding-top:18px;display:flex;justify-content:space-between;gap:20px;font-size:12px}
/* MOBIL ÉS TABLET: teljes képszélesség, hogy mindkét póló és a logó
   megmaradjon. A szöveg a kép alatti sötét térre kerül. */
@media(max-width:800px){
 .fejlec{padding:10px 20px}.defenpro{font-size:12px}.defenpro span{margin-left:5px}
 .nyito{min-height:0;padding:calc(56.28vw + 55px) 20px 95px}
 .latvany{top:42px;height:auto;width:100%;object-fit:contain}.nyito::after{background:none}
 .tartalom{width:100%}.felcim{font-size:14px;letter-spacing:1.5px}
 h1{font-size:clamp(44px,11vw,72px)}.bevezeto{font-size:16px}
 .szamlalo{gap:7px}.szamlalo div{min-width:0;flex:0 1 68px}
 .szamlalo strong{font-size:clamp(32px,9vw,46px)}.szamlalo b{font-size:24px}
 .szamlalo div span{font-size:12px;letter-spacing:0}
 .gomb{padding:14px 16px;gap:12px}.kepfelirat{font-size:12px;letter-spacing:2px}
 footer{padding:30px 20px 20px}.lablec-felso{flex-direction:column}.kapcsolat{text-align:left}
 dl{grid-template-columns:1fr}.also-sor{flex-direction:column;gap:8px}
}
@media(prefers-reduced-motion:reduce){.gomb{transition:none}}