:root{--ink:#1b211f;--teal:#009999;--teal2:#006666;--orange:#f37016;--orange2:#ff8a2b;--paper:#f4f7fa;--muted:#68736f;--line:#dbe5ec;--shadow:0 22px 60px rgba(13,24,24,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#262c29;background:var(--paper);line-height:1.55}a{text-decoration:none;color:inherit}.container{width:min(100% - 44px,1180px);margin:auto}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 22px;font-weight:900;transition:.18s}.btn:hover{transform:translateY(-1px)}.btn-o{background:linear-gradient(135deg,var(--orange),var(--orange2));color:white;box-shadow:0 14px 34px rgba(243,112,22,.28)}.btn-t{background:var(--teal);color:#1b211f;box-shadow:0 14px 34px rgba(0,153,153,.22)}.btn-d{background:#1b211f;color:white}.kicker{display:inline-flex;gap:10px;align-items:center;color:var(--teal);text-transform:uppercase;letter-spacing:2.3px;font-size:12px;font-weight:950}.dot{width:9px;height:9px;border-radius:50%;background:var(--orange);display:inline-block}.section{padding:56px 0}.white{background:white}.title{text-align:center;max-width:850px;margin:0 auto 44px}.title h2{font-size:clamp(32px,4vw,52px);line-height:1.1;letter-spacing:-1.5px;margin:14px 0 12px}.title p{font-size:18px;color:var(--muted);line-height:1.65;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards.four{grid-template-columns:repeat(4,1fr)}.card{background:white;border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:var(--shadow)}.card h3{font-size:25px;letter-spacing:-.7px;margin:0 0 10px}.card p{color:var(--muted);line-height:1.65;margin:0}.icon{width:60px;height:60px;border-radius:18px;background:#e8f9f9;color:#078e90;display:grid;place-items:center;font-size:28px;font-weight:950;margin-bottom:18px}.brand{display:flex;align-items:center;gap:12px;font-weight:950}.brand img{height:42px;width:auto}.brand-name{font-size:22px}.nav{position:sticky;top:0;z-index:20;background:linear-gradient(90deg,#1b211f,#252b29);color:white;box-shadow:0 12px 34px rgba(0,0,0,.18)}.nav.light{background:rgba(255,255,255,.93);color:#1b211f;border-bottom:1px solid #d8edf0;backdrop-filter:blur(12px)}.nav .container{min-height:78px;display:flex;justify-content:space-between;align-items:center;gap:22px}.links{display:flex;align-items:center;gap:20px;font-weight:850;color:#dfe5e2}.light .links{color:#424a47}.links a.active,.links a:hover{color:var(--teal)}.choice{min-height:calc(100vh - 78px);display:flex;align-items:center;padding:72px 0;background:linear-gradient(135deg,#1b211f,#26332f);color:white;position:relative;overflow:hidden}.choice:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 24%,rgba(0,153,153,.3),transparent 34%),radial-gradient(circle at 12% 86%,rgba(243,112,22,.18),transparent 30%)}.choice .container{position:relative;z-index:1}.choice h1,.hero h1{font-size:clamp(42px,5.7vw,74px);line-height:1.02;letter-spacing:-2.5px;margin:18px 0}.lead{font-size:20px;line-height:1.7;color:#c9d0cd;max-width:780px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}.choice-card{min-height:365px;border-radius:32px;padding:34px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);box-shadow:0 28px 80px rgba(0,0,0,.3);display:flex;flex-direction:column;justify-content:space-between}.choice-card h2{font-size:34px;margin:0 0 12px}.choice-card p{color:#cdd4d1}.choice-card ul{list-style:none;padding:0;margin:18px 0;display:grid;gap:9px;color:#e3edf4}.choice-card li:before{content:"";color:var(--teal);font-weight:950;margin-right:8px}.choice-card.op li:before{color:#ff9a48}.hero{padding:86px 0 78px;position:relative;overflow:hidden}.hero.user{background:linear-gradient(135deg,#eaffff,#f7fbfc 45%,#dff7f6);color:#1b211f}.hero.user .lead{color:#5d6763}.hero.op{background:linear-gradient(135deg,#1b211f,#26332f);color:white}.hero.op:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 18%,rgba(243,112,22,.22),transparent 34%),radial-gradient(circle at 10% 90%,rgba(0,153,153,.16),transparent 30%)}.hero .container{position:relative;z-index:1}.hero-grid{display:grid;grid-template-columns:1fr .9fr;gap:44px;align-items:center}.wertyz{font-size:72px;font-weight:950;letter-spacing:-4px;margin:4px 0;color:#1b211f}.pillrow{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.pill{background:white;border:1px solid #d7eef0;border-radius:999px;padding:10px 14px;color:#087e82;font-weight:900;box-shadow:0 10px 24px rgba(0,102,102,.08)}.phone{background:#1b211f;color:white;border-radius:36px;padding:24px;box-shadow:0 28px 80px rgba(13,24,24,.24)}.screen{background:#f7fbfc;color:#222826;border-radius:28px;padding:24px}.app-row{display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:center;background:white;border:1px solid #dce6e2;border-radius:18px;padding:14px;margin-top:12px}.app-row b{display:block}.app-row span{color:#68736f;font-size:14px}.dark-card{background:linear-gradient(135deg,#101c1c,#2b312f);color:white;border:1px solid rgba(255,255,255,.12);border-radius:30px;padding:34px;box-shadow:0 28px 80px rgba(0,0,0,.26)}.dark-card p,.dark-card li{color:#c4ccca}.dark-card ul{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:10px}.dark-card li:before{content:"";color:#ff9a48;font-weight:950;margin-right:8px}.cta{background:linear-gradient(135deg,#101c1c,#2b312f);color:white;border-radius:32px;padding:40px;display:flex;justify-content:space-between;align-items:center;gap:24px;box-shadow:var(--shadow)}.cta p{color:#c4ccca}.form{background:white;border:1px solid var(--line);border-radius:30px;padding:32px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:8px}.field.full{grid-column:1/-1}.field label{font-weight:850}.field input,.field select,.field textarea{width:100%;border:1px solid #cad8e2;border-radius:14px;padding:14px 15px;font:inherit}.footer{background:#1b211f;color:#b7bfbc;padding:42px 0 24px}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .8fr .9fr;gap:28px}.footer h4{color:white;margin:0 0 12px;text-transform:uppercase;font-size:14px;letter-spacing:1.5px}.footer p,.footer a{color:#b7bfbc;line-height:1.7}.copy{border-top:1px solid rgba(255,255,255,.1);margin-top:26px;padding-top:18px;font-size:13px}@media(max-width:1000px){.links{display:none}.choice-grid,.hero-grid,.cards,.cards.four,.footer-grid,.form-grid{grid-template-columns:1fr}.choice{min-height:auto}.cta{display:block}.cta .btn{margin-top:18px}}@media(max-width:640px){.container{width:min(100% - 28px,1180px)}.section{padding:46px 0}.card,.choice-card,.dark-card,.cta,.form{padding:24px}.wertyz{font-size:48px;letter-spacing:-2px}.btn{width:100%}}


/* v5 – WERTYZ customer homepage */
.wertyz-entry{position:relative;overflow:hidden;background:linear-gradient(135deg,#eaffff 0%,#f8fcfd 45%,#dff7f6 100%);color:#1b211f;padding:88px 0 72px}
.wertyz-entry:before{content:"";position:absolute;right:-150px;top:-160px;width:560px;height:560px;border-radius:50%;background:rgba(0,153,153,.26)}
.wertyz-entry:after{content:"";position:absolute;left:-180px;bottom:-240px;width:520px;height:520px;border-radius:50%;background:rgba(243,112,22,.10)}
.wertyz-entry .container{position:relative;z-index:1}
.wertyz-stage{text-align:center;max-width:980px;margin:0 auto}
.wertyz-mark{font-size:clamp(56px,9vw,116px);font-weight:950;line-height:.9;letter-spacing:-6px;color:#1b211f;margin:18px 0 12px}
.wertyz-subtitle{font-size:20px;line-height:1.65;color:#5d6763;max-width:760px;margin:0 auto}
.brand-orbit{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:34px auto 0}
.brand-chip{position:relative;display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:13px 18px;background:#fff;border:1px solid #d7eef0;color:#087e82;font-weight:950;box-shadow:0 12px 28px rgba(0,102,102,.10);opacity:0;transform:translateY(10px);animation:chipIn .75s ease forwards}
.brand-chip:nth-child(2){animation-delay:.18s}.brand-chip:nth-child(3){animation-delay:.36s}.brand-chip:nth-child(4){animation-delay:.54s}
.brand-chip:before{content:"";width:9px;height:9px;border-radius:50%;background:#009999;box-shadow:0 0 0 5px rgba(0,153,153,.12)}
.brand-chip.visit:before{background:#f37016;box-shadow:0 0 0 5px rgba(243,112,22,.12)}
.brand-chip.charge:before{background:#0b69ff;box-shadow:0 0 0 5px rgba(11,105,255,.11)}
.brand-chip.sport:before{background:#7a5cff;box-shadow:0 0 0 5px rgba(122,92,255,.11)}
@keyframes chipIn{to{opacity:1;transform:translateY(0)}}
.customer-actions{padding:78px 0;background:#fff}
.customer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.customer-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:30px;padding:30px;box-shadow:var(--shadow);min-height:270px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:.18s ease}
.customer-card:hover{transform:translateY(-3px);border-color:#b9ecec}
.customer-card:after{content:"";position:absolute;right:-54px;top:-54px;width:150px;height:150px;border-radius:50%;background:rgba(0,153,153,.10)}
.customer-card.orange:after{background:rgba(243,112,22,.10)}
.customer-card.blue:after{background:rgba(11,105,255,.09)}
.customer-card h3{font-size:25px;line-height:1.12;letter-spacing:-.7px;margin:0 0 10px}
.customer-card p{color:#68736f;line-height:1.62;margin:0}
.customer-card .icon{margin-bottom:20px}
.card-link{display:inline-flex;margin-top:24px;font-weight:950;color:#087e82}
.customer-card.orange .card-link{color:#d85f10}
.customer-card.blue .card-link{color:#0b69ff}
.how-pay{background:#f4f7fa;padding:78px 0}
.pay-panel{display:grid;grid-template-columns:.85fr 1.15fr;gap:26px;align-items:stretch}
.pay-copy{background:linear-gradient(135deg,#101c1c,#2b312f);color:#fff;border-radius:32px;padding:38px;box-shadow:var(--shadow)}
.pay-copy h2{font-size:40px;line-height:1.08;letter-spacing:-1.2px;margin:12px 0 14px}
.pay-copy p{color:#c4ccca;line-height:1.7;margin:0}
.pay-steps{display:grid;gap:14px}
.pay-step{display:grid;grid-template-columns:58px 1fr;gap:15px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:17px;box-shadow:0 12px 32px rgba(13,24,24,.07)}
.pay-step-no{width:58px;height:58px;border-radius:18px;background:#e8f9f9;color:#087e82;display:grid;place-items:center;font-size:23px;font-weight:950}
.pay-step b{display:block;font-size:17px;color:#262c29}
.pay-step span{display:block;color:#68736f;font-size:14px;margin-top:3px}
.app-download{background:#fff;padding:78px 0}
.app-card{display:grid;grid-template-columns:1fr .8fr;gap:28px;align-items:center;background:linear-gradient(135deg,#eaffff,#fff);border:1px solid #d7eef0;border-radius:34px;padding:42px;box-shadow:var(--shadow);overflow:hidden}
.app-card h2{font-size:42px;line-height:1.08;letter-spacing:-1.2px;margin:0 0 14px}
.app-card p{color:#5d6763;font-size:18px;line-height:1.68;margin:0}
.store-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.store-badge{background:#1b211f;color:#fff;border-radius:15px;padding:13px 18px;font-weight:950;min-width:160px;text-align:center}
.qr-box{justify-self:end;width:min(100%,310px);aspect-ratio:1;border-radius:28px;background:#1b211f;color:#fff;display:grid;place-items:center;text-align:center;padding:28px;box-shadow:0 22px 60px rgba(13,24,24,.20)}
.qr-box b{display:block;font-size:52px;letter-spacing:-2px}
.qr-box span{display:block;color:#c4ccca;margin-top:10px}
.support-strip{background:#1b211f;color:#fff;padding:62px 0}
.support-box{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}
.support-item{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:24px}
.support-item h3{margin:0 0 8px;font-size:22px}
.support-item p{color:#c4ccca;margin:0;line-height:1.6}
.faq-mini{background:#f4f7fa;padding:78px 0}
.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 12px 32px rgba(13,24,24,.06)}
.faq-item h3{margin:0 0 8px;font-size:21px}
.faq-item p{margin:0;color:#68736f;line-height:1.6}
@media(max-width:1000px){
  .customer-grid,.pay-panel,.app-card,.support-box,.faq-grid{grid-template-columns:1fr}
  .qr-box{justify-self:start}
}
@media(max-width:640px){
  .wertyz-entry{padding:62px 0 54px}
  .wertyz-mark{letter-spacing:-3px}
  .customer-actions,.how-pay,.app-download,.faq-mini{padding:58px 0}
  .customer-card,.pay-copy,.app-card{padding:24px}
  .pay-copy h2,.app-card h2{font-size:32px}
}
@media(prefers-reduced-motion:reduce){
  .brand-chip{opacity:1;transform:none;animation:none}
}


/* v6 – simplified customer homepage with detailed subpages */
.wertyz-entry.compact{padding:84px 0 58px}
.wertyz-stage{max-width:930px}
.customer-actions{padding:68px 0 86px}
.customer-grid.simple{grid-template-columns:repeat(3,1fr)}
.customer-card.simple-card{min-height:240px}
.customer-card.simple-card p{font-size:16px}
.customer-card.simple-card .card-link{margin-top:20px}
.customer-note{margin-top:34px;background:#1b211f;color:#fff;border-radius:28px;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:var(--shadow)}
.customer-note p{color:#c4ccca;margin:0;line-height:1.65}
.subpage-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#eaffff 0%,#f8fcfd 45%,#dff7f6 100%);padding:78px 0 66px;color:#1b211f}
.subpage-hero:before{content:"";position:absolute;right:-170px;top:-180px;width:520px;height:520px;border-radius:50%;background:rgba(0,153,153,.24)}
.subpage-hero .container{position:relative;z-index:1}
.subpage-hero h1{font-size:clamp(40px,5vw,66px);line-height:1.05;letter-spacing:-2px;margin:16px 0 14px;max-width:880px}
.subpage-hero p{font-size:20px;line-height:1.68;color:#5d6763;max-width:780px;margin:0}
.content-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;align-items:start}
.side-box{background:linear-gradient(135deg,#101c1c,#2b312f);color:#fff;border-radius:30px;padding:32px;box-shadow:var(--shadow);position:sticky;top:102px}
.side-box h2{font-size:30px;line-height:1.12;margin:0 0 12px;letter-spacing:-.9px}
.side-box p{color:#c4ccca;line-height:1.65;margin:0}
.info-list{display:grid;gap:16px}
.info-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 12px 32px rgba(13,24,24,.07)}
.info-card h3{font-size:23px;margin:0 0 8px;letter-spacing:-.5px}
.info-card p{color:#68736f;line-height:1.65;margin:0}
.info-card ul{margin:12px 0 0;padding-left:20px;color:#526276;line-height:1.7}
.big-map{height:420px;border-radius:30px;background:linear-gradient(135deg,#e8f9f9,#fff);border:1px solid #d8edf0;display:grid;place-items:center;color:#087e82;font-weight:950;font-size:38px;box-shadow:var(--shadow)}
.app-hero-card{display:grid;grid-template-columns:1fr .7fr;gap:28px;align-items:center;background:#fff;border:1px solid #d7eef0;border-radius:32px;padding:36px;box-shadow:var(--shadow)}
.app-hero-card h2{font-size:36px;line-height:1.1;margin:0 0 12px;letter-spacing:-1px}
.store-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.store-badge{background:#1b211f;color:#fff;border-radius:15px;padding:13px 18px;font-weight:950;min-width:160px;text-align:center}
.qr-box{justify-self:end;width:min(100%,260px);aspect-ratio:1;border-radius:28px;background:#1b211f;color:#fff;display:grid;place-items:center;text-align:center;padding:26px;box-shadow:0 22px 60px rgba(13,24,24,.20)}
.qr-box b{display:block;font-size:50px;letter-spacing:-2px}
.qr-box span{display:block;color:#c4ccca;margin-top:8px}
.faq-stack{display:grid;gap:14px}
.faq-question{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 12px 28px rgba(13,24,24,.06)}
.faq-question h3{margin:0 0 8px;font-size:21px}
.faq-question p{margin:0;color:#68736f;line-height:1.65}
@media(max-width:1000px){
  .customer-grid.simple,.content-grid,.app-hero-card{grid-template-columns:1fr}
  .side-box{position:static}
  .customer-note{display:block}
  .customer-note .btn{margin-top:18px}
  .qr-box{justify-self:start}
}

/* v10 – compact layout */
.nav .container{min-height:66px}
.brand img{height:36px}
.section{padding:40px 0}
.subpage-hero{padding:48px 0 38px}
.subpage-hero h1{font-size:clamp(34px,4.3vw,54px);margin:10px 0 10px}
.subpage-hero p{font-size:18px}
.hero.user,.hero.op{padding:54px 0 48px}
.hero h1{font-size:clamp(36px,4.6vw,58px)}
.title{margin-bottom:30px}
.title h2{font-size:clamp(28px,3.2vw,42px);margin:10px 0}
.card{padding:24px}
.icon{width:52px;height:52px;border-radius:16px;font-size:24px;margin-bottom:14px}
.customer-actions{padding:46px 0 56px}
.customer-card.simple-card{min-height:205px;padding:24px}
.wertyz-entry.compact{padding:52px 0 38px}
.wertyz-mark{font-size:clamp(48px,7vw,86px);letter-spacing:-4px}
.brand-orbit{margin-top:22px}
.customer-note{margin-top:24px;padding:24px}
.footer{padding:30px 0 20px}
.footer-grid{gap:20px}
.final-choice{min-height:100svh;padding:30px 0}
.final-top{margin-bottom:28px}
.final-top .brand img{height:46px}
.final-grid{max-width:900px;gap:20px}
.final-card{min-height:270px;padding:30px}
.final-icon{width:62px;height:62px;border-radius:20px;font-size:30px;margin-bottom:18px}
.final-card h1{font-size:36px;margin-bottom:10px}
.final-card p{font-size:16px;line-height:1.55}
.final-points{margin-top:18px}
.final-card .btn{margin-top:24px}
@media(max-width:900px){
  .final-choice{padding:24px 0}
  .final-grid{gap:14px}
  .final-card{min-height:auto}
}
@media(max-width:640px){
  .section{padding:34px 0}
  .subpage-hero{padding:40px 0 32px}
  .customer-actions{padding:38px 0 44px}
  .final-card{padding:24px}
}


/* v46 – jednotné písmo podľa EMWARE štýlu */
html,body,button,input,select,textarea,a{
  font-family:Manrope,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
}
body{
  font-weight:500;
}
h1,h2,h3,h4,.btn,.kicker,.nav,.brand,.final-card h1,.solution-card h2{
  font-family:Manrope,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
}


.solution-card{position:relative;cursor:pointer}
.solution-card>a.card-link-overlay{position:absolute;inset:0;z-index:5;text-indent:-9999px;overflow:hidden}
.solution-card .btn,.solution-card .card-action{position:relative;z-index:6}

/* v100 – oprava kontrastu a zjednodušené členenie riešení */
.choice h1,.choice h2,.choice h3,.hero.op h1,.hero.op h2,.hero.op h3,
.operator-hero h1,.operator-hero h2,.operator-hero h3,
.dark-card h1,.dark-card h2,.dark-card h3,.dark-card h4,
.cta h1,.cta h2,.cta h3,.cta h4,
.proof-card.dark h1,.proof-card.dark h2,.proof-card.dark h3,
.article-panel h1,.article-panel h2,.article-panel h3,
.support-strip h1,.support-strip h2,.support-strip h3,
.pay-copy h1,.pay-copy h2,.pay-copy h3,
.side-box h1,.side-box h2,.side-box h3,
.real-side h1,.real-side h2,.real-side h3,
.customer-note h1,.customer-note h2,.customer-note h3,
.qr-box h1,.qr-box h2,.qr-box h3,
.footer h1,.footer h2,.footer h3,.footer h4{color:#fff!important}
.solution-overview{padding:64px 0 78px;background:linear-gradient(180deg,#f7fafb,#fff)}
.solution-overview .back-link{display:inline-flex;margin-bottom:28px;font-weight:850;color:#d86620}
.solution-overview-head{max-width:820px;margin-bottom:30px}
.solution-overview-head h1{font-size:clamp(38px,5vw,62px);line-height:1.03;letter-spacing:-2px;margin:10px 0 14px;color:#1b211f}
.solution-overview-head p{font-size:18px;line-height:1.68;color:#607286;margin:0}
.solution-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.solution-type-grid.single{grid-template-columns:minmax(0,760px)}
.solution-type-card{background:#fff;border:1px solid #d8e6ee;border-radius:30px;padding:30px;box-shadow:0 16px 42px rgba(13,24,24,.09);position:relative;overflow:hidden}
.solution-type-card:before{content:"";position:absolute;right:-55px;top:-55px;width:170px;height:170px;border-radius:50%;background:rgba(243,112,22,.10)}
.solution-type-card:nth-child(even):before{background:rgba(0,153,153,.13)}
.solution-type-card h2{font-size:30px;line-height:1.12;letter-spacing:-.8px;margin:0 0 12px;color:#1b211f;position:relative}
.solution-type-card>p{font-size:16px;line-height:1.65;color:#68736f;margin:0 0 22px;position:relative}
.solution-block{position:relative;margin-top:20px}
.solution-block h3{font-size:14px;letter-spacing:1.25px;text-transform:uppercase;color:#d86620;margin:0 0 11px}
.segment-labels{display:flex;flex-wrap:wrap;gap:9px}
.segment-labels span{display:inline-flex;padding:9px 12px;border-radius:999px;background:#f3f7fa;border:1px solid #dce6e2;color:#34475d;font-size:13px;font-weight:850}
.benefit-list{list-style:none;padding:0;margin:0;display:grid;gap:11px}
.benefit-list li{display:flex;gap:11px;color:#3f4b47;line-height:1.55}
.benefit-list li:before{content:"✓";flex:0 0 auto;color:#f37016;font-weight:950}
@media(max-width:760px){.solution-type-grid{grid-template-columns:1fr}.solution-type-card{padding:24px}.solution-overview{padding:46px 0 60px}.solution-overview-head h1{font-size:38px}}




:root{
  --w-navy:#1b211f;
  --w-navy-soft:#2a322f;
  --w-teal:#009999;
  --w-teal-dark:#006666;
  --w-orange:#ff7a1a;
  --w-paper:#f5fafb;
  --w-text:#222826;
  --w-muted:#65706c;
  --w-line:#dcebed;
  --w-shadow:0 18px 55px rgba(19,34,34,.10);
}
html,body{background:var(--w-paper)}
body{
  font-family:"Manrope","Segoe UI",Arial,sans-serif;
  color:var(--w-text);
}
.nav.light{
  background:rgba(255,255,255,.96);
  border-bottom:1px solid var(--w-line);
  box-shadow:0 8px 30px rgba(19,34,34,.06);
}
.nav .container{min-height:74px}
.nav .lang-switcher{position:relative}
.nav .lang-switcher-toggle{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:999px;border:1px solid #d8edf0;background:#fff;color:#1b211f;font:inherit;font-size:12px;font-weight:800;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}
.nav .lang-switcher-toggle:hover{border-color:#009999;box-shadow:0 8px 20px rgba(18,32,32,.08)}
.nav .lang-switcher-flag{font-size:15px;line-height:1}
.nav .lang-switcher-chevron{color:#8a9a9a;transition:transform .18s ease}
.nav .lang-switcher.open .lang-switcher-chevron{transform:rotate(180deg)}
.nav .lang-switcher-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:40;min-width:172px;padding:6px;margin:0;list-style:none;border-radius:14px;border:1px solid #d8edf0;background:#fff;box-shadow:0 20px 48px rgba(18,32,32,.16);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s}
.nav .lang-switcher-menu.open{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .16s ease,transform .16s ease}
.nav .lang-switcher-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:9px;background:none;color:#1b211f;font:inherit;font-size:13px;font-weight:700;text-align:left;cursor:pointer}
.nav .lang-switcher-menu button span{font-size:16px;line-height:1}
.nav .lang-switcher-menu button:hover{background:#edf8f6}
.nav .lang-switcher-menu button.active{color:#009999;background:#edf8f6}
@media(max-width:900px){
  body.user-area .nav .nav-support-desktop{display:none!important}
  .nav .lang-switcher{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5}
  .nav .lang-switcher-toggle{padding:0 9px}
  .nav .brand .wertyz-nav-logo{height:28px!important}
  .nav .brand .emcard-nav-logo{height:28px!important;max-width:150px!important;top:0!important}
}
.brand{
  color:var(--w-navy);
  font-weight:900;
  letter-spacing:-.4px;
}
.links{gap:12px}
.light .links a{
  padding:9px 13px;
  border-radius:999px;
  color:#49514e;
  transition:.2s ease;
}
.light .links a:hover,.light .links a.active{
  background:#e8fafa;
  color:var(--w-teal-dark);
}
.light .nav-support-desktop{
  padding:9px 13px;
  border-radius:999px;
  color:#49514e;
  font-weight:850;
  transition:.2s ease;
}
.light .nav-support-desktop:hover{
  background:#e8fafa;
  color:var(--w-teal-dark);
}
.btn{
  border-radius:14px;
  padding:14px 22px;
  font-weight:800;
  box-shadow:none;
}
.btn-t{
  color:white;
  background:linear-gradient(135deg,var(--w-teal-dark),var(--w-teal));
  box-shadow:0 12px 28px rgba(0,153,153,.25);
}
.btn-o{
  background:linear-gradient(135deg,#f26813,var(--w-orange));
  box-shadow:0 12px 28px rgba(255,122,26,.22);
}
.btn-d{background:var(--w-navy)}
.kicker{
  color:var(--w-teal-dark);
  letter-spacing:1.8px;
}
.dot{background:var(--w-orange)}
.subpage-hero,.payment-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 90% 10%,rgba(0,153,153,.22),transparent 34%),
    radial-gradient(circle at 4% 92%,rgba(255,122,26,.12),transparent 28%),
    linear-gradient(135deg,#f7ffff 0%,#eefafa 52%,#ffffff 100%);
}
.subpage-hero:after,.payment-hero:after{
  content:"";
  position:absolute;
  width:360px;
  height:360px;
  border:54px solid rgba(0,153,153,.08);
  border-radius:50%;
  right:-155px;
  top:-150px;
  pointer-events:none;
}
.subpage-hero h1,.payment-hero h1,
.wertyz-stage h1,.title h2{
  color:var(--w-navy);
  letter-spacing:-1.8px;
}
.subpage-hero p,.payment-hero p,.title p{color:var(--w-muted)}
.wertyz-entry{
  background:
    radial-gradient(circle at 83% 20%,rgba(0,153,153,.25),transparent 30%),
    radial-gradient(circle at 12% 86%,rgba(255,122,26,.12),transparent 25%),
    linear-gradient(135deg,#f5ffff,#ffffff 55%,#eefafa);
}
.wertyz-mark{
  color:var(--w-navy);
  text-shadow:none;
}
.wertyz-subtitle{color:var(--w-muted)}
.customer-card,.simple-card,.card,.step-card,.app-download-card,
.contact-panel,.form-panel,.real-map-card,.faq-question,.pay-summary{
  border:1px solid var(--w-line);
  border-radius:24px;
  box-shadow:var(--w-shadow);
  background:#fff;
}
.customer-card,.simple-card,.step-card,.faq-question{
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.customer-card:hover,.simple-card:hover,.step-card:hover,.faq-question:hover{
  transform:translateY(-4px);
  border-color:#b9e6e6;
  box-shadow:0 22px 60px rgba(19,34,34,.14);
}
.icon,.contact-icon{
  background:linear-gradient(145deg,#e8fbfb,#d8f5f4);
  color:var(--w-teal-dark);
  border-radius:16px;
}
.customer-card.park .icon,.customer-card.visit .icon,
.customer-card.charge .icon,.customer-card.sport .icon{
  background:linear-gradient(145deg,#e8fbfb,#d8f5f4);
  color:var(--w-teal-dark);
}
.customer-actions{gap:10px}
.brand-chip,.map-chip,.real-pill,.help-type{
  border-radius:999px;
  background:#e9fafa;
  color:var(--w-teal-dark);
  border:1px solid #cceeee;
}
.step-number{
  color:white;
  background:linear-gradient(135deg,var(--w-navy),var(--w-navy-soft));
  border-radius:16px;
}
.step-label{color:var(--w-orange)}
.store-badge{
  border-radius:16px;
  background:var(--w-navy);
}
.app-phone{
  border-radius:34px;
  box-shadow:0 26px 70px rgba(19,34,34,.22);
}
.help-field input,.help-field textarea,.help-field select{
  border:1px solid var(--w-line);
  border-radius:13px;
  background:#fbfefe;
}
.help-field input:focus,.help-field textarea:focus,.help-field select:focus{
  outline:none;
  border-color:var(--w-teal);
  box-shadow:0 0 0 4px rgba(0,153,153,.12);
}
.footer{
  background:var(--w-navy);
  color:#dce8ee;
}
.footer a:hover{color:var(--w-teal)}
@media(max-width:760px){
  .links{gap:5px}
  .light .links a{padding:8px 9px}
  .subpage-hero,.payment-hero{padding-top:58px}
}


/* == assets/wertyz-refine-v94.css == */
/* Compatibility file. Page styles are embedded in the HTML. */


/* == assets/wertyz-global.css == */
/* Compatibility file. Page styles are embedded in the HTML. */


/* == assets/wertyz-v95.css == */
/* Compatibility file. Page styles are embedded in the HTML. */



.faq-support-link{color:#009999;font-weight:800;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.faq-support-link:hover{color:#006666}


/* == assets/wertyz-v97.css == */
/* Compatibility file. Page styles are embedded in the HTML. */



/* v104 – vyšší kontrast na tmavých plochách */
.choice-hero,.detail-hero,.provider-hero,.operator-hero,.hero.op,
.subpage-hero.operator,.segment-hero,.solution-hero-dark,.operator-card-dark,
.dark-card,.cta,.seg-cta-box,.wertyz-reach,.operator-footer,.footer{
  color:#f5faf8!important;
}
.choice-hero h1,.choice-hero h2,.choice-hero h3,
.detail-hero h1,.detail-hero h2,.detail-hero h3,
.provider-hero h1,.provider-hero h2,.provider-hero h3,
.operator-hero h1,.operator-hero h2,.operator-hero h3,
.hero.op h1,.hero.op h2,.hero.op h3,
.subpage-hero.operator h1,.subpage-hero.operator h2,.subpage-hero.operator h3,
.segment-hero h1,.segment-hero h2,.segment-hero h3,
.solution-hero-dark h1,.solution-hero-dark h2,.solution-hero-dark h3,
.operator-card-dark h1,.operator-card-dark h2,.operator-card-dark h3,
.dark-card h1,.dark-card h2,.dark-card h3,.dark-card h4,
.cta h1,.cta h2,.cta h3,.seg-cta-box h1,.seg-cta-box h2,.seg-cta-box h3,
.wertyz-reach h1,.wertyz-reach h2,.wertyz-reach h3,
.operator-footer h1,.operator-footer h2,.operator-footer h3,.operator-footer h4,
.footer h1,.footer h2,.footer h3,.footer h4{
  color:#fff!important;
}
.choice-hero p,.choice-hero li,.detail-hero p,.detail-hero li,
.provider-hero p,.provider-hero li,.provider-hero .lead,.provider-stat span,
.operator-hero p,.operator-hero li,.operator-hero .lead,
.hero.op p,.hero.op li,.hero.op .lead,
.subpage-hero.operator p,.subpage-hero.operator li,
.segment-hero p,.segment-hero li,.solution-hero-dark p,.solution-hero-dark li,
.operator-card-dark p,.operator-card-dark li,.dark-card p,.dark-card li,
.cta p,.cta li,.seg-cta-box p,.seg-cta-box li,.wertyz-reach p,.wertyz-reach li{
  color:#d9e4e1!important;
}
.operator-footer p,.operator-footer a,.operator-footer .copy,
.footer p,.footer a,.footer .copy{color:#c7d0cd!important}
.operator-footer a:hover,.footer a:hover{color:#fff!important}

/* riešenia – vyvážené karty a jasná hierarchia */
.showcase-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:22px!important;
  align-items:stretch!important;
}
.showcase-card-link{grid-column:span 2!important;display:block!important;min-width:0!important}
.showcase-card-link:nth-last-child(2){grid-column:2 / span 2!important}
.showcase-card-link:last-child{grid-column:4 / span 2!important}
.showcase-card{
  height:100%!important;
  border-radius:26px!important;
  border:1px solid #dce6e2!important;
  background:#fff!important;
  box-shadow:0 14px 34px rgba(15,35,31,.09)!important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
}
.showcase-card-link:hover .showcase-card,.showcase-card-link:focus-visible .showcase-card{
  transform:translateY(-5px)!important;
  border-color:#f2ad81!important;
  box-shadow:0 22px 52px rgba(15,35,31,.15)!important;
}
.showcase-card .media{height:230px!important;background:#edf2f1!important;overflow:hidden!important}
.showcase-card .media img{transition:transform .35s ease!important}
.showcase-card-link:hover .media img{transform:scale(1.035)!important}
.showcase-card .body{display:flex!important;flex-direction:column!important;min-height:190px!important;padding:22px 22px 24px!important}
.showcase-card h3{font-size:24px!important;line-height:1.15!important;color:#1f2b27!important;margin:0 0 9px!important}
.showcase-card p{font-size:15px!important;line-height:1.6!important;color:#65716d!important;margin:0 0 18px!important}
.showcase-card-cta{margin-top:auto!important;display:inline-flex!important;align-items:center!important;gap:8px!important;color:#d85f14!important;font-weight:900!important}

/* samostatné kategórie – segmenty ako prehľadné vizuálne dlaždice */
.choice-grid{gap:26px!important;align-items:stretch!important}
.choice-card{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  overflow:hidden!important;
  border-radius:28px!important;
  border:1px solid #dce6e2!important;
  background:#fff!important;
  color:#26332f!important;
  box-shadow:0 14px 38px rgba(15,35,31,.09)!important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
}
.choice-card:hover,.choice-card:focus-visible{
  transform:translateY(-5px)!important;
  border-color:#f1aa7d!important;
  box-shadow:0 24px 58px rgba(15,35,31,.15)!important;
}
.choice-card-media{height:auto!important;aspect-ratio:16/10!important;background:#edf2f1!important;position:relative!important;overflow:hidden!important}
.choice-card-media:after{content:"";position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(180deg,transparent,rgba(8,18,16,.22));pointer-events:none}
.choice-card-media img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .35s ease!important}
.choice-card:hover .choice-card-media img{transform:scale(1.035)!important}
.choice-card-body{display:flex!important;flex:1!important;flex-direction:column!important;padding:24px 26px 27px!important}
.choice-card h2{font-size:clamp(27px,3vw,37px)!important;line-height:1.1!important;color:#1f2b27!important;margin:0 0 10px!important}
.choice-card p{font-size:16px!important;line-height:1.62!important;color:#66736e!important;margin:0 0 18px!important}
.choice-arrow{margin-top:auto!important;display:inline-flex!important;align-items:center!important;gap:8px!important;color:#d85f14!important;font-weight:900!important}

/* menšie zoznamy segmentov */
.segment-labels{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(175px,1fr))!important;
  gap:12px!important;
  margin-top:18px!important;
}
.segment-labels span{
  display:flex!important;
  align-items:center!important;
  min-height:58px!important;
  padding:14px 16px 14px 46px!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,#fff,#f3f7f6)!important;
  border:1px solid #d8e4e0!important;
  color:#283630!important;
  font-size:14px!important;
  font-weight:850!important;
  line-height:1.35!important;
  box-shadow:0 8px 22px rgba(15,35,31,.07)!important;
  position:relative!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.segment-labels span:before{
  content:"✓";
  position:absolute;
  left:15px;
  width:22px;
  height:22px;
  border-radius:7px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#f37016,#ff9a48);
  color:#fff;
  font-size:12px;
  font-weight:950;
}
.segment-labels span:hover{transform:translateY(-2px);border-color:#efb38b!important;box-shadow:0 13px 28px rgba(15,35,31,.11)!important}

/* sociálne siete – iba ikonky, v jednom riadku */
.social-icons{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:10px!important;margin-top:12px!important;line-height:1!important}
.social-icons br{display:none!important}
.social-icon{
  width:42px!important;height:42px!important;min-width:42px!important;
  display:grid!important;place-items:center!important;
  padding:0!important;margin:0!important;border-radius:12px!important;
  background:rgba(255,255,255,.09)!important;
  border:1px solid rgba(255,255,255,.2)!important;
  color:#fff!important;line-height:1!important;
  transition:transform .18s ease,background .18s ease,border-color .18s ease!important;
}
.social-icon:hover{background:#f37016!important;border-color:#f37016!important;transform:translateY(-2px)!important}
.social-icon svg{display:block!important;width:20px!important;height:20px!important;fill:currentColor!important}

/* aplikácia WERTYZ – celé UI telefónu bez orezania */
.app-device{
  width:min(100%,390px)!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  padding:12px!important;
  border-radius:42px!important;
  overflow:visible!important;
  background:#151b1a!important;
  box-shadow:0 28px 75px rgba(0,0,0,.27)!important;
}
.app-device-screen{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  border-radius:31px!important;
  overflow:hidden!important;
  background:#fff!important;
  line-height:0!important;
}
.app-ui-shot{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:top center!important;
  border-radius:0!important;
}
@media(max-width:980px){
  .showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .showcase-card-link,.showcase-card-link:nth-last-child(2),.showcase-card-link:last-child{grid-column:auto!important}
}
@media(max-width:700px){
  .showcase-grid,.choice-grid,.segment-labels{grid-template-columns:1fr!important}
  .showcase-card .media{height:220px!important}
  .choice-card-media{aspect-ratio:4/3!important}
  .app-device{width:min(88vw,360px)!important}
}



/* v107 – user-side refinements */
.nav .brand{display:flex!important;align-items:center!important;gap:8px!important;white-space:nowrap!important}
.nav .brand .wertyz-nav-logo{height:30px!important;width:auto!important;max-width:136px!important;object-fit:contain!important}
.nav .brand .brand-by{font-size:10px!important;line-height:1!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#738596!important;font-weight:800!important;margin-left:1px!important}
.nav .brand .emcard-nav-logo{height:36px!important;width:auto!important;max-width:190px!important;object-fit:contain!important;vertical-align:middle!important;position:relative!important;top:-4px!important}
.social-icon[aria-label="Facebook"]:hover{background:#009999!important;border-color:#009999!important;color:#fff!important}
.reach-pro{padding:88px 0!important;background:linear-gradient(135deg,#0c2322 0%,#153f3b 58%,#0b2927 100%)!important}
.reach-pro .reach-grid{grid-template-columns:minmax(280px,.72fr) minmax(0,1.55fr)!important;gap:46px!important}
.reach-stat-card{padding:34px;border:1px solid rgba(255,255,255,.14);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.045));box-shadow:0 22px 65px rgba(0,0,0,.2);backdrop-filter:blur(12px)}
.reach-eyebrow{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(0,153,153,.12);color:#9af0eb;font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.reach-pro .reach-number{font-size:clamp(82px,9vw,132px)!important;line-height:.88!important;letter-spacing:-7px!important;margin-top:28px!important}
.reach-stat-card>p{margin:18px 0 0;color:#f3fbfa;font-size:20px;line-height:1.35;font-weight:780;max-width:290px}
.reach-country-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.reach-country-tags span{padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#d9efec;font-size:13px;font-weight:800}
.reach-pro .reach-copy h2{font-size:clamp(34px,4vw,54px)!important;max-width:800px!important}
.reach-pro .reach-copy>p{font-size:18px!important;line-height:1.65!important;margin-bottom:28px!important}
.reach-pro .reach-services{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:11px!important}
.reach-pro .reach-service{min-height:154px!important;padding:18px!important;border-radius:20px!important;background:rgba(255,255,255,.075)!important;justify-content:flex-start!important;gap:10px!important}
.reach-pro .reach-service i{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(0,153,153,.12);color:#53e0db;font-style:normal!important}
.reach-pro .reach-service:nth-child(2n) i{background:rgba(243,112,22,.14);color:#ff9a55}
.reach-pro .reach-service svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.reach-pro .reach-service b{font-size:15px!important;line-height:1.25}.reach-pro .reach-service small{margin-top:auto!important;font-size:12px!important}
@media(max-width:1100px){.reach-pro .reach-services{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:900px){.reach-pro .reach-grid{grid-template-columns:1fr!important}.reach-stat-card{max-width:560px}.reach-pro .reach-number{font-size:92px!important}}
@media(max-width:620px){.nav .brand{gap:5px!important}.nav .brand .wertyz-nav-logo{height:25px!important}.nav .brand .emcard-nav-logo{height:29px!important;max-width:150px!important;top:-3px!important}.reach-pro{padding:64px 0!important}.reach-stat-card{padding:26px}.reach-pro .reach-services{grid-template-columns:1fr 1fr!important}.reach-pro .reach-service:last-child{grid-column:1/-1!important}.reach-pro .reach-service{min-height:132px!important}}


/* == assets/emcard-v112.css == */
/* EM CARD web v109 – requested refinements */

/* Payment workflow: arrows between steps and completion mark on the final step. */
.payment-steps{
  gap:34px!important;
  overflow:visible!important;
}
.payment-step{
  overflow:visible!important;
}
.payment-step:not(:last-child)::after{
  content:"→";
  position:absolute;
  z-index:5;
  top:50%;
  right:-28px;
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  transform:translateY(-50%);
  color:#078b84;
  font-size:25px;
  line-height:1;
  font-weight:900;
  pointer-events:none;
}
.payment-step-complete::before,
.payment-step:last-child::before{
  content:"✓"!important;
  font-size:19px!important;
  border-radius:50%!important;
}
.payment-step a{
  color:#078b84;
  font-weight:850;
  text-decoration:underline;
  text-underline-offset:3px;
}
.payment-methods{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:7px!important;
  width:100%!important;
}
.payment-method-logo{
  flex:0 1 82px!important;
  width:82px!important;
  min-width:0!important;
  height:34px!important;
  padding:6px 8px!important;
}
.payment-method-logo img{
  max-width:66px!important;
  max-height:21px!important;
  height:20px!important;
}
@media(max-width:1100px){
  .payment-steps{
    grid-template-columns:1fr!important;
    gap:42px!important;
  }
  .payment-step{
    min-height:auto!important;
  }
  .payment-step:not(:last-child)::after{
    content:"↓";
    top:auto;
    right:auto;
    bottom:-33px;
    left:50%;
    transform:translateX(-50%);
  }
}

/* Home: dark provider tile with white typography. */
.tile.operator{
  background:linear-gradient(135deg,#172321 0%,#263632 100%)!important;
  border-color:#314640!important;
  color:#fff!important;
  box-shadow:0 24px 60px rgba(10,29,26,.22)!important;
}
.tile.operator h1,
.tile.operator h2,
.tile.operator h3,
.tile.operator p{
  color:#fff!important;
}
.tile.operator .quick-link{
  color:#fff!important;
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(255,255,255,.18)!important;
}
.tile.operator .quick-link:hover{
  background:rgba(255,255,255,.15)!important;
  border-color:rgba(255,255,255,.30)!important;
}
.tile.operator .continue{
  color:#fff!important;
  background:#f37016!important;
  border-color:#f37016!important;
}
.tile.operator .continue:hover{
  background:#d95f0d!important;
  border-color:#d95f0d!important;
}

/* App download CTA: force all copy to white. */
.app-download-panel h1,
.app-download-panel h2,
.app-download-panel h3,
.app-download-panel p{
  color:#fff!important;
}

/* Support: light left panel with consistently dark, readable typography. */
.contact-panel{
  background:#f2f7f6!important;
  color:#203737!important;
  border:1px solid #d8e6e3!important;
  box-shadow:0 18px 46px rgba(12,44,41,.09)!important;
}
.contact-panel h1,
.contact-panel h2,
.contact-panel h3,
.contact-panel h4,
.contact-panel strong,
.contact-panel > p,
.contact-panel p,
.contact-panel .contact-company p,
.contact-panel .contact-company .company-ico,
.contact-panel .contact-box p,
.contact-panel .contact-detail span{
  color:#203737!important;
}
.contact-panel .contact-company,
.contact-panel .contact-box{
  background:#fff!important;
  border-color:#d8e6e3!important;
}
.contact-panel .contact-detail a,
.contact-panel .contact-box a{
  color:#087e82!important;
}
.contact-panel .contact-icon{
  color:#087e82!important;
  background:#e1f3f1!important;
}

/* v112: white provider card with orange WERTYZ logo. */
.customer-card.simple-card.provider-card{
  background:#fff!important;
  border-color:#dbe8e5!important;
  color:#172b2b!important;
  box-shadow:0 16px 42px rgba(21,58,54,.09)!important;
}
.customer-card.simple-card.provider-card:hover{
  border-color:#ef8a3b!important;
  box-shadow:0 22px 50px rgba(21,58,54,.14)!important;
  transform:translateY(-4px);
}
.customer-card.simple-card.provider-card h3{
  color:#172b2b!important;
}
.customer-card.simple-card.provider-card p{
  color:#60716f!important;
}
.customer-card.simple-card.provider-card .card-link{
  color:#007f78!important;
}
.customer-card.simple-card.provider-card:after{
  background:rgba(243,112,22,.12)!important;
}
.customer-card.simple-card.provider-card .provider-wertyz-logo{
  display:flex;
  align-items:center;
  min-height:52px;
  margin-bottom:18px;
}
.customer-card.simple-card.provider-card .provider-wertyz-logo img{
  display:block;
  width:auto;
  height:38px;
  max-width:152px;
  object-fit:contain;
}


/* == assets/emcard-v114.css == */
/* v114 – official WERTYZ and QR service logos */

/* WERTYZ icon in the opening choice cards */
.tile-logo{
  object-fit:contain!important;
  border-radius:50%!important;
}

/* WERTYZ icon next to EM CARD in the user navigation */
.nav .brand .wertyz-nav-logo{
  width:38px!important;
  height:38px!important;
  max-width:38px!important;
  flex:0 0 38px!important;
  object-fit:contain!important;
  border-radius:50%!important;
}

/* Main WERTYZ icon on the application page */
.app-logo{
  width:92px!important;
  height:92px!important;
  max-width:92px!important;
  object-fit:contain!important;
  border-radius:50%!important;
}
.wertyz-divider img{
  width:62px!important;
  height:62px!important;
  max-width:62px!important;
  object-fit:contain!important;
  border-radius:50%!important;
}

/* WERTYZ + QR services arranged around the central mark */
.brand-constellation{
  position:relative;
  width:min(100%,820px);
  height:350px;
  margin:0 auto 24px;
}
.constellation-center{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:116px;
  height:116px;
  display:grid;
  place-items:center;
  z-index:3;
  border-radius:50%;
  background:#fff;
  box-shadow:0 18px 48px rgba(19,34,34,.15);
}
.constellation-center img{
  display:block;
  width:108px;
  height:108px;
  object-fit:contain;
  border-radius:50%;
}
.constellation-logo{
  position:absolute;
  width:192px;
  min-height:76px;
  padding:14px 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  border:1px solid #dcebed;
  border-radius:19px;
  box-shadow:0 13px 34px rgba(19,34,34,.08);
}
.constellation-logo img{
  display:block;
  width:auto;
  height:auto;
  max-width:158px;
  max-height:48px;
  object-fit:contain;
}
.constellation-logo:nth-of-type(1){top:0;left:50%;transform:translateX(-50%)}
.constellation-logo:nth-of-type(2){top:54px;right:0}
.constellation-logo:nth-of-type(3){right:0;bottom:42px}
.constellation-logo:nth-of-type(4){bottom:0;left:50%;transform:translateX(-50%)}
.constellation-logo:nth-of-type(5){left:0;bottom:42px}
.constellation-logo:nth-of-type(6){top:54px;left:0}

/* Orange WERTYZ icon in the provider-service card */
.customer-card.simple-card.provider-card .provider-wertyz-logo{
  min-height:60px!important;
}
.customer-card.simple-card.provider-card .provider-wertyz-logo img{
  width:58px!important;
  height:58px!important;
  max-width:58px!important;
  object-fit:contain!important;
  border-radius:50%!important;
}

@media(max-width:760px){
  .nav .brand .wertyz-nav-logo{
    width:32px!important;
    height:32px!important;
    max-width:32px!important;
    flex-basis:32px!important;
  }
  .brand-constellation{
    position:static;
    height:auto;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    max-width:560px;
  }
  .constellation-center{
    position:static;
    transform:none;
    grid-column:1/-1;
    width:100px;
    height:100px;
    margin:0 auto 8px;
  }
  .constellation-center img{width:94px;height:94px}
  .constellation-logo,
  .constellation-logo:nth-of-type(1),
  .constellation-logo:nth-of-type(2),
  .constellation-logo:nth-of-type(3),
  .constellation-logo:nth-of-type(4),
  .constellation-logo:nth-of-type(5),
  .constellation-logo:nth-of-type(6){
    position:static;
    transform:none;
    width:auto;
    min-height:68px;
  }
  .constellation-logo img{max-width:145px;max-height:44px}
}
@media(max-width:430px){
  .brand-constellation{grid-template-columns:1fr}
  .constellation-center{grid-column:auto}
}


/* == assets/emcard-v115.css == */
/* v115 – typography and visual refinements */

/* Opening crossroads: Manrope throughout. */
body.entry-page,
body.entry-page button,
body.entry-page input,
body.entry-page select,
body.entry-page textarea{
  font-family:"Manrope","Segoe UI",Arial,sans-serif!important;
}
body.entry-page .tile.operator{
  background:#fff!important;
}

/* Navigation typography across the entire website. */
.nav,
.nav button,
.nav a,
.nav .links,
.nav .links a,
.nav .nav-dropbtn,
.nav .nav-menu a,
.nav .mobile-panel a,
.nav .mobile-toggle{
  font-family:"Manrope","Segoe UI",Arial,sans-serif!important;
}
.nav .links,
.nav .links>a,
.nav .nav-dropbtn,
.nav .nav-menu a,
.nav .mobile-panel a{
  font-weight:600!important;
}
.nav .btn{
  font-family:"Manrope","Segoe UI",Arial,sans-serif!important;
  font-weight:650!important;
}

/* QRvisit and QRbus have wider artwork, so visually normalize them. */
.brand-constellation .constellation-logo img[alt="QRvisit"],
.brand-constellation .constellation-logo img[alt="QRbus"]{
  max-width:132px!important;
  max-height:39px!important;
  transform:scale(.88);
  transform-origin:center;
}

/* Application hero: clean alternating orange/green service squares. */
.app-page-hero .app-service-list{
  gap:12px!important;
}
.app-page-hero .app-service-list li{
  min-height:58px!important;
  display:flex!important;
  align-items:center!important;
  padding:11px 14px 11px 58px!important;
  border-radius:15px!important;
  background:#fff!important;
  border:1px solid #dce8e6!important;
  color:#263632!important;
  box-shadow:0 8px 22px rgba(12,44,41,.07)!important;
}
.app-page-hero .app-service-list li:before{
  content:""!important;
  position:absolute!important;
  left:13px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:32px!important;
  height:32px!important;
  border-radius:9px!important;
  background:linear-gradient(135deg,#079b94,#19c3bb)!important;
  box-shadow:0 7px 16px rgba(7,155,148,.22)!important;
}
.app-page-hero .app-service-list li:nth-child(even):before{
  background:linear-gradient(135deg,#f37016,#ff9a48)!important;
  box-shadow:0 7px 16px rgba(243,112,22,.24)!important;
}
.app-page-hero .app-service-list li:after{
  content:"";
  position:absolute;
  left:24px;
  top:50%;
  width:10px;
  height:10px;
  border:2px solid rgba(255,255,255,.96);
  border-radius:3px;
  transform:translateY(-50%) rotate(45deg);
}

/* Payment steps: alternate green and orange number squares. */
.payment-steps .payment-step:before{
  background:linear-gradient(135deg,#079b94,#19c3bb)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(7,155,148,.22)!important;
}
.payment-steps .payment-step:nth-child(even):before{
  background:linear-gradient(135deg,#f37016,#ff9a48)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(243,112,22,.24)!important;
}

@media(max-width:760px){
  .brand-constellation .constellation-logo img[alt="QRvisit"],
  .brand-constellation .constellation-logo img[alt="QRbus"]{
    max-width:122px!important;
    max-height:36px!important;
  }
}


/* == assets/emcard-v117.css == */
/* v117 – final visual alignment requested on 24 July 2026 */

/* INDEX: provider actions use the same button language as the user card. */
body.entry-page .tile.operator .quick-link{
  border-color:rgba(0,153,153,.34)!important;
  background:#e9f7f6!important;
  color:#009999!important;
}
body.entry-page .tile.operator .quick-link:hover,
body.entry-page .tile.operator .quick-link:focus-visible{
  border-color:#009999!important;
  background:#009999!important;
  color:#fff!important;
}
body.entry-page .tile.operator .continue{
  background:#009999!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(0,153,153,.22)!important;
}
body.entry-page .tile.operator .continue:hover,
body.entry-page .tile.operator .continue:focus-visible{
  background:#008b8b!important;
  color:#fff!important;
}
body.entry-page .brand-top img{
  height:50px!important;
  max-width:min(76vw,220px)!important;
}

/* HOME: remove the two decorative colour bubbles from the hero. */
body.user-area .wertyz-entry{
  background:linear-gradient(145deg,#f4ffff 0%,#ffffff 52%,#eef8f8 100%)!important;
}
body.user-area .wertyz-entry:before,
body.user-area .wertyz-entry:after{
  content:none!important;
  display:none!important;
}

/* HOME: visually normalize QRpark and QRsport with the remaining QR brands. */
body.user-area .brand-constellation .constellation-logo img[alt="QRpark"],
body.user-area .brand-constellation .constellation-logo img[alt="QRsport"]{
  max-width:132px!important;
  max-height:39px!important;
  transform:scale(.88);
  transform-origin:center;
}

/* APP HERO: quieter, consistent icon treatment across every service. */
body.user-area .app-page-hero .app-service-list{
  gap:10px!important;
}
body.user-area .app-page-hero .app-service-list li{
  min-height:62px!important;
  gap:11px!important;
  padding:9px 13px 9px 9px!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.88)!important;
  border:1px solid #dce8e6!important;
  box-shadow:0 7px 18px rgba(12,44,41,.055)!important;
}
body.user-area .app-page-hero .app-service-list li:hover{
  transform:translateY(-2px)!important;
  border-color:#bfdedb!important;
  box-shadow:0 11px 24px rgba(12,44,41,.08)!important;
}
body.user-area .app-service-icon,
body.user-area .app-page-hero .app-service-list li:nth-child(even) .app-service-icon{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  border-radius:13px!important;
  color:#087e82!important;
  background:#edf8f7!important;
  border:1px solid #cee8e5!important;
  box-shadow:none!important;
}
body.user-area .app-service-icon:after{
  content:none!important;
  display:none!important;
}
body.user-area .app-page-hero .app-service-list li:hover .app-service-icon{
  transform:none!important;
  background:#e5f5f3!important;
}
body.user-area .app-service-icon svg{
  width:22px!important;
  height:22px!important;
  stroke-width:1.65!important;
}
body.user-area .app-service-label{
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.3!important;
}

/* Less heavy subtitles and supporting copy. */
body.entry-page .intro p,
body.user-area .wertyz-subtitle,
body.user-area .title p,
body.user-area .subpage-hero p,
body.user-area .payment-hero p,
body.user-area .app-section-title p,
body.user-area .reach-copy>p,
body.provider-site .lead,
body.provider-site .provider-head p,
body.provider-site .section-head p,
body.provider-site .detail-head p,
body.provider-site .seg-title p,
body.provider-site .choice-hero p,
body.provider-site .detail-hero p,
body.provider-site .operator-hero p,
body.provider-site .article-hero p,
body.provider-site .seg-hero p,
body.provider-site .solution-overview p{
  font-weight:400!important;
}

/* PROVIDER: match the typography scale and reading rhythm of the user site. */
body.provider-site{
  font-family:"Manrope","Segoe UI",Arial,sans-serif!important;
  font-weight:400!important;
  line-height:1.62!important;
}
body.provider-site *,
body.provider-site button,
body.provider-site input,
body.provider-site select,
body.provider-site textarea{
  font-family:"Manrope","Segoe UI",Arial,sans-serif!important;
}
body.provider-site p{
  font-size:16px!important;
  line-height:1.65!important;
  font-weight:400!important;
}
body.provider-site h1{
  font-size:clamp(34px,4.3vw,54px)!important;
  line-height:1.05!important;
  letter-spacing:-1.8px!important;
  font-weight:800!important;
}
body.provider-site h2{
  font-size:clamp(28px,3.2vw,42px)!important;
  line-height:1.10!important;
  letter-spacing:-1.3px!important;
  font-weight:800!important;
}
body.provider-site h3{
  font-size:clamp(20px,1.9vw,23px)!important;
  line-height:1.20!important;
  letter-spacing:-.55px!important;
  font-weight:700!important;
}
body.provider-site h4,
body.provider-site h5,
body.provider-site h6{
  font-weight:700!important;
}
body.provider-site .links,
body.provider-site .links>a,
body.provider-site .nav-dropbtn,
body.provider-site .nav-menu a,
body.provider-site .mobile-panel a{
  font-weight:600!important;
}
body.provider-site .btn{
  font-weight:800!important;
}
body.provider-site .kicker,
body.provider-site .provider-topline,
body.provider-site .seg-eyebrow,
body.provider-site .eyebrow{
  font-weight:650!important;
}
body.provider-site .choice-hero p,
body.provider-site .detail-hero p,
body.provider-site .operator-hero p,
body.provider-site .article-hero p,
body.provider-site .seg-hero p,
body.provider-site .solution-overview p{
  font-size:18px!important;
  line-height:1.65!important;
}

@media(max-width:650px){
  body.entry-page .brand-top img{height:43px!important}
  body.user-area .app-service-icon,
  body.user-area .app-page-hero .app-service-list li:nth-child(even) .app-service-icon{
    width:40px!important;
    height:40px!important;
    flex-basis:40px!important;
  }
  body.provider-site h1{font-size:34px!important;letter-spacing:-1.2px!important}
  body.provider-site h2{font-size:28px!important;letter-spacing:-.9px!important}
  body.provider-site h3{font-size:20px!important}
}


/* == assets/emcard-v119.css == */

/* v119 – real reference imagery and modern provider reference presentation */
.provider-references-v119{
  position:relative;
  overflow:hidden;
  padding:98px 0 108px;
  color:#fff;
  background:linear-gradient(135deg,#1b211f,#26332f);
}
.provider-references-v119:before{
  content:"";position:absolute;inset:0;opacity:.11;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.10) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(to bottom,black,transparent 75%);
}
.provider-references-head-v119{
  position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:70px;align-items:end;margin-bottom:38px;
}
.provider-references-head-v119 h2{margin:9px 0 0!important;color:#fff!important;font-size:clamp(34px,4.8vw,62px)!important;line-height:1.02!important;letter-spacing:-2px!important;max-width:760px}
.provider-references-copy-v119 p{margin:0;color:#c9dbe3!important;font-size:16.5px!important;line-height:1.72!important}
.provider-reference-stats-v119{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.provider-reference-stats-v119 span{display:inline-flex;align-items:baseline;gap:6px;padding:9px 12px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.07);color:#dce9ed;font-size:12px;font-weight:700}
.provider-reference-stats-v119 b{font-size:16px;color:#fff}
.provider-reference-showcase-v119{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.42fr) minmax(380px,.82fr);gap:18px}
.provider-reference-main-v119{position:relative;min-height:550px;overflow:hidden;border-radius:30px;border:1px solid rgba(255,255,255,.15);box-shadow:0 28px 70px rgba(0,0,0,.25);background:#132121}
.provider-reference-main-v119 img{width:100%;height:100%;min-height:550px;object-fit:cover;display:block;transition:transform .5s ease}
.provider-reference-main-v119:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(14,24,24,.94) 0%,rgba(14,24,24,.28) 48%,transparent 75%)}
.provider-reference-main-v119:hover img{transform:scale(1.025)}
.provider-reference-caption-v119{position:absolute;z-index:2;left:30px;right:30px;bottom:28px;display:grid;gap:8px}
.provider-reference-caption-v119 span{width:max-content;padding:7px 10px;border-radius:999px;background:#009999;color:#fff;font-size:11px;font-weight:850;letter-spacing:.7px;text-transform:uppercase}
.provider-reference-caption-v119 strong{max-width:650px;color:#fff;font-size:clamp(22px,2.5vw,35px);line-height:1.13;letter-spacing:-.8px}
.provider-reference-caption-v119 em{color:#8fe6e3;font-size:13px;font-style:normal;font-weight:800;margin-top:3px}
.provider-reference-grid-v119{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.provider-reference-grid-v119 a{position:relative;overflow:hidden;min-height:266px;border-radius:25px;border:1px solid rgba(255,255,255,.14);background:#132121;box-shadow:0 18px 44px rgba(0,0,0,.18)}
.provider-reference-grid-v119 img{width:100%;height:100%;min-height:266px;object-fit:cover;display:block;transition:transform .42s ease,filter .42s ease}
.provider-reference-grid-v119 a:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(14,24,24,.84),transparent 64%)}
.provider-reference-grid-v119 a:hover img{transform:scale(1.04);filter:saturate(1.08)}
.provider-reference-grid-v119 span{position:absolute;z-index:2;left:18px;right:18px;bottom:17px;color:#fff;font-size:14px;font-weight:820}

/* Make real reference photos feel consistent even when source proportions differ. */
.references-section{background:#edf5f3!important;padding-top:58px!important}
.references-head{max-width:850px!important;margin-bottom:38px!important}
.references-head h2{font-size:clamp(34px,4.6vw,58px)!important;line-height:1.04!important;letter-spacing:-1.8px!important;margin:8px 0 12px!important;color:#162727!important}
.references-head p{font-size:17px!important;line-height:1.7!important;color:#65757d!important;max-width:720px}
.ref-group{margin-top:36px!important}
.ref-group-title{margin-bottom:16px!important}
.ref-group-title h3{font-size:23px!important;letter-spacing:-.5px!important;color:#1a2e2e!important}
.ref-dot{background:#009999!important;box-shadow:0 0 0 7px rgba(0,153,153,.11)!important}
.ref-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
.ref-card{border-radius:22px!important;overflow:hidden!important;border:1px solid #d4e2e8!important;background:#fff!important;box-shadow:0 14px 32px rgba(18,32,32,.09)!important;min-height:245px!important}
.ref-card img{width:100%!important;height:100%!important;min-height:245px!important;object-fit:cover!important;display:block!important;transition:transform .4s ease,filter .4s ease!important}
.ref-card:hover img{transform:scale(1.035)!important;filter:saturate(1.08)!important}

/* Improve visual consistency on all solution divisions. */
.solution-visual-v118{background-position:center!important;background-size:cover!important}
.choice-card-media img,.detail-hero img,.product-card img,.detail-ref-grid img,.showcase-card .media img{object-fit:cover!important;object-position:center!important}
.detail-ref-grid img{border:1px solid #d4e2e8!important}

@media(max-width:980px){
  .provider-references-head-v119{grid-template-columns:1fr;gap:20px;align-items:start}
  .provider-reference-showcase-v119{grid-template-columns:1fr}
  .provider-reference-main-v119,.provider-reference-main-v119 img{min-height:470px}
  .provider-reference-grid-v119 a,.provider-reference-grid-v119 img{min-height:240px}
  .ref-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
  .provider-references-v119{padding:70px 0 76px}
  .provider-reference-main-v119,.provider-reference-main-v119 img{min-height:420px}
  .provider-reference-grid-v119{grid-template-columns:1fr}
  .provider-reference-grid-v119 a,.provider-reference-grid-v119 img{min-height:235px}
  .provider-reference-caption-v119{left:20px;right:20px;bottom:20px}
  .ref-grid{grid-template-columns:1fr!important}
  .ref-card,.ref-card img{min-height:270px!important}
}


/* == assets/professional-v120.css == */
/* v120 — refinements for the two primary experiences */
body.user-area,body.provider-site{--v120-navy:#122020;--v120-teal:#009999;--v120-orange:#f28a2b;--v120-ink:#172929;--v120-muted:#60737a;--v120-line:#d7e5e8;-webkit-font-smoothing:antialiased}
body.user-area .container,body.provider-site .container{width:min(1180px,calc(100% - 48px))!important}
body.user-area .nav,body.provider-site .nav{border-bottom:1px solid rgba(18,32,32,.08)!important;box-shadow:0 8px 28px rgba(18,32,32,.07)!important}
body.user-area .nav .container,body.provider-site .nav .container{min-height:76px!important}

body.provider-site .provider-hero{position:relative!important;min-height:690px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;background:var(--v120-navy)!important;border-bottom:4px solid var(--v120-teal)!important}
body.provider-site .provider-hero-bg .slide{display:none!important}
body.provider-site .provider-hero-bg .slide:first-child{display:block!important;opacity:1!important;position:absolute!important;inset:0!important}
body.provider-site .provider-hero-bg .slide:first-child img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
body.provider-site .provider-hero:after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(18,32,32,.97) 0%,rgba(18,32,32,.85) 42%,rgba(18,32,32,.28) 75%,rgba(18,32,32,.18) 100%)!important}
body.provider-site .provider-hero-grid{position:relative!important;z-index:2!important;min-height:480px!important;display:flex!important;align-items:center!important;padding:54px 0 42px!important}
body.provider-site .provider-copy{max-width:720px!important}
body.provider-site .provider-topline{color:#7cdddc!important;letter-spacing:.14em!important}
body.provider-site .provider-copy h1{max-width:720px!important;margin:16px 0 18px!important;font-size:clamp(46px,5.8vw,74px)!important;line-height:1.01!important;letter-spacing:-.055em!important}
body.provider-site .provider-copy>p{max-width:650px!important;font-size:19px!important;line-height:1.65!important;color:#c8d9e1!important}
body.provider-site .provider-actions{margin-top:29px!important;gap:11px!important}
body.provider-site .provider-actions .btn{min-height:52px!important;border-radius:14px!important;padding:14px 20px!important}
body.provider-site .provider-stats{position:relative!important;z-index:3!important;margin-bottom:30px!important;gap:12px!important}
body.provider-site .provider-stat{border-color:rgba(255,255,255,.14)!important;background:rgba(18,32,32,.62)!important;backdrop-filter:blur(14px)!important;box-shadow:0 16px 34px rgba(0,0,0,.16)!important}
body.provider-site .solution-visual-v118 img{object-position:center!important}
body.provider-site .solution-tile-v118{isolation:isolate}
body.provider-site .solution-tile-v118:focus-visible{outline:3px solid rgba(242,138,43,.6)!important;outline-offset:4px!important}

body.user-area .wertyz-entry.compact{padding:70px 0 76px!important;overflow:hidden!important;background:radial-gradient(circle at 82% 18%,rgba(0,153,153,.16),transparent 28%),radial-gradient(circle at 4% 90%,rgba(242,138,43,.10),transparent 23%),linear-gradient(135deg,#f7fbfb,#edf7f6)!important;border-bottom:1px solid var(--v120-line)!important}
.user-hero-v120{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);align-items:center;gap:74px}
.user-hero-eyebrow-v120{display:inline-flex;align-items:center;gap:10px;color:#05727a;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.user-hero-eyebrow-v120:before{content:"";width:28px;height:2px;border-radius:99px;background:var(--v120-orange)}
.user-hero-copy-v120 h1{max-width:680px;margin:17px 0 20px;color:var(--v120-ink)!important;font-size:clamp(44px,5.3vw,70px)!important;line-height:1.01!important;letter-spacing:-.055em!important}
.user-hero-copy-v120>p{max-width:650px;margin:0;color:var(--v120-muted)!important;font-size:18px!important;line-height:1.7!important}
.user-hero-v120 .hero-actions{justify-content:flex-start!important;margin-top:29px!important}
.user-hero-benefits-v120{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:29px;padding-top:23px;border-top:1px solid rgba(18,32,32,.1)}
.user-hero-benefits-v120 span{position:relative;padding-left:20px;color:#40545a;font-size:12px;font-weight:750}
.user-hero-benefits-v120 span:before{content:"✓";position:absolute;left:0;color:var(--v120-teal);font-weight:900}
.user-phone-v120{position:relative;width:min(100%,390px);justify-self:center;padding:12px;border-radius:42px;background:#111b1d;box-shadow:0 34px 80px rgba(18,32,32,.25);transform:rotate(1.7deg)}
.user-phone-v120:before{content:"";position:absolute;z-index:2;top:19px;left:50%;width:82px;height:18px;transform:translateX(-50%);border-radius:99px;background:#111b1d}
.user-phone-v120 img{display:block;width:100%;height:auto;border-radius:31px;background:#fff}
.user-phone-note-v120{position:absolute;left:-68px;bottom:78px;width:168px;padding:14px 15px;border:1px solid rgba(255,255,255,.7);border-radius:17px;background:rgba(255,255,255,.92);box-shadow:0 16px 40px rgba(18,32,32,.14);backdrop-filter:blur(12px);transform:rotate(-1.7deg)}
.user-phone-note-v120 b{display:block;color:var(--v120-teal);font-size:19px}.user-phone-note-v120 span{display:block;margin-top:2px;color:#66777d;font-size:10px;line-height:1.4;font-weight:650}
body.user-area .reach-pro{padding:88px 0!important;background:linear-gradient(135deg,#1b211f,#26332f)!important}
body.user-area .reach-pro .reach-grid{gap:58px!important}
body.user-area .customer-actions{padding:82px 0 94px!important;background:#f4f8f8!important}
body.user-area .customer-card.simple-card{border-color:var(--v120-line)!important;border-radius:25px!important;box-shadow:0 14px 36px rgba(18,32,32,.08)!important}
body.user-area .customer-card.simple-card:hover{transform:translateY(-5px)!important;border-color:rgba(0,153,153,.45)!important;box-shadow:0 22px 50px rgba(18,32,32,.13)!important}

/* Shared provider detail and segment templates. */
body.provider-site .psel-hero,
body.provider-site .qp-hero,
body.provider-site .choice-hero,
body.provider-site .detail-hero,
body.provider-site .simple-inquiry{
  background:
    radial-gradient(circle at 86% 12%,rgba(0,153,153,.18),transparent 29%),
    radial-gradient(circle at 7% 90%,rgba(242,138,43,.09),transparent 24%),
    linear-gradient(135deg,#f7fbfb,#edf5f6)!important;
}
body.provider-site .psel-hero{padding:72px 0 82px!important}
body.provider-site .psel-intro{gap:54px!important;align-items:center!important}
body.provider-site .psel-intro-text h2{color:var(--v120-ink)!important;font-size:clamp(36px,4.6vw,58px)!important;line-height:1.04!important;letter-spacing:-.045em!important}
body.provider-site .psel-intro-text p,
body.provider-site .psel-hero-inner>p{color:var(--v120-muted)!important;line-height:1.72!important}
body.provider-site .psel-intro-media{overflow:hidden!important;border-radius:30px!important;box-shadow:0 24px 60px rgba(18,32,32,.16)!important}
body.provider-site .psel-intro-media img{width:100%!important;height:100%!important;object-fit:cover!important}
body.provider-site .psel-hero-inner>h1{max-width:900px!important;color:var(--v120-ink)!important;font-size:clamp(38px,4.8vw,62px)!important;line-height:1.04!important;letter-spacing:-.045em!important}
body.provider-site .psel-section{background:#edf5f3!important;padding:40px 0 52px!important}
body.provider-site .psel-card{overflow:hidden!important;border:1px solid var(--v120-line)!important;border-radius:27px!important;background:#fff!important;box-shadow:0 14px 38px rgba(18,32,32,.08)!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important}
body.provider-site .psel-card:hover{transform:translateY(-5px)!important;border-color:rgba(0,153,153,.44)!important;box-shadow:0 24px 56px rgba(18,32,32,.13)!important}

body.provider-site .qp-hero{padding:58px 0 74px!important}
body.provider-site .qp-hero-grid{max-width:1180px!important;margin:auto!important;gap:62px!important}
body.provider-site .qp-crumb{color:#668087!important;font-weight:650!important}
body.provider-site .qp-hero-copy h1{color:var(--v120-ink)!important;font-size:clamp(43px,5.2vw,68px)!important;line-height:1.02!important;letter-spacing:-.05em!important}
body.provider-site .qp-hero-copy h1 span{color:var(--v120-teal)!important}
body.provider-site .qp-lead{color:var(--v120-muted)!important;font-size:18px!important;line-height:1.72!important}
body.provider-site .qp-hero-photo{overflow:hidden!important;border-radius:32px!important;box-shadow:0 26px 68px rgba(18,32,32,.18)!important}
body.provider-site .qp-hero-photo img{width:100%!important;height:100%!important;object-fit:cover!important}
body.provider-site .psel-intro-media:has(img[alt="Klubový/členský systém"]),
body.provider-site:has(.qp-crumb a[href="prevadzkovatel-klub.html"]) .qp-hero-photo{
  min-height:440px!important;background:url("solution-membership-entry-v123.webp") center/cover no-repeat!important
}
body.provider-site .psel-intro-media:has(img[alt="Kupónový systém"]),
body.provider-site:has(.qp-crumb a[href="prevadzkovatel-kupon.html"]) .qp-hero-photo{
  min-height:440px!important;background:url("solution-coupons-v120.webp") center/cover no-repeat!important
}
body.provider-site .psel-intro-media:has(img[src*="placeholder-image.svg"]) img,
body.provider-site .qp-hero-photo:has(img[src*="placeholder-image.svg"]) img{display:none!important}
body.provider-site .qp-feat{border-color:#d8e7e8!important;background:rgba(255,255,255,.82)!important}
body.provider-site .qp-cfg,
body.provider-site .qp-usecases{background:#f4f8f8!important}
body.provider-site .qp-order,
body.provider-site .qp-usecases-box,
body.provider-site .qp-wertyz{border-radius:30px!important;box-shadow:0 18px 50px rgba(18,32,32,.09)!important}
body.provider-site .qp-refsec:has(img[src*="placeholder-image.svg"]){display:none!important}

/* User detail pages and forms. */
body.user-area .subpage-hero,
body.user-area .app-page-hero{
  background:
    radial-gradient(circle at 84% 14%,rgba(0,153,153,.16),transparent 28%),
    radial-gradient(circle at 3% 92%,rgba(242,138,43,.09),transparent 22%),
    linear-gradient(135deg,#f7fbfb,#edf7f6)!important;
}
body.user-area .subpage-hero{padding:70px 0 76px!important}
body.user-area .subpage-hero h1{margin:13px 0 14px!important;color:var(--v120-ink)!important;font-size:clamp(42px,5.4vw,68px)!important;line-height:1.02!important;letter-spacing:-.05em!important}
body.user-area .subpage-hero p{color:var(--v120-muted)!important;font-size:18px!important}
body.user-area .app-page-hero{padding:68px 0 78px!important}
body.user-area .app-hero-grid{gap:72px!important}
body.user-area .app-hero-copy h1{color:var(--v120-ink)!important;font-size:clamp(44px,5.4vw,68px)!important;line-height:1.02!important;letter-spacing:-.05em!important}
body.user-area .app-hero-copy>p{color:var(--v120-muted)!important;line-height:1.72!important}
body.user-area .app-device{box-shadow:0 32px 78px rgba(18,32,32,.24)!important}
body.user-area .help-wrap{background:#f4f8f8!important;padding:76px 0 92px!important}
body.user-area .contact-panel,
body.user-area .form-panel,
body.user-area .help-type,
body.provider-site .contact-card,
body.provider-site .form-card{
  border:1px solid var(--v120-line)!important;
  border-radius:27px!important;
  background:#fff!important;
  box-shadow:0 16px 42px rgba(18,32,32,.08)!important;
}
body.provider-site .simple-inquiry{padding:72px 0 96px!important}
body.provider-site .simple-title h1{color:var(--v120-ink)!important;font-size:clamp(42px,5.2vw,66px)!important;line-height:1.03!important;letter-spacing:-.05em!important}
body.user-area input:not([type="checkbox"]),
body.user-area select,
body.user-area textarea,
body.provider-site input:not([type="checkbox"]),
body.provider-site select,
body.provider-site textarea{
  min-height:52px!important;
  border:1px solid #cbdadd!important;
  border-radius:13px!important;
  background:#fbfdfd!important;
  color:var(--v120-ink)!important;
  transition:border-color .18s,box-shadow .18s,background .18s!important;
}
body.user-area textarea,body.provider-site textarea{min-height:132px!important}
body.user-area input:focus,
body.user-area select:focus,
body.user-area textarea:focus,
body.provider-site input:focus,
body.provider-site select:focus,
body.provider-site textarea:focus{
  outline:none!important;border-color:var(--v120-teal)!important;background:#fff!important;box-shadow:0 0 0 4px rgba(0,153,153,.12)!important
}
body.user-area a:focus-visible,
body.user-area button:focus-visible,
body.provider-site a:focus-visible,
body.provider-site button:focus-visible{outline:3px solid rgba(242,138,43,.62)!important;outline-offset:4px!important}

@media(max-width:900px){body.provider-site .provider-hero{min-height:650px!important}.user-hero-v120{grid-template-columns:1fr;gap:48px}.user-phone-v120{width:min(88vw,380px)}}
@media(max-width:640px){
  body.user-area .container,body.provider-site .container{width:min(100% - 28px,1180px)!important}
  body.provider-site .provider-hero{min-height:660px!important}body.provider-site .provider-hero:after{background:linear-gradient(90deg,rgba(18,32,32,.96),rgba(18,32,32,.62))!important}body.provider-site .provider-copy h1{font-size:44px!important}body.provider-site .provider-stats{margin-bottom:18px!important}
  body.user-area .wertyz-entry.compact{padding:48px 0 62px!important}.user-hero-copy-v120 h1{font-size:42px!important}.user-hero-copy-v120>p{font-size:16px!important}.user-hero-v120 .hero-actions{display:grid!important}.user-hero-benefits-v120{display:grid}.user-phone-note-v120{left:-12px;bottom:48px}.user-phone-v120{width:min(84vw,355px)}body.user-area .reach-pro{padding:68px 0!important}body.user-area .customer-actions{padding:64px 0 72px!important}
  body.provider-site .psel-hero,body.provider-site .qp-hero,body.user-area .subpage-hero,body.user-area .app-page-hero{padding:48px 0 60px!important}
  body.provider-site .qp-hero-grid{width:min(100% - 28px,1180px)!important;grid-template-columns:1fr!important;gap:36px!important}
  body.provider-site .qp-hero-copy h1,body.provider-site .psel-hero-inner>h1,body.user-area .app-hero-copy h1{font-size:41px!important}
  body.user-area .nav .container{flex-wrap:wrap!important;padding-top:10px!important}
  body.user-area .nav .links{display:flex!important;order:3;width:100%;gap:7px!important;padding:0 0 10px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
  body.user-area .nav .links::-webkit-scrollbar{display:none}
  body.user-area .nav .links a{flex:0 0 auto;padding:8px 10px!important;font-size:12px!important}
  body.user-area .nav>.container>.btn{display:inline-flex!important;padding:10px 13px!important}
}

/* --- WERTYZ mobilne menu: oprava odrezaneho menu (pridane 1.9.2026) --- */
.user-area .mobile-toggle{display:none;appearance:none;border:1px solid #cfe3e6;background:#fff;color:#1b211f;border-radius:12px;padding:9px 12px;font-size:20px;line-height:1;cursor:pointer;flex:0 0 auto}
.user-area .mobile-panel{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid #d8edf0;padding:10px 22px 18px;box-shadow:0 18px 40px rgba(18,32,32,.12);z-index:30}
.user-area .mobile-panel.open{display:grid;gap:2px}
.user-area .mobile-panel a{color:#1b211f;padding:12px 8px;border-bottom:1px solid #eef3f2;font-weight:700}
.user-area .mobile-panel a.mobile-support{color:#009999}
@media(max-width:900px){
    body.user-area .nav .links,body.user-area .nav .nav-support-desktop{display:none!important}
  body.user-area .nav .container{flex-wrap:nowrap!important;padding-top:0!important}
  body.user-area .mobile-toggle{display:inline-grid!important}
}