/* Scoped extension of the existing Tilonasec typography, turquoise and dark palette. */
.fall-shell{width:min(1240px,100% - 48px);margin-inline:auto}
.fall-hero{background:#101720;color:#fff;padding:88px 0 0}
.fall-breadcrumb{display:flex;gap:12px;align-items:center;font-size:12px;color:#aeb9c4;margin-bottom:32px}
.fall-breadcrumb a:hover{color:#73d7d4}
.fall-hero-grid{display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:54px;padding-bottom:34px}
.fall-eyebrow{color:#8adbd8;text-transform:uppercase;font-size:10px;letter-spacing:.13em;font-weight:700;line-height:1.8}
.fall-hero h1{font-size:clamp(38px,4.7vw,64px);line-height:1.03;letter-spacing:-.045em;font-weight:800;margin:15px 0 0}
.fall-hero h1 em{color:#70d7d2;font-style:normal}
.fall-hero-subtitle{font-size:clamp(16px,1.55vw,21px);font-weight:600;margin-top:17px;line-height:1.4;letter-spacing:-.02em}
.fall-hero-lead{font-size:14px;line-height:1.85;color:#c7d0d9;max-width:57ch;margin-top:17px}
.fall-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}
.fall-button{display:inline-flex;justify-content:center;align-items:center;gap:20px;border-radius:999px;padding:13px 20px;font-size:12px;line-height:1.4;font-weight:700;text-decoration:none;transition:background-color .18s,border-color .18s;white-space:nowrap;min-height:44px}
.fall-button-primary{background:#70d7d2;color:#10282b;border:1px solid #70d7d2}
.fall-button-primary:hover{background:#99e5e1;border-color:#99e5e1}
.fall-button-secondary{border:1px solid #59616b;color:#eef4f5}
.fall-button-secondary:hover{background:#26313d;border-color:#90a3af}
.fall-button:focus-visible,.fall-breadcrumb a:focus-visible,.fall-content a:focus-visible,.fall-content summary:focus-visible{outline:3px solid #318d90;outline-offset:5px}
.fall-hero-visual{margin:0;min-width:0}
.fall-hero-visual img{width:100%;aspect-ratio:1.35;object-fit:cover;border-radius:16px;display:block}
.fall-hero-visual figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px;font-size:10px;line-height:1.6;color:#b3c0ca;margin-top:10px}
.fall-hero-visual figcaption span{color:#a2b0bd}
.fall-hero-capabilities{display:flex;justify-content:space-between;gap:18px;list-style:none;padding:19px 0;margin:0;border-top:1px solid #303a45;color:#d6e1e6;font-size:11px;font-weight:600;line-height:1.5}
.fall-content{color:#17232e;background:#fff}
.fall-content>nav{background:#fff;border-color:#e3e9eb}
.fall-content>nav>div{max-width:1288px;gap:12px 28px;font-size:12px;padding:18px 24px;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap}
.fall-content>nav a{text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}
.fall-content>nav a:hover{color:#156b70;border-color:#70d7d2}
.fall-content>section{padding-block:56px;background:#fff;border-bottom:1px solid #e5ebee;scroll-margin-top:100px}
.fall-content>section:nth-of-type(2),.fall-content>section:nth-of-type(4){background:#f7f9fa}
.fall-content>section>div{max-width:1288px;padding-inline:24px}
.fall-content h2{font-size:clamp(23px,2.4vw,31px);line-height:1.22;letter-spacing:-.025em;max-width:28ch;text-wrap:balance}
.fall-content h3{line-height:1.4;letter-spacing:-.012em}
.fall-content p{line-height:1.85;font-size:14px}
.fall-content p,.fall-content td,.fall-content li{color:#53616e}
.fall-content .rounded-2xl{border-radius:16px;box-shadow:none}
.fall-content [aria-labelledby="teljes-folyamat"] .grid>a{background:#fff;border:0;border-left:2px solid #c5e4e3;border-radius:0;padding:4px 0 4px 20px}
.fall-content [aria-labelledby="teljes-folyamat"] .grid>a:hover{border-color:#168184}
.fall-content [aria-labelledby="teljes-folyamat"] .grid h3{font-size:17px}
.fall-content [aria-labelledby="teljes-folyamat"] .grid p{font-size:13px}
.fall-content #digitalis-nyilvantartas{background:#eef8f7;color:#172d31}
.fall-content #digitalis-nyilvantartas p,.fall-content #digitalis-nyilvantartas dd{color:#486469}
.fall-content #digitalis-nyilvantartas dt{color:#176d71;font-size:15px}
.fall-content #digitalis-nyilvantartas dl>div{border-color:#bedbd9}
.fall-content #digitalis-nyilvantartas .text-jel-400{color:#176d71}
.fall-content #gyakori-kerdesek{background:#fff}
.fall-content #gyakori-kerdesek>div{max-width:920px}
.fall-content #gyakori-kerdesek h2{max-width:30ch}
.fall-content details{padding-block:20px}
.fall-content summary{font-size:14px;line-height:1.6;padding-right:12px}
.fall-content details[open] summary{color:#166c70}
.fall-content table th{font-size:12px;line-height:1.6}
.fall-content table td{font-size:13px;line-height:1.7;vertical-align:top}
.fall-content .text-jel-700{color:#166c70}
.fall-quote{background:#f5f8f8!important}
.fall-quote>div{max-width:820px}
.fall-quote h2{font-size:28px;letter-spacing:-.025em}
.fall-quote form{box-shadow:none;border-radius:16px}
@media(min-width:1024px){.fall-content .lg\:grid-cols-2{gap:64px}.fall-content #vedoeszkozok .lg\:grid-cols-2,.fall-content #felulvizsgalat .lg\:grid-cols-2{align-items:start}}
@media(max-width:900px){.fall-hero-grid{gap:30px}.fall-hero-capabilities{flex-wrap:wrap;justify-content:flex-start;column-gap:28px}.fall-hero-visual img{aspect-ratio:.9}}
@media(max-width:700px){.fall-shell{width:calc(100% - 32px)}.fall-hero{padding-top:86px}.fall-breadcrumb{margin-bottom:24px}.fall-hero-grid{grid-template-columns:1fr;gap:26px;padding-bottom:24px}.fall-hero h1{font-size:42px}.fall-hero-lead{font-size:13px;line-height:1.8}.fall-hero-subtitle{font-size:17px}.fall-hero-actions{margin-top:20px;gap:8px}.fall-button{padding:12px 16px;font-size:11px;gap:12px}.fall-hero-visual img{aspect-ratio:1.65;max-height:260px}.fall-hero-capabilities{display:grid;grid-template-columns:1fr 1fr;font-size:10px;gap:12px 18px;padding-block:16px}.fall-content>nav>div{padding-inline:16px;gap:22px}.fall-content>section{padding-block:38px}.fall-content>section>div{padding-inline:16px}.fall-content h2{font-size:25px}.fall-content p{font-size:13px}.fall-content #digitalis-nyilvantartas dl{gap:24px}.fall-content [aria-labelledby="teljes-folyamat"] .grid{gap:25px}.fall-quote{padding-block:38px!important}.fall-quote form{padding:20px}}
@media(prefers-reduced-motion:reduce){.fall-button{transition:none}}

.fall-content #teljes-folyamat{scroll-margin-top:100px}

/* Shared Tilonasec line icons, decorative next to explicit text labels. */
.fall-hero-capabilities{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:22px 0;border-top:1px solid #303a45}
.fall-hero-capabilities li{display:flex;align-items:center;gap:12px;padding:14px 12px;border:1px solid #34434a;border-radius:12px;background:#17252d;min-width:0}
.fall-hero-capabilities strong{display:block;color:#eef6f7;font-size:11px;line-height:1.5}
.fall-hero-capabilities small{display:block;margin-top:4px;color:#c0cfd5;font-size:10px;font-weight:400;line-height:1.6}
.fall-benefit-icon,.fall-feature-icon,.fall-section-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.fall-benefit-icon{width:36px;height:36px;border-radius:10px;background:#254247;color:#87dfd9}
.fall-benefit-icon svg{width:21px;height:21px}
.fall-feature-icon{width:44px;height:44px;border:1px solid #c3e3df;border-radius:12px;background:#e8f6f3;color:#197773}
.fall-feature-icon svg{width:24px;height:24px}
.fall-section-icon{width:38px;height:38px;background:#e8f6f3;border:1px solid #c3e3df;border-radius:10px;color:#197773;margin-bottom:16px}
.fall-section-icon svg{width:22px;height:22px}
.fall-content [aria-labelledby="teljes-folyamat"] .grid>a{border:1px solid #dce6e8;border-radius:16px;padding:24px;background:#fff}
.fall-content [aria-labelledby="teljes-folyamat"] .grid>a .fall-feature-icon{margin-bottom:18px}
.fall-content [aria-labelledby="teljes-folyamat"] .grid>a:hover{background:#f4fbfa;border-color:#6ebbb5}
.fall-content #digitalis-nyilvantartas .fall-digital-benefit{border:1px solid #cce2df;border-radius:14px;background:#fff;padding:22px}
.fall-content #digitalis-nyilvantartas .fall-feature-icon{display:flex;margin-bottom:16px}
.fall-content #digitalis-nyilvantartas .fall-digital-benefit dd{font-size:13px;line-height:1.8}
@media(max-width:1000px){.fall-hero-capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.fall-hero-capabilities{gap:8px;padding:18px 0}.fall-hero-capabilities li{padding:12px 10px;gap:9px;align-items:flex-start}.fall-benefit-icon{width:28px;height:28px;border-radius:8px}.fall-benefit-icon svg{width:18px;height:18px}.fall-hero-capabilities strong{font-size:10px}.fall-hero-capabilities small{font-size:9px}.fall-content #digitalis-nyilvantartas .fall-digital-benefit{padding:20px}}
