*{box-sizing:border-box}body{margin:0;background:#f6f3fb;color:#261b34;font:16px system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.55}header{display:flex;align-items:center;justify-content:space-between;background:#211237;color:white;padding:15px max(18px,calc((100vw - 1100px)/2));gap:15px}.brand{color:white;font-weight:900;text-decoration:none;letter-spacing:-.7px;font-size:19px}.brand span{color:#f642a2}nav{display:flex;gap:16px}nav a{color:white;text-decoration:none;font-size:14px}main{max-width:900px;margin:auto;padding:34px 18px 60px;min-height:78vh}footer{padding:25px 16px;background:#211237;color:#ddd;text-align:center;font-size:13px}footer a{color:#fff}.hero{background:linear-gradient(140deg,#5426a5,#301266);padding:40px 24px;color:#fff;text-align:center;border-radius:22px;box-shadow:0 8px 24px #2e0e6930}.hero h1{font-size:clamp(32px,6vw,60px);line-height:1.1;margin:8px 0}.hero p{font-size:18px}.btn,button{display:inline-block;border:0;background:#ee278d;color:white;border-radius:11px;padding:12px 21px;text-decoration:none;cursor:pointer;font-weight:800;font-size:15px}.btn:hover,button:hover{background:#ba1468}.secondary{background:#5834ad}.card{background:#fff;padding:24px;border-radius:18px;box-shadow:0 4px 16px #1c0b3512;margin:15px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.stat{background:#f1e8fc;padding:18px;border-radius:13px;text-align:center}.stat strong{display:block;font-size:26px;color:#5925aa}.muted{color:#6b6274;font-size:14px}label{display:block;margin:15px 0 6px;font-weight:700}input,select{width:100%;padding:13px;border:1px solid #d7cddf;border-radius:10px;font:inherit;background:white}form button{margin-top:20px}.notice{padding:12px 16px;background:#e5f7eb;border:1px solid #abdcb7;border-radius:12px;margin-bottom:15px}.error{background:#fff0f0;border:1px solid #f5b1b1;padding:12px;border-radius:12px}.pill{background:#fde8f4;color:#a51666;border-radius:99px;padding:4px 12px;font-size:13px;font-weight:700}.timeline{border-left:3px solid #7033c8;margin:20px 10px;padding-left:19px}.stop{position:relative;margin:0 0 20px}.stop:before{content:"";position:absolute;left:-28px;top:5px;border-radius:50%;height:14px;width:14px;background:#ee278d}.big{font-size:44px;font-weight:900;color:#5e2aa8;line-height:1.1}table{border-collapse:collapse;width:100%;font-size:14px}td,th{border-bottom:1px solid #ddd;text-align:left;padding:11px}code{overflow-wrap:anywhere}.qr{padding:10px;background:#fff;border:1px solid #ddd;display:inline-block;border-radius:8px}small{font-size:12px}@media(max-width:480px){header{flex-wrap:wrap}main{padding-top:20px}.card{padding:18px}}
/* Build 0003 — public design refresh */
body{background:#f8f7fc;color:#20172b}main{max-width:1050px}header{background:#171323;box-shadow:0 2px 12px #10091d26}header .brand{font-size:21px}.hero{padding:72px 28px;background:radial-gradient(circle at 20% 20%,#f63d9d55,transparent 38%),linear-gradient(125deg,#381078,#7133b8 65%,#3a166c);position:relative;overflow:hidden}.hero h1{font-size:clamp(42px,8vw,84px);letter-spacing:-2px}.hero h1 em{color:#ffcf55;font-style:normal}.hero p{max-width:650px;margin:20px auto 25px}.eyebrow{font-size:12px;font-weight:900;letter-spacing:2px;color:#ffd04d}.hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.hero-actions .btn{padding:15px 23px}.hero .outline{background:transparent;border:2px solid #ffffff;color:white}.hero-note{margin-top:22px;font-size:12px;opacity:.87}.stats-ribbon{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;gap:10px;padding:25px 15px;background:white;border-radius:18px;margin:22px 0 42px;box-shadow:0 3px 15px #26144413}.stats-ribbon strong{display:block;color:#5a27a9;font-size:clamp(23px,4vw,35px)}.stats-ribbon span{font-size:12px;color:#665f71}.section-title{text-align:center;margin:40px 0 25px}.section-title span{font-size:12px;letter-spacing:2px;font-weight:900;color:#b01970}.section-title h2{margin:6px 0;font-size:clamp(24px,4vw,34px)}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0 30px}.feature{background:white;border:1px solid #eee8f6;border-radius:18px;padding:26px;box-shadow:0 4px 14px #2711480c}.feature>span{font-size:24px;color:#b01970;font-weight:900}.feature h3{margin-bottom:5px}.feature p{color:#6b6274;font-size:14px}.launch-banner,.launch-intro{border-radius:20px;background:linear-gradient(120deg,#21123e,#4d207a);padding:35px;color:white;margin:32px 0}.launch-banner{display:flex;align-items:center;justify-content:space-between;gap:20px}.launch-banner h2{font-size:29px;margin:8px 0}.launch-banner p{max-width:550px;color:#e5d9ef}.launch-banner .btn{flex-shrink:0}.launch-intro h1{font-size:clamp(30px,5vw,51px)}.launch-intro p{max-width:720px}.table-wrap{overflow-x:auto}.card{border:1px solid #efe9f5}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #0abdc7;outline-offset:3px}@media(max-width:680px){.feature-grid{grid-template-columns:1fr}.launch-banner{display:block}.launch-banner .btn{margin-top:8px}.stats-ribbon{gap:3px}.hero{padding:48px 20px}nav{flex-wrap:wrap;gap:10px}}

/* Build 0006 QR printer */
.qr-sheet{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:12px;margin:20px 0}.qr-label{border:1px solid #ccc;border-radius:8px;background:white;color:#181825;display:flex;align-items:center;flex-direction:column;gap:3px;padding:10px;break-inside:avoid;text-align:center;font-size:12px}.qr-label strong{font-size:11px}.qr-label small{font-size:10px}.qr-sheet.medium{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.qr-code{width:145px;height:145px;display:grid;place-items:center}.qr-sheet.medium .qr-code{height:185px;width:185px}
@media print{header,footer,.no-print{display:none!important}main{margin:0!important;padding:0!important;max-width:none!important}.qr-sheet{gap:4px;grid-template-columns:repeat(4,1fr)}.qr-sheet.medium{grid-template-columns:repeat(3,1fr)}.qr-label{border:1px dashed #aaa;border-radius:0;padding:4px;break-inside:avoid}.qr-code{height:1.25in;width:1.25in}.qr-sheet.medium .qr-code{height:1.75in;width:1.75in}@page{size:letter;margin:.35in}}

/* Build 0009: prevent PHP-rendered QR SVG from covering serial numbers. */
.qr-label{min-width:0;gap:7px;justify-content:flex-start;overflow:hidden;}
.qr-code{flex:0 0 auto;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;}
.qr-code svg{display:block;width:100%!important;height:100%!important;max-width:100%;max-height:100%;flex:0 0 auto;}
.qr-label > strong,.qr-label > b,.qr-label > small{display:block;position:relative;flex:0 0 auto;line-height:1.3;max-width:100%;overflow-wrap:anywhere;}
.qr-label > b{font-size:12px;letter-spacing:.15px;padding-top:3px;}
@media print{.qr-label{gap:5px;overflow:hidden;min-height:1.85in;justify-content:flex-start;} .qr-code{flex:0 0 auto;} .qr-label > b{font-size:10px;padding-top:2px;} .qr-sheet.medium .qr-label{min-height:2.35in;}}
