.sp-offers-page{--ink:#102b40;--accent:#a74c2a;--cream:#faf7f0;background:var(--cream);color:var(--ink);font-family:Inter,system-ui,sans-serif}.of-hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;padding:64px 5% 56px;gap:28px;align-items:center}.of-eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:#a74c2a;margin:0 0 15px}.of-hero h1{font-size:clamp(36px,4.4vw,66px);font-weight:800;letter-spacing:-.045em;line-height:1.08;max-width:620px;margin-bottom:22px}.of-hero-copy>p:not(.of-eyebrow){max-width:530px;line-height:1.7;color:#536476;font-size:16px}.of-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:#102b40;color:#fff!important;text-decoration:none!important;border-radius:8px;padding:15px 24px;font-weight:700;font-size:14px;border:0;min-height:48px;cursor:pointer}.of-button:hover{background:#184766}.of-hero .of-button{margin-top:26px}.of-promises{display:flex;flex-wrap:wrap;gap:14px;font-size:11px;margin-top:28px;color:#536476}.of-promises span:before{content:'✓';margin-right:5px;color:#8a3f23}.of-hero-visual{position:relative;isolation:isolate;min-width:0;text-align:center}.of-orbit{position:absolute;z-index:-1;width:85%;aspect-ratio:1;top:0;left:8%;border-radius:50%;background:#e9dcc4}.of-hero-visual img{position:relative;width:100%;height:330px;object-fit:contain;mix-blend-mode:multiply}.of-hero-visual p{font-size:15px;line-height:1.5;color:#68726e}.of-catalogue,.of-how,.of-faq{max-width:1280px;margin:auto;padding:40px 28px}.of-section-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.of-section-top h2,.of-how h2,.of-faq h2{font-size:clamp(26px,3vw,38px);font-weight:800;letter-spacing:-.035em}.of-section-top>a,.of-faq>a{font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:5px}.of-filters{background:white;display:grid;grid-template-columns:2fr repeat(4,1fr) auto;gap:12px;padding:20px;border:1px solid #e3e5e4;border-radius:12px}.of-filters label{font-size:11px;font-weight:700;display:flex;flex-direction:column;gap:8px;min-width:0}.of-filters input,.of-filters select{border:1px solid #d6dddf;border-radius:6px;padding:10px;width:100%;min-height:44px;font-size:13px;background:#fff;font-weight:400}.of-reset{border:0;text-decoration:underline;font-size:12px;align-self:end;min-height:44px}.of-results{font-size:13px;font-weight:700;margin:22px 0 5px}.of-note{font-size:12px;color:#5b6771;line-height:1.6;margin-bottom:22px}.of-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.of-card{background:#fff;border:1px solid #e1e4e3;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 20px #102b4005}.of-card-visual{position:relative;background:#f1f4f5;padding:30px 12px 5px}.of-card-visual img{width:100%;height:190px;object-fit:contain;mix-blend-mode:multiply}.of-card-tag{position:absolute;left:16px;top:13px;font-size:10px;letter-spacing:.05em;font-weight:800;color:#7a4326;background:#fff3df;padding:5px 8px;border-radius:4px}.of-card-copy{padding:22px;display:flex;flex-direction:column;flex:1}.of-card h3{font-size:23px;font-weight:800;letter-spacing:-.03em;margin:0 0 8px}.of-card-meta{font-size:11px;color:#596e7c;margin-bottom:15px}.of-card-headline{font-size:19px;color:#9b4727;font-weight:800;margin-bottom:8px}.of-card-desc{font-size:13px;color:#5b6771;line-height:1.7;margin-bottom:15px}.of-card ul{padding:0;list-style:none;font-size:12px;line-height:1.8;margin-bottom:14px}.of-card li:before{content:'✓';color:#317261;margin-right:8px}.of-card details{font-size:12px;line-height:1.7;margin-bottom:18px}.of-card summary{cursor:pointer;font-weight:700}.of-card details p{margin-top:8px;color:#5b6771}.of-card .of-button{width:100%;margin-top:auto}.of-card-link{display:block;text-align:center;font-size:12px;margin-top:13px;text-decoration:underline}.of-empty{grid-column:1/-1;background:#fff;padding:30px;border-radius:12px;font-size:15px}.of-how{margin-top:28px;background:#eaf0ee;border-radius:16px}.of-how>div{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:25px}.of-how article b{font-size:26px;color:#8b5232}.of-how h3{font-size:19px;font-weight:700;margin:10px 0}.of-how p,.of-faq p{font-size:14px;line-height:1.8;color:#546775}.of-faq{padding-top:60px;padding-bottom:65px;max-width:950px}.of-faq details{border-bottom:1px solid #d8dedb;padding:20px 0}.of-faq summary{font-weight:650;cursor:pointer}.of-faq>a{display:inline-block;margin-top:25px}.of-enquiry-intro{padding:30px 24px;max-width:1200px;margin:auto}.of-enquiry-intro h1{font-size:32px;font-weight:800}.of-enquiry-intro p{margin-top:12px}.of-enquiry-intro>a{display:inline-block;margin-bottom:20px;color:#0b4fa1}.of-popup{border:0;border-radius:18px;padding:0;width:min(460px,calc(100% - 32px));max-height:85dvh;overflow:auto;color:#102b40;background:#faf7f0;box-shadow:0 20px 80px #0005}.of-popup::backdrop{background:#071a3390}.of-popup-close{position:absolute;right:12px;top:10px;width:42px;height:42px;border:1px solid #cbd5da;background:#fff;border-radius:50%;font-size:26px;z-index:2;cursor:pointer}.of-popup-image{display:block;padding:35px 20px 0;background:#ecede6}.of-popup-image img{width:100%;height:215px;object-fit:contain;mix-blend-mode:multiply}.of-popup-copy{padding:24px 30px 28px}.of-popup h2{font-size:31px;font-weight:800;line-height:1.15;letter-spacing:-.035em;margin-bottom:12px}.of-popup-copy p{font-size:14px;line-height:1.6;margin-bottom:18px}.of-popup .of-button{width:100%}.of-popup-later{display:block;margin:16px auto 0;border:0;background:transparent;font-size:12px;text-decoration:underline;cursor:pointer}.sp-offers-page :focus-visible,.of-popup :focus-visible{outline:3px solid #1870ad;outline-offset:3px}.of-grid[aria-busy=true]{opacity:.6}@media(max-width:1100px){.of-filters{grid-template-columns:repeat(3,1fr)}.of-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.of-hero-visual img{height:280px}}@media(max-width:640px){.of-hero{grid-template-columns:1fr;padding:35px 22px 22px;gap:25px}.of-hero h1{font-size:39px}.of-hero-visual img{height:230px}.of-orbit{width:65%;left:18%}.of-hero-visual p{font-size:12px}.of-promises{gap:10px}.of-catalogue{padding:28px 16px}.of-section-top{align-items:flex-start}.of-section-top>a{font-size:11px;white-space:nowrap}.of-filters{grid-template-columns:1fr 1fr;padding:14px;gap:14px}.of-search-label{grid-column:1/-1}.of-grid{grid-template-columns:1fr}.of-how{margin:16px;padding:25px}.of-how>div{grid-template-columns:1fr;gap:20px}.of-faq{padding:35px 22px 55px}.of-popup-image img{height:175px}.of-popup-copy{padding:22px}.of-popup h2{font-size:27px}}

/* SP Tata visual alignment, 5 October 2026. Scoped to offers only. */
.sp-offers-page{--ink:#071a33;--accent:#0b4fa1;--cream:#fff;background:#fff;color:#071a33}
.of-hero{max-width:1280px;padding:58px 28px 52px;gap:48px;background:#fff}
.of-eyebrow{color:#0b4fa1;letter-spacing:.13em;font-size:11px}
.of-hero h1{font-size:clamp(34px,4.1vw,56px);letter-spacing:-.035em;line-height:1.12;max-width:590px}
.of-hero-copy>p:not(.of-eyebrow){color:#52647b;font-size:16px}
.of-button{background:#0b4fa1;border-radius:8px;box-shadow:0 5px 14px #0b4fa118;transition:background .2s,box-shadow .2s}
.of-button:hover{background:#083c7c;box-shadow:0 7px 18px #0b4fa126}
.of-promises{color:#52647b;font-size:12px;gap:16px}.of-promises span:before{color:#0b4fa1}
.of-hero-visual{padding:26px 12px 20px;background:linear-gradient(145deg,#fff 25%,#edf4ff 100%);border:1px solid #e2e8f0;border-radius:20px;overflow:hidden}
.of-orbit{width:75%;left:13%;top:12%;background:radial-gradient(circle,#e0edff 0%,#f3f7fd 70%);opacity:.75}
.of-hero-visual img{height:300px;mix-blend-mode:multiply;filter:drop-shadow(0 18px 12px #071a3314)}
.of-hero-visual p{color:#52647b;font-size:14px}
.of-catalogue{max-width:none;background:#f3f6fa;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding:48px max(24px,calc((100% - 1224px)/2))}
.of-section-top h2,.of-how h2,.of-faq h2{color:#071a33;font-size:clamp(26px,3vw,36px);letter-spacing:-.03em}
.of-section-top>a,.of-faq>a{color:#0b4fa1}
.of-filters{border-color:#dbe4ef;border-radius:12px;box-shadow:0 4px 16px #071a3306;padding:22px;gap:14px}
.of-filters label{font-size:12px;color:#334155}.of-filters input,.of-filters select{border-color:#cbd5e1;min-height:46px;color:#071a33}.of-reset{color:#0b4fa1;font-weight:700}
.of-results{color:#071a33;margin-top:24px;font-size:14px}.of-note{color:#52647b}
.of-grid{gap:24px}.of-card{border-color:#dbe4ef;border-radius:14px;box-shadow:0 4px 15px #071a3307;transition:box-shadow .2s,border-color .2s}
.of-card:hover{border-color:#a8c6ec;box-shadow:0 12px 28px #071a3312}
.of-card-visual{background:#fff;padding:40px 16px 8px;border-bottom:1px solid #edf1f6}
.of-card-visual img{height:200px;mix-blend-mode:normal}.of-card-tag{color:#0b4fa1;background:#edf4ff;border:1px solid #d9e8fb;border-radius:5px;left:18px;top:14px;letter-spacing:.06em}
.of-card-copy{padding:23px}.of-card h3{color:#071a33;font-size:24px}.of-card-meta{color:#52647b;font-size:12px}
.of-card-headline{color:#0b4fa1;font-size:20px;line-height:1.35}.of-card-desc{color:#52647b}.of-card li:before{color:#0b4fa1}
.of-card details{padding-top:12px;border-top:1px solid #e2e8f0}.of-card summary{color:#334155;min-height:30px}.of-card-link{color:#0b4fa1;padding:5px;min-height:32px}
.of-how{background:#071a33;color:#fff;margin:48px auto 0;border-radius:16px;max-width:1224px;padding:38px}
.of-how .of-eyebrow{color:#9bc8ff}.of-how h2,.of-how h3{color:#fff}.of-how article b{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:#17395f;color:#bfddff;font-size:20px}.of-how p{color:#d1deec}
.of-faq{padding-top:48px}.of-faq details{border-color:#dbe4ef}.of-faq summary{color:#071a33;min-height:26px}
.of-enquiry-intro{color:#071a33}.of-enquiry-intro>a{color:#0b4fa1}
.of-popup{background:#fff;color:#071a33;border:1px solid #dbe4ef;border-radius:16px;width:min(480px,calc(100% - 28px));box-shadow:0 24px 90px #071a3355}
.of-popup::backdrop{background:#071a33a6;backdrop-filter:blur(3px)}
.of-popup-image{background:linear-gradient(150deg,#fff,#edf4ff);padding:32px 24px 10px;border-bottom:1px solid #e2e8f0}
.of-popup-image img{height:215px;mix-blend-mode:multiply}.of-popup-close{color:#071a33;border-color:#dbe4ef;box-shadow:0 3px 9px #071a3310}
.of-popup-copy{padding:25px 30px 26px}.of-popup-copy .of-eyebrow{color:#0b4fa1;font-size:11px;font-weight:800;letter-spacing:.12em}.of-popup h2{font-size:30px;line-height:1.18;color:#071a33;letter-spacing:-.025em}.of-popup-copy>p:not(.of-eyebrow){color:#52647b}.of-popup-later{color:#52647b;min-height:36px;margin-top:9px}
.sp-offers-page :focus-visible,.of-popup :focus-visible{outline-color:#0b4fa1}
@media(max-width:1100px){.of-hero{gap:24px}.of-hero-visual img{height:255px}.of-how{margin-left:24px;margin-right:24px}}
@media(max-width:640px){.of-hero{padding:32px 20px;gap:24px}.of-hero h1{font-size:36px}.of-hero-visual{padding:14px 8px}.of-hero-visual img{height:210px}.of-catalogue{padding:32px 16px}.of-section-top{gap:12px}.of-section-top h2{font-size:27px}.of-filters{padding:16px;gap:12px}.of-grid{gap:20px}.of-card-copy{padding:21px}.of-card-visual img{height:200px}.of-how{margin:28px 16px 0;padding:26px}.of-popup-image img{height:175px}.of-popup-copy{padding:22px}.of-popup h2{font-size:27px}.of-faq{padding:35px 20px}}
@media(prefers-reduced-motion:reduce){.of-card,.of-button{transition:none}}

/* Campaign image and same-page offer enquiry */
.of-hero-visual{padding:0;background:#fff;border:1px solid #dbe4ef;overflow:hidden}.of-hero-visual .of-orbit{display:none}.of-hero-visual img{display:block;width:100%;height:auto!important;max-height:none;object-fit:contain;mix-blend-mode:normal;filter:none}.of-hero-visual p{padding:12px 15px;margin:0;background:#f3f6fa;color:#52647b;font-size:12px}
.of-popup{width:min(600px,calc(100% - 24px));max-height:92dvh}.of-popup-image{padding:0;background:#fff}.of-popup-image img{display:block;width:100%;height:auto!important;max-height:58dvh;object-fit:contain;mix-blend-mode:normal}.of-popup-copy{padding:18px 24px}.of-popup h2{font-size:24px}.of-popup-copy .of-eyebrow{margin-bottom:7px}.of-popup-copy>p:not(.of-eyebrow){margin-bottom:12px}.of-popup-close{background:#fff;right:8px;top:8px}
.of-enquiry-modal{padding:0;border:1px solid #dbe4ef;border-radius:16px;width:min(820px,calc(100% - 24px));height:min(800px,92dvh);max-height:92dvh;background:white;color:#071a33;overflow:hidden;box-shadow:0 25px 80px #071a3355}.of-enquiry-modal[open]{display:flex;flex-direction:column}.of-enquiry-modal::backdrop{background:#071a33b3;backdrop-filter:blur(3px)}.of-modal-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #dbe4ef;gap:12px;flex-shrink:0;background:#f3f6fa}.of-modal-bar h2{font-size:21px;font-weight:750;line-height:1.3}.of-modal-close{background:#fff;border:1px solid #cbd5e1;border-radius:50%;width:44px;height:44px;font-size:28px;flex-shrink:0;cursor:pointer}.of-enquiry-modal iframe{width:100%;flex:1;min-height:0;border:0;background:white}.of-modal-loading{padding:8px 20px;font-size:13px}.of-modal-foot{padding:8px 20px;font-size:12px;flex-shrink:0;border-top:1px solid #e2e8f0}.of-modal-foot a{color:#0b4fa1;text-decoration:underline}.of-enquiry-modal :focus-visible{outline:3px solid #0b4fa1;outline-offset:2px}
html.of-embedded #site-header,html.of-embedded footer,html.of-embedded .fixed,html.of-embedded .of-enquiry-intro>a{display:none!important}html.of-embedded .of-enquiry-intro{padding:16px 20px}html.of-embedded .of-enquiry-intro h1{font-size:24px}html.of-embedded body{background:#fff}html.of-embedded main{padding-top:0!important}
@media(max-width:640px){.of-popup-copy{padding:16px 18px}.of-popup h2{font-size:22px}.of-modal-bar{padding:12px 14px}.of-modal-bar h2{font-size:18px}.of-enquiry-modal{height:94dvh;max-height:94dvh;border-radius:12px}.of-hero{grid-template-columns:1fr}.of-hero-visual{width:100%}}

.of-hero.of-dual-hero{display:block;max-width:1280px;padding-top:40px}.of-dual-hero .of-hero-copy{max-width:760px;margin:0 auto 30px;text-align:center}.of-dual-hero h1{max-width:none;font-size:clamp(32px,3.6vw,48px)}.of-dual-hero .of-hero-copy>p:not(.of-eyebrow){max-width:none}.of-dual-hero .of-promises{justify-content:center}.of-campaign-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.of-campaign-card{min-width:0;border:1px solid #dbe4ef;border-radius:14px;background:#fff;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 6px 22px #071a3308}.of-campaign-art{display:flex;align-items:center;justify-content:center;background:#f3f6fa;aspect-ratio:1;overflow:hidden}.of-campaign-art img{display:block;width:100%;height:100%;object-fit:contain}.of-campaign-copy{padding:22px;display:flex;flex-direction:column;flex:1}.of-campaign-copy h3{font-size:26px;line-height:1.2;font-weight:800;color:#071a33;margin:0 0 12px}.of-campaign-copy>p:not(.of-eyebrow){color:#52647b;font-size:14px;line-height:1.6;margin:0 0 20px}.of-campaign-copy .of-button{margin-top:auto}.of-campaign-copy .of-eyebrow{margin-bottom:10px}.of-dual-popup{width:min(860px,calc(100% - 24px));padding:24px;max-height:92dvh}.of-dual-heading{padding-right:34px;margin-bottom:20px}.of-dual-heading h2{font-size:27px}.of-dual-heading>p:not(.of-eyebrow){font-size:14px;color:#52647b}.of-dual-popup .of-campaign-grid{gap:16px}.of-dual-popup .of-campaign-copy{padding:16px}.of-dual-popup .of-campaign-copy h3{font-size:21px}.of-dual-popup .of-campaign-art{aspect-ratio:auto;height:250px}.of-dual-popup .of-campaign-copy>p:not(.of-eyebrow){font-size:12px;margin-bottom:12px}.of-dual-popup .of-popup-later{margin-top:14px}.of-dual-popup .of-eyebrow{font-size:10px}@media(max-width:640px){.of-hero.of-dual-hero{padding:28px 16px}.of-dual-hero .of-campaign-grid{grid-template-columns:1fr}.of-dual-popup{padding:18px 12px}.of-dual-popup .of-campaign-grid{gap:9px}.of-dual-popup .of-campaign-art{height:auto;aspect-ratio:1}.of-dual-popup .of-campaign-copy{padding:11px}.of-dual-popup .of-campaign-copy h3{font-size:18px}.of-dual-popup .of-campaign-copy .of-button{font-size:12px;padding:10px 8px;min-height:44px}.of-dual-heading{padding-left:3px}.of-dual-heading h2{font-size:24px}.of-campaign-copy{padding:20px}}

/* Creatives before heading */
.of-dual-hero .of-hero-copy{margin:34px auto 0}.of-hero.of-dual-hero{padding-top:24px}@media(max-width:640px){.of-dual-hero .of-hero-copy{margin-top:26px}.of-hero.of-dual-hero{padding-top:18px}}

.of-home-offers{max-width:1224px;margin:auto;padding:30px 24px}.of-home-offers>h2{font-size:30px;font-weight:800;color:#071a33;margin-bottom:16px}.of-home-offers>.of-button{margin-bottom:24px}.of-home-offers .of-campaign-art{max-height:340px}.of-home-offers .of-campaign-art img{object-fit:contain}@media(max-width:640px){.of-home-offers .of-campaign-grid{grid-template-columns:1fr}}