:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#14293b;background:#f6fafb;scroll-behavior:smooth}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#f6fafb}a{color:inherit;text-decoration:none}button{font:inherit}
.wrap{max-width:1160px;margin:auto;padding:0 28px}

/* Fejléc és logó */
.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0}
.brand{display:inline-flex;align-items:center;gap:1px;font-weight:800;font-size:27px;letter-spacing:.075em;color:#102839;white-space:nowrap}
.logo-dna{width:24px;height:38px;object-fit:contain;vertical-align:middle;filter:drop-shadow(0 0 7px #54d4da35);animation:logo-dna-turn 5s ease-in-out infinite;transform-origin:center}
@keyframes logo-dna-turn{0%,100%{transform:perspective(180px) rotateY(-32deg) rotateZ(-5deg)}50%{transform:perspective(180px) rotateY(32deg) rotateZ(5deg)}}
nav{display:flex;gap:20px;font-size:14px;font-weight:600}nav a:hover{color:#0798aa}
.pill{display:inline-block;border:1px solid #abd2da;border-radius:99px;padding:11px 17px;font-size:14px;font-weight:650}

/* Hero */
.hero{background:radial-gradient(circle at 83% 28%,#13546c 0,#102e43 35%,#092132 75%);color:white;overflow:hidden}
.hero .nav .brand{color:white}.hero .nav .pill{border-color:#537484}
.hero-inner{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;min-height:560px;gap:50px;padding-top:50px;padding-bottom:90px}
.eyebrow{color:#0b99a9;text-transform:uppercase;font-weight:750;letter-spacing:.2em;font-size:12px}
.hero .eyebrow{color:#65dce4}
.hero h1{font-size:clamp(40px,5vw,72px);line-height:1.06;letter-spacing:-.05em;margin:20px 0 24px;max-width:700px}
.hero p{font-size:19px;line-height:1.7;color:#d5e5e9;max-width:570px}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:35px}
.btn{display:inline-block;border:0;cursor:pointer;border-radius:100px;padding:15px 24px;background:#54d4da;color:#062938;font-weight:750;text-align:center}
.btn:hover{background:#6fe0e5}.btn:disabled{opacity:.55;cursor:not-allowed}
.btn.alt{background:transparent;border:1px solid #7199a7;color:white}
.btn.secondary{background:#e2eef1;color:#14293b}
.visual{position:relative;min-height:420px;display:grid;place-items:center}
.orb{width:min(90%,380px);aspect-ratio:1;border-radius:50%;perspective:700px;background:radial-gradient(circle at 35% 30%,#75e8e8,#1794ad 30%,#0a4765 61%,#0b293e 70%);box-shadow:0 0 0 42px #60d8e90d,0 0 0 95px #60d8e908,0 20px 100px #14aabb50;display:grid;place-items:center}
.hero-dna{width:175px;height:280px;object-fit:contain;filter:drop-shadow(0 0 16px #7aeeee70);animation:dna-turn 8s ease-in-out infinite}
@keyframes dna-turn{0%,100%{transform:rotateY(-24deg) rotateZ(-12deg)}50%{transform:rotateY(24deg) rotateZ(-12deg) translateY(-7px)}}
.float{position:absolute;background:#ffffff12;backdrop-filter:blur(10px);border:1px solid #ffffff30;padding:13px 18px;border-radius:14px;font-size:14px}
.f1{top:8%;right:0}.f2{bottom:10%;left:0}

/* Szekciók */
section{padding:90px 0}
h2{font-size:clamp(30px,3.6vw,48px);letter-spacing:-.04em;line-height:1.12;margin:12px 0 20px}
section p{line-height:1.7;color:#4e6470}.intro{max-width:710px}
.tinted{background:#e9f3f5}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}
.card{background:white;border:1px solid #dce9ec;border-radius:22px;padding:30px;box-shadow:0 12px 28px #173e5108}
.card .num{color:#1495a5;font-size:13px;font-weight:800;letter-spacing:.1em}
.card h3{font-size:21px;margin:22px 0 8px}.card p{margin:0;font-size:15px}

/* Csomagok */
.choice{display:grid;grid-template-columns:repeat(2,minmax(0,420px));justify-content:center;gap:24px;margin-top:36px}
.choice article{border-radius:22px;background:#fff;border:1px solid #d8e8eb;padding:30px;display:flex;flex-direction:column}
.choice article.kiemelt{border:2px solid #25b4c2;box-shadow:0 15px 40px #1271851a}
.choice h3{font-size:24px;margin:12px 0}
.choice ul{padding-left:19px;line-height:1.9;color:#526b76;flex:1}
.choice .tag{font-size:12px;color:#0b99a9;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.price{font-size:30px;font-weight:800;margin:8px 0 2px}.price-note{font-size:13px;color:#617883;margin:0 0 16px}

.assurance{padding:28px 0}.assurance .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.assurance p{font-size:14px;margin-bottom:0}

.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}
.steps.harom{grid-template-columns:repeat(3,1fr)}@media(max-width:800px){.steps.harom{grid-template-columns:1fr}}
.step{border-top:2px solid #39b9c4;padding-top:20px}.step b{display:block;margin-bottom:10px}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.facts>div{background:#fff;border:1px solid #dce9ec;border-radius:23px;padding:32px}
.note{background:#0d2d40;color:white;border-radius:25px;padding:44px;margin-top:38px}.note p{color:#d3e3e9;max-width:800px}
.faq{max-width:850px}.faq details{border-bottom:1px solid #cadde2;padding:20px 0}
.faq summary{cursor:pointer;font-weight:700;font-size:18px}.faq summary::marker{color:#1aaaba}.faq p{margin-bottom:0}

.footer{background:#082333;color:#c5d7db;padding:36px 0}
.footer .wrap{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}
.footer .brand{color:white}.footer a{text-decoration:underline}
.small{font-size:14px;line-height:1.6}

/* Pénztár és jogi oldalak */
.page{max-width:1080px;margin:auto;padding:0 28px 80px}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px 0}
.topbar a:not(.brand){font-size:14px;font-weight:600;text-decoration:underline}
.page h1{font-size:clamp(32px,4vw,46px);letter-spacing:-.04em;margin:20px 0}
.checkout-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;align-items:start}
.panel{background:#fff;border:1px solid #dce9ec;border-radius:20px;padding:26px;margin-bottom:20px}
.panel h2{font-size:22px;letter-spacing:-.02em;margin:0 0 16px}
.field{display:block;font-weight:650;font-size:14px;margin-bottom:16px}
.field select,.field input{display:block;width:100%;margin-top:6px;padding:12px 14px;border:1px solid #b9d3da;border-radius:12px;font:inherit;font-weight:400;background:#fff}
.radio,.check{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid #d5e6ea;border-radius:14px;margin-bottom:12px;cursor:pointer;line-height:1.55;font-size:15px}
.radio input,.check input{width:20px;height:20px;margin:2px 0 0;flex:none;accent-color:#0b8e9e}
.check.fontos{background:#f1f8fa}
.muted{color:#617883;font-size:14px;line-height:1.6}
.summary-line{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #e3eef1}
.summary-line.total{font-weight:800;font-size:18px;border:0}
.warning{background:#fff5df;border:1px solid #f0d58f;border-radius:14px;padding:16px;margin-bottom:20px;line-height:1.6}
.error{background:#fde8e8;border:1px solid #f1b0b0;border-radius:14px;padding:14px;color:#8a1c1c}
.legal{max-width:820px}.legal h2{font-size:24px;margin-top:36px}.legal li{line-height:1.7;color:#4e6470}
.kitoltendo{background:#fff1a8;padding:0 4px;border-radius:4px}

/* Kezdőlap – bizalmi sáv, előnyök, összehasonlítás, csomagok */
.lead{font-size:clamp(22px,2.4vw,30px);line-height:1.35;letter-spacing:-.02em;color:#14293b;max-width:820px;margin:0}
.lead span{color:#0b8e9e}
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:44px}
.trust div{border-left:3px solid #39b9c4;padding:4px 0 4px 16px}
.trust strong{display:block;font-size:20px;letter-spacing:-.02em}.trust span{font-size:14px;color:#617883}
.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:38px}
.benefit{background:#fff;border:1px solid #dce9ec;border-radius:20px;padding:24px}
.benefit .ikon{font-size:22px;color:#1596a5}.benefit h3{font-size:19px;margin:12px 0 8px}.benefit p{margin:0;font-size:14.5px}
.compare{width:100%;border-collapse:collapse;margin-top:34px;background:#fff;border-radius:20px;overflow:hidden;border:1px solid #dce9ec}
.compare th,.compare td{padding:16px 20px;text-align:left;border-bottom:1px solid #e3eef1;line-height:1.5;font-size:15px;vertical-align:top}
.compare th{font-size:14px;letter-spacing:.04em}.compare th:last-child{background:#0d2d40;color:#fff}
.compare td:first-child{color:#617883}.compare td:last-child{font-weight:650;background:#f1fafb}
.compare tr:last-child td{border-bottom:0}
.topics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}
.topic{border-top:2px solid #39b9c4;padding-top:18px}.topic h3{margin:0 0 8px;font-size:20px}.topic p{margin:0;font-size:15px}
.bundles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}
.bundle{position:relative;background:#fff;border:1px solid #d8e8eb;border-radius:22px;padding:30px;display:flex;flex-direction:column}
.bundle.kiemelt{border:2px solid #25b4c2;box-shadow:0 15px 40px #1271851a}
.bundle .x{font-size:15px;font-weight:800;color:#0b99a9}
.bundle h3{font-size:24px;margin:6px 0 8px}.bundle p{font-size:15px;margin:0 0 14px}
.bundle .badge{position:absolute;top:-13px;right:22px;background:#25b4c2;color:#fff;border-radius:99px;padding:5px 12px;font-size:12px;font-weight:800;letter-spacing:.06em}
.bundle .price{margin-top:auto}.bundle .save{display:inline-block;background:#e3f6f3;color:#0a6f60;border-radius:8px;padding:3px 8px;font-size:13px;font-weight:700;margin-bottom:14px}
.includes{margin-top:30px;background:#fff;border:1px solid #dce9ec;border-radius:20px;padding:24px 28px}
.includes ul{columns:2;padding-left:18px;margin:10px 0 0;line-height:1.9;color:#4e6470}
.support{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:38px}
.support div{background:#ffffff12;border:1px solid #ffffff26;border-radius:18px;padding:22px}
.dark{background:#0d2d40;color:#fff}.dark p{color:#d3e3e9}.dark .eyebrow{color:#65dce4}
.ketoszlop{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:start}
.tenyek{margin:0;display:grid;grid-template-columns:auto 1fr;gap:10px 16px;font-size:14.5px;line-height:1.5}
.tenyek dt{font-weight:750}.tenyek dd{margin:0;color:#4e6470}
.cikk{max-width:780px}.cikk h2{font-size:clamp(24px,2.6vw,32px);margin-top:44px}.cikk li{line-height:1.75;color:#4e6470}
.cikk .osszegzes{background:#e9f3f5;border-radius:16px;padding:20px 24px;margin:20px 0}
.cta{text-align:center}.cta p{max-width:620px;margin-left:auto;margin-right:auto}

.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #1794ad;outline-offset:3px}

@media(max-width:800px){nav{display:none}.hero-inner,.checkout-grid{grid-template-columns:1fr}.hero-inner{padding-top:40px;padding-bottom:55px;min-height:0}.visual{min-height:290px}.orb{width:245px}.hero-dna{width:120px;height:200px}.grid,.steps{grid-template-columns:repeat(2,1fr)}.choice,.facts,.assurance .wrap,.bundles,.topics,.ketoszlop{grid-template-columns:1fr}.trust,.benefits,.support{grid-template-columns:repeat(2,1fr)}.includes ul{columns:1}.compare th,.compare td{padding:12px;font-size:14px}.nav>.pill{font-size:12px;padding:10px}.brand{font-size:24px}}
@media(max-width:560px){.wrap,.page{padding-left:16px;padding-right:16px}.hero h1{font-size:40px}.hero p{font-size:17px}.grid,.steps,.benefits,.support{grid-template-columns:1fr}section{padding:62px 0}.footer .wrap{display:block}.panel{padding:20px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.logo-dna,.hero-dna{animation:none}}