*{box-sizing:border-box} :root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#25212a;background:#f7f5f9;font-synthesis:none;--purple:#532178;--line:#ded9e3} body{margin:0;padding-bottom:calc(85px + env(safe-area-inset-bottom))}button,a,input{ -webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a667cf;outline-offset:3px}button:disabled{cursor:default;opacity:.6}[hidden]{display:none!important}.demo-strip{padding:10px 20px;padding-top:calc(10px + env(safe-area-inset-top));background:#eee8f3;font-size:10px;letter-spacing:1.4px;font-weight:700;display:flex;justify-content:space-between}.demo-strip span{letter-spacing:0;font-weight:400;font-size:11px}.app-header{max-width:1024px;margin:auto;padding:24px;display:flex;align-items:center;justify-content:space-between}.wordmark{text-decoration:none;font-size:36px;color:var(--purple);font-weight:800;letter-spacing:-2px}.wordmark span{font-size:34px;color:#f7a900;margin-left:2px}.profile{border:1px solid #d8cce1;border-radius:50%;height:38px;width:38px;display:grid;place-items:center;color:var(--purple);font-size:12px;font-weight:700}main{max-width:976px;margin:auto;padding:0 24px 30px;min-height:65vh}h1{font-size:32px;letter-spacing:-1px;line-height:1.15;margin:15px 0}h2{font-size:21px;letter-spacing:-.4px}p{line-height:1.5}.muted{color:#746a7a;font-size:14px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:1.3px;font-weight:700;color:var(--purple)}.hero{border-radius:24px;background:var(--purple);color:white;padding:28px;position:relative;overflow:hidden;margin:22px 0}.hero:after{content:'✳';font-size:190px;line-height:1;position:absolute;right:-30px;top:5px;color:#754494;pointer-events:none}.hero>*{position:relative;z-index:1}.hero p{max-width:240px;color:#e9dcef}.hero h2{font-size:30px;max-width:270px}.primary,.secondary{min-height:50px;border-radius:12px;padding:14px 20px;display:block;width:100%;font-weight:650;text-align:center;text-decoration:none;border:0}.primary{background:var(--purple);color:#fff}.hero .primary{background:#fff;color:var(--purple);max-width:230px}.secondary{border:1px solid var(--line);background:#fff;color:var(--purple);margin-top:12px}.text-button{background:none;border:0;padding:12px 0;color:var(--purple);text-decoration:underline;min-height:44px}.card{background:white;border:1px solid var(--line);border-radius:18px;padding:22px;margin:18px 0}.loyalty{background:#f0e3fc;border:0}.balance{font-size:32px;font-weight:750;letter-spacing:-1px}.card-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.card-top p{margin:4px 0}.back{display:inline-block;text-decoration:none;font-size:14px;color:var(--purple);padding:10px 0;min-height:44px}.basket{list-style:none;padding:0}.basket li{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #eee9f1;font-size:14px}.basket li span:last-child{white-space:nowrap}.total{display:flex;justify-content:space-between;font-size:22px;font-weight:750;border-top:1px solid var(--line);padding-top:20px;margin-top:18px}.saving{color:#517329;font-weight:600;font-size:14px}.store{font-size:14px;color:#746a7a}.card-symbol{width:170px;height:170px;border:8px solid white;border-radius:20px;background:repeating-linear-gradient(45deg,#532178 0px,#532178 9px,#f0e3fc 9px,#f0e3fc 18px);margin:24px auto;display:grid;place-items:center}.card-symbol span{background:white;padding:12px;font-size:12px;font-weight:700;letter-spacing:2px}.center{text-align:center}.request-summary{text-align:center;padding:18px 0 26px}.amount{font-size:42px;letter-spacing:-1.5px;font-weight:750;margin:5px 0}.request-summary p{margin:6px 0}.merchant-mark{display:inline-grid;place-items:center;width:56px;height:56px;background:#f78d18;border-radius:13px;color:white;font-size:31px;font-weight:750;margin:12px}.bank-layout{background:white;border-radius:20px;padding:24px;margin-top:8px}.bank-content h1{font-size:25px}.search-label{display:block;font-size:13px;margin:20px 0 8px}input[type=search]{width:100%;padding:16px;border:1px solid #a89dae;border-radius:12px;font-size:16px;background:white;color:#25212a}.account-type{display:flex;align-items:center;gap:14px;margin:20px 0;font-size:12px;color:#746a7a}.switch{display:flex;border:1px solid #c9bfce;border-radius:9px;overflow:hidden}.switch button{border:0;padding:12px 18px;background:white;min-height:44px;font-size:13px}.switch button+button{border-left:1px solid #c9bfce}.switch button[aria-pressed=true]{background:#eee8f3;color:var(--purple);font-weight:700}.disclosure{font-size:12px;color:#746a7a;margin:16px 0;line-height:1.5}.bank-list{display:grid}.bank-row{display:flex;align-items:center;gap:12px;background:none;border:0;border-bottom:1px solid #f1edf4;min-height:54px;padding:9px 3px;text-align:left;width:100%;font-size:15px;color:#25212a}.bank-row:hover{background:#faf7fc}.bank-row img{width:32px;height:32px;object-fit:contain;border-radius:50%;padding:4px;background:white}.bank-row .chevron{margin-left:auto;color:#84798b}.bank-row[aria-disabled=true]{opacity:.6}.issue{font-size:10px;border:1px solid #a49472;border-radius:8px;padding:1px 5px;color:#745d2c}.selected-bank-heading{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:20px}.selected-logo{display:block;width:80px;height:80px;object-fit:contain;padding:12px;background:#fff;border:1px solid var(--line);border-radius:20px;margin:0 auto 8px}.selected-bank-heading .back{display:block;text-align:center}.selected-bank-heading .eyebrow{margin:16px 0 0}.selected-bank-heading h1{margin:10px 0 0}#app h1[tabindex="-1"]:focus{outline:none}.summary{display:grid;grid-template-columns:1fr auto;gap:18px;font-size:15px;margin:30px 0}.summary dt{color:#746a7a}.summary dd{margin:0;text-align:right;font-weight:600}.remember{display:flex;gap:12px;align-items:center;font-size:14px;margin:24px 0;min-height:44px}.remember input{width:20px;height:20px;accent-color:var(--purple)}.notice{padding:16px;border-radius:12px;background:#f3eef7;font-size:14px;line-height:1.5}.notice strong{display:block;margin-bottom:5px}.empty{padding:24px 0;font-size:14px;color:#746a7a}.favourites-label{font-size:12px;font-weight:700;color:#746a7a}.bank-divider{border:0;border-top:1px solid var(--line);margin:18px 0}footer{display:flex;justify-content:space-between;align-items:center;max-width:976px;margin:auto;padding:0 24px;color:#746a7a;font-size:11px}footer button{font-size:12px;background:none;border:0;text-decoration:underline;padding:15px 0;color:#746a7a}nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:#fff;border-top:1px solid #e5dfea;padding:10px 12px calc(10px + env(safe-area-inset-bottom));z-index:5}nav a{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:23px;color:#86788e;text-decoration:none;min-width:80px;min-height:45px}nav a span{font-size:11px;font-weight:650}nav a[aria-current=page]{color:var(--purple)}#offline,#storage-note{padding:12px 24px;background:#fff2cc;font-size:13px;margin:0}#storage-note{position:relative;margin:15px 24px}.home-grid{max-width:580px;margin:auto}.selection{max-width:480px;margin:auto}.page-title{max-width:580px;margin:auto}.checkout{max-width:580px;margin:auto}@media(min-width:850px){.bank-layout{display:grid;grid-template-columns:210px 1fr;gap:35px;padding:32px}.request-summary{padding-top:35px}.bank-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 25px}.bank-content{min-width:0}.bank-content h1{margin-top:12px}nav{left:50%;transform:translateX(-50%);max-width:500px;border-radius:20px 20px 0 0;width:100%}}@media(max-width:400px){main{padding:0 16px 24px}.app-header{padding:20px 16px}.bank-layout{margin:0 -16px;border-radius:0;padding:16px}.hero{padding:24px}.hero h2{font-size:27px}h1{font-size:29px}.card{padding:18px}}

