.qr-page{--qr-accent:#b92b58;--qr-dark:#171b27}.qr-page .eyebrow{font-size:.875rem;color:var(--qr-accent)}.qr-page em{color:var(--qr-accent)}.qr-page .qr-note{font-size:.875rem;line-height:1.65;margin-top:22px}.qr-hero{display:grid;grid-template-columns:1fr 1.08fr;gap:54px;align-items:center;padding-block:62px 74px}.qr-hero h1{font-size:clamp(3rem,5.3vw,5.3rem);line-height:1.07}.qr-hero .primary,.qr-final .primary{background:var(--qr-accent);color:white}.qr-hero-visual{min-width:0;padding:28px 26px 24px;background:#f5f0f2;border-radius:28px}.qr-visual-label{color:#42404c;font-size:.9rem;font-weight:700;line-height:1.5;margin-bottom:24px}.qr-hero-screens{display:grid;grid-template-columns:1.04fr 1fr;align-items:start;gap:22px}.qr-hero-screens>.qr-shot:nth-child(2){margin-top:58px}.qr-shot{margin:0;min-width:0}.qr-screen{display:block;position:relative;overflow:hidden;aspect-ratio:1284/2340;border-radius:22px;background:#fff;box-shadow:0 14px 30px #171b2714;border:1px solid #dfe0e5}.qr-screen img{width:100%;max-width:none;height:auto;transform:translateY(-5.1%)}.qr-enlarge{position:absolute;bottom:12px;right:12px;background:#fff;color:#171b27;border:1px solid #ddd;padding:7px 10px;border-radius:6px;font-size:.8rem;opacity:0;transition:opacity .2s}.qr-screen:hover .qr-enlarge,.qr-screen:focus-visible .qr-enlarge{opacity:1}.qr-shot figcaption{font-size:.875rem;color:#555d68;line-height:1.6;margin-top:16px}.qr-shot figcaption strong,.qr-shot figcaption span{display:block}.qr-shot figcaption strong{color:#242936}.qr-jump{background:#fff;border-block:1px solid var(--line)}.qr-jump .shell{display:flex;gap:30px;overflow-x:auto;padding-block:22px}.qr-jump a{font-size:.9rem}.qr-page section[id],.qr-faq-anchor{scroll-margin-top:110px}.qr-heading{max-width:780px;margin-bottom:42px}.qr-mode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.qr-mode{border-top:2px solid #e4a8bc;padding-top:24px}.qr-number{font-size:.875rem;color:var(--qr-accent);font-weight:700;display:block;margin-bottom:24px}.qr-mode h3{font-size:1.5rem;margin-bottom:12px}.qr-mode p{font-size:1rem;line-height:1.7}.qr-mode .qr-mode-sub{font-weight:700;color:#242936;min-height:54px}.qr-tint{background:#f6f7f9}.qr-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center}.qr-feature>div:first-child{max-width:570px}.qr-single-screen{width:100%;max-width:340px;justify-self:center}.qr-feature-reverse>div:first-child{order:2}.qr-feature-reverse .qr-single-screen{order:1}.qr-benefits{padding:0;list-style:none;margin:30px 0}.qr-benefits li{font-size:1.0625rem;line-height:1.75;padding:15px 0;border-bottom:1px solid #dde1e8;color:#59616b}.qr-benefits strong{color:#242936}.qr-callout{border-left:3px solid #b92b58;padding:6px 0 2px 24px;margin-top:32px}.qr-callout h3{font-size:1.25rem}.qr-callout p{margin-bottom:0}.qr-loyalty{background:var(--qr-dark);color:white}.qr-loyalty p{color:#c9cedb}.qr-loyalty .eyebrow,.qr-loyalty em{color:#ffaac5}.qr-loyalty-intro{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:start}.qr-loyalty-intro h2{font-size:clamp(2.5rem,4.2vw,4.2rem)}.qr-loyalty-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:60px 0 44px}.qr-loyalty-benefits article{border-top:1px solid #454b5a;padding-top:24px}.qr-loyalty-benefits h3{font-size:1.35rem}.qr-loyalty-benefits p{font-size:1rem}.qr-reward-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px;max-width:1020px;margin:0 auto}.qr-loyalty .qr-shot figcaption strong{color:white}.qr-loyalty .qr-shot figcaption{color:#c9cedb}.qr-loyalty>.shell>.qr-note{max-width:900px;margin-top:40px;font-size:.875rem}.qr-gifting{display:grid;grid-template-columns:1fr 300px;gap:100px;align-items:center;max-width:1050px}.qr-flow{list-style:none;padding:0;margin:50px 0 30px;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:2px solid #b92b58}.qr-flow li{padding:25px 22px 0 0;position:relative}.qr-flow li:not(:first-child){padding-left:22px;border-left:1px solid #d7dbe3}.qr-flow span{font-size:.875rem;letter-spacing:.04em;color:var(--qr-accent);font-weight:700;display:block;margin-bottom:20px}.qr-flow h3{font-size:1.35rem}.qr-flow p{font-size:1rem}.qr-answer{max-width:890px}.qr-final{background:#fff0f4}.qr-final>.shell{max-width:1000px}.qr-final p{max-width:660px}.qr-final h2{font-size:clamp(2.5rem,4vw,4rem)}
@media(max-width:1000px){.qr-hero{gap:28px}.qr-hero-visual{padding:20px 16px}.qr-hero-screens{gap:14px}.qr-mode-grid{grid-template-columns:repeat(2,1fr);gap:30px}.qr-mode .qr-mode-sub{min-height:0}.qr-feature{gap:48px}.qr-loyalty-intro{gap:38px}.qr-reward-gallery{gap:24px}.qr-gifting{gap:48px}.qr-hero h1{font-size:3.4rem}.qr-flow{grid-template-columns:repeat(2,1fr)}.qr-flow li:nth-child(3){padding-left:0;border-left:0}.qr-flow li:nth-child(n+3){border-top:1px solid #d7dbe3}}
@media(max-width:700px){.qr-hero{grid-template-columns:1fr;padding-block:40px 50px}.qr-hero h1{font-size:clamp(2.7rem,9vw,3.6rem)}.qr-hero-visual{margin-top:12px;padding:24px 16px}.qr-hero-screens>.qr-shot:nth-child(2){margin-top:42px}.qr-screen{border-radius:15px}.qr-shot figcaption{font-size:.875rem}.qr-jump .shell{gap:24px;padding-block:18px}.qr-page .section{padding-block:60px}.qr-feature,.qr-loyalty-intro,.qr-gifting{grid-template-columns:1fr;gap:36px}.qr-feature-reverse>div:first-child,.qr-feature-reverse .qr-single-screen{order:initial}.qr-single-screen,.qr-gifting>.qr-shot{max-width:320px;width:100%;justify-self:center}.qr-loyalty-benefits{grid-template-columns:1fr;gap:8px;margin-top:36px}.qr-loyalty-benefits article{padding-top:20px}.qr-reward-gallery{grid-template-columns:1fr;gap:40px;max-width:320px}.qr-gifting{max-width:none}.qr-mode-grid{gap:24px}.qr-mode h3{font-size:1.35rem}.qr-mode p{font-size:1rem}.qr-page .actions{align-items:stretch}.qr-page .actions .button{text-align:center}.qr-flow li{padding-right:16px}.qr-flow li:not(:first-child){padding-left:16px}.qr-flow li:nth-child(3){padding-left:0}}
@media(max-width:420px){.qr-mode-grid,.qr-flow{grid-template-columns:1fr}.qr-flow li:not(:first-child){border-left:0;border-top:1px solid #d7dbe3;padding-left:0}.qr-hero-screens{gap:12px}.qr-hero-visual{padding-inline:12px}.qr-hero-screens figcaption{font-size:.8rem}.qr-hero .actions .button{width:100%}}