/* Zona QPass — premium white-label system, 2026-08-01 */
:root{--zq-navy:#071a3a;--zq-navy-2:#0b2858;--zq-blue:#1746d1;--zq-sky:#70a2ff;--zq-ink:#101828;--zq-muted:#526078;--zq-line:#d8e0ec;--zq-canvas:#f5f7fb;--zq-white:#fff;--zq-success:#168a52;--zq-danger:#c83d4b}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--zq-canvas)}body{margin:0;color:var(--zq-ink);background:var(--zq-canvas)!important;background-image:none!important;min-height:100vh;font-family:'Plus Jakarta Sans',sans-serif;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 85% 8%,rgba(112,162,255,.18),transparent 28%),linear-gradient(135deg,#f8faff 0%,#eef3fb 100%)}
a{transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease}button,input,select,textarea{font:inherit}.container{max-width:1600px!important;padding-left:clamp(20px,5vw,80px)!important;padding-right:clamp(20px,5vw,80px)!important}
header.mt-6{margin-top:0!important;padding-top:28px;position:relative;z-index:40}header .container>div{min-height:72px;padding:10px 14px 10px 22px!important;border:1px solid rgba(7,26,58,.08);background:rgba(255,255,255,.88)!important;border-radius:20px!important;box-shadow:0 12px 40px rgba(7,26,58,.08);backdrop-filter:blur(18px)}header a.w-28{width:192px!important}header a.w-28 img{width:100%;height:34px;object-fit:contain;object-position:left center}header nav{gap:34px!important;font-size:15px!important;color:var(--zq-muted)}header nav a{font-weight:600!important}header nav a:hover{color:var(--zq-blue)!important}.dropdownbtn{min-height:44px;padding:0 14px!important;border:1px solid var(--zq-line);border-radius:12px!important;background:#fff}.dropdownbtn span{font-size:14px!important}.dropdown-content{top:58px!important;border-radius:14px!important}.dropdown-content a{font-size:14px!important}header a[href*="login"] button,header a[href*="dashboard"] button{min-height:46px;padding:0 20px!important;border-radius:12px!important;background:var(--zq-navy)!important;font-size:15px!important;box-shadow:none!important}header a[href*="login"] button:hover,header a[href*="dashboard"] button:hover{background:var(--zq-blue)!important;transform:translateY(-1px)}
.zq-hero{min-height:calc(100vh - 128px);display:flex;align-items:center;padding:52px 0 72px}.zq-hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:clamp(56px,6vw,110px);align-items:center}.zq-eyebrow{margin:0 0 22px;color:var(--zq-blue);font-size:13px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.zq-title{max-width:760px;margin:0;color:var(--zq-navy);font-size:clamp(48px,4.3vw,76px);line-height:1.04;letter-spacing:-.045em;font-weight:800;text-wrap:balance}.zq-title span{color:var(--zq-blue)}.zq-lead{max-width:620px;margin:28px 0 0;color:var(--zq-muted);font-size:19px;line-height:1.7}.zq-actions{display:flex;gap:12px;margin-top:38px}.zq-btn{min-height:56px;display:inline-flex;align-items:center;justify-content:center;padding:0 24px;border:1px solid transparent;border-radius:14px;font-size:16px;font-weight:700}.zq-btn-primary{color:#fff;background:var(--zq-blue);box-shadow:0 14px 32px rgba(23,70,209,.22)}.zq-btn-primary:hover{color:#fff;background:#1239ae;transform:translateY(-2px)}.zq-btn-secondary{color:var(--zq-navy);background:#fff;border-color:var(--zq-line)}.zq-btn-secondary:hover{color:var(--zq-blue);border-color:var(--zq-sky);transform:translateY(-2px)}.zq-trust{margin-top:28px;color:#6a7890;font-size:13px;font-weight:600}.zq-visual{position:relative;min-height:650px;border-radius:32px;overflow:hidden;background:linear-gradient(145deg,var(--zq-navy),var(--zq-navy-2));box-shadow:0 34px 90px rgba(7,26,58,.2)}.zq-visual img{width:100%;height:100%;min-height:650px;object-fit:cover;opacity:.82;mix-blend-mode:luminosity}.zq-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(7,26,58,.7))}.zq-visual-copy{position:absolute;left:34px;right:34px;bottom:32px;z-index:2;color:#fff}.zq-visual-copy strong{display:block;font-size:24px;letter-spacing:-.02em}.zq-visual-copy span{display:block;margin-top:8px;color:#cad6ea;font-size:14px;line-height:1.6}
.main>section:not(.zq-hero){min-height:calc(100vh - 128px)!important;padding:54px 0 80px}.main>section:not(.zq-hero)>.container>.row,.main>section:not(.zq-hero)>.container>div>.row{align-items:flex-start}.main form{padding:38px;background:rgba(255,255,255,.94);border:1px solid rgba(7,26,58,.09);border-radius:24px;box-shadow:0 24px 70px rgba(4,20,48,.1)}.main form h1,.main h1.text-primary{color:var(--zq-navy)!important;font-size:clamp(30px,3vw,44px)!important;line-height:1.13!important;letter-spacing:-.035em!important;margin-bottom:28px!important}.main label{color:#26354d!important;font-weight:650!important}.main input:not([type=checkbox]),.main select,.main textarea{min-height:52px;color:var(--zq-ink)!important;border:1px solid var(--zq-line)!important;border-radius:12px!important;background:#fff!important;padding:13px 15px!important;box-shadow:none!important}.main textarea{min-height:100px}.main input:focus,.main select:focus,.main textarea:focus{outline:none!important;border-color:var(--zq-blue)!important;box-shadow:0 0 0 4px rgba(112,162,255,.22)!important}.main .invalid-feedback{color:var(--zq-danger);font-size:13px}.main .bg-primary,.main button.bg-primary{background:var(--zq-blue)!important;border-radius:12px!important;box-shadow:none!important}.main .bg-danger,.main button.bg-danger{color:var(--zq-muted)!important;background:#fff!important;border:1px solid var(--zq-line)!important;border-radius:12px!important;box-shadow:none!important}.main form .flex.justify-between.mt-6,.main form .flex.justify-between.mt-6.sm\:mt-8{justify-content:flex-end!important;gap:12px}.main form .flex.justify-between a,.main form .flex.justify-between button{min-height:50px}.main .imgGroup{display:block!important;width:100%!important;height:620px!important;border-radius:28px;overflow:hidden;box-shadow:0 28px 70px rgba(7,26,58,.16);background:var(--zq-navy)}.main .imgGroup .img2{display:none!important}.main .imgGroup .img1{position:static!important;display:block!important;width:100%!important;max-width:none!important;height:100%!important;object-fit:cover!important;object-position:center!important}.form-check-input{width:20px!important;height:20px!important;accent-color:var(--zq-blue)}
.zq-task{max-width:660px;margin:54px auto 0}.zq-task form{padding:42px}.zq-task-kicker{margin:0 0 12px;color:var(--zq-blue);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.zq-task h1{margin:0 0 12px!important}.zq-task-copy{margin:0 0 28px;color:var(--zq-muted);font-size:16px;line-height:1.65}.zq-scanner-shell{display:grid;grid-template-columns:minmax(0,.8fr) minmax(420px,1.2fr);gap:72px;align-items:center}.zq-scanner-copy h1{font-size:clamp(42px,4vw,64px)!important}.zq-scanner-copy p{max-width:520px;color:var(--zq-muted);font-size:18px;line-height:1.7}.zq-scanner-state{margin-top:22px;padding:14px 16px;border:1px solid var(--zq-line);border-radius:12px;background:#fff;color:var(--zq-muted);font-size:14px}.scan{max-width:620px!important;padding:12px!important;border-radius:28px!important;background:#fff!important;box-shadow:0 28px 80px rgba(7,26,58,.18)}.my_qr_scanner{overflow:hidden;border-radius:20px;background:var(--zq-navy)}#preview{width:100%!important;min-height:560px!important;aspect-ratio:1/1;object-fit:cover}.zq-auth-wrap{min-height:calc(100vh - 132px);display:grid;place-items:center;padding:52px 0 76px}.zq-auth-card{width:min(100%,1080px);display:grid;grid-template-columns:.92fr 1.08fr;overflow:hidden;border-radius:28px;background:#fff;box-shadow:0 30px 90px rgba(7,26,58,.15)}.zq-auth-form{padding:58px}.zq-auth-form form{padding:0;border:0;box-shadow:none}.zq-auth-side{position:relative;min-height:620px;padding:54px;color:#fff;background:linear-gradient(145deg,var(--zq-navy),#123779);overflow:hidden}.zq-auth-side:after{content:"";position:absolute;width:380px;height:380px;right:-140px;bottom:-150px;border-radius:50%;background:rgba(112,162,255,.22)}.zq-auth-side img{width:210px;filter:brightness(0) invert(1);margin-bottom:110px}.zq-auth-side h2{position:relative;z-index:2;max-width:390px;margin:0;font-size:40px;line-height:1.15;letter-spacing:-.035em}.zq-auth-side p{position:relative;z-index:2;max-width:390px;color:#ccd8eb;line-height:1.7}.zq-auth-form button[type=submit]{min-height:52px!important;border-radius:12px!important;background:var(--zq-blue)!important;box-shadow:none!important}.zq-auth-form .relative>input{width:100%}.zq-auth-form #toggle-password{position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;width:40px!important;height:40px!important;display:grid!important;place-items:center!important;color:#64748b!important;background:transparent!important;border:0!important;box-shadow:none!important;z-index:3!important;padding:0!important}
@media(max-width:1023px){header .container>div{min-height:64px;border-radius:16px!important}header a.w-28{width:156px!important}.zq-hero{padding-top:38px}.zq-hero-grid,.zq-scanner-shell{grid-template-columns:1fr;gap:42px}.zq-visual{min-height:460px}.zq-visual img{min-height:460px}.zq-scanner-copy{text-align:center}.zq-scanner-copy p{margin-left:auto;margin-right:auto}.zq-auth-card{grid-template-columns:1fr}.zq-auth-side{display:none}.main .imgGroup{display:none}}
@media(max-width:639px){body:before{background:linear-gradient(180deg,#f8faff,#eef3fb)}header.mt-6{margin-top:16px!important}.container{padding-left:20px!important;padding-right:20px!important}header a.w-28{width:148px!important}.zq-hero{min-height:auto;padding:46px 0 56px}.zq-title{font-size:42px;line-height:1.09}.zq-lead{font-size:17px;line-height:1.65}.zq-actions{flex-direction:column}.zq-btn{width:100%;min-height:54px}.zq-visual{min-height:340px;border-radius:22px}.zq-visual img{min-height:340px}.zq-visual-copy{left:22px;right:22px;bottom:22px}.main>section:not(.zq-hero){padding:30px 0 54px}.main form{padding:24px;border-radius:20px}.main .row>[class*=col-]{padding-top:8px!important;padding-bottom:8px!important}.main form .flex.justify-between{flex-direction:column-reverse}.main form .flex.justify-between>a,.main form .flex.justify-between>button{width:100%!important;text-align:center}.zq-task{margin-top:20px}.zq-task form{padding:26px}.scan{padding:8px!important;border-radius:20px!important}#preview{min-height:330px!important}.zq-auth-wrap{padding:30px 0 54px}.zq-auth-card{border-radius:20px}.zq-auth-form{padding:28px 24px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
/* End Zona QPass */

/* Zona QPass SaaS-ready landing — 20260801 */
.zql-page{overflow:hidden;background:#f5f7fb;color:#101828}.zql-page .container{max-width:1440px!important}.zql-page h1,.zql-page h2,.zql-page h3,.zql-page p{margin-top:0}.zql-page a{text-decoration:none}.zql-kicker{margin:0 0 18px;color:#1746d1;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.zql-hero{padding:82px 0 108px;background:radial-gradient(circle at 82% 8%,rgba(112,162,255,.2),transparent 31%),linear-gradient(180deg,#f8faff 0%,#f5f7fb 100%)}.zql-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(480px,.9fr);gap:clamp(64px,7vw,118px);align-items:center}.zql-hero-copy h1{max-width:720px;margin:0;color:#071a3a;font-size:clamp(54px,4.7vw,78px);font-weight:800;line-height:1.03;letter-spacing:-.052em;text-wrap:balance}.zql-hero-copy h1 span{color:#1746d1}.zql-lead{max-width:675px;margin:28px 0 0;color:#526078;font-size:19px;line-height:1.75}.zql-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.zql-btn{min-height:54px;display:inline-flex;align-items:center;justify-content:center;padding:0 23px;border:1px solid transparent;border-radius:12px;font-size:15px;font-weight:750;transition:.2s ease}.zql-btn-primary{color:#fff;background:#1746d1;box-shadow:0 14px 30px rgba(23,70,209,.2)}.zql-btn-primary:hover{color:#fff;background:#1239ae;transform:translateY(-2px)}.zql-btn-secondary{color:#071a3a;background:#fff;border-color:#d8e0ec}.zql-btn-secondary:hover{color:#1746d1;border-color:#70a2ff;transform:translateY(-2px)}.zql-proof{display:flex;flex-wrap:wrap;gap:22px;margin-top:28px;color:#68768d;font-size:12px;font-weight:700}.zql-proof span{display:flex;align-items:center;gap:8px}.zql-proof span:before{content:"";width:6px;height:6px;border-radius:50%;background:#1746d1;box-shadow:0 0 0 4px rgba(23,70,209,.1)}
.zql-console{position:relative;padding:24px;border:1px solid rgba(7,26,58,.1);border-radius:28px;background:#fff;box-shadow:0 34px 90px rgba(7,26,58,.15)}.zql-console:before{content:"";position:absolute;inset:14px -18px -18px 18px;z-index:-1;border-radius:30px;background:#dbe7ff}.zql-console-top{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:8px 4px 24px}.zql-console-top div{display:flex;flex-direction:column;gap:6px}.zql-console-top small{color:#8190a7;font-size:10px;font-weight:800;letter-spacing:.15em}.zql-console-top strong{color:#071a3a;font-size:18px}.zql-live{padding:9px 12px;border-radius:10px;color:#147447;background:#eaf8f0;font-size:11px;font-weight:800}.zql-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.zql-stats>div{padding:18px;border:1px solid #e3e8f0;border-radius:16px;background:#f9fbff}.zql-stats small,.zql-stats span{display:block;color:#7a889d;font-size:10px}.zql-stats strong{display:block;margin:8px 0 5px;color:#071a3a;font-size:28px;letter-spacing:-.04em}.zql-activity{margin-top:12px;padding:20px;border-radius:18px;color:#fff;background:linear-gradient(145deg,#071a3a,#123779)}.zql-activity-head{display:flex;justify-content:space-between;align-items:center}.zql-activity-head strong{font-size:13px}.zql-activity-head span{color:#9fbcff;font-size:10px;font-weight:800;text-transform:uppercase}.zql-bars{height:170px;display:flex;align-items:flex-end;gap:8px;padding-top:26px}.zql-bars i{flex:1;min-height:18px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#70a2ff,#1746d1)}.zql-recent{display:grid;grid-template-columns:1fr auto;gap:3px 12px;padding:15px 16px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(255,255,255,.07)}.zql-recent span{grid-column:1/-1;color:#aebdd3;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.zql-recent strong{font-size:12px}.zql-recent small{color:#aebdd3;font-size:9px}
.zql-section{padding:110px 0;background:#fff}.zql-section-head{max-width:760px;margin-bottom:54px}.zql-section-head h2,.zql-dark h2,.zql-audience h2,.zql-cta h2{margin:0;color:#071a3a;font-size:clamp(38px,3.6vw,58px);font-weight:800;line-height:1.08;letter-spacing:-.044em;text-wrap:balance}.zql-section-head>p:last-child{max-width:650px;margin:20px 0 0;color:#5c6b82;font-size:17px;line-height:1.7}.zql-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #dfe5ee;border-left:1px solid #dfe5ee}.zql-feature-grid article{position:relative;min-height:310px;padding:34px 30px;border-right:1px solid #dfe5ee;border-bottom:1px solid #dfe5ee;background:#fff}.zql-feature-grid article:hover{z-index:2;box-shadow:0 24px 60px rgba(7,26,58,.09);transform:translateY(-3px)}.zql-feature-grid svg{width:30px;height:30px;fill:none;stroke:#1746d1;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.zql-index{position:absolute;right:26px;top:28px;color:#aab6c8;font-size:12px;font-weight:800}.zql-feature-grid h3{margin:76px 0 14px;color:#071a3a;font-size:20px;letter-spacing:-.025em}.zql-feature-grid p{margin:0;color:#637188;font-size:14px;line-height:1.75}
.zql-dark{padding:112px 0;color:#fff;background:#071a3a}.zql-dark-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(480px,1.15fr);gap:clamp(70px,8vw,140px);align-items:start}.zql-dark .zql-kicker{color:#8fb0ff}.zql-dark h2{color:#fff}.zql-dark-lead{max-width:600px;margin:26px 0 0;color:#b7c5d9;font-size:17px;line-height:1.75}.zql-capabilities{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid rgba(255,255,255,.13);border-left:1px solid rgba(255,255,255,.13)}.zql-capabilities div{min-height:190px;padding:32px;border-right:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13)}.zql-capabilities strong{display:block;margin-bottom:15px;font-size:17px}.zql-capabilities span{color:#aebdd2;font-size:13px;line-height:1.7}
.zql-steps{background:#f5f7fb}.zql-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.zql-step-grid article{display:flex;gap:22px;padding:30px;border:1px solid #dfe5ee;border-radius:18px;background:#fff}.zql-step-grid>article>span{flex:0 0 46px;height:46px;display:grid;place-items:center;border-radius:12px;color:#fff;background:#1746d1;font-size:12px;font-weight:800}.zql-step-grid h3{margin:2px 0 10px;color:#071a3a;font-size:18px}.zql-step-grid p{margin:0;color:#637188;font-size:13px;line-height:1.7}.zql-audience{padding-top:0;background:#f5f7fb}.zql-audience-box{display:grid;grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);gap:70px;align-items:center;padding:68px;border:1px solid #dce4ef;border-radius:28px;background:#fff}.zql-audience h2{font-size:clamp(34px,3vw,50px)}.zql-tags{display:flex;flex-wrap:wrap;gap:10px}.zql-tags span{padding:12px 16px;border:1px solid #dce4ef;border-radius:10px;color:#394861;background:#f8faff;font-size:13px;font-weight:700}
.zql-cta{padding:0 0 110px;background:#fff}.zql-cta-box{display:flex;justify-content:space-between;gap:70px;align-items:center;padding:70px;border-radius:28px;background:linear-gradient(135deg,#1746d1,#071a3a)}.zql-cta .zql-kicker{color:#a9c1ff}.zql-cta h2{max-width:780px;color:#fff;font-size:clamp(34px,3.3vw,54px)}.zql-cta .zql-actions{flex:0 0 auto;margin:0}.zql-btn-light{color:#071a3a;background:#fff}.zql-btn-light:hover{color:#1746d1;transform:translateY(-2px)}.zql-btn-dark-outline{color:#fff;border-color:rgba(255,255,255,.35);background:transparent}.zql-btn-dark-outline:hover{color:#fff;border-color:#fff;transform:translateY(-2px)}
.zql-footer{padding:76px 0 30px;color:#9aabc2;background:#050f22}.zql-footer-grid{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:60px;padding-bottom:58px}.zql-footer-grid>div:not(.zql-footer-brand){display:flex;flex-direction:column;gap:13px}.zql-footer-grid>div>strong{margin-bottom:6px;color:#fff;font-size:13px}.zql-footer a{color:#9aabc2;font-size:13px}.zql-footer a:hover{color:#fff}.zql-footer-brand>a{display:inline-flex;gap:.08em;color:#fff;font-size:25px;letter-spacing:-.055em}.zql-footer-brand>a strong{font-weight:900}.zql-footer-brand>a span{color:#91a2ba;font-weight:700}.zql-footer-brand p{max-width:360px;margin:18px 0 0;font-size:13px;line-height:1.75}.zql-footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:24px;border-top:1px solid rgba(255,255,255,.11);font-size:11px}
@media(max-width:1199px){.zql-hero-grid,.zql-dark-grid,.zql-audience-box{grid-template-columns:1fr}.zql-console{max-width:680px}.zql-feature-grid{grid-template-columns:repeat(2,1fr)}.zql-cta-box{display:block}.zql-cta .zql-actions{margin-top:32px}}
@media(max-width:767px){.zql-hero{padding:54px 0 72px}.zql-hero-copy h1{font-size:42px;line-height:1.08}.zql-lead{font-size:16px}.zql-actions{flex-direction:column}.zql-btn{width:100%}.zql-proof{display:grid;gap:13px}.zql-console{padding:15px;border-radius:20px}.zql-console:before{display:none}.zql-console-top{align-items:flex-start}.zql-live{white-space:nowrap}.zql-stats{grid-template-columns:1fr}.zql-stats>div{display:grid;grid-template-columns:1fr auto;align-items:center}.zql-stats strong{grid-row:1/3;grid-column:2;margin:0}.zql-bars{height:120px}.zql-section,.zql-dark{padding:76px 0}.zql-section-head{margin-bottom:38px}.zql-section-head h2,.zql-dark h2,.zql-audience h2,.zql-cta h2{font-size:36px}.zql-feature-grid,.zql-capabilities,.zql-step-grid{grid-template-columns:1fr}.zql-feature-grid article{min-height:260px}.zql-feature-grid h3{margin-top:54px}.zql-dark-grid{gap:46px}.zql-capabilities div{min-height:150px}.zql-step-grid{gap:12px}.zql-audience{padding-top:0}.zql-audience-box{gap:36px;padding:34px 24px;border-radius:20px}.zql-tags span{flex:1 1 46%;text-align:center}.zql-cta{padding-bottom:76px}.zql-cta-box{padding:40px 24px;border-radius:20px}.zql-footer{padding-top:58px}.zql-footer-grid{grid-template-columns:repeat(2,1fr);gap:40px 24px}.zql-footer-brand{grid-column:1/-1}.zql-footer-bottom{flex-direction:column;text-align:center}.zql-footer-bottom span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.zql-page *{scroll-behavior:auto!important;transition:none!important}}
/* End Zona QPass landing */