:root{--dark:#082b22;--green:#075b43;--gold:#b58b45;--cream:#faf8f2;--text:#53665e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);font-family:Inter,system-ui,Arial,sans-serif;color:var(--dark);line-height:1.55}a{text-decoration:none;color:inherit}.wrap{width:min(1160px,calc(100% - 36px));margin:auto}header{position:sticky;top:0;background:#faf8f2ef;backdrop-filter:blur(16px);z-index:5;border-bottom:1px solid #e9e8df}nav{min-height:78px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:25px;font-weight:800;letter-spacing:-1px}.logo{color:var(--gold);font-size:32px;margin-right:10px}#links{display:flex;gap:25px;align-items:center;font-size:14px}#menu{display:none}.btn{display:inline-block;background:var(--green);color:white;padding:13px 22px;border-radius:14px;font-weight:700;border:1px solid var(--green);cursor:pointer}.btn:hover{background:#003c2c}.btn.outline{background:transparent;color:var(--dark)}.btn.gold{background:#e5bd79;color:var(--dark);border-color:#e5bd79}.hero{padding:95px 0;background:radial-gradient(ellipse at 80% 20%,#e7eddf,transparent 48%)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.eyebrow{color:var(--gold);font-size:12px;letter-spacing:2px;font-weight:800}h1{font-size:clamp(38px,5vw,65px);line-height:1.09;letter-spacing:-2.5px;margin:20px 0}h1 em{font-style:normal;color:var(--gold)}h2{font-size:clamp(30px,3.5vw,44px);line-height:1.15;letter-spacing:-1.4px;margin:15px 0 22px}p{color:var(--text)}.hero p{font-size:18px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:27px 0}small{color:#64766c}.mock{border:10px solid #192420;background:white;border-radius:20px;overflow:hidden;box-shadow:0 30px 70px #09271f35;transform:perspective(900px) rotateY(-6deg)}.mockbar{background:#f0f2eb;padding:9px;font-size:11px}.mockbar span{float:right}.mockgrid{display:grid;grid-template-columns:105px 1fr;min-height:290px}.mock aside{background:#074331;color:#f1e4bc;padding:18px 9px;line-height:3;font-size:11px}.mock article{padding:20px}.mock article h3{margin:0}.mock article p{font-size:12px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.metrics div,.activity{padding:12px;border:1px solid #e6ece6;border-radius:12px}.metrics strong{display:block;font-size:23px}.metrics small{font-size:10px}.activity{margin-top:15px}.activity p{border-bottom:1px solid #e8eee7;padding:5px}.section{padding:86px 0}.center{text-align:center}.center>p{max-width:660px;margin:0 auto 35px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid #e4e8df;border-radius:22px;padding:28px;box-shadow:0 15px 40px #0928200b}.card i{font-size:28px;color:var(--green);background:#f5eddd;padding:10px;border-radius:12px;font-style:normal}.card h3{margin-top:23px}.tinted{background:#f0f4ec}.pills{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px}.pills span{background:white;border:1px solid #dce7dc;border-radius:50px;padding:13px 18px;font-weight:600}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:left;margin-top:50px}.steps div{border-top:3px solid var(--gold);padding:18px}.steps b{color:var(--gold);font-size:26px}.banner{background:linear-gradient(110deg,#002b20,#08644a);border-radius:28px;color:white;padding:50px;display:flex;align-items:center;gap:35px;justify-content:space-between}.banner p{color:#d5e7dd}.banner .eyebrow{color:#e5bd79}.form{max-width:700px;margin:30px auto 0;background:white;padding:32px;border-radius:24px;border:1px solid #e4e8df}.form label{display:block;font-weight:650;margin-bottom:18px}.form input:not([type=checkbox]),.form textarea,.form select{width:100%;display:block;margin-top:7px;border:1px solid #cbd8cd;border-radius:10px;padding:12px;font:inherit}.consent{font-size:13px}#status{font-weight:650}footer{background:#062b20;color:white;padding:45px 0}footer p,footer small{color:#c6d9ce}@media(max-width:850px){#menu{display:block;background:transparent;border:0;font-size:28px}#links{display:none;position:absolute;top:78px;left:0;right:0;padding:20px;background:var(--cream);flex-direction:column;align-items:stretch}#links.open{display:flex}.hero-grid{grid-template-columns:1fr}.mock{transform:none}.cards{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.banner{flex-direction:column;align-items:start}}@media(max-width:570px){.hero{padding:55px 0}.section{padding:55px 0}.cards,.steps{grid-template-columns:1fr}.mockgrid{grid-template-columns:75px 1fr}.mock aside{font-size:9px}.mock article{padding:10px}.metrics strong{font-size:17px}.banner{padding:28px}.form{padding:20px}}
/* Multi-page additions */
h1 em{font-style:normal;color:var(--gold)}.pagehero{padding:85px 0 65px;background:radial-gradient(ellipse at 80% 25%,#e8efdf,transparent 48%)}.pagehero h1{max-width:870px}.pagehero p{max-width:690px;font-size:19px}.legal{max-width:800px;margin:auto}.legal h2{margin-top:38px}.legal .btn{margin-top:18px}.legal details{margin-bottom:12px}.legal summary{cursor:pointer;font-weight:700}.footerlinks{display:flex;gap:22px;flex-wrap:wrap;margin:20px 0}.footerlinks a{color:#e6e8dd}.warning{background:#fff2e7;border-left:4px solid #bd8147;padding:17px;border-radius:8px}.form-status{font-weight:700}.form-status.error{color:#a32921}.form-status.ok{color:#075b43}.form input:focus,.form textarea:focus,.form select:focus{outline:2px solid #a6c9b5}.form small{display:block;margin-top:15px}.card small{color:#a57d42}.card p{min-height:48px}

/* Brand refinements */
.brand{display:inline-flex;align-items:center;gap:10px}.brand-symbol{width:42px;height:42px;display:block;flex-shrink:0}.brand .logo{display:none}nav a:not(.btn):focus-visible,.btn:focus-visible,button:focus-visible{outline:3px solid #b58b45;outline-offset:3px}#menu{cursor:pointer;color:var(--dark)}.card{transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-3px);box-shadow:0 18px 44px #09282017}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}.card:hover{transform:none}}@media(max-width:570px){.brand{font-size:22px}.brand-symbol{width:36px;height:36px}}

/* Product showcase */
.showcase{display:grid;grid-template-columns:190px minmax(0,1fr);background:#fff;border:1px solid #dfe8dd;border-radius:24px;overflow:hidden;box-shadow:0 25px 70px #063a2b16}.showcase-nav{background:#063d2e;color:#e9dfc6;display:flex;flex-direction:column;gap:8px;padding:28px 16px}.showcase-nav strong{font-size:20px;margin-bottom:20px}.showcase-nav span{padding:12px;border-radius:10px;font-size:14px}.showcase-nav span:nth-child(2){background:#1d654f}.showcase-main{padding:32px;min-width:0}.showcase-top{display:flex;justify-content:space-between;align-items:start;gap:16px}.showcase-top h2{margin:8px 0 26px;font-size:29px}.demo-tag{font-size:11px;font-weight:800;letter-spacing:1px;background:#f5eddb;color:#805c2e;padding:8px 11px;border-radius:40px;white-space:nowrap}.showcase-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.showcase-stats article{border:1px solid #e2eae0;border-radius:15px;padding:18px}.showcase-stats small,.showcase-stats span{display:block;color:#65766b}.showcase-stats strong{display:block;font-size:34px;color:#075b43}.showcase-stats span{font-size:12px}.showcase-table{margin-top:22px;border:1px solid #e2eae0;border-radius:16px;overflow:hidden}.showcase-table>div{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid #e9eee7;gap:12px}.showcase-table>div:last-child{border:0}.showcase-table small{display:block;color:#65766b}.showcase-table mark{background:#eaf5e9;color:#28613d;padding:6px 10px;border-radius:20px;font-size:12px}.showcase-note{font-size:13px;text-align:center;margin-top:17px}@media(max-width:760px){.showcase{grid-template-columns:1fr}.showcase-nav{flex-direction:row;overflow-x:auto;align-items:center;padding:12px}.showcase-nav strong{font-size:15px;margin:0;white-space:nowrap}.showcase-nav span{white-space:nowrap}.showcase-main{padding:18px}.showcase-stats{grid-template-columns:1fr}.showcase-top{flex-direction:column}.showcase-top h2{font-size:25px}.showcase-table>div{padding:13px 11px}}

.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.brand-symbol{object-fit:contain}.form .consent a{color:#075b43;text-decoration:underline;text-underline-offset:2px}#links a[href="/termekbemutato/"]{white-space:nowrap}@media(min-width:851px) and (max-width:1120px){#links{gap:13px;font-size:12px}.brand{font-size:22px}}

/* Product page: no fabricated app screenshots */
.product-modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.brand-symbol{border-radius:11px;background:#003c2d;object-fit:contain}.product-modules .card{min-height:190px}@media(max-width:850px){.product-modules{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.product-modules{grid-template-columns:1fr}}

/* Critical mobile overflow and header repair */
html,body{max-width:100%;overflow-x:clip}*,*::before,*::after{min-width:0}img,svg{max-width:100%}.brand{flex-shrink:0;gap:8px;font-size:clamp(20px,2.3vw,25px);letter-spacing:-.8px}.brand-symbol{width:40px;height:40px;flex-shrink:0;border-radius:9px}.pagehero h1,.hero h1{overflow-wrap:break-word;word-break:normal;hyphens:auto}.pagehero .wrap,.hero .wrap{min-width:0}.pagehero .eyebrow{display:block;overflow-wrap:anywhere}.pagehero{padding:65px 0 52px}@media(max-width:850px){header nav{min-height:68px;flex-wrap:nowrap}.brand{font-size:23px}#menu{display:flex!important;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;border:1px solid #dce5dc;border-radius:10px;background:#fff;font-size:23px}#links{top:68px}.pagehero h1,.hero h1{font-size:clamp(32px,8.5vw,52px)!important;line-height:1.12;letter-spacing:-1.2px!important}.pagehero .eyebrow{font-size:11px;letter-spacing:1.5px}.pagehero{padding:50px 0}.pagehero p{font-size:16px}}@media(max-width:420px){.wrap{width:calc(100% - 32px)}.brand{font-size:21px}.brand-symbol{width:36px;height:36px}.pagehero h1,.hero h1{font-size:clamp(30px,8.3vw,38px)!important;letter-spacing:-.8px!important}.pagehero .eyebrow{font-size:10px;letter-spacing:1px}}

/* Header logo +50% (40px → 60px, mobile 36px → 54px) */
.brand-symbol{width:60px!important;height:60px!important;max-width:none;flex:0 0 60px}.brand{gap:10px}header nav{min-height:84px}@media(max-width:850px){.brand-symbol{width:54px!important;height:54px!important;flex-basis:54px}header nav{min-height:78px}#links{top:78px}}@media(max-width:420px){.brand-symbol{width:54px!important;height:54px!important;flex-basis:54px}.brand{font-size:21px}}