[hidden]{display:none!important}
/* H QUIK App page — uses ../styles.css variables */
.ap-hero{padding:40px 0 48px}
.ap-hero-in{display:grid;gap:28px;align-items:center}
.ap-h1{color:#fff;font-size:clamp(2.4rem,11vw,4rem);font-weight:800;letter-spacing:-.02em;line-height:1.04;margin-bottom:.3em}
.ap-hero-phone{max-width:230px;margin:0 auto}
.ap-phone{margin:0;text-align:center}
.ap-phone img{width:100%;height:auto;border-radius:26px;border:6px solid #0e1830;box-shadow:0 18px 40px rgba(14,24,48,.35);background:#fff}
.ap-hero .ap-phone img{border-color:#24365f}
.ap-phone figcaption{margin-top:10px;font-weight:600;color:var(--navy);font-size:.92rem}
.ap-feat .svc{display:grid;grid-template-columns:46px 1fr;column-gap:14px;padding:16px 18px}
.ap-feat .svc .svc-ic{grid-row:span 2;margin:0}
.ap-feat .svc h3{margin:.1em 0 .2em}
.ap-feat .svc p{margin:0;color:var(--muted);font-size:.95rem}
.ap-shots{display:grid;grid-auto-flow:column;grid-auto-columns:68%;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:20px 4px 8px;margin:0 -4px;-webkit-overflow-scrolling:touch}
.ap-shots .ap-phone{scroll-snap-align:center}
.ap-narrow{max-width:620px}
.ap-price{background:var(--navy);color:#dfe7f5;border-radius:var(--r);padding:20px;margin:18px 0 16px}
.ap-price-l{display:block;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:#a9bbdc;margin-bottom:4px}
.ap-price strong{display:block;color:#fff;font-size:1.5rem;font-weight:700;line-height:1.25;margin-bottom:12px}
.ap-price strong.ap-has-price{font-size:2.3rem;font-weight:800}
.ap-price .ticks{margin:0}
.ap-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px;margin:0 0 16px;box-shadow:0 2px 10px rgba(19,32,63,.05)}
.ap-step{display:flex;align-items:center;gap:10px;font-size:1.1rem;margin-bottom:14px}
.ap-step span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--navy);color:#fff;font-size:.9rem;flex:none}
.ap-field{display:block;margin-bottom:14px}
.ap-field>span:first-child{display:block;font-weight:600;font-size:.92rem;color:var(--navy);margin-bottom:6px}
.ap-field em{font-style:normal;font-weight:400;color:var(--muted)}
.ap-field input{width:100%;min-height:48px;font:400 16px/1.3 Poppins,system-ui,sans-serif;color:var(--ink);border:1.5px solid var(--line);border-radius:12px;padding:10px 14px;background:#fff}
.ap-field input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(29,70,168,.15)}
.ap-field input[aria-invalid=true]{border-color:#c0392b}
.ap-mob{display:flex;align-items:stretch}
.ap-mob b{display:grid;place-items:center;padding:0 12px;border:1.5px solid var(--line);border-right:0;border-radius:12px 0 0 12px;background:var(--sky2);color:var(--navy);font-weight:600}
.ap-mob input{border-radius:0 12px 12px 0}
.ap-err{color:#c0392b;font-weight:500;min-height:1.4em;margin:0 0 8px;font-size:.93rem}
.ap-ok{color:var(--wa-d);font-weight:500;margin:0 0 12px}
.ap-ok.ap-warn{color:#9a6400}
.ap-block{display:flex;width:100%;margin-top:10px}
.ap-pay h4{margin:0 0 8px;font-size:1rem}
.ap-amt{margin:0 0 10px}
.ap-qr{width:220px;max-width:100%;margin:6px auto 12px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:12px}
.ap-qr svg,.ap-qr img{width:100%;height:auto}
.ap-upi{text-align:center;margin:0 0 4px;word-break:break-all}
.ap-copy{font:600 .85rem Poppins,system-ui,sans-serif;border:1.5px solid var(--line);background:#fff;color:var(--navy);border-radius:999px;padding:.3em .9em;margin-left:6px;cursor:pointer}
.ap-or{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--muted);font-size:.9rem}
.ap-or::before,.ap-or::after{content:"";flex:1;height:1px;background:var(--line)}
.ap-steps{margin:16px 0 8px;padding-left:1.3em;display:grid;gap:8px}
.ap-steps li{padding-left:4px}
.ap-key{background:#fff7e3;border:1px solid #f2d58a;color:#6b4e00;border-radius:12px;padding:10px 14px;font-weight:500;margin:12px 0 0;font-size:.93rem}
.ap-draft{background:#fff3cd;color:#6b4e00;font-size:.85rem;padding:8px 20px;text-align:center;border-bottom:1px solid #f2d58a}
.btn-ghost-dark:hover{background:var(--sky2)}
@media (min-width:768px){.ap-mobile-only{display:none}}
@media (min-width:860px){
  .ap-hero-in{grid-template-columns:1.3fr 1fr}
  .ap-hero-phone{max-width:280px}
  .ap-feat{grid-template-columns:repeat(2,1fr)}
  .ap-shots{grid-auto-flow:row;grid-template-columns:repeat(3,1fr);overflow:visible;max-width:860px;margin:0 auto}
}
@media (min-width:1100px){.ap-feat{grid-template-columns:repeat(3,1fr)}}
.ap-btn-light{background:#fff;color:var(--navy)}
.ap-btn-light:hover{background:var(--sky2)}