.loyalty-page{--bg:#fbf7f2;--surface:#fff;--fg:#102039;--muted:#5b6470;--border:#e8e0d2;--accent:#e97102;--accent-deep:#c75d00;--teal:#3fd0d4;--navy:#1b3a5c;--accent-soft:color-mix(in oklch, var(--accent) 14%, transparent);--fg-soft:color-mix(in oklch, var(--fg) 6%, transparent);--font-display:var(--font-playfairDisplay), Georgia, "Times New Roman", serif;--font-body:var(--font-nunito), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:var(--font-jost), "Helvetica Neue", Arial, sans-serif;--font-script:var(--font-satisfy), "Brush Script MT", cursive;--fs-h1:clamp(44px, 6vw, 74px);--fs-h2:clamp(32px, 4vw, 46px);--fs-h3:22px;--fs-lead:19px;--fs-body:16px;--fs-meta:13px;--gap-xs:8px;--gap-sm:12px;--gap-md:20px;--gap-lg:32px;--gap-xl:56px;--gap-2xl:96px;--container:1120px;--gutter:32px;--radius:12px;--radius-lg:18px;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--fs-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;line-height:1.55}.loyalty-page img,.loyalty-page svg{max-width:100%;display:block}.loyalty-page a{color:inherit;text-decoration:none}.loyalty-page button{font:inherit;cursor:pointer}.loyalty-page p{text-wrap:pretty}.loyalty-page h1,.loyalty-page h2,.loyalty-page h3,.loyalty-page h4{text-wrap:balance}.loyalty-page .container{max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}.loyalty-page .section{padding-block:clamp(48px, 8vw, var(--gap-2xl))}.loyalty-page .stack{flex-direction:column;display:flex}.loyalty-page .stack>*+*{margin-top:var(--gap-md)}.loyalty-page .row{align-items:center;gap:var(--gap-md);display:flex}.loyalty-page .row-between{justify-content:space-between;align-items:center;gap:var(--gap-md);display:flex}.loyalty-page .grid-2{gap:var(--gap-lg);grid-template-columns:repeat(2,1fr);display:grid}.loyalty-page .grid-3{gap:var(--gap-lg);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:920px){.loyalty-page .grid-2,.loyalty-page .grid-3{grid-template-columns:1fr}}.loyalty-page h1{font-family:var(--font-display);font-size:var(--fs-h1);letter-spacing:-.02em;margin:0;line-height:1.04}.loyalty-page h2{font-family:var(--font-display);font-size:var(--fs-h2);letter-spacing:-.015em;margin:0;line-height:1.1}.loyalty-page h3{font-family:var(--font-display);font-size:var(--fs-h3);margin:0;font-weight:600;line-height:1.3}.loyalty-page .lead{font-size:var(--fs-lead);color:var(--muted);max-width:60ch;margin:0;line-height:1.55}.loyalty-page .eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 var(--gap-md);font-size:12px;font-weight:600}.loyalty-page .meta{font-family:var(--font-mono);font-size:var(--fs-meta);color:var(--muted)}.loyalty-page .num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.loyalty-page .script{font-family:var(--font-script);color:var(--accent);font-style:normal;font-weight:400}.loyalty-page .btn{min-height:44px;font-family:var(--font-mono);letter-spacing:.01em;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 26px;font-size:15px;font-weight:600;transition:transform .18s,background .18s,box-shadow .18s,border-color .18s;display:inline-flex}.loyalty-page .btn:active{transform:translateY(1px)}.loyalty-page .btn-primary{background:var(--accent);color:var(--surface);border-color:var(--accent);box-shadow:0 8px 24px -8px color-mix(in oklch, var(--accent) 70%, transparent)}.loyalty-page .btn-primary:hover{background:var(--accent-deep);border-color:var(--accent-deep);box-shadow:0 14px 30px -10px color-mix(in oklch, var(--accent) 70%, transparent);transform:translateY(-2px)}.loyalty-page .btn-secondary{color:var(--fg);border-color:var(--border);background:0 0}.loyalty-page .btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.loyalty-page .btn-ghost{color:var(--fg);background:0 0;border-color:#0000}.loyalty-page .btn-ghost:hover{color:var(--accent)}.loyalty-page .btn-arrow:after{content:"→";transition:transform .18s}.loyalty-page .btn-arrow:hover:after{transform:translate(3px)}.loyalty-page .card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px}.loyalty-page .card-flat{background:0 0;border:0;padding:0}.loyalty-page .feature .feature-mark{border:1px solid var(--border);width:44px;height:44px;color:var(--accent);margin-bottom:var(--gap-md);background:var(--surface);border-radius:12px;place-items:center;display:grid}.loyalty-page .feature .feature-mark svg{width:20px;height:20px}.loyalty-page .feature h3{margin-bottom:6px}.loyalty-page .feature p{color:var(--muted);margin:0;font-size:15px}.loyalty-page .pill{background:var(--accent-soft);color:var(--accent);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:600;display:inline-flex}.loyalty-page .tag{color:var(--muted);border:1px solid var(--border);background:0 0;border-radius:999px;align-items:center;padding:5px 12px;font-size:12px;display:inline-flex}.loyalty-page .section-head{gap:var(--gap-xl);padding-bottom:var(--gap-lg);border-bottom:1px solid var(--border);grid-template-columns:1fr minmax(220px,320px);align-items:end;display:grid}.loyalty-page .section-head-main h2{max-width:22ch}.loyalty-page .section-head-note{color:var(--muted);margin:0;padding-bottom:4px;font-size:15px;line-height:1.55}@media (max-width:920px){.loyalty-page .section-head{gap:var(--gap-md);grid-template-columns:1fr;align-items:start}.loyalty-page .section-head-note{max-width:none}}.loyalty-page .hero{padding-block:clamp(80px,12vw,160px)}.loyalty-page .hero h1{margin-bottom:var(--gap-md)}.loyalty-page .hero-center{text-align:center;max-width:34ch;margin-inline:auto}.loyalty-page .hero .lead{margin:0 auto var(--gap-lg)}.loyalty-page .hero-cta{gap:var(--gap-sm);flex-wrap:wrap;display:inline-flex}.loyalty-page .hero-center .hero-cta{justify-content:center}.loyalty-page .hero-lead{text-align:left;max-width:820px}.loyalty-page .hero-lead .lead{margin:0 0 var(--gap-lg);max-width:56ch}.loyalty-page .hero-lead .hero-cta{justify-content:flex-start}.loyalty-page .loyalty-wrap{padding:clamp(24px,5vw,64px) 0;position:relative}.loyalty-page .loyalty-card{background:linear-gradient(160deg, var(--fg) 0%, var(--navy) 100%);color:var(--surface);border-radius:26px;padding:clamp(24px,4vw,44px);position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #10203980}.loyalty-page .loyalty-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#3fd0d447 0%,#0000 70%);border-radius:50%;width:320px;height:320px;position:absolute;top:-120px;right:-90px}.loyalty-page .loyalty-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#e9710238 0%,#0000 70%);border-radius:50%;width:260px;height:260px;position:absolute;bottom:-120px;left:-60px}.loyalty-page .loyalty-eyebrow{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--teal);margin-bottom:10px;font-size:11px;font-weight:600}.loyalty-page .loyalty-name{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 4px;font-size:clamp(30px,3.4vw,46px);font-weight:700}.loyalty-page .loyalty-name .script{color:var(--teal)}.loyalty-page .loyalty-sub{color:#ffffffb8;max-width:46ch;margin:0 0 26px;font-size:15px}.loyalty-page .selos{grid-template-columns:repeat(5,1fr);gap:clamp(10px,2vw,18px);max-width:620px;display:grid}.loyalty-page .selo{aspect-ratio:1;color:#ffffff80;font-family:var(--font-mono);background:#ffffff0d;border:1.5px dashed #ffffff59;border-radius:14px;place-items:center;font-size:clamp(14px,1.8vw,18px);font-weight:600;transition:background .25s,border-color .25s,color .25s,transform .25s;display:grid}.loyalty-page .selo.filled{border:1.5px solid var(--accent);color:var(--surface);background:#e97102e6;transform:scale(1.02)}.loyalty-page .selo .check{opacity:0;font-size:.72em;transition:opacity .25s}.loyalty-page .selo.filled .check{opacity:1}.loyalty-page .loyalty-progress{color:#ffffffd9;font-family:var(--font-mono);align-items:center;gap:14px;margin-top:28px;font-size:14px;font-weight:600;display:flex}.loyalty-page .loyalty-progress .bar{background:#ffffff29;border-radius:999px;flex:1;height:6px;overflow:hidden}.loyalty-page .loyalty-progress .bar>span{background:var(--accent);border-radius:999px;width:50%;height:100%;transition:width .35s;display:block}.loyalty-page .fill-demo{flex-wrap:wrap;align-items:center;gap:10px;margin-top:34px;display:flex}.loyalty-page .fill-demo .label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:12px}.loyalty-page .fill-btn{border:1px solid var(--border);background:var(--surface);min-width:44px;min-height:44px;color:var(--muted);font-family:var(--font-mono);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600;transition:background .18s,color .18s,border-color .18s}.loyalty-page .fill-btn:hover{border-color:var(--accent);color:var(--accent)}.loyalty-page .fill-btn.active{background:var(--accent);color:var(--surface);border-color:var(--accent)}.loyalty-page .reward-grid{gap:var(--gap-lg);grid-template-columns:1fr 1fr;display:grid}@media (max-width:920px){.loyalty-page .reward-grid{grid-template-columns:1fr}}.loyalty-page .reward-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;position:relative;overflow:hidden}.loyalty-page .reward-card.highlight{border-color:var(--accent);box-shadow:0 20px 44px -24px color-mix(in oklch, var(--accent) 45%, transparent)}.loyalty-page .reward-card:after{content:"";background:radial-gradient(circle, var(--accent-soft) 0%, transparent 70%);pointer-events:none;border-radius:50%;width:220px;height:220px;position:absolute;top:-70px;right:-70px}.loyalty-page .reward-count{font-family:var(--font-display);letter-spacing:-.04em;color:var(--accent);font-size:clamp(44px,6vw,72px);font-weight:700;line-height:1}.loyalty-page .reward-count small{color:var(--muted);font-size:.9rem;font-family:var(--font-mono);letter-spacing:0}.loyalty-page .reward-cat{font-family:var(--font-display);letter-spacing:-.01em;margin:8px 0 4px;font-size:clamp(22px,3vw,30px);font-weight:600}.loyalty-page .reward-benefit{font-family:var(--font-display);color:var(--accent);margin-bottom:12px;font-size:clamp(20px,2.6vw,26px);font-style:italic}.loyalty-page .reward-desc{color:var(--muted);margin:0 0 22px;font-size:15px;line-height:1.6}.loyalty-page .reward-meta{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.loyalty-page .rules-grid{gap:var(--gap-lg);grid-template-columns:1fr 1fr;align-items:start;display:grid}@media (max-width:920px){.loyalty-page .rules-grid{grid-template-columns:1fr}}.loyalty-page .rule-list{margin:0;padding:0;list-style:none}.loyalty-page .rule-list li{border-top:1px solid var(--border);grid-template-columns:26px 1fr;gap:14px;padding:16px 0;display:grid}.loyalty-page .rule-list li:first-child{border-top:0}.loyalty-page .rule-idx{border:1px solid var(--border);width:26px;height:26px;color:var(--accent);font-family:var(--font-mono);border-radius:999px;place-items:center;margin-top:1px;font-size:12px;font-weight:600;display:grid}.loyalty-page .rule-list b{font-weight:600;display:block}.loyalty-page .rule-list p{color:var(--muted);margin:2px 0 0;font-size:15px;line-height:1.6}.loyalty-page .cta-strip{background:linear-gradient(160deg, var(--fg) 0%, var(--navy) 100%);color:var(--surface);text-align:center;border-radius:26px;padding:clamp(40px,7vw,80px) clamp(24px,5vw,64px);position:relative;overflow:hidden}.loyalty-page .cta-strip:before{content:"";pointer-events:none;background:radial-gradient(circle,#e971024d 0%,#0000 70%);border-radius:50%;width:380px;height:380px;position:absolute;top:-140px;right:40px}.loyalty-page .cta-strip:after{content:"";pointer-events:none;background:radial-gradient(circle,#3fd0d43d 0%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;bottom:-120px;left:30px}.loyalty-page .cta-strip h2{color:var(--surface);max-width:24ch;margin:0 auto var(--gap-md);z-index:1;position:relative}.loyalty-page .cta-strip .lead{color:#ffffffc7;margin:0 auto var(--gap-lg);z-index:1;position:relative}.loyalty-page .cta-strip .hero-cta{z-index:1;position:relative}.loyalty-page .cta-strip .script{color:var(--teal)}.loyalty-page .section-brush{position:relative}.loyalty-page .section-brush:before{content:"";pointer-events:none;background:repeating-linear-gradient(135deg,#0000 0 90px,#e9710208 90px 91px);position:absolute;inset:0}