/* /awareness/ — a biztonsági tudatosság landing SAJÁT eltérései.
   Az arculati alap a /soc/ lap CSS-e (egy rendszer, egy fájl) — ide csak az
   kerül, ami ezen a lapon tényleg más. Ami itt nincs, az szándékosan közös. */

/* A hero alcíme itt hosszabb (mindkét kampány-kulcsszó és a BellResearch-szám
   egy mondatban), ezért kap valamivel szélesebb sávot — 640px-en hét sorra törne. */
#szolgaltatas .lead { max-width: 720px; }

/* Az első szövegelem négy tagú elhatárolás, nem két szavas kicker: 640px-nél
   szűkebb sávban négy sorra törne, és akkor a H1 a hajtás alá csúszna. A
   betűköz is szorosabb, mint a közös 3px — enélkül a négy tag szétesik. */
.kick { max-width: 760px; letter-spacing: 2px; line-height: 1.7; }
/* A négy tag egy-egy önálló állítás: a sortörés csak az elválasztóknál eshet.
   Enélkül a sor a tag KÖZEPÉN törik ("jelszót nem / gyűjtünk"), és az
   elhatárolás pont ott veszti el az erejét, ahol a leginkább számít. */
.kick span { white-space: nowrap; }

/* Szám-blokk. A másik három landing külön dobozokba vágott számokkal dolgozik
   (.nums/.num); itt a négy szám EGY összefüggő érvelés (60% érzés ↔ 16%
   valóság), amit a dobozokra bontás szétvágna — ezért a jóváhagyott mondat
   egészben áll, a doboz vizuális nyelvét megtartva. */
.claim {
	margin-top: 40px;
	background: var(--card);
	border: 1px solid var(--line);
	border-radius: 16px;
	padding: 26px 28px;
	max-width: 900px;
}
.claim p { font-size: 19px; color: var(--mut); line-height: 1.55; }
/* A szám a mondat belsejében ül, ezért nem lehet 40px-es, mint a dobozokban:
   a sormagasságot szakítaná szét. A kiemelés a színnel és a méretugrással
   együtt elég — a mondat olvasható marad. */
.claim b { color: var(--pur-l); font-size: 25px; font-weight: 700; letter-spacing: -.5px; white-space: nowrap; }
.claim .fine { margin-top: 14px; }

/* A globális (Verizon) szám kisebb súllyal, a blokk ALATT — a magyar adat a
   vezető állítás, ez csak megtámasztja. */
.claim-sub { margin-top: 22px; font-size: 16px; color: var(--mut); max-width: 900px; }
.claim-sub b { color: var(--pur-l); font-weight: 700; }

/* A CTA-k az ŰRLAPRA görgetnek (az id a form-on áll, mert a mérés azt
   azonosítja) — enélkül a kártya felső széle a képernyő tetejére tapadna. */
#awareness-form { scroll-margin-top: 28px; }

@media (max-width: 900px) {
	.kick { letter-spacing: 1.6px; }
	.claim { padding: 20px 20px; }
	.claim p { font-size: 17px; }
	.claim b { font-size: 22px; }
}