/* Official QualiRepar mark is used unchanged, on white, with clear space. */
.qr-hero{display:flex;align-items:center;gap:16px;margin:22px 0 0;padding:16px 18px;background:#fff;border:1px solid #d8e5f8;border-left:4px solid #003dc4;border-radius:16px;box-shadow:0 8px 28px #17356907;text-align:left;color:#152037;transition:border-color .2s,box-shadow .2s}
.qr-hero:hover{border-color:#003dc4;box-shadow:0 8px 28px #17356913}
.qr-logo{display:flex;align-items:center;justify-content:center;flex:0 0 146px;width:146px;padding:18px;background:#fff;border-radius:10px}
.qr-logo img{display:block;width:100%;height:auto;object-fit:contain}
.qr-hero-copy{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}
.qr-hero-copy strong{font-size:.79rem;line-height:1.4;letter-spacing:-.01em}
.qr-hero-copy>span{font-size:1.02rem;font-weight:700;color:#003dc4;line-height:1.35;letter-spacing:-.025em}
.qr-hero-copy small{font-size:.72rem;color:#59667b;line-height:1.5}
.qr-hero>.icon{width:18px;height:18px;color:#003dc4}
.qr-section{padding-top:40px;padding-bottom:36px;scroll-margin-top:28px}
.qr-panel{display:grid;grid-template-columns:1.25fr 1fr;border:1px solid #dce5f2;border-radius:28px;background:#f5f8fe;overflow:hidden}
.qr-story{padding:46px 48px}
.qr-kicker{font-size:.7rem;font-weight:700;letter-spacing:.1em;line-height:1.5;color:#003dc4;margin-bottom:18px}
.qr-story h2{font-size:clamp(1.8rem,3.1vw,2.9rem);line-height:1.12;letter-spacing:-.05em;margin-bottom:22px}
.qr-story h2 span{color:#003dc4}
.qr-story>p:not(.qr-kicker){font-size:.94rem;color:#4f5c70;line-height:1.8;max-width:52ch}
.qr-quality{display:flex;align-items:center;gap:18px;margin-top:24px}
.qr-logo--large{flex-basis:196px;width:196px;padding:24px}
.qr-quality>span:last-child{display:flex;flex-direction:column;gap:7px;max-width:24ch}
.qr-quality strong{font-size:.83rem;line-height:1.45}
.qr-quality small{font-size:.76rem;color:#59667b}
.qr-official{display:inline-flex;gap:8px;align-items:center;margin-top:20px;color:#003dc4;font-weight:700;font-size:.76rem;text-decoration:underline;text-underline-offset:4px}
.qr-official .icon{width:15px;height:15px}
.qr-offer{padding:44px 42px;background:#10254b;color:#fff;display:flex;flex-direction:column;align-items:flex-start}
.qr-offer .qr-kicker{color:#a6dfff;margin-bottom:0}
.qr-amount{display:flex;align-items:baseline;gap:7px;font-size:clamp(4.6rem,7vw,6.4rem);line-height:1.15;font-weight:700;letter-spacing:-.065em;margin:10px 0 0;color:#fff}
.qr-amount span{font-size:.48em;letter-spacing:-.04em}
.qr-offer h3{font-size:1.2rem;letter-spacing:-.025em;margin:0 0 14px;line-height:1.3}
.qr-offer>p:not(.qr-kicker):not(.qr-amount):not(.qr-offer-note){font-size:.87rem;line-height:1.7;color:#d4dfef;max-width:36ch}
.qr-offer ol{list-style:none;padding:0;margin:22px 0;display:grid;gap:13px}
.qr-offer li{display:flex;align-items:flex-start;gap:12px;font-size:.8rem;line-height:1.6;color:#e1e9f6}
.qr-offer li>span{font-size:.69rem;border:1px solid #6485b3;border-radius:50%;width:26px;height:26px;flex:0 0 26px;display:flex;align-items:center;justify-content:center;color:#b9e7ff}
.qr-offer .qr-button{background:#fff;color:#10254b;border:1px solid #fff;display:inline-flex;align-items:center;justify-content:center;gap:14px;max-width:100%;font-size:.85rem;padding:14px 21px;min-height:48px}
.qr-offer .qr-button:hover{background:#e9f4ff;border-color:#e9f4ff}
.qr-offer-note{font-size:.69rem;color:#bfd1e9;margin-top:11px;line-height:1.5}
.qr-conditions{grid-column:1/-1;padding:20px 32px;background:#fff;border-top:1px solid #dce5f2;font-size:.74rem;line-height:1.7;color:#59667b}
.qr-conditions a{display:inline-flex;align-items:center;gap:7px;margin-top:8px;color:#003dc4;text-decoration:underline;text-underline-offset:3px}
.qr-conditions .icon{width:14px;height:14px}
.qr-store-note{display:inline-flex;gap:7px;align-items:center;font-size:.77rem;font-weight:700;color:#003dc4;background:#edf4ff;padding:9px 12px;border-radius:9px;margin:12px 0 5px}
.qr-store-note .icon{width:15px;height:15px}
.local-hero .qr-hero{margin-bottom:24px}
@media(max-width:1100px){.qr-hero{gap:8px;padding:12px}.qr-logo{flex-basis:126px;width:126px;padding:16px}.qr-hero>.icon{display:none}.qr-story{padding:34px 30px}.qr-offer{padding:34px 28px}.qr-quality{gap:12px}.qr-logo--large{flex-basis:164px;width:164px;padding:21px}}
@media(max-width:760px){.qr-panel{grid-template-columns:1fr;border-radius:22px}.qr-section{padding-top:26px;padding-bottom:16px}.qr-story{padding:28px 24px}.qr-story h2{font-size:1.95rem}.qr-story>p:not(.qr-kicker){font-size:.88rem}.qr-offer{padding:28px 24px}.qr-amount{font-size:5.2rem}.qr-offer .qr-button{width:100%}.qr-conditions{padding:19px 24px}.qr-quality{gap:15px}.qr-logo--large{flex-basis:166px;width:166px;padding:21px}.qr-hero-copy>span{font-size:.96rem}.qr-hero-copy strong{font-size:.75rem}.qr-hero-copy small{font-size:.69rem}.qr-hero{margin-top:18px}}
@media(max-width:380px){.qr-hero{padding:10px 8px;gap:6px}.qr-logo{flex-basis:108px;width:108px;padding:14px}.qr-hero-copy>span{font-size:.87rem}.qr-hero-copy strong{font-size:.7rem}.qr-story{padding:25px 20px}.qr-story h2{font-size:1.7rem}.qr-quality{flex-wrap:wrap}.qr-logo--large{flex-basis:170px;width:170px;padding:22px}.qr-quality>span:last-child{max-width:none}.qr-store-note{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){.qr-hero{transition:none}}