.qr-story{padding:80px 0;color:#172849;font-family:Arial,sans-serif}.qr-wrap{max-width:1200px;margin:auto;padding:0 28px}.qr-split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:56px}.qr-story h1,.qr-story h2{font-size:clamp(30px,3.7vw,48px);line-height:1.15;letter-spacing:-.045em;margin:16px 0 22px}.qr-story h3{font-size:20px}.qr-story em{font-style:normal;color:#1767da}.qr-story p,.qr-list{font-size:16px;line-height:1.75;color:#52627a}.qr-kicker{font-size:12px;font-weight:700;letter-spacing:.14em;color:#2768bb}.qr-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.qr-primary,.qr-secondary{display:inline-block;border:0;border-radius:12px;padding:14px 20px;font:600 15px Arial,sans-serif;cursor:pointer;text-decoration:none}.qr-primary{background:#2469df;color:white;box-shadow:0 9px 22px #2569df22}.qr-secondary{background:#eaf2ff;color:#245caf}.qr-story small,.qr-footnote{display:block;font-size:13px;color:#64748b;margin-top:16px}.qr-art{position:relative;border-radius:28px;background:white;overflow:hidden;box-shadow:0 20px 70px #366bba14}.qr-art img{width:100%;display:block;animation:qr-float 6s ease-in-out infinite}.qr-floating{position:absolute;bottom:20px;left:20px;background:#fff;border:1px solid #d6eceb;border-radius:12px;padding:12px 18px;color:#087b69;font-size:14px;box-shadow:0 8px 20px #214c7c12;animation:qr-float 5s ease-in-out infinite}.qr-floating b{display:block;font-size:12px;color:#607184;margin-top:5px}.qr-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px}.qr-step{padding:20px;border:1px solid #dce8f5;border-radius:16px;background:#fff;color:#6682a5;transition:background .4s,box-shadow .4s,transform .4s}.qr-step strong,.qr-step span{display:block}.qr-step strong{margin:8px 0;color:#233b61;font-size:17px}.qr-step span{font-size:13px}.qr-step.active{background:#e7f8f2;border-color:#47bdaa;transform:translateY(-4px);box-shadow:0 10px 24px #20aa8f16}.qr-flow-controls{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:14px;color:#4e698b}.qr-flow-controls button{border:1px solid #d7e4f5;background:white;border-radius:8px;padding:9px 13px;cursor:pointer;color:#325582}.qr-tint{background:#edf5ff}.qr-list{padding-left:22px}.qr-list li{margin:12px 0}.qr-product{display:grid;grid-template-columns:.85fr 1fr;background:white;border:1px solid #dce8fa;border-radius:24px;padding:20px;gap:22px;box-shadow:0 16px 55px #27548c15;text-decoration:none}.qr-product img{width:100%;height:260px;object-fit:cover;border-radius:16px}.qr-product .qr-primary{margin-top:20px}.qr-product strong{display:block;font-size:24px}.qr-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:24px}.qr-card{background:white;border:1px solid #d9e5f5;border-radius:18px;padding:24px;text-decoration:none;color:#233a5b}.qr-demo-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:24px}.qr-card label{display:block;font-size:14px;margin:16px 0 8px}.qr-card input{width:100%;padding:13px;border:1px solid #bacce2;border-radius:10px;font:16px Arial}.qr-card button{margin-top:20px}.qr-ledger{background:#eef6ff;border-radius:14px;padding:22px}.qr-ledger strong,.qr-ledger small{display:block;margin-top:12px}.qr-ledger strong{font-size:32px;color:#1763bd}.qr-story .notice{margin-top:24px}.qr-story a:focus-visible,.qr-story button:focus-visible{outline:3px solid #67a4fa;outline-offset:4px}@keyframes qr-float{50%{transform:translateY(-7px)}}@media(max-width:760px){.qr-story{padding:48px 0}.qr-wrap{padding:0 20px}.qr-split,.qr-demo-layout{grid-template-columns:1fr;gap:26px}.qr-art{order:2}.qr-stages{gap:8px}.qr-step{padding:13px 9px}.qr-step strong{font-size:14px}.qr-step span{font-size:12px}.qr-feature-grid{grid-template-columns:1fr}.qr-product{grid-template-columns:1fr}.qr-product img{height:220px}.qr-flow-controls{align-items:flex-start;flex-direction:column}.qr-demo-layout .qr-stages{margin-top:0}}@media(prefers-reduced-motion:reduce){.qr-art img,.qr-floating{animation:none}.qr-step{transition:none;transform:none!important}}

.site-links{flex-wrap:wrap}.topbar .nav{flex-wrap:wrap;justify-content:flex-end}@media(max-width:760px){.topbar{flex-wrap:wrap}.topbar .nav{justify-content:flex-start;gap:15px;max-width:100%}.site-head .wrap{flex-wrap:wrap}.site-links{gap:14px}}