/* Agency kit page */
.kit-hero .wrap{padding-block:clamp(56px,9vw,104px) clamp(40px,6vw,72px);display:flex;flex-direction:column;gap:20px}
.kit-hero h1{font-size:clamp(2.2rem,6vw,3.6rem);font-weight:800;line-height:1.1;max-inline-size:20ch}
.kit-hero .lead{max-inline-size:40em}
.kit-hero{background:var(--night-950);border-block-end:1px solid var(--border-subtle)}
.kit-actions{display:flex;flex-wrap:wrap;gap:12px}
.kit-honest{padding:18px 20px;border-radius:16px;background:rgba(79,163,255,.08);border:1px solid rgba(79,163,255,.35);max-inline-size:760px;font-size:.9375rem}
.kit-honest strong{color:var(--text-strong)}

.cards-stage{display:flex;flex-direction:column;gap:40px}
.card-group{display:flex;flex-direction:column;gap:14px}
.card-group h3{font-size:1.25rem}
.card-sheet{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}
.card-group .cap{font-size:.875rem;color:var(--text-muted)}

/* printable cards: sized in mm, text scales with the card width */
.qcard{container-type:inline-size;inline-size:min(100%,148mm);aspect-ratio:148/105;background:#fff;color:#050B16;border-radius:10px;border:1px solid #D6DFEB;box-shadow:var(--shadow-card);overflow:hidden;break-inside:avoid}
.qcard.wallet{inline-size:min(100%,85mm);aspect-ratio:85/54}
.qcard-in{block-size:100%;display:grid;grid-template-columns:minmax(0,1fr) 38cqw;gap:3cqw;align-items:center;padding:5cqw}
.qcard.wallet .qcard-in{grid-template-columns:minmax(0,1fr) 36cqw;padding:5cqw 5cqw}
.qc-brand{display:flex;align-items:center;gap:2cqw}
.qc-brand svg{inline-size:8cqw;block-size:8cqw;flex:none}
.qcard.wallet .qc-brand svg{inline-size:9cqw;block-size:9cqw}
.qc-word{font:800 5.4cqw/1 var(--font-display);color:#050B16;letter-spacing:-.02em}
.qc-word span{color:#0A7A63}
.qc-by{display:block;font:700 2cqw/1 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:#3F4F6B;margin-block-start:.8cqw}
.qc-text{display:flex;flex-direction:column;gap:3cqw}
.qc-text h3,.qc-text h4{font:800 7.2cqw/1.1 var(--font-display);color:#050B16;margin:0;letter-spacing:-.025em}
.qcard.wallet .qc-text h4{font-size:7.6cqw}
.qc-text p{font-size:3.6cqw;line-height:1.35;color:#3F4F6B;margin:0}
.qcard.wallet .qc-text p{font-size:4cqw}
.qc-meta{display:flex;flex-direction:column;gap:.6cqw;font-size:3.4cqw;line-height:1.3;color:#050B16}
.qcard.wallet .qc-meta{font-size:3.8cqw}
.qc-meta b{font-weight:800}
.qc-qr{display:flex;flex-direction:column;align-items:center;gap:1.6cqw}
.qc-qr img{inline-size:100%;block-size:auto;display:block;image-rendering:pixelated}
.qc-qr span{font:700 3cqw/1.2 var(--font-body);color:#050B16;text-align:center}
.qcard.wallet .qc-qr span{font-size:3.4cqw}

/* message templates */
.msg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:16px}
.msg{display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:20px;background:var(--night-800);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card)}
.msg h3{font-size:1.125rem}
.msg pre{margin:0;padding:16px;border-radius:14px;background:var(--night-950);border:1px solid var(--border-subtle);white-space:pre-wrap;overflow-wrap:anywhere;font:500 .9375rem/1.6 var(--font-body);color:var(--text-strong)}
.msg pre[lang="ar"]{font-family:"Segoe UI",Tahoma,"Noto Sans Arabic",Arial,system-ui,sans-serif;line-height:1.8}
.msg-foot{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.copy-status{font-size:.875rem;color:var(--esim);min-block-size:1.2em}
.btn-copy{background:var(--blue-600);color:#fff}
.btn-copy:hover{background:var(--blue-700);color:#fff}

.two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:16px}
.panel{display:flex;flex-direction:column;gap:16px;padding:28px;border-radius:20px;background:var(--night-800);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card)}
.panel h3{font-size:1.25rem}
.script{margin:0;padding:0;list-style:none;counter-reset:s;display:flex;flex-direction:column;gap:14px}
.script li{counter-increment:s;display:grid;grid-template-columns:30px 1fr;gap:14px;align-items:start}
.script li::before{content:counter(s);inline-size:30px;block-size:30px;border-radius:50%;display:grid;place-items:center;background:var(--esim-tint);color:var(--esim);font:700 .875rem/1 var(--font-display)}
.script strong,.check strong{color:var(--text-strong)}
.check{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px}
.check li{display:grid;grid-template-columns:30px 1fr;gap:14px;align-items:start}
.check li::before{content:"";inline-size:22px;block-size:22px;margin:4px;border-radius:6px;border:2px solid var(--esim)}

@page{size:A4;margin:12mm}
@media print{
  html,body{background:#fff!important;color:#000!important}
  header.site,footer.site,.no-print,.kit-hero,.msg-section,.pitch-section,.print-hide{display:none!important}
  .section{border:0!important}
  .section>.wrap{padding:0!important;gap:8mm!important}
  .wrap{max-inline-size:none;padding-inline:0}
  #cards{display:block!important}
  .cards-stage{gap:8mm}
  .card-group h3,.card-group .cap.screen-only{display:none}
  .print-title{display:block!important;color:#000}
  .qcard{box-shadow:none!important;border:0.3mm dashed #888;border-radius:0;print-color-adjust:exact;-webkit-print-color-adjust:exact}
  .card-sheet{gap:6mm}
}
.print-title{display:none}
