:root{--qr-ink:#07182d;--qr-green:#0b8b73;--qr-mint:#76eed3;--qr-line:#dce7ea;--qr-soft:#f3f8f8;--qr-gold:#f2b84b}
body{background:#f8fbfb;color:var(--qr-ink)}
.fv-announcement{background:#06172b;color:#fff;padding:10px 0;font-size:12px;text-align:center;letter-spacing:.02em}.fv-announcement strong{color:#75f0d1}
.qr-hero{overflow:hidden;background:radial-gradient(circle at 86% 12%,rgba(76,229,199,.24),transparent 28%),linear-gradient(135deg,#06182d 0%,#0b4f51 55%,#0a766d 100%);color:#fff;padding:74px 0 84px}.qr-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:58px;align-items:center}.qr-kicker{display:inline-flex;align-items:center;gap:9px;color:#0a7569;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.qr-hero .qr-kicker{color:#a5ffea}.qr-kicker i{width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:0 0 0 6px rgba(112,238,211,.13)}.qr-hero h1{max-width:760px;margin:20px 0 20px;font-size:clamp(43px,6vw,78px);line-height:.98;letter-spacing:-.065em}.qr-hero p{max-width:680px;margin:0;color:#d5e9e7;font-size:18px;line-height:1.75}.qr-hero-actions,.qr-control-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:30px}.qr-btn{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:12px 19px;border:1px solid transparent;border-radius:14px;font:inherit;font-size:14px;font-weight:900;text-decoration:none;cursor:pointer;transition:.2s transform,.2s box-shadow}.qr-btn:hover{transform:translateY(-2px)}.qr-btn.primary{background:linear-gradient(135deg,#12b68c,#48dbac);color:#04251d;box-shadow:0 13px 30px rgba(13,199,144,.25)}.qr-btn.secondary{background:#fff;color:#07182d;border-color:#dce7ea}.qr-btn.text{background:transparent;color:#0a7569;border-color:#cfe3df}.qr-trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.qr-trust-row>span{padding:8px 11px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.08);font-size:12px;font-weight:800;color:#e8faf5}
.qr-hero-stack{position:relative;min-height:480px}.mini-tag{position:absolute;display:grid;grid-template-columns:1fr 106px;grid-template-rows:auto 1fr auto;gap:12px;width:330px;min-height:230px;padding:22px;border-radius:30px;box-shadow:0 30px 70px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.23);overflow:hidden}.mini-tag b{font-size:14px;letter-spacing:.08em}.mini-tag img{grid-row:1/4;grid-column:2;width:106px;height:106px;align-self:center;border-radius:14px;border:7px solid #fff}.mini-tag span{font-size:11px;font-weight:900;letter-spacing:.08em}.mini-tag-a{top:22px;left:8px;background:linear-gradient(145deg,#07182d,#12385a);transform:rotate(-8deg)}.mini-tag-a b{color:#f4c862}.mini-tag-b{top:145px;right:0;background:linear-gradient(145deg,#05080b,#2d2614);transform:rotate(7deg)}.mini-tag-b b{color:#ffd76b}.mini-tag-b:after{content:"";position:absolute;inset:-50%;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.24) 48%,transparent 57%);transform:rotate(9deg)}.mini-tag-c{bottom:3px;left:28px;background:linear-gradient(145deg,#fff,#ddeafe);color:#0c3470;transform:rotate(-2deg)}
.qr-designer-section{padding:84px 0;background:#f7fbfb}.qr-section-head{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:30px}.qr-section-head h2{margin:13px 0 0;font-size:clamp(30px,4vw,50px);letter-spacing:-.05em;line-height:1.05}.qr-section-head>p{max-width:520px;margin:0;color:#5f7180;line-height:1.7}.qr-studio-grid{display:grid;grid-template-columns:minmax(0,.93fr) minmax(390px,1.07fr);gap:28px}.qr-controls,.qr-preview-panel{background:#fff;border:1px solid var(--qr-line);border-radius:28px;box-shadow:0 25px 60px rgba(7,24,45,.08)}.qr-controls{padding:27px}.qr-control-block>label,.qr-form-grid label>span{display:block;margin-bottom:10px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:#35485b}.qr-theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.qr-theme{min-width:0;padding:13px;text-align:left;border:1px solid #dce7ea;border-radius:16px;background:#f9fbfc;color:#07182d;cursor:pointer}.qr-theme.active{border-color:#0b987b;background:#eaf9f4;box-shadow:0 0 0 3px rgba(11,152,123,.09)}.qr-theme .swatch{display:block;width:100%;height:35px;margin-bottom:10px;border-radius:10px}.swatch-essential{background:linear-gradient(135deg,#06182d 62%,#e9b84b 63%)}.swatch-shield{background:linear-gradient(135deg,#060606,#34270c 60%,#ffd166)}.swatch-family{background:linear-gradient(135deg,#fff,#d7e9ff 64%,#215fa4)}.swatch-vehicle{background:linear-gradient(135deg,#07182d 68%,#ff6719 69%)}.swatch-pet{background:linear-gradient(135deg,#fff,#f3e7ff 64%,#7c3aed)}.swatch-business{background:linear-gradient(135deg,#07182d 60%,#0b815e 61%)}.qr-theme b,.qr-theme small{display:block;overflow:hidden;text-overflow:ellipsis}.qr-theme b{font-size:13px}.qr-theme small{margin-top:4px;color:#71808c;font-size:10px;line-height:1.35}.qr-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:24px}.qr-form-grid label{display:block}.qr-form-grid input,.qr-form-grid select{width:100%;min-height:49px;padding:11px 13px;border:1px solid #d7e2e6;border-radius:13px;background:#fbfdfd;color:#07182d;font:inherit;font-size:14px;outline:none}.qr-form-grid input:focus,.qr-form-grid select:focus{border-color:#0b997d;box-shadow:0 0 0 4px rgba(11,153,125,.09)}.qr-privacy-note{display:flex;gap:12px;margin-top:22px;padding:16px;border-radius:17px;background:#eef9f5;border:1px solid #d2eee5}.qr-privacy-note>span{font-size:24px}.qr-privacy-note b{font-size:13px}.qr-privacy-note p{margin:4px 0 0;color:#5a6f6a;font-size:12px;line-height:1.6}.qr-control-actions{margin-top:22px}.qr-status{min-height:20px;margin-top:13px;color:#0b7c66;font-size:12px;font-weight:800}
.qr-preview-panel{padding:23px;background:linear-gradient(155deg,#eaf3f4,#fdfefe)}.qr-preview-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;color:#60727f;font-size:12px}.qr-preview-label b{color:#07182d}.qr-product-stage{display:grid;place-items:center;min-height:530px;padding:30px;border-radius:22px;background:radial-gradient(circle at 50% 0,#fff,transparent 50%),linear-gradient(145deg,#dfeaec,#f6fbfb);overflow:hidden}.qr-product-card{position:relative;width:min(100%,430px);aspect-ratio:1/1;border-radius:38px;padding:25px;overflow:hidden;color:#fff;background:linear-gradient(145deg,#07182d,#102c4d);box-shadow:0 38px 80px rgba(7,24,45,.3);border:1px solid rgba(255,255,255,.2);transition:.35s background,.35s border-radius,.35s transform}.qr-product-card:hover{transform:translateY(-5px) rotate(.4deg)}.qr-card-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}.qr-mini-brand{display:flex;align-items:center;gap:8px}.qr-mini-brand img{width:35px;height:35px;object-fit:contain;background:#fff;border-radius:8px}.qr-mini-brand b,.qr-mini-brand small{display:block}.qr-mini-brand b{font-size:13px;letter-spacing:.05em}.qr-mini-brand small{margin-top:2px;color:#67e8c4;font-size:7px;font-weight:900;letter-spacing:.14em}.qr-auth-chip{padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.12);font-size:8px;font-weight:900;letter-spacing:.08em}.qr-display-name{position:relative;z-index:2;margin:19px 0 13px;text-align:center;font-size:clamp(18px,3vw,27px);font-weight:900;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qr-code-shell{position:relative;z-index:2;width:56%;margin:auto;padding:10px;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.25)}.qr-code-shell>img{display:block;width:100%;height:auto}.qr-center-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:34px;height:34px;border:5px solid #fff;border-radius:10px;background:#0b8b73;color:#fff;font-size:10px;font-weight:900}.qr-callout{position:relative;z-index:2;margin:14px 0 13px;text-align:center;font-size:15px;font-weight:900;letter-spacing:.11em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qr-card-bottom,.qr-serial{position:relative;z-index:2;display:flex;justify-content:space-between;gap:10px}.qr-card-bottom{padding-top:12px;border-top:1px solid rgba(255,255,255,.18);font-size:8px;font-weight:900;letter-spacing:.07em}.qr-serial{margin-top:10px;color:#c6dce5;font-size:9px;font-weight:800}.qr-hologram{position:absolute;inset:-60%;opacity:0;pointer-events:none;background:conic-gradient(from 0deg,rgba(255,0,128,.25),rgba(0,220,255,.22),rgba(255,226,70,.25),rgba(255,0,128,.25));animation:qrHolo 7s linear infinite}.finish-hologram .qr-hologram{opacity:.44}.finish-gloss:after{content:"";position:absolute;inset:-40% -80%;background:linear-gradient(120deg,transparent 44%,rgba(255,255,255,.22) 49%,transparent 54%);transform:rotate(18deg);animation:qrShine 5s ease-in-out infinite}.finish-metal{box-shadow:inset 0 0 0 2px rgba(255,255,255,.18),0 38px 80px rgba(7,24,45,.35)}
.theme-shield{background:linear-gradient(145deg,#050505,#221b0e 64%,#a87619);border-radius:50%}.theme-shield .qr-mini-brand small,.theme-shield .qr-callout{color:#ffd86c}.theme-shield .qr-center-mark{background:#d3a12a}.theme-family{background:linear-gradient(145deg,#fafdff,#dbeafe 66%,#1e5ba1);color:#0a315c;border-radius:32px}.theme-family .qr-mini-brand small{color:#1d65ad}.theme-family .qr-card-bottom{border-color:rgba(10,49,92,.18)}.theme-family .qr-serial{color:#365e83}.theme-family .qr-auth-chip{background:#d7eafe}.theme-vehicle{aspect-ratio:1.42/1;border-radius:24px;background:linear-gradient(145deg,#07182d 0 72%,#ff6418 72%)}.theme-vehicle .qr-code-shell{width:43%}.theme-vehicle .qr-display-name{margin-block:11px}.theme-pet{background:linear-gradient(145deg,#fff,#f4eaff 68%,#7c3aed);color:#4b217e;border-radius:48px}.theme-pet .qr-mini-brand small{color:#7c3aed}.theme-pet .qr-card-bottom{border-color:rgba(75,33,126,.16)}.theme-pet .qr-serial{color:#6f4c8e}.theme-pet .qr-auth-chip{background:#eee2ff}.theme-business{background:linear-gradient(145deg,#07182d,#0b654c);border-radius:18px}.theme-business .qr-mini-brand small,.theme-business .qr-callout{color:#7ff1c7}.theme-business .qr-center-mark{background:#087553}.qr-safety-meter{margin-top:19px;padding:16px;border-radius:18px;background:#fff;border:1px solid #dce7ea}.meter-copy{display:flex;justify-content:space-between;color:#526572;font-size:12px}.meter-copy b{color:#087b66}.meter{height:8px;margin:10px 0 13px;background:#e7efef;border-radius:999px;overflow:hidden}.meter i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#0a8e72,#49dda8);border-radius:inherit}.qr-safety-list{display:flex;flex-wrap:wrap;gap:8px}.qr-safety-list span{padding:6px 8px;border-radius:999px;background:#eff8f5;color:#396258;font-size:10px;font-weight:800}.qr-preview-disclaimer{margin:13px 3px 0;color:#70808a;font-size:11px;line-height:1.55}
.qr-collections{padding:82px 0;background:#fff}.qr-inline-link{color:#087c68;font-size:13px;font-weight:900;text-decoration:none}.qr-collection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.qr-collection-grid a{overflow:hidden;border:1px solid #dce7ea;border-radius:21px;background:#fff;color:#07182d;text-decoration:none;box-shadow:0 12px 30px rgba(7,24,45,.06);transition:.2s transform,.2s box-shadow}.qr-collection-grid a:hover{transform:translateY(-5px);box-shadow:0 22px 45px rgba(7,24,45,.12)}.qr-collection-grid img{display:block;width:100%;aspect-ratio:1.25/1;object-fit:cover;background:#eef4f4}.qr-collection-grid div{padding:16px}.qr-collection-grid b,.qr-collection-grid span{display:block}.qr-collection-grid span{margin-top:6px;color:#687985;font-size:12px;line-height:1.55}.qr-production-rules{padding:0 0 82px;background:#fff}.qr-rules-card{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;padding:35px;border-radius:28px;background:#07182d;color:#fff}.qr-rules-card h2{margin:14px 0 12px;font-size:clamp(28px,4vw,44px);letter-spacing:-.045em}.qr-rules-card p{margin:0;color:#c6d8df;line-height:1.7}.qr-rules-card .qr-kicker{color:#7beccf}.qr-rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.qr-rules-grid span{display:grid;place-items:center;min-height:112px;padding:15px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(255,255,255,.06);text-align:center}.qr-rules-grid b{font-size:23px;color:#75ebce}.qr-rules-grid small{margin-top:4px;color:#d7e7e6}.qr-final-cta{padding:70px 0;background:linear-gradient(135deg,#dff8ef,#edf7fb)}.qr-final-cta>.fv-shell{display:flex;justify-content:space-between;gap:30px;align-items:center}.qr-final-cta h2{max-width:760px;margin:0 0 9px;font-size:clamp(30px,4vw,50px);letter-spacing:-.05em}.qr-final-cta p{margin:0;color:#5e707b}.qr-final-cta .fv-shell>div:last-child{display:flex;gap:10px;flex-wrap:wrap}
@keyframes qrHolo{to{transform:rotate(360deg)}}@keyframes qrShine{0%,45%{transform:translateX(-30%) rotate(18deg)}70%,100%{transform:translateX(40%) rotate(18deg)}}
@media(max-width:1050px){.qr-hero-grid,.qr-studio-grid{grid-template-columns:1fr}.qr-hero-stack{min-height:430px;max-width:650px;margin:auto;width:100%}.qr-collection-grid{grid-template-columns:1fr 1fr}.qr-preview-panel{order:-1}.qr-product-stage{min-height:500px}}
@media(max-width:720px){.qr-hero{padding:54px 0 66px}.qr-hero h1{font-size:46px}.qr-hero-stack{min-height:355px}.mini-tag{width:260px;min-height:190px;grid-template-columns:1fr 82px;padding:17px;border-radius:23px}.mini-tag img{width:82px;height:82px}.mini-tag-b{top:100px}.qr-section-head,.qr-final-cta>.fv-shell{display:block}.qr-section-head>p,.qr-inline-link{display:block;margin-top:14px}.qr-theme-grid{grid-template-columns:1fr 1fr}.qr-form-grid{grid-template-columns:1fr}.qr-controls,.qr-preview-panel{border-radius:22px}.qr-product-stage{min-height:390px;padding:17px}.qr-product-card{width:min(100%,355px);padding:20px;border-radius:29px}.qr-collection-grid,.qr-rules-card{grid-template-columns:1fr}.qr-rules-grid{grid-template-columns:1fr 1fr}.qr-final-cta .fv-shell>div:last-child{margin-top:20px}}
@media(max-width:480px){.qr-hero h1{font-size:39px}.qr-hero p{font-size:15px}.qr-hero-stack{min-height:300px}.mini-tag{width:215px;min-height:160px;grid-template-columns:1fr 65px;padding:13px}.mini-tag img{width:65px;height:65px;border-width:4px}.mini-tag-b{top:88px}.mini-tag-c{left:10px}.qr-theme-grid{grid-template-columns:1fr}.qr-control-actions .qr-btn{width:100%}.qr-product-stage{min-height:330px}.qr-product-card{padding:16px}.qr-code-shell{width:55%}.qr-card-bottom{font-size:6px}.qr-rules-grid{grid-template-columns:1fr}}