@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@600;700&display=swap');
:root{--ink:#081019;--green:#25a995;--mint:#f3f7f8;--paper:#ffffff;--line:#dbe5e8;--coral:#bc3b30;--yellow:#56d9e6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,Arial,sans-serif;letter-spacing:0;line-height:1.6}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Space Grotesk',Inter,Arial,sans-serif;line-height:1.16;letter-spacing:0}h1{font-size:54px;max-width:750px;margin-bottom:22px}h2{font-size:36px;max-width:960px;margin-bottom:20px}h3{font-size:23px}a{color:inherit}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #e38923;outline-offset:5px}.wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}.eyebrow{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:0;display:block;margin-bottom:15px;color:var(--green)}.lede{font-size:18px;max-width:710px;color:#53616e}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:12px 21px;border:1px solid transparent;border-radius:4px;background:var(--green);color:white;text-decoration:none;font-weight:700;line-height:1.35;text-align:center}.btn:hover{background:#1e9180}.btn.light{background:white;color:var(--green);border-color:#dbe5e8}.btn.yellow{background:var(--yellow);color:var(--ink)}.btn svg,.inline-icon{width:20px;height:20px;flex-shrink:0}.campaign-bar{padding:17px 0;background:white}.campaign-bar .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{width:177px;height:auto}.bar-note{font-size:13px;color:#53616e}.text-link{text-underline-offset:4px;font-weight:700}.hero{position:relative;isolation:isolate;min-height:650px;display:flex;align-items:center;background:#0f1b2a;color:white;overflow:hidden}.hero-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:65% center}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,16,25,.96) 0%,rgba(8,16,25,.9) 35%,rgba(8,16,25,.3) 68%,rgba(8,16,25,.06) 100%)}.hero .wrap{padding-block:65px}.hero-copy{max-width:660px}.hero .eyebrow{color:var(--yellow)}.hero h1 span{color:var(--yellow)}.hero p{max-width:540px;font-size:18px;color:#f3f7f8}.hero .fine{font-size:12px;margin:18px 0 0;max-width:500px}.hero-note{display:flex;gap:24px;flex-wrap:wrap;margin-top:32px;font-size:13px;color:#e3ebef}.offer-intro{padding:70px 0 26px}.offer-intro .lede{margin-bottom:0}.tier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-bottom:28px}.tier{background:white;border:1px solid var(--line);padding:27px;border-radius:6px;display:flex;flex-direction:column;position:relative}.tier.top{background:var(--green);color:white;border-color:var(--green)}.tier .tag{font-size:12px;text-transform:uppercase;font-weight:800;color:var(--green);margin-bottom:12px}.tier.top .tag{color:var(--yellow)}.tier .price{font-family:'Space Grotesk',Inter,Arial,sans-serif;font-size:38px;font-weight:800;line-height:1.2;margin-bottom:5px}.tier .price-note{font-size:13px;margin-bottom:26px;color:#53616e}.tier.top .price-note{color:#dbe5e8}.gift-list{padding:0;list-style:none;margin:0 0 25px;display:grid;gap:13px}.gift-list li{display:flex;gap:11px;align-items:center;font-weight:600}.gift-list svg{width:22px;height:22px;flex-shrink:0;color:var(--green)}.tier.top svg{color:var(--yellow)}.tier .btn{margin-top:auto}.conditions{font-size:13px;color:#53616e;margin:0;padding-bottom:55px}.brand-band{background:white;border-block:1px solid var(--line);padding:27px 0}.brand-band p{text-align:center;font-size:13px;color:#53616e;margin-bottom:25px}.brand-logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around;gap:26px}.brand-logos img{width:105px;height:35px;object-fit:contain}.brand-logos img.apple{width:31px}.section{padding:76px 0}.section-head{margin-bottom:35px}.section-head p{max-width:730px}.gift-story{display:grid;grid-template-columns:1.05fr 1fr;gap:55px;align-items:center}.gift-visual{position:relative;margin:0}.gift-visual img{width:100%;aspect-ratio:3/2;object-fit:cover;mix-blend-mode:multiply}.gift-visual figcaption{font-size:11px;color:#53616e;margin-top:8px}.benefits{margin:25px 0 0;padding:0;list-style:none;display:grid;gap:20px}.benefits li{display:grid;grid-template-columns:35px 1fr;gap:12px}.benefits svg{width:26px;height:26px;color:var(--green)}.benefits strong{display:block;line-height:1.35;margin-bottom:5px}.benefits p{margin:0;color:#53616e;font-size:15px}.fit{background:var(--mint)}.fit-rows{border-top:1px solid #dbe5e8}.fit-row{display:grid;grid-template-columns:45px 1fr 1.55fr;gap:26px;padding:26px 0;border-bottom:1px solid #dbe5e8;align-items:start}.fit-row svg{width:29px;height:29px;color:var(--green)}.fit-row h3{font-size:20px;margin:0}.fit-row p{margin:0;color:#53616e}.visit-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;counter-reset:steps}.step{border-top:2px solid var(--green);padding-top:23px}.step-number{font-size:13px;font-weight:800;color:var(--green);display:block;margin-bottom:15px}.step p{color:#53616e;margin:0}.visit{background:#fff}.visit-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;align-items:start}.address{font-style:normal;font-size:20px;line-height:1.55;margin:25px 0}.visit iframe{border:0;width:100%;height:420px;background:var(--mint);border-radius:6px}.visit .small{font-size:13px;color:#53616e}.visit .actions{margin-bottom:20px}.faq{max-width:960px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{font-size:18px;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:'+';font-size:23px;flex-shrink:0}.faq details[open] summary:after{content:'-'} .faq details p{max-width:800px;color:#53616e;margin:14px 0 0}.share-section{background:var(--green);color:white;padding:55px 0}.share-section .wrap{display:flex;justify-content:space-between;align-items:center;gap:40px}.share-section h2{font-size:30px;max-width:650px}.share-section p{max-width:600px;color:#dbe5e8;margin-bottom:0}.share-section .actions{flex-shrink:0}.campaign-end{padding:25px 0 100px;color:#53616e;font-size:12px}.campaign-end .wrap{display:flex;justify-content:space-between;gap:20px}.sticky{position:fixed;z-index:20;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:8px;padding:9px;background:#fff;border:1px solid #dbe5e8;box-shadow:0 8px 35px #08101926;border-radius:6px;width:max-content;max-width:calc(100% - 24px)}.sticky .btn{min-height:44px;padding:10px 20px;font-size:14px}.sticky .call{padding-inline:12px}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.status{font-size:13px;min-height:21px;margin-top:12px}.skip{position:absolute;top:-70px;left:20px;background:white;padding:12px;z-index:100}.skip:focus{top:8px}@media(min-width:1500px){.hero{min-height:710px}}@media(max-width:900px){h1{font-size:44px}h2{font-size:32px}.hero-copy{max-width:590px}.tier{padding:22px}.tier .price{font-size:30px}.gift-story{gap:30px}.visit-grid{gap:30px}.fit-row{grid-template-columns:35px 1fr 1.4fr;gap:18px}}@media(max-width:650px){.wrap{width:calc(100% - 36px)}.campaign-bar{padding:14px 0}.logo{width:145px}.bar-note{display:none}.campaign-bar .text-link{font-size:12px}h1{font-size:38px;line-height:1.17}h2{font-size:28px}h3{font-size:21px}.hero{min-height:740px;align-items:flex-start}.hero .wrap{padding-top:38px;padding-bottom:240px}.hero:after{background:linear-gradient(180deg,rgba(8,16,25,.97),rgba(8,16,25,.9) 48%,rgba(8,16,25,.1) 90%)}.hero-photo{object-position:65% center}.hero p{font-size:16px}.hero-note{gap:10px 20px;margin-top:22px}.hero .actions{gap:9px}.hero .btn{font-size:13px;padding-inline:15px}.hero .fine{font-size:11px}.offer-intro{padding:45px 0 20px}.tier-grid{grid-template-columns:1fr;gap:16px}.tier{padding:26px}.tier .price{font-size:36px}.tier .price-note{margin-bottom:18px}.gift-list{grid-template-columns:1fr;gap:11px}.conditions{padding-bottom:35px}.brand-logos{gap:25px}.brand-logos img{width:83px;height:29px}.section{padding:47px 0}.gift-story,.visit-grid{grid-template-columns:1fr;gap:28px}.gift-visual{order:2}.gift-visual img{aspect-ratio:3/2}.fit-row{grid-template-columns:30px 1fr;gap:10px 16px;padding:23px 0}.fit-row p{grid-column:2}.visit-steps{grid-template-columns:1fr;gap:28px}.step-number{margin-bottom:9px}.visit iframe{height:320px}.share-section .wrap{display:block}.share-section .actions{margin-top:25px}.share-section h2{font-size:27px}.sticky{bottom:8px;gap:6px;width:calc(100% - 16px);justify-content:center}.sticky .btn{padding:10px 12px;font-size:12px;flex:1}.sticky .call{flex:0}.campaign-end .wrap{display:block}.campaign-end a{display:inline-block;margin-top:10px}.lede{font-size:16px}.faq summary{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Let the gift photograph scale with its column, not its HTML intrinsic height. */
.gift-visual img{height:auto}
@media(max-width:650px){.sticky .btn{padding-inline:9px}.sticky .btn svg{width:17px;height:17px}}
/* Match the main site's type pairing while keeping campaign copy easy to read. */
body{font-family:Inter,Arial,sans-serif;font-size:18px;line-height:1.7}
h1,h2,h3,.tier .price{font-family:'Space Grotesk',Inter,Arial,sans-serif;font-weight:700}
.eyebrow,.tier .tag,.step-number{font-size:14px;line-height:1.5}
.btn{font-size:17px;min-height:54px}
.hero p,.lede,.benefits p{font-size:18px;line-height:1.7}
.hero .fine,.conditions,.gift-visual figcaption,.visit .small,.campaign-end,.brand-band p,.tier .price-note,.hero-note,.bar-note,.status{font-size:16px;line-height:1.6}
.hero .fine{max-width:570px}.tier .price{font-size:42px}.tier h3{font-size:25px}.fit-row h3{font-size:22px}
.share-section .wrap{align-items:flex-start;flex-wrap:wrap}.share-section .actions{flex-shrink:1}
.sticky .btn{font-size:16px;min-height:48px}.campaign-end{padding-bottom:115px}
@media(max-width:650px){
 .hero p,.lede{font-size:18px}.hero .fine{font-size:16px}.hero .btn,.campaign-bar .text-link{font-size:16px}
 .hero .wrap{padding-top:34px;padding-bottom:185px}.hero-note{gap:12px 20px}
 .btn{padding:13px 18px}.sticky .btn{font-size:15px;padding:11px 9px}.sticky .btn svg{width:18px;height:18px}
 .faq summary{font-size:18px;line-height:1.45}.campaign-end a{margin-top:15px}.tier .price{font-size:40px}
}
/* TechGuide colours: teal actions, navy contrast, white and cloud-grey sections. */
body{color:#182231}
.btn,.btn.yellow{background:#25a995;color:#081019}
.btn:hover,.btn.yellow:hover{background:#56d9e6;color:#081019}
.btn.light{background:#fff;color:#0f1b2a;border-color:#25a995}
.btn.light:hover{background:#f3f7f8}
.hero:after{background:linear-gradient(90deg,rgba(8,16,25,.97) 0%,rgba(8,16,25,.89) 38%,rgba(8,16,25,.22) 72%,rgba(8,16,25,.06) 100%)}
.hero .eyebrow,.hero h1 span{color:#56d9e6}
.eyebrow,.tier .tag,.step-number,.benefits svg,.fit-row svg,.gift-list svg{color:#147d70}
.tier.top{background:#0f1b2a;border-color:#0f1b2a}
.tier.top .tag,.tier.top svg{color:#56d9e6}
.tier.top .price-note{color:#dbe5e8}
.share-section{background:#0f1b2a}
.brand-band{padding:42px 0}
.brand-band h2{font-size:30px;text-align:center;margin-inline:auto}
.brand-band .eyebrow{text-align:center}
.brand-band p{margin-bottom:28px}
.brand-logos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px 24px}
.brand-logos>img,.brand-lockup{justify-self:center;align-self:center}
.brand-logos>img{max-width:130px;width:105px;height:66px;object-fit:contain;padding:15px 0}
.brand-logos>img.apple{width:31px}
.brand-logos>img.wide-logo{width:130px}
.brand-lockup{display:flex;gap:9px;align-items:center;justify-content:center;min-height:66px;max-width:100%;font-size:16px;font-weight:600;color:#182231}
.brand-lockup img{width:32px;height:32px;object-fit:contain}
@media(max-width:900px){.brand-logos{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:650px){
 .hero:after{background:linear-gradient(180deg,rgba(8,16,25,.97),rgba(8,16,25,.91) 48%,rgba(8,16,25,.12) 92%)}
 .brand-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 12px}
 .brand-logos>img{width:88px;max-width:100%;height:58px}
 .brand-logos>img.wide-logo{width:105px}
 .brand-lockup{flex-direction:column;gap:5px;min-height:74px;font-size:14px;text-align:center;line-height:1.3}
 .brand-lockup img{width:28px;height:28px}
 .brand-band h2{font-size:27px}.brand-band{padding:34px 0}
}
/* Editorial photo layouts give each shopping need a human context. */
.breadcrumbs{display:flex;flex-wrap:wrap;gap:9px;align-items:center;font-size:16px;line-height:1.5;color:#53616e;margin-bottom:24px}
.breadcrumbs a{text-underline-offset:4px}
.people-story{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-top:42px}
.people-story.reverse .people-photo{order:2}
.people-photo,.experience-photo{margin:0;min-width:0}
.people-photo img{width:100%;height:auto;aspect-ratio:5/4;object-fit:cover}
.people-copy h3{font-size:29px;max-width:540px;margin-bottom:28px}
.need{display:grid;grid-template-columns:28px minmax(0,1fr);gap:14px;margin-top:24px}
.need svg{width:26px;height:26px;color:#147d70;margin-top:3px}
.need h4{font-family:Inter,Arial,sans-serif;font-size:19px;line-height:1.4;margin:0 0 7px}
.need p{margin:0;color:#53616e;font-size:18px;line-height:1.65}
.experience-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:stretch}
.experience-photo{display:flex;flex-direction:column}
.experience-photo img{width:100%;height:100%;min-height:460px;object-fit:cover;object-position:50% 50%}
.experience-photo figcaption{font-size:16px;line-height:1.5;color:#53616e;margin-top:10px}
.store-steps{grid-template-columns:1fr;gap:23px}
.store-steps .step{padding-top:18px}.store-steps h3{font-size:25px;margin-bottom:12px}.store-steps .step-number{margin-bottom:9px}
@media(max-width:900px){.people-story,.experience-layout{gap:30px}.people-photo img{aspect-ratio:4/5}.people-copy h3{font-size:26px}}
@media(max-width:650px){
 .hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;background:#0f1b2a;overflow:visible}
 .hero-photo{position:static;z-index:auto;display:block;width:100%;height:230px;min-height:230px;object-fit:cover;object-position:60% 42%}
 .hero:after{display:none}
 .hero .wrap{padding:28px 0 32px}
 .hero h1{font-size:36px;margin-bottom:18px}.hero .eyebrow{margin-bottom:14px}
 .hero-note{display:none}.hero .fine{margin-top:20px}
 .people-story,.experience-layout{grid-template-columns:1fr;gap:25px}
 .people-story{margin-top:32px}.people-story+.people-story{margin-top:43px;padding-top:32px;border-top:1px solid #dbe5e8}
 .people-story.reverse .people-photo{order:0}
 .people-photo img{aspect-ratio:4/3;height:auto}
 .people-copy h3{font-size:26px;margin-bottom:22px}
 .experience-photo img{height:auto;min-height:0;aspect-ratio:4/3}
 .store-steps{gap:25px}.store-steps .step{padding-top:18px}
}