/* Screenshot-led Nectar styling. */
:root{--purple:#861bfa;--line:#e7dfea;background:#f2efe9;color:#281b30}h1,h2,.greeting,.points-total{color:#4b087a}h2{font-size:24px;letter-spacing:-.8px;line-height:1.25}.app-header{position:sticky;top:0;background:#f2efe9e0;backdrop-filter:blur(18px);z-index:4;justify-content:center;padding:20px 24px;height:78px}.greeting{font-size:21px;font-weight:750;text-decoration:none;letter-spacing:-.6px}.profile{position:absolute;right:16px;width:46px;height:46px;background:linear-gradient(145deg,#fff9,#ffffff24);border:1px solid #ccc4cb}.profile svg{width:21px;height:21px;fill:var(--purple)}.demo-strip{background:#f2efe9;color:#6e5878;padding:8px 24px;padding-top:calc(8px + env(safe-area-inset-top));font-size:9px}.demo-strip span{font-size:10px}.card{border:0;border-radius:16px;padding:24px;margin:24px 0}.points-card{padding:16px}.points-card h2{font-size:19px;margin:0}.points-total{display:flex;align-items:center;flex-direction:column;padding:18px 0 12px;gap:2px}.points-total strong{font-size:26px}.points-total span{font-size:16px}.primary,.secondary{border-radius:13px;font-size:16px;padding:13px 12px;min-height:49px}.secondary{border:1.5px solid var(--purple);margin-top:12px}.nectar-card{display:grid;grid-template-columns:54% 46%;height:187px;border-radius:14px;overflow:hidden;text-decoration:none;background:white;margin:10px 0 24px}.demo-code{margin:12px;background:repeating-linear-gradient(45deg,#29212d 0 3px,white 3px 9px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:0}.demo-code span{background:#fff;padding:12px;font-size:17px;letter-spacing:2px;font-weight:800;text-align:center;line-height:1.2}.demo-code small{background:white;font-size:9px;padding:3px 5px}.card-purple{background:var(--purple);color:white;padding:18px 16px;display:flex;flex-direction:column;justify-content:space-between}.nectar-bubble{font-weight:750;font-size:15px;letter-spacing:-.7px;background:linear-gradient(150deg,#b896ff,#6506bf 65%,#460b73);border-radius:55% 55% 20% 55%;width:53px;height:44px;display:grid;place-items:center;transform:rotate(-6deg);box-shadow:inset 0 2px 3px #fff6}.card-number{font-size:16px;line-height:1.6;letter-spacing:-.4px;color:#eee1ff}.card-number strong{color:white}.enlarged{height:220px;max-width:220px;margin:15px auto}.pay-card h2{font-size:26px;margin:8px 0 14px}.pay-card p{font-size:16px}.pay-card .eyebrow{font-size:11px}.pay-card .text-button{display:block;margin:10px auto 0;font-size:13px}.tab-title{text-align:center;font-size:22px;margin:14px 0 28px}.offer-tabs{display:flex;border-radius:30px;background:#fff;padding:3px;box-shadow:0 10px 30px #3c155014;margin:22px 0 28px}.offer-tabs button{width:50%;border:0;background:none;font-size:15px;border-radius:26px;min-height:42px;color:#281b30;padding:8px}.offer-tabs button[aria-pressed=true]{background:var(--purple);color:white;font-weight:700}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}nav{left:50%;right:auto;transform:translateX(-50%);width:calc(100% - 40px);max-width:480px;bottom:calc(16px + env(safe-area-inset-bottom));padding:4px;background:#ffffffb8;backdrop-filter:blur(20px);border:1px solid #ded9dd;border-radius:45px;box-shadow:0 2px 14px #b4a9ba20;gap:0}nav a{min-width:0;flex:1;min-height:53px;padding:7px 3px 5px;color:#161216;border-radius:35px;gap:2px}nav a span{font-size:12px;font-weight:500;white-space:nowrap}nav svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}nav a[aria-current=page]{background:#ddd9dd95}nav a[href='#home'][aria-current=page] svg{fill:var(--purple);stroke:var(--purple)}nav a[href='#sainsburys'][aria-current=page]{color:#e97000}.s-icon{font-size:27px;font-family:Georgia,serif;line-height:21px;font-weight:600}.home-grid{max-width:480px}body{padding-bottom:calc(110px + env(safe-area-inset-bottom))}footer{max-width:528px}.bank-layout{background:#fff}.selection h1{color:#4b087a}@media(max-width:400px){main{padding-left:24px;padding-right:24px}.bank-layout{margin:0 -24px;padding:16px}.app-header{padding:20px 16px}.greeting{font-size:20px}.card{padding:24px}.points-card{padding:16px}nav{width:calc(100% - 40px)}nav a span{font-size:11px}}@media(max-width:350px){.greeting{font-size:18px;transform:translateX(-10px)}.profile{width:38px;height:38px;right:10px}.nectar-card{height:160px}.card-purple{padding:14px 12px}.card-number{font-size:13px}.offer-tabs button{font-size:13px}}
#amount{display:block;width:100%;font-size:28px;border:1px solid #b9abbf;border-radius:12px;padding:15px;margin:10px 0 24px}.payment-prompt{text-align:center;background:white;border-radius:16px;padding:22px;margin:10px 0 24px}.payment-prompt .amount{color:#4b087a;font-size:42px}.payment-prompt p{font-size:20px;line-height:1.35;font-weight:650;color:#4b087a;margin:12px 0 20px}.payment-prompt small{display:block;font-size:10px;color:#746a7a;margin-top:10px}.request-wait{padding:16px;text-align:center;color:#746a7a;font-size:14px}#request-connection{font-size:12px;background:#fff2cc;padding:12px 24px;margin:0}

.preferred-bank{display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid #e4dce9;border-radius:16px;padding:16px;margin:0 auto 18px;max-width:155px;background:#fbf9fc;font-weight:650}.preferred-bank img{width:48px;height:48px;object-fit:contain}.payment-prompt .preferred-bank small{margin:0}.different-bank{display:block;padding:14px 8px;font-size:13px;color:var(--purple);text-underline-offset:3px;min-height:44px}.first-time{padding:18px;background:#f6effc;border-radius:16px;margin-bottom:22px}.first-time h1{font-size:26px;margin:0 0 12px}.first-time p{margin:0;font-size:16px}.regulatory-footer{display:block;margin:28px auto 0;padding:22px 0;border-top:1px solid #d8d0dd;font-size:12px;line-height:1.6;color:#62566a;text-align:left;max-width:528px}.regulatory-footer p{margin:8px 0}.customer-choice{border:0;padding:0;margin:0 0 24px}.customer-choice legend{font-weight:650;margin-bottom:12px}.customer-choice label{display:flex;align-items:center;gap:10px;margin:8px 0;min-height:44px;font-size:15px}.customer-choice input{width:18px;height:18px;accent-color:var(--purple);flex-shrink:0}

.regulatory-heading{text-align:center}.regulatory-heading a{color:var(--purple);text-decoration:underline;text-underline-offset:3px;display:inline-block;padding:10px 0}.regulatory-footer #regulatory-copy{padding-top:8px}

.points-comparison{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0 10px;text-align:center}.points-comparison>div{padding:16px 8px;border:1px solid #e4dce9;border-radius:16px;background:#fff}.points-comparison>div:last-child{background:#f3e8ff;border-color:#861bfa}.points-comparison span,.points-comparison strong,.points-comparison small{display:block}.points-comparison span{font-size:14px}.points-comparison strong{font-size:24px;color:var(--purple);margin:8px 0}.points-comparison small{font-size:12px;color:#746a7a}.points-terms{font-size:12px!important;line-height:1.5!important;color:#746a7a;margin:10px 0!important;font-weight:400!important}.receipt{text-align:center}.receipt-mark{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#eee0ff;color:var(--purple);font-size:32px;margin:24px auto}.receipt-reward{font-weight:700;color:var(--purple)}
