/*
Theme Name: Üröm Autókulcs
Theme URI: https://uromautokulcs.hu/
Author: Egyedi fejlesztés
Description: Egyedi, page builder nélküli WordPress-téma az Üröm Autókulcs weboldalához – autózárnyitás, autókulcs készítés és programozás, chiptuning, referenciák, kapcsolat. Beépített, plugin nélküli kapcsolati űrlap-kezelővel.
Version: 1.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: urom-autokulcs
*/

/* ============================================================
   ÜRÖM AUTÓKULCS — DESIGN SYSTEM v1.0  (központi tokenek)
   ============================================================ */
:root{
  color-scheme: light;

  --brand-graphite:    #3A3F42;
  --brand-orange:      #E08928;
  --brand-orange-dark: #B96916;
  --brand-orange-soft: #FFF4E7;
  --text-primary:      #22272A;
  --text-secondary:    #5F686D;
  --background-soft:   #F6F7F7;
  --border:            #DDE1E3;
  --status-open:       #25834A;
  --radius-button:     8px;
  --radius-card:       12px;
  --container:         1200px;

  --brand:var(--brand-orange); --brand-dark:var(--brand-orange-dark); --brand-soft:var(--brand-orange-soft);
  --ink:var(--text-primary); --ink-2:#3C4552; --muted:var(--text-secondary);
  --line:var(--border); --paper:#FFFFFF; --paper-2:var(--background-soft);
  --steel:var(--brand-graphite); --ok:var(--status-open); --alert:#C0322B;

  --display:'Archivo', system-ui, sans-serif;
  --body:'Instrument Sans', Arial, system-ui, sans-serif;

  --wrap:var(--container); --gap:24px; --r:var(--radius-card); --r-sm:var(--radius-button);
  --shadow:0 1px 2px rgba(34,39,42,.05), 0 12px 28px rgba(34,39,42,.08);
  --shadow-lg:0 1px 2px rgba(34,39,42,.05), 0 20px 44px rgba(34,39,42,.12);
}
@media (prefers-color-scheme: dark){
  html, body{ background:var(--paper) !important; color:var(--ink) !important; }
}
/* ---------- RESET ---------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0; background:var(--paper); color:var(--ink); font-family:var(--body); font-size:17px; line-height:1.65; -webkit-font-smoothing:antialiased}
img{max-width:100%; display:block}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--display); margin:0; line-height:1.12; letter-spacing:-.02em; font-weight:800}
p{margin:0}
ul{margin:0; padding:0; list-style:none}
.uak-wrap{width:100%; max-width:var(--wrap); margin:0 auto; padding:0 22px}
.uak-section{padding:88px 0; position:relative}
.uak-section--tint{background:var(--paper-2); border-block:1px solid var(--line)}
.uak-section--dark{background:var(--steel); color:#EDEFF0}
.uak-section--dark h2{color:#fff}
.uak-bit{height:9px; width:104px; margin-bottom:20px; background-repeat:no-repeat;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='104' height='9' viewBox='0 0 104 9'%3E%3Cpath d='M0 8h8V3h7v5h9V2h6v6h10V4h7v4h9V1h6v7h11V3h7v5h9V2h8' fill='none' stroke='%23E08928' stroke-width='2'/%3E%3C/svg%3E");}
.uak-section--dark .uak-bit{filter:brightness(1.35)}
.uak-eyebrow{font-family:var(--display); font-weight:700; font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--brand); margin-bottom:10px}
.uak-h2{font-size:clamp(28px,3.4vw,44px)}
.uak-lead{color:var(--ink-2); font-size:19px; max-width:64ch; margin-top:14px}
/* ---------- GOMBOK ---------- */
.uak-btn{display:inline-flex; align-items:center; justify-content:center; gap:10px; font-family:var(--display); font-weight:800; font-size:17px; padding:16px 26px; border-radius:var(--r-sm); text-decoration:none; border:2px solid transparent; transition:transform .12s ease, background .18s ease, box-shadow .18s ease; white-space:nowrap; cursor:pointer}
.uak-btn:active{transform:translateY(1px)}
.uak-btn--call{background:var(--brand); color:var(--text-primary); box-shadow:var(--shadow)}
.uak-btn--call:hover{background:var(--brand-dark); color:var(--text-primary)}
.uak-btn--wa{background:#fff; color:var(--ink); border-color:var(--line)}
.uak-btn--wa:hover{border-color:var(--ink)}
.uak-btn--ghost{background:transparent; color:#fff; border-color:rgba(255,255,255,.28)}
.uak-btn--ghost:hover{border-color:#fff}
.uak-btn--lg{font-size:20px; padding:20px 32px}
.uak-btn--sm{font-size:15px; padding:12px 18px}
:focus-visible{outline:3px solid var(--brand); outline-offset:3px; border-radius:4px}
/* ---------- 4.1 FEJLÉC ---------- */
.uak-topbar{position:sticky; top:0; z-index:50; background:rgba(255,255,255,.92); backdrop-filter:blur(10px); border-bottom:1px solid var(--line)}
.uak-topbar__in{display:flex; align-items:center; gap:18px; height:70px}
.uak-logo{font-family:var(--display); font-weight:800; font-size:19px; letter-spacing:-.02em; text-decoration:none; line-height:1.05; display:flex; align-items:center; gap:10px}
.uak-logo small{display:block; font-family:var(--body); font-weight:500; font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:var(--muted)}
.uak-logo__img{height:40px; width:auto; display:block; flex:0 0 auto}
.uak-nav{display:flex; gap:22px; margin-left:auto; font-size:15px; font-weight:500}
.uak-nav a{text-decoration:none; color:var(--ink-2); white-space:nowrap}
.uak-nav a:hover{color:var(--brand)}
.uak-topbar .uak-btn{padding:12px 18px; font-size:15px}
.uak-open{display:inline-flex; align-items:center; gap:7px; font-size:13px; font-weight:600; color:var(--ok); white-space:nowrap; line-height:1.2}
.uak-open.is-closed{color:var(--muted)}
.uak-open.is-closed .uak-dot{background:var(--muted); animation:none; box-shadow:none}
.uak-dot{width:8px;height:8px;border-radius:50%;background:var(--ok); box-shadow:0 0 0 0 rgba(37,131,74,.5); animation:uak-pulse 2s infinite}
@keyframes uak-pulse{70%{box-shadow:0 0 0 8px rgba(37,131,74,0)}100%{box-shadow:0 0 0 0 rgba(37,131,74,0)}}
/* ---------- 4.2 HERO ---------- */
.uak-hero{padding:72px 0 60px; background:radial-gradient(1000px 420px at 88% -10%, var(--brand-soft), transparent 70%), var(--paper)}
.uak-hero__grid{display:grid; grid-template-columns:1.06fr .94fr; gap:52px; align-items:center}
.uak-hero h1{font-size:clamp(38px,4.5vw,56px); letter-spacing:-.03em}
.uak-hero h1 em{font-style:normal; color:var(--brand)}
.uak-hero__sub{margin-top:20px; font-size:19px; color:var(--ink-2); max-width:52ch}
.uak-hero__cta{display:flex; gap:12px; margin-top:28px; flex-wrap:wrap}
.uak-hero__proof{display:flex; flex-wrap:wrap; align-items:center; gap:8px 18px; margin-top:24px; font-size:15px; color:var(--ink-2)}
.uak-hero__proof b{color:var(--ink)}
.uak-hero__proof .sep{width:5px;height:5px;border-radius:50%;background:var(--border)}
.uak-stars{color:var(--brand); letter-spacing:2px; font-size:16px}
/* HERO KÉP / SOS PANEL */
.uak-herofig{position:relative; border-radius:var(--r); overflow:hidden; box-shadow:var(--shadow-lg); background:var(--brand-graphite); min-height:420px; display:flex; flex-direction:column; justify-content:flex-end}
.uak-herofig__ph{position:absolute; inset:0; display:grid; place-items:center; text-align:center; color:#7D8890; padding:24px; font-size:14px; line-height:1.5; background:repeating-linear-gradient(45deg,#33383B,#33383B 12px,#2E3336 12px,#2E3336 24px)}
.uak-herofig__cap{position:relative; z-index:2; margin:0 16px 16px; background:rgba(20,24,28,.72); backdrop-filter:blur(6px); border:1px solid rgba(255,255,255,.12); border-radius:10px; padding:14px 16px; color:#EDEFF0; font-size:14px}
.uak-herofig__cap strong{font-family:var(--display); display:block; margin-bottom:2px; color:#fff}
/* ---------- 4.3 PROBLÉMA-VÁLASZTÓ ---------- */
.uak-picker{display:grid; grid-template-columns:repeat(3,1fr); gap:var(--gap); margin-top:44px}
.uak-pick{display:block; text-decoration:none; background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:26px; transition:border-color .18s ease, transform .18s ease, box-shadow .18s ease}
.uak-pick:hover{border-color:var(--brand); transform:translateY(-3px); box-shadow:var(--shadow)}
.uak-pick__ic{width:44px; height:44px; border-radius:10px; background:var(--brand-soft); color:var(--brand); display:grid; place-items:center; margin-bottom:16px}
.uak-pick h3{font-size:20px; margin-bottom:8px; color:var(--ink)}
.uak-pick p{color:var(--ink-2); font-size:15px; margin-bottom:14px}
.uak-pick__cta{font-family:var(--display); font-weight:700; font-size:15px; color:var(--brand); display:inline-flex; align-items:center; gap:6px}
.uak-pick:hover .uak-pick__cta{gap:10px}
/* ---------- 4.4 KIEMELT AUTÓZÁRNYITÁS ---------- */
.uak-spotlight{display:grid; grid-template-columns:1.1fr .9fr; gap:48px; align-items:center; background:var(--brand-soft); border:1px solid #F0DDB8; border-radius:var(--r); padding:44px}
.uak-spotlight__proof{display:flex; flex-wrap:wrap; gap:10px; margin:22px 0 26px}
.uak-spotlight__proof li{font-family:var(--display); font-weight:600; font-size:14px; background:#fff; border:1px solid #F0DDB8; border-radius:999px; padding:7px 14px}
.uak-spotlight__cta{display:flex; gap:12px; flex-wrap:wrap}
.uak-spotlight__aside{background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:26px}
.uak-spotlight__aside .row{display:flex; justify-content:space-between; align-items:baseline; padding:13px 0; border-bottom:1px solid var(--line); gap:14px}
.uak-spotlight__aside .row:last-child{border-bottom:none}
.uak-spotlight__aside .q{font-size:15px; color:var(--muted)}
.uak-spotlight__aside .a{font-family:var(--display); font-weight:800; font-size:18px; text-align:right}
.uak-tag{display:inline-block; font-family:var(--display); font-weight:700; font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:#fff; background:var(--alert); padding:4px 9px; border-radius:4px; margin-bottom:14px}
/* ---------- 4.5 KÉT NAGY ÉRTÉKŰ KULCSSZOLGÁLTATÁS ---------- */
.uak-duo{display:grid; grid-template-columns:1fr 1fr; gap:var(--gap); margin-top:44px}
.uak-duo__c{background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:34px; display:flex; flex-direction:column}
.uak-duo__c h3{font-size:24px; margin-bottom:12px}
.uak-duo__c p{color:var(--ink-2); font-size:17px; margin-bottom:24px; flex:1}
.uak-duo__ic{width:48px; height:48px; border-radius:10px; background:var(--brand-soft); color:var(--brand); display:grid; place-items:center; margin-bottom:18px}
/* ---------- 4.6 MIÉRT ---------- */
.uak-why{display:grid; grid-template-columns:.9fr 1.1fr; gap:52px; align-items:start}
.uak-why__list{display:grid; gap:2px; margin-top:8px}
.uak-why__i{display:flex; gap:14px; align-items:flex-start; padding:16px 0; border-bottom:1px solid rgba(255,255,255,.12)}
.uak-why__i:last-child{border-bottom:none}
.uak-why__i svg{flex:0 0 24px; margin-top:2px; color:var(--brand); filter:brightness(1.4)}
.uak-why__i b{font-family:var(--display); font-size:18px; color:#fff}
.uak-whynote{margin-top:26px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); border-radius:var(--r); padding:20px 24px; color:#EDEFF0; font-size:16px}
.uak-whynote strong{color:#fff}
/* ---------- 4.7 FOLYAMAT ---------- */
.uak-steps{display:grid; grid-template-columns:repeat(5,1fr); gap:18px; margin-top:44px}
.uak-step{padding-top:22px; border-top:2px solid var(--border)}
.uak-step__n{font-family:var(--display); font-weight:800; font-size:13px; letter-spacing:.08em; color:var(--brand); margin-bottom:10px}
.uak-step h3{font-size:17px; margin-bottom:6px}
.uak-step p{color:var(--ink-2); font-size:15px}
/* ---------- 4.8 VALÓDI MUNKÁK ---------- */
.uak-works{display:grid; grid-template-columns:repeat(3,1fr); gap:var(--gap); margin-top:44px}
.uak-work{background:#fff; border:1px solid var(--line); border-radius:var(--r); overflow:hidden}
.uak-work__img{aspect-ratio:4/3; background:repeating-linear-gradient(45deg,#EFF1F2,#EFF1F2 12px,#E7EAEC 12px,#E7EAEC 24px); display:grid; place-items:center; color:#9AA3AA; font-size:13px; text-align:center; padding:16px}
.uak-work__body{padding:22px}
.uak-work__body h3{font-size:18px; margin-bottom:8px}
.uak-work__body p{color:var(--ink-2); font-size:15px}
.uak-work__meta{margin-top:12px; font-family:var(--display); font-weight:600; font-size:13px; color:var(--brand); letter-spacing:.02em}
/* ---------- 4.9 VÉLEMÉNYEK ---------- */
.uak-revhd{display:flex; justify-content:space-between; align-items:flex-end; gap:24px; flex-wrap:wrap}
.uak-score{text-align:right}
.uak-score b{font-family:var(--display); font-size:44px; line-height:1; display:block}
.uak-score span{font-size:14px; color:var(--muted)}
.uak-revs{display:grid; grid-template-columns:repeat(3,1fr); gap:var(--gap); margin-top:40px}
.uak-rev{background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:28px}
.uak-rev p{font-size:16px; color:var(--ink-2); margin:12px 0 18px}
.uak-rev cite{font-style:normal; font-weight:600; font-size:14px}
.uak-rev cite span{display:block; font-weight:400; color:var(--muted); font-size:13px}
.uak-revs__cta{margin-top:32px; text-align:center}
/* ---------- 4.10 CÉGES ---------- */
.uak-corp{display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center}
.uak-refs{display:flex; flex-wrap:wrap; gap:10px; margin-top:8px}
.uak-refs li{font-family:var(--display); font-weight:600; font-size:14px; color:var(--ink-2); border:1px solid var(--line); background:#fff; border-radius:999px; padding:8px 16px}
.uak-refs li.hi{border-color:var(--brand); color:var(--brand); background:var(--brand-soft)}
/* ---------- 4.11 MÁRKÁK ---------- */
.uak-brands{display:flex; flex-wrap:wrap; gap:10px; margin-top:32px; max-width:920px}
.uak-brands li{font-family:var(--display); font-weight:600; font-size:15px; color:var(--ink-2); background:var(--paper-2); border:1px solid var(--line); border-radius:8px; padding:10px 16px}
.uak-brands__note{margin-top:20px; font-size:15px; color:var(--muted)}
/* ---------- 4.12 KAPCSOLÓDÓ ---------- */
.uak-related{display:grid; grid-template-columns:1fr 1fr; gap:var(--gap); margin-top:36px}
.uak-related__c{display:flex; gap:18px; align-items:center; background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:24px; text-decoration:none; transition:border-color .18s ease}
.uak-related__c:hover{border-color:var(--brand)}
.uak-related__ic{width:42px;height:42px;flex:0 0 42px;border-radius:9px;background:var(--paper-2); color:var(--brand-graphite); display:grid; place-items:center}
.uak-related__c h3{font-size:18px; margin-bottom:3px}
.uak-related__c p{font-size:14px; color:var(--muted)}
/* ---------- 4.13 GYIK ---------- */
.uak-faq{margin-top:40px; max-width:840px}
.uak-faq details{border-bottom:1px solid var(--line); padding:4px 0}
.uak-faq summary{cursor:pointer; list-style:none; padding:20px 40px 20px 0; position:relative; font-family:var(--display); font-weight:700; font-size:18px}
.uak-faq summary::-webkit-details-marker{display:none}
.uak-faq summary::after{content:"+"; position:absolute; right:6px; top:16px; font-size:26px; font-weight:400; color:var(--brand); transition:transform .2s ease}
.uak-faq details[open] summary::after{transform:rotate(45deg)}
.uak-faq .a{padding:0 40px 22px 0; color:var(--ink-2); font-size:16px}
/* ---------- 4.14 TUDÁSTÁR ---------- */
.uak-kb{display:grid; grid-template-columns:repeat(3,1fr); gap:var(--gap); margin-top:44px}
.uak-kbc{display:block; text-decoration:none; background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:28px; transition:border-color .18s ease, transform .18s ease}
.uak-kbc:hover{border-color:var(--brand); transform:translateY(-3px)}
.uak-kbc span{font-family:var(--display); font-weight:700; font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:var(--brand)}
.uak-kbc h3{font-size:19px; margin:12px 0 8px; color:var(--ink)}
.uak-kbc p{font-size:15px; color:var(--ink-2)}
/* ---------- 4.15 ZÁRÓ CTA ---------- */
.uak-cta{text-align:center}
.uak-cta h2{font-size:clamp(30px,4vw,46px); color:#fff}
.uak-cta p{color:#C4CCD2; margin-top:14px; font-size:18px; max-width:56ch; margin-inline:auto}
.uak-cta__btns{display:flex; gap:12px; justify-content:center; margin-top:32px; flex-wrap:wrap}
.uak-cta .uak-bit{margin:0 auto 20px}
/* ---------- LÁBLÉC ---------- */
.uak-foot{background:#20252A; color:#8695A5; padding:60px 0 40px; font-size:15px}
.uak-foot__grid{display:grid; grid-template-columns:1.5fr 1fr 1fr 1.1fr; gap:36px}
.uak-foot h4{font-family:var(--display); font-size:13px; letter-spacing:.14em; text-transform:uppercase; color:#fff; margin-bottom:16px}
.uak-foot a{color:#B7C2CE; text-decoration:none}
.uak-foot a:hover{color:var(--brand); filter:brightness(1.4)}
.uak-foot li{padding:4px 0}
.uak-foot__bar{border-top:1px solid rgba(255,255,255,.09); margin-top:44px; padding-top:24px; font-size:13px; display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap}
/* ---------- MOBIL STICKY ---------- */
.uak-sticky{display:none}
@media(max-width:860px){
  .uak-sticky{display:grid; grid-template-columns:1fr 1fr; gap:10px; position:fixed; left:0; right:0; bottom:0; z-index:100; background:rgba(255,255,255,.96); backdrop-filter:blur(10px); border-top:1px solid var(--line); padding:10px 14px calc(10px + env(safe-area-inset-bottom))}
  .uak-sticky .uak-btn{width:100%; padding:15px 8px; font-size:15px}
  body{padding-bottom:84px}
}
/* ---------- RESPONSZÍV ---------- */
@media(max-width:1000px){
  .uak-hero__grid,.uak-spotlight,.uak-why,.uak-corp,.uak-foot__grid{grid-template-columns:1fr; gap:36px}
  .uak-picker,.uak-works,.uak-revs,.uak-kb{grid-template-columns:1fr 1fr}
  .uak-steps{grid-template-columns:repeat(2,1fr); gap:24px}
  .uak-duo,.uak-related{grid-template-columns:1fr}
  .uak-foot__grid{grid-template-columns:1fr 1fr}
  .uak-open{display:none}
}
@media(max-width:860px){
  .uak-nav{display:none}
  .uak-topbar .uak-btn{margin-left:auto}
}
@media(max-width:700px){
  body{font-size:16px}
  .uak-section{padding:56px 0}
  .uak-hero{padding:40px 0}
  .uak-picker,.uak-works,.uak-revs,.uak-kb,.uak-steps,.uak-foot__grid{grid-template-columns:1fr}
  .uak-spotlight{padding:28px}
  .uak-score{text-align:left}
}
@media(prefers-reduced-motion:reduce){*{animation:none !important; transition:none !important; scroll-behavior:auto !important}}
/* --- MOBIL MENÜ (hamburger) --- */
.uak-burger{display:none;align-items:center;justify-content:center;width:46px;height:46px;border:1.5px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);cursor:pointer;flex:0 0 auto;padding:0}
.uak-burger svg{width:24px;height:24px}
.uak-mobnav{display:none;position:absolute;left:0;right:0;top:70px;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow-lg)}
.uak-mobnav.open{display:block}
.uak-mobnav a{display:block;padding:15px 22px;font-family:var(--display);font-weight:700;font-size:17px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}
.uak-mobnav a:last-child{border-bottom:none;color:var(--brand)}
.uak-mobnav a:hover{color:var(--brand)}
@media(max-width:860px){
  .uak-burger{display:inline-flex;margin-left:auto}
  .uak-topbar__in .uak-btn--call{display:none} /* fejléc-CTA mobilon elrejtve; a lenti ragadós sáv fedi */
}
@media(min-width:861px){ .uak-mobnav{display:none!important} }
/* ÜRÖM AUTÓKULCS — DESIGN SYSTEM v1.0 */
:root{
  color-scheme:light;
  --brand-graphite:#3A3F42; --brand-orange:#E08928; --brand-orange-dark:#B96916; --brand-orange-soft:#FFF4E7;
  --text-primary:#22272A; --text-secondary:#5F686D; --background-soft:#F6F7F7; --border:#DDE1E3; --status-open:#25834A;
  --radius-button:8px; --radius-card:12px; --container:1200px;
  --brand:var(--brand-orange); --brand-dark:var(--brand-orange-dark); --brand-soft:var(--brand-orange-soft);
  --ink:var(--text-primary); --ink-2:#3C4552; --muted:var(--text-secondary);
  --line:var(--border); --paper:#FFFFFF; --paper-2:var(--background-soft);
  --steel:var(--brand-graphite); --ok:var(--status-open); --alert:#C0322B;
  --display:'Archivo',system-ui,sans-serif; --body:'Instrument Sans',Arial,system-ui,sans-serif;
  --wrap:var(--container); --gap:24px; --r:var(--radius-card); --r-sm:var(--radius-button);
  --shadow:0 1px 2px rgba(34,39,42,.05),0 12px 28px rgba(34,39,42,.08);
  --shadow-lg:0 1px 2px rgba(34,39,42,.05),0 20px 44px rgba(34,39,42,.12);
}
@media (prefers-color-scheme:dark){html,body{background:var(--paper)!important;color:var(--ink)!important}}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
h1,h2,h3,h4{font-family:var(--display);margin:0;line-height:1.12;letter-spacing:-.02em;font-weight:800}
ul{margin:0;padding:0;list-style:none}
.uak-wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 22px}
.uak-section{padding:84px 0;position:relative}
.uak-section--tint{background:var(--paper-2);border-block:1px solid var(--line)}
.uak-section--dark{background:var(--steel);color:#EDEFF0}
.uak-bit{height:9px;width:104px;margin-bottom:20px;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='104' height='9' viewBox='0 0 104 9'%3E%3Cpath d='M0 8h8V3h7v5h9V2h6v6h10V4h7v4h9V1h6v7h11V3h7v5h9V2h8' fill='none' stroke='%23E08928' stroke-width='2'/%3E%3C/svg%3E")}
.uak-eyebrow{font-family:var(--display);font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--brand);margin-bottom:10px}
.uak-lead{color:var(--ink-2);font-size:19px;max-width:64ch;margin-top:14px}
/* GOMBOK */
.uak-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--display);font-weight:800;font-size:17px;padding:16px 26px;border-radius:var(--r-sm);text-decoration:none;border:2px solid transparent;transition:transform .12s,background .18s,box-shadow .18s;white-space:nowrap;cursor:pointer}
.uak-btn--call{background:var(--brand);color:var(--text-primary);box-shadow:var(--shadow)}
.uak-btn--call:hover{background:var(--brand-dark);color:var(--text-primary)}
.uak-btn--wa{background:#fff;color:var(--ink);border-color:var(--line)}
.uak-btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.28)}
.uak-btn--lg{font-size:20px;padding:20px 32px}
.uak-btn--sm{font-size:15px;padding:12px 18px}
:focus-visible{outline:3px solid var(--brand);outline-offset:3px;border-radius:4px}
/* FEJLÉC */
.uak-topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.uak-topbar__in{display:flex;align-items:center;gap:18px;height:70px}
.uak-logo{font-family:var(--display);font-weight:800;font-size:19px;letter-spacing:-.02em;text-decoration:none;line-height:1.05;display:flex;align-items:center;gap:10px}
.uak-logo small{display:block;font-family:var(--body);font-weight:500;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.uak-logo__img{height:40px;width:auto;display:block;flex:0 0 auto}
.uak-nav{display:flex;gap:22px;margin-left:auto;font-size:15px;font-weight:500}
.uak-nav a{text-decoration:none;color:var(--ink-2);white-space:nowrap}
.uak-topbar .uak-btn{padding:12px 18px;font-size:15px}
.uak-open{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--ok);white-space:nowrap;line-height:1.2}
.uak-open.is-closed .uak-dot{background:var(--muted);animation:none;box-shadow:none}
.uak-dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0 rgba(37,131,74,.5);animation:uak-pulse 2s infinite}
/* HERO */
.uak-hero{padding:72px 0 60px;background:radial-gradient(1000px 420px at 88% -10%,var(--brand-soft),transparent 70%),var(--paper)}
.uak-hero__grid{display:grid;grid-template-columns:1.06fr .94fr;gap:52px;align-items:center}
.uak-hero h1{font-size:clamp(38px,4.6vw,58px);letter-spacing:-.03em}
.uak-hero h1 em{font-style:normal;color:var(--brand)}
.uak-hero__sub{margin-top:20px;font-size:19px;color:var(--ink-2);max-width:52ch}
.uak-hero__cta{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.uak-hero__proof{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:24px;font-size:15px;color:var(--ink-2)}
.uak-stars{color:var(--brand);letter-spacing:2px;font-size:16px}
.uak-herofig{position:relative;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-lg);background:var(--brand-graphite);min-height:420px;display:flex;flex-direction:column;justify-content:flex-end}
.uak-herofig__ph{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:#7D8890;padding:24px;font-size:14px;line-height:1.5;background:repeating-linear-gradient(45deg,#33383B,#33383B 12px,#2E3336 12px,#2E3336 24px)}
.uak-herofig__cap{position:relative;z-index:2;margin:0 16px 16px;background:rgba(20,24,28,.72);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:14px 16px;color:#EDEFF0;font-size:14px}
.uak-herofig__cap strong{font-family:var(--display);display:block;margin-bottom:2px;color:#fff}
/* VÁLASZPANEL */
.uak-answers{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);margin-top:44px}
.uak-ans{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px}
.uak-ans h3{font-size:17px;margin-bottom:8px;display:flex;align-items:center;gap:9px}
.uak-ans h3 svg{color:var(--brand);flex:0 0 20px}
.uak-ans p{color:var(--ink-2);font-size:15px}
/* HELYZETEK */
.uak-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.uak-case{display:flex;gap:13px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px}
.uak-case svg{flex:0 0 22px;margin-top:2px;color:var(--brand)}
.uak-case span{font-size:16px;color:var(--ink)}
/* FIGYELMEZTETŐ (házilag) */
.uak-warn{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center;background:var(--brand-soft);border:1px solid #F0DDB8;border-radius:var(--r);padding:44px}
.uak-warn__ic{width:64px;height:64px;border-radius:14px;background:#fff;border:1px solid #F0DDB8;display:grid;place-items:center;color:var(--alert);margin-bottom:0}
/* LÉPÉSEK */
.uak-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:44px}
.uak-step{padding-top:22px;border-top:2px solid var(--border)}
.uak-step__n{font-family:var(--display);font-weight:800;font-size:13px;letter-spacing:.08em;color:var(--brand);margin-bottom:10px}
.uak-step h3{font-size:16px;margin-bottom:6px}
.uak-step p{color:var(--ink-2);font-size:14px}
/* MIÉRT (sötét) */
.uak-why{display:grid;grid-template-columns:.9fr 1.1fr;gap:52px;align-items:start}
.uak-why__list{display:grid;gap:2px;margin-top:8px}
.uak-why__i{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.uak-why__i svg{flex:0 0 24px;margin-top:2px;color:var(--brand);filter:brightness(1.4)}
.uak-why__i b{font-family:var(--display);font-size:18px;color:#fff}
.uak-whynote{margin-top:26px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--r);padding:20px 24px;color:#EDEFF0;font-size:16px}
/* ÁR */
.uak-pricewrap{display:grid;grid-template-columns:1.2fr .8fr;gap:44px;align-items:center;margin-top:8px}
.uak-pricecard{border:2px solid var(--brand);border-radius:var(--r);padding:30px;background:#fff;box-shadow:var(--shadow)}
.uak-pricecard .amt{font-family:var(--display);font-weight:800;font-size:40px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.uak-pricecard .note{font-size:14px;color:var(--muted);margin-top:4px}
.uak-pricecard ul{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}
.uak-pricecard li{font-size:15px;color:var(--ink-2);padding:6px 0 6px 24px;position:relative}
.uak-pricecard li::before{content:"\2713";position:absolute;left:0;color:var(--brand);font-weight:700}
/* KERESZTÉRTÉKESÍTÉS */
.uak-cross{display:flex;gap:28px;align-items:center;background:var(--steel);color:#EDEFF0;border-radius:var(--r);padding:40px}
.uak-cross__ic{width:60px;height:60px;flex:0 0 60px;border-radius:12px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:var(--brand);filter:brightness(1.3)}
.uak-cross h2{color:#fff;font-size:clamp(24px,3vw,32px)}
.uak-cross p{margin-top:10px;color:#C4CCD2;font-size:17px}
.uak-cross .uak-btn{margin-top:0}
.uak-cross__r{margin-left:auto;flex:0 0 auto}
/* MUNKÁK */
.uak-works{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);margin-top:44px}
.uak-work{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.uak-work__img{aspect-ratio:4/3;background:repeating-linear-gradient(45deg,#EFF1F2,#EFF1F2 12px,#E7EAEC 12px,#E7EAEC 24px);display:grid;place-items:center;color:#9AA3AA;font-size:13px;text-align:center;padding:16px}
.uak-work__body h3{font-size:18px;margin-bottom:8px}
.uak-work__body p{color:var(--ink-2);font-size:15px}
.uak-work__meta{margin-top:12px;font-family:var(--display);font-weight:600;font-size:13px;color:var(--brand)}
/* VÉLEMÉNYEK */
.uak-revhd{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.uak-score b{font-family:var(--display);font-size:44px;line-height:1;display:block}
.uak-score span{font-size:14px;color:var(--muted)}
.uak-revs{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);margin-top:40px}
.uak-rev{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px}
.uak-rev p{font-size:16px;color:var(--ink-2);margin:12px 0 18px}
.uak-rev cite{font-style:normal;font-weight:600;font-size:14px}
.uak-rev cite span{display:block;font-weight:400;color:var(--muted);font-size:13px}
.uak-revs__cta{margin-top:32px;text-align:center}
/* TERÜLET */
.uak-area{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.uak-area__list{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.uak-area__list li{font-size:14px;color:var(--ink-2);background:#fff;border:1px solid var(--line);border-radius:6px;padding:6px 12px}
/* GYIK */
.uak-faq{margin-top:40px;max-width:840px}
.uak-faq details{border-bottom:1px solid var(--line);padding:4px 0}
.uak-faq summary{cursor:pointer;list-style:none;padding:20px 40px 20px 0;position:relative;font-family:var(--display);font-weight:700;font-size:18px}
.uak-faq summary::after{content:"+";position:absolute;right:6px;top:16px;font-size:26px;font-weight:400;color:var(--brand);transition:transform .2s}
.uak-faq .a{padding:0 40px 22px 0;color:var(--ink-2);font-size:16px}
/* ZÁRÓ CTA */
.uak-cta{text-align:center}
.uak-cta h2{font-size:clamp(30px,4vw,46px);color:#fff}
.uak-cta p{color:#C4CCD2;margin-top:14px;font-size:18px;max-width:56ch;margin-inline:auto}
.uak-cta__btns{display:flex;gap:12px;justify-content:center;margin-top:32px;flex-wrap:wrap}
/* LÁBLÉC */
.uak-foot{background:#20252A;color:#8695A5;padding:56px 0 38px;font-size:15px}
.uak-foot__grid{display:grid;grid-template-columns:1.6fr 1fr 1.1fr;gap:36px}
.uak-foot h4{font-family:var(--display);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#fff;margin-bottom:16px}
.uak-foot a{color:#B7C2CE;text-decoration:none}
.uak-foot a:hover{color:var(--brand);filter:brightness(1.4)}
.uak-foot__bar{border-top:1px solid rgba(255,255,255,.09);margin-top:40px;padding-top:24px;font-size:13px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
/* STICKY */
.uak-sticky{display:none}
@media(max-width:860px){
  .uak-sticky{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:10px 14px calc(10px + env(safe-area-inset-bottom))}
  .uak-sticky .uak-btn{width:100%;padding:15px 8px;font-size:15px}
  body{padding-bottom:84px}
}
/* RESPONSZÍV */
@media(max-width:1000px){
  .uak-hero__grid,.uak-warn,.uak-why,.uak-area,.uak-pricewrap,.uak-foot__grid{grid-template-columns:1fr;gap:34px}
  .uak-answers,.uak-cases,.uak-works,.uak-revs{grid-template-columns:1fr 1fr}
  .uak-steps{grid-template-columns:repeat(2,1fr);gap:24px}
  .uak-cross{flex-direction:column;align-items:flex-start;gap:20px}
  .uak-cross__r{margin-left:0}
  .uak-open{display:none}
}
@media(max-width:860px){.uak-nav{display:none}.uak-topbar .uak-btn{margin-left:auto}}
@media(max-width:700px){
  body{font-size:16px}
  .uak-section{padding:54px 0}.uak-hero{padding:40px 0}
  .uak-answers,.uak-cases,.uak-works,.uak-revs,.uak-steps,.uak-foot__grid{grid-template-columns:1fr}
  .uak-warn,.uak-cross{padding:28px}
  .uak-score{text-align:left}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
:root{
  color-scheme:light;
  --brand-graphite:#3A3F42; --brand-orange:#E08928; --brand-orange-dark:#B96916; --brand-orange-soft:#FFF4E7;
  --text-primary:#22272A; --text-secondary:#5F686D; --background-soft:#F6F7F7; --border:#DDE1E3; --status-open:#25834A;
  --radius-button:8px; --radius-card:12px; --container:1200px;
  --brand:var(--brand-orange); --brand-dark:var(--brand-orange-dark); --brand-soft:var(--brand-orange-soft);
  --ink:var(--text-primary); --ink-2:#3C4552; --muted:var(--text-secondary);
  --line:var(--border); --paper:#FFFFFF; --paper-2:var(--background-soft);
  --steel:var(--brand-graphite); --ok:var(--status-open); --alert:#C0322B;
  --display:'Archivo',system-ui,sans-serif; --body:'Instrument Sans',Arial,system-ui,sans-serif;
  --wrap:var(--container); --gap:24px; --r:var(--radius-card); --r-sm:var(--radius-button);
  --shadow:0 1px 2px rgba(34,39,42,.05),0 12px 28px rgba(34,39,42,.08);
  --shadow-lg:0 1px 2px rgba(34,39,42,.05),0 20px 44px rgba(34,39,42,.12);
}
[id]{scroll-margin-top:88px}
.uak-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--display);font-weight:800;font-size:17px;padding:16px 26px;border-radius:var(--r-sm);text-decoration:none;border:2px solid transparent;transition:transform .12s,background .18s,box-shadow .18s;white-space:nowrap;cursor:pointer}
.uak-topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.uak-hero{padding:72px 0 60px;background:radial-gradient(1000px 420px at 88% -10%,var(--brand-soft),transparent 70%),var(--paper)}
.uak-hero h1{font-size:clamp(34px,4.1vw,52px);letter-spacing:-.03em}
.uak-hero__proof{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:24px;font-size:15px;color:var(--ink-2)}
/* helyzetválasztó */
.uak-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);margin-top:44px}
.uak-pick{display:block;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px;transition:border-color .18s,transform .18s,box-shadow .18s}
.uak-pick:hover{border-color:var(--brand);transform:translateY(-3px);box-shadow:var(--shadow)}
.uak-pick__ic{width:44px;height:44px;border-radius:10px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;margin-bottom:16px}
.uak-pick h3{font-size:20px;margin-bottom:8px;color:var(--ink)}
.uak-pick p{color:var(--ink-2);font-size:15px;margin-bottom:14px}
.uak-pick__cta{font-family:var(--display);font-weight:700;font-size:15px;color:var(--brand)}
/* válaszpanel */
.uak-answers{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);margin-top:44px}
.uak-ans h3{font-size:17px;margin-bottom:8px}
/* horgonyzott szolgáltatás-szakasz */
.uak-svcblock{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.uak-svcblock .uak-checklist{margin-top:20px}
.uak-checklist li{position:relative;padding:9px 0 9px 30px;font-size:16px;color:var(--ink-2);border-bottom:1px solid var(--line)}
.uak-checklist li:last-child{border-bottom:none}
.uak-checklist li::before{content:"";position:absolute;left:0;top:14px;width:18px;height:18px;border-radius:5px;background:var(--brand-soft)}
.uak-checklist li::after{content:"\2713";position:absolute;left:4px;top:9px;color:var(--brand);font-weight:800;font-size:13px}
.uak-note{margin-top:22px;background:var(--brand-soft);border:1px solid #F0DDB8;border-radius:var(--r);padding:18px 22px;font-size:16px;color:var(--ink)}
.uak-note strong{font-family:var(--display)}
.uak-svcblock__cta{margin-top:24px}
.uak-svcfig{border-radius:var(--r);overflow:hidden;background:var(--brand-graphite);min-height:320px;position:relative}
.uak-svcfig__ph{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:#7D8890;padding:24px;font-size:14px;background:repeating-linear-gradient(45deg,#33383B,#33383B 12px,#2E3336 12px,#2E3336 24px)}
/* kulcstípus kártyák */
.uak-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px}
.uak-key{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px}
.uak-key__ic{width:40px;height:40px;border-radius:9px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;margin-bottom:14px}
.uak-key h3{font-size:16px;margin-bottom:6px}
.uak-key p{font-size:14px;color:var(--ink-2)}
/* adatlista */
.uak-datawrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-top:8px}
/* lépések */
.uak-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:44px}
/* miért (sötét) */
.uak-why{display:grid;grid-template-columns:.9fr 1.1fr;gap:52px;align-items:start}
/* ár üzenet */
.uak-pricemsg{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;margin-top:8px}
.uak-pricemsg__card{background:var(--brand-soft);border:1px solid #F0DDB8;border-radius:var(--r);padding:30px}
.uak-pricemsg__card h3{font-size:20px;margin-bottom:10px}
.uak-pricemsg__card p{color:var(--ink-2);font-size:16px;margin-bottom:18px}
/* munkák */
.uak-works{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);margin-top:44px}
/* vélemények */
.uak-revhd{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
/* márkák */
.uak-brands{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px;max-width:920px}
.uak-brands li{font-family:var(--display);font-weight:600;font-size:15px;color:var(--ink-2);background:var(--paper-2);border:1px solid var(--line);border-radius:8px;padding:10px 16px}
.uak-brands__note{margin-top:20px;font-size:15px;color:var(--muted)}
/* faq */
.uak-faq{margin-top:40px;max-width:840px}
/* záró cta */
.uak-cta{text-align:center}
/* lábléc */
.uak-foot{background:#20252A;color:#8695A5;padding:56px 0 38px;font-size:15px}
/* sticky */
.uak-sticky{display:none}
@media(max-width:1000px){
  .uak-hero__grid,.uak-svcblock,.uak-why,.uak-datawrap,.uak-pricemsg,.uak-foot__grid{grid-template-columns:1fr;gap:34px}
  .uak-picker,.uak-answers,.uak-works,.uak-revs{grid-template-columns:1fr 1fr}
  .uak-keys{grid-template-columns:repeat(2,1fr)}
  .uak-steps{grid-template-columns:repeat(2,1fr);gap:24px}
  .uak-open{display:none}
}
@media(max-width:700px){
  body{font-size:16px}
  .uak-section{padding:54px 0}.uak-hero{padding:40px 0}
  .uak-picker,.uak-answers,.uak-works,.uak-revs,.uak-keys,.uak-steps,.uak-foot__grid{grid-template-columns:1fr}
  .uak-score{text-align:left}
}
.uak-nav{display:flex;gap:20px;margin-left:auto;font-size:15px;font-weight:500}
/* előnykártyák */
.uak-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);margin-top:44px}
.uak-benefit{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px}
.uak-benefit__ic{width:44px;height:44px;border-radius:10px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;margin-bottom:16px}
.uak-benefit h3{font-size:18px;margin-bottom:8px}
.uak-benefit p{color:var(--ink-2);font-size:15px}
.uak-mininote{margin-top:24px;font-size:15px;color:var(--muted)}
/* kinek való / nem való */
.uak-fit{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);margin-top:44px}
.uak-fit__c{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:30px}
.uak-fit__c--no{background:var(--paper-2)}
.uak-fit__c h3{font-size:20px;margin-bottom:16px;display:flex;align-items:center;gap:10px}
.uak-fit__c h3 svg{flex:0 0 22px}
.uak-fit__c--yes h3 svg{color:var(--status-open)}
.uak-fit__c--no h3 svg{color:var(--alert)}
.uak-fitlist li{position:relative;padding:9px 0 9px 30px;font-size:16px;color:var(--ink-2);border-bottom:1px solid var(--line)}
.uak-fitlist li:last-child{border-bottom:none}
.uak-fitlist li::before{position:absolute;left:2px;top:9px;font-weight:800;font-size:15px}
.uak-fit__c--yes .uak-fitlist li::before{content:"\2713";color:var(--status-open)}
.uak-fit__c--no .uak-fitlist li::before{content:"\2013";color:var(--alert)}
/* checklist (adatok) */
.uak-checklist li{position:relative;padding:9px 0 9px 30px;font-size:16px;color:var(--ink-2);border-bottom:1px solid var(--line)}
.uak-datawrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-top:8px}
.uak-note{background:var(--brand-soft);border:1px solid #F0DDB8;border-radius:var(--r);padding:18px 22px;font-size:16px;color:var(--ink)}
.uak-cta h2{font-size:clamp(28px,3.6vw,42px);color:#fff}
.uak-cta p{color:#C4CCD2;margin-top:14px;font-size:18px;max-width:60ch;margin-inline:auto}
@media(max-width:860px){
  .uak-sticky{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:10px 14px calc(10px + env(safe-area-inset-bottom))}
  .uak-sticky .uak-btn{width:100%;padding:15px 8px;font-size:14px}
  body{padding-bottom:84px}
}
@media(max-width:1000px){
  .uak-hero__grid,.uak-why,.uak-datawrap,.uak-pricemsg,.uak-foot__grid{grid-template-columns:1fr;gap:34px}
  .uak-benefits{grid-template-columns:repeat(2,1fr)}
  .uak-fit,.uak-works{grid-template-columns:1fr}
  .uak-steps{grid-template-columns:repeat(2,1fr);gap:24px}
  .uak-open{display:none}
}
@media(max-width:700px){
  body{font-size:16px}
  .uak-section{padding:54px 0}.uak-hero{padding:40px 0}
  .uak-benefits,.uak-works,.uak-steps,.uak-foot__grid{grid-template-columns:1fr}
}
/* bizalmi számok */
.uak-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);margin-top:8px}
.uak-stat{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px;text-align:center}
.uak-stat b{font-family:var(--display);font-size:38px;letter-spacing:-.02em;display:block;line-height:1}
.uak-stat span{display:block;margin-top:8px;font-size:15px;color:var(--muted)}
.uak-stat--ph b{color:var(--muted);font-size:22px;padding-top:8px}
/* céglista */
.uak-companies{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:36px}
.uak-companies li{font-family:var(--display);font-weight:600;font-size:15px;color:var(--ink-2);background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 18px}
.uak-companies li.hi{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}
.uak-companies__note{margin-top:22px;font-size:15px;color:var(--muted);max-width:70ch}
/* munkák */
.uak-catbar{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}
.uak-catbar li{font-family:var(--display);font-weight:600;font-size:14px;color:var(--ink-2);background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 16px}
.uak-catbar li.is-on{background:var(--brand);color:var(--text-primary);border-color:var(--brand)}
.uak-works{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);margin-top:28px}
.uak-work__cat{font-family:var(--display);font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--brand);margin-bottom:8px}
.uak-work__body h3{font-size:18px;margin-bottom:6px}
.uak-work__meta{margin-top:12px;font-size:13px;color:var(--muted)}
/* értékelés widget hely */
.uak-reviews-head{text-align:center;max-width:720px;margin:0 auto}
.uak-reviews-head .uak-bit{margin:0 auto 20px}
.uak-widget{margin-top:40px;border:2px dashed var(--border);border-radius:var(--r);background:#fff;padding:48px 28px;text-align:center}
.uak-widget__ic{width:60px;height:60px;border-radius:14px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;margin:0 auto 18px}
.uak-widget h3{font-size:20px;margin-bottom:8px}
.uak-widget p{color:var(--ink-2);font-size:16px;max-width:60ch;margin:0 auto}
.uak-widget code{background:var(--paper-2);border:1px solid var(--line);border-radius:6px;padding:2px 7px;font-size:14px}
.uak-reviews-cta{text-align:center;margin-top:32px}
/* miért számít */
.uak-why{display:grid;grid-template-columns:.9fr 1.1fr;gap:52px;align-items:start}
/* vissza a szolgáltatásokhoz */
.uak-back{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);margin-top:44px}
.uak-backc{display:block;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px;transition:border-color .18s,transform .18s,box-shadow .18s}
.uak-backc:hover{border-color:var(--brand);transform:translateY(-3px);box-shadow:var(--shadow)}
.uak-backc__ic{width:44px;height:44px;border-radius:10px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;margin-bottom:16px}
.uak-backc h3{font-size:19px;margin-bottom:6px;color:var(--ink)}
.uak-backc__cta{font-family:var(--display);font-weight:700;font-size:15px;color:var(--brand)}
@media(max-width:1000px){
  .uak-hero__grid,.uak-why,.uak-foot__grid{grid-template-columns:1fr;gap:34px}
  .uak-stats,.uak-companies{grid-template-columns:repeat(2,1fr)}
  .uak-works,.uak-back{grid-template-columns:1fr 1fr}
  .uak-open{display:none}
}
@media(max-width:700px){
  body{font-size:16px}
  .uak-section{padding:54px 0}.uak-hero{padding:40px 0}
  .uak-stats,.uak-companies,.uak-works,.uak-back,.uak-foot__grid{grid-template-columns:1fr}
}
.uak-section{padding:80px 0;position:relative}
.uak-btn--full{width:100%}
.uak-hero{padding:64px 0 52px;background:radial-gradient(1000px 420px at 88% -10%,var(--brand-soft),transparent 70%),var(--paper)}
.uak-hero h1{font-size:clamp(32px,4vw,50px);letter-spacing:-.03em;max-width:20ch}
.uak-hero__sub{margin-top:20px;font-size:19px;color:var(--ink-2);max-width:60ch}
.uak-hero__note{margin-top:18px;font-size:15px;color:var(--muted)}
/* választó */
.uak-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:44px}
.uak-pick{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;text-decoration:none;transition:border-color .18s,transform .18s,box-shadow .18s}
.uak-pick h3{font-size:18px;margin-bottom:14px;color:var(--ink);flex:1}
/* közvetlen elérhetőségek */
.uak-direct{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);margin-top:8px}
.uak-dcard{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px}
.uak-dcard__ic{width:42px;height:42px;border-radius:10px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;margin-bottom:14px}
.uak-dcard h3{font-size:15px;color:var(--muted);font-family:var(--body);font-weight:600;letter-spacing:.02em;margin-bottom:6px}
.uak-dcard .val{font-family:var(--display);font-weight:800;font-size:19px;letter-spacing:-.01em;margin-bottom:14px;word-break:break-word}
.uak-dcard .val.ph{color:var(--muted);font-size:15px;font-weight:600}
.uak-dcard .uak-btn{margin-top:auto}
/* űrlap */
.uak-formwrap{display:grid;grid-template-columns:1fr;gap:0;max-width:820px;margin-top:36px}
.uak-form{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:34px;box-shadow:var(--shadow)}
.uak-grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.uak-field{margin-bottom:18px}
.uak-field label{display:block;font-weight:600;font-size:15px;margin-bottom:7px}
.uak-field .req{color:var(--alert)}
.uak-field input,.uak-field select,.uak-field textarea{
  width:100%;font-family:var(--body);font-size:16px;color:var(--ink);
  background:var(--paper);border:1.5px solid var(--border);border-radius:var(--r-sm);
  padding:12px 14px;transition:border-color .15s}
.uak-field input:focus,.uak-field select:focus,.uak-field textarea:focus{border-color:var(--brand);outline:none}
.uak-field textarea{min-height:110px;resize:vertical}
.uak-field input[type=file]{padding:10px;background:var(--paper-2);cursor:pointer}
.uak-hint{font-size:13px;color:var(--muted);margin-top:6px}
.uak-consent{display:flex;gap:11px;align-items:flex-start;margin:6px 0 20px;font-size:15px;color:var(--ink-2)}
.uak-consent input{width:20px;height:20px;flex:0 0 20px;margin-top:2px;accent-color:var(--brand)}
.uak-consent a{color:var(--brand);font-weight:600}
.uak-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.uak-success{display:none;background:#EAF6EE;border:1.5px solid #B7E0C4;border-radius:var(--r);padding:22px 24px;color:#1B5E33;font-size:16px;margin-bottom:20px}
.uak-success.show{display:block}
.uak-success strong{font-family:var(--display);display:block;margin-bottom:4px}
.uak-formnote{font-size:14px;color:var(--muted);margin-top:14px;max-width:820px}
/* checklist */
.uak-checklist{max-width:760px;margin-top:8px}
.uak-checklist li{position:relative;padding:11px 0 11px 32px;font-size:16px;color:var(--ink-2);border-bottom:1px solid var(--line)}
.uak-checklist li::before{content:"";position:absolute;left:0;top:16px;width:18px;height:18px;border-radius:5px;background:var(--brand-soft)}
.uak-checklist li::after{content:"\2713";position:absolute;left:4px;top:11px;color:var(--brand);font-weight:800;font-size:13px}
/* terület */
.uak-area{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.uak-areaph{border:2px dashed var(--border);border-radius:var(--r);background:#fff;min-height:280px;display:grid;place-items:center;text-align:center;color:var(--muted);font-size:15px;padding:28px}
/* visszahívás (sötét) */
.uak-callback{display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:center}
.uak-callback__ic{width:64px;height:64px;flex:0 0 64px;border-radius:14px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:var(--brand);filter:brightness(1.3)}
.uak-callback h2{color:#fff}
.uak-callback p{color:#C4CCD2;margin-top:12px;font-size:17px;max-width:70ch}
@media(max-width:1000px){
  .uak-area,.uak-callback,.uak-foot__grid{grid-template-columns:1fr;gap:32px}
  .uak-picker,.uak-direct{grid-template-columns:repeat(2,1fr)}
  .uak-callback{grid-template-columns:auto 1fr}
  .uak-open{display:none}
}
@media(max-width:700px){
  body{font-size:16px}
  .uak-section{padding:52px 0}.uak-hero{padding:36px 0}
  .uak-picker,.uak-direct,.uak-foot__grid,.uak-grid2{grid-template-columns:1fr}
  .uak-form{padding:24px}
}

/* --- Szolgáltatási terület: budapesti kerületek --- */
.uak-districts__hd{font-family:var(--display);font-weight:800;font-size:18px;margin-top:30px}
.uak-districts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}
.uak-districts li{background:#fff;border:1px solid var(--line);border-radius:10px;padding:13px 15px}
.uak-districts b{font-family:var(--display);font-weight:700;font-size:15px;display:block;color:var(--ink)}
.uak-districts span{font-size:13px;color:var(--muted);line-height:1.35;display:block;margin-top:2px}
@media(max-width:1000px){.uak-districts{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.uak-districts{grid-template-columns:repeat(2,1fr)}}


/* === MOBILMENÜ FELÜLÍRÓ (a cascade végén, hogy biztosan érvényesüljön) === */
@media (max-width:860px){
  .uak-nav{display:none !important;}
  .uak-burger{display:inline-flex !important; margin-left:auto;}
  .uak-topbar__in .uak-btn--call{display:none !important;}
}
@media (min-width:861px){
  .uak-burger{display:none !important;}
  .uak-mobnav{display:none !important;}
}

/* --- Language switcher --- */
.uak-lang{display:inline-flex;gap:2px;align-items:center;font-family:var(--display);font-weight:700;font-size:13px;margin-right:4px}
.uak-lang a{text-decoration:none;color:var(--muted);padding:5px 8px;border-radius:6px;line-height:1}
.uak-lang a.is-on{color:var(--ink);background:var(--paper-2)}
.uak-lang a:hover{color:var(--brand)}
.uak-lang--mob{display:flex;padding:12px 22px;gap:8px}
@media(max-width:860px){ .uak-topbar__in .uak-lang{display:none} }
@media(min-width:861px){ .uak-lang--mob{display:none} }