:root{color-scheme:light;--paper:#f4f7fb;--ink:#132f55;--muted:#53677e;--blue:#255bc9;--line:#d9e2ed;--yellow:#ffdc7c;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;display:flex;flex-direction:column;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.wrap{width:min(calc(100% - 5rem),66rem);margin-inline:auto}
.header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-block:1.75rem;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:.8rem;font-size:1.75rem;font-weight:780;letter-spacing:-.075rem}
.brand-light{font-weight:450}.brand-dot{color:var(--blue)}
.brand-mark{position:relative;display:grid;align-items:center;width:2.75rem;height:2.75rem;padding-left:.5rem;border-radius:.85rem;background:var(--ink);color:var(--yellow);font-size:2rem;letter-spacing:-.1rem;transform:rotate(-7deg)}
.brand-mark span{position:absolute;right:.42rem;bottom:.43rem;font-size:1.3rem}
.header-note{color:var(--muted);font-size:.875rem;margin:0}
main{flex:1;padding-block:3.35rem 2.5rem}
.intro{text-align:center;margin-bottom:2.75rem}
.eyebrow{display:inline-flex;align-items:center;gap:.55rem;margin:0 0 1.35rem;font-size:.75rem;font-weight:650;letter-spacing:.115rem}
.eyebrow span{font-size:1.1rem;color:var(--blue)}
h1{margin:0;font-size:clamp(2.7rem,5.8vw,4.6rem);font-weight:760;letter-spacing:-.22rem;line-height:1.075}
h1 em{position:relative;color:var(--blue);font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.23rem;white-space:nowrap}
.intro-copy{color:var(--muted);font-size:1.0625rem;line-height:1.7;margin:1.35rem 0 0}
.mobile-break{display:none}
.stores{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;width:min(100%,59rem);margin-inline:auto}
.store{position:relative;display:flex;flex-direction:column;padding:2rem 2.2rem 1.3rem;border-radius:1.4rem;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease}
.store:hover{transform:translateY(-5px);box-shadow:0 15px 30px #132f5518}
.store-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.store-kicker{display:block;font-size:.75rem;font-weight:600;letter-spacing:.1rem;margin-bottom:.55rem}
h2{font-size:2.7rem;line-height:1.1;font-weight:730;letter-spacing:-.12rem;margin:0}
.store-icon{display:grid;place-items:center;width:3.25rem;height:3.25rem;border:1px solid;border-radius:50%}
.store-icon svg{width:1.5rem;height:1.5rem}
.store p{font-size:1rem;line-height:1.7;margin:1.2rem 0 1.7rem}
.amazon{background:var(--ink);color:white;box-shadow:0 6px 14px #132f5510}
.amazon .store-kicker,.amazon p,.amazon .destination{color:#c7d7e9}
.amazon .store-icon{color:var(--yellow);border-color:#536b8a}
.ebay{background:#fff;border-color:#d7e1ed;box-shadow:0 6px 14px #132f5505}
.ebay .store-kicker,.ebay p,.ebay .destination{color:var(--muted)}
.ebay .store-icon{border-color:#cfdcf1;background:#f1f6ff;color:var(--blue)}
.shop-button{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3.5rem;margin-top:auto;padding:1rem 1.2rem;border-radius:.8rem;font-size:1rem;font-weight:650}
.shop-button svg{width:1.35rem;height:1.35rem;flex:none;transition:transform .2s ease}
.store:hover .shop-button svg{transform:translateX(4px)}
.amazon .shop-button{background:var(--yellow);color:var(--ink)}
.ebay .shop-button{background:var(--blue);color:white}
.destination{display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:.75rem;margin-top:1rem}
.checkout-note{display:flex;align-items:center;justify-content:center;gap:.6rem;margin:1.8rem 0 0;font-size:.8125rem;color:var(--muted);line-height:1.6}
.checkout-note svg{width:1rem;height:1rem;flex:none}
.footer{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);padding-block:1.4rem;color:var(--muted);font-size:.75rem}
a:focus-visible{outline:3px solid #ee752a;outline-offset:5px}
@media(max-width:46rem){.wrap{width:calc(100% - 2.5rem)}.header{padding-block:1.35rem}.header-note{font-size:.75rem}main{padding-top:2.65rem}h1,h1 em{letter-spacing:-.14rem}.intro{margin-bottom:2rem}.intro-copy{font-size:1rem}.stores{gap:1rem}.store{padding:1.5rem}.store-icon{display:none}.store p{font-size:1rem}}
@media(max-width:36rem){.header-note{display:none}.brand{font-size:1.6rem}.brand-mark{width:2.5rem;height:2.5rem}.brand-mark span{bottom:.33rem}.eyebrow{font-size:.75rem;letter-spacing:.06rem;gap:.4rem;margin-bottom:1rem}h1{font-size:clamp(2.25rem,9.4vw,3.35rem);letter-spacing:-.12rem}h1 em{letter-spacing:-.12rem}.mobile-break{display:block}.intro-copy{margin-top:1.1rem}.stores{grid-template-columns:1fr}.store{border-radius:1.15rem;padding:1.6rem}.store-icon{display:grid}h2{font-size:2.4rem}.store p{margin-block:1rem 1.25rem}.checkout-note{align-items:flex-start;max-width:22rem;margin-inline:auto;text-align:center}.checkout-note svg{margin-top:.15rem}.footer{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.store,.shop-button svg{transition:none}.store:hover,.store:hover .shop-button svg{transform:none}}
