:root{--ink:#1d1d1f;--grey:#6e6e73;--bg:#fff;--band:#f5f5f7;--blue:#0066cc;--buy:#0071e3;--line:#d2d2d7;--max:980px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block;height:auto}
figure{margin:0}
a{-webkit-tap-highlight-color:transparent}
.wrap{max-width:var(--max);margin:0 auto;padding-left:max(22px, env(safe-area-inset-left));padding-right:max(22px, env(safe-area-inset-right))}
.wrap.wide{max-width:1200px}
/* Apple-like top nav */
.apple-nav{position:sticky;top:0;z-index:20;background:rgba(251,251,253,.85);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--line)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;height:56px}
.nav-inner a{color:var(--ink);text-decoration:none;font-size:13px;opacity:.85}
.nav-inner a:hover{opacity:1}
.nav-logo img{height:36px;width:auto;display:block}
/* hero */
.hero{text-align:center;padding:64px 0 40px}
.logo-h1{margin:0 0 4px}
.logo-h1 img{height:clamp(168px,28vw,264px);width:auto;margin:0 auto}
.eyebrow{color:var(--grey);font-size:14px;font-weight:600;margin:0}
h1{font-size:clamp(44px,7vw,80px);line-height:1.02;letter-spacing:-.025em;font-weight:600;margin:10px 0 14px;text-transform:none;font-variant:normal}
.sub{font-size:clamp(17px,2.5vw,21px);color:var(--ink);max-width:640px;margin:0 auto}
.rating{font-size:14px;color:var(--grey);margin:14px 0 0}
.hero-media{margin:36px auto 12px;max-width:1000px}
.hero-media img{width:100%;border-radius:12px}
.fine{font-size:12px;color:var(--grey)}
/* band */
.band{background:var(--band);padding:72px 0;text-align:center;border-top:1px solid var(--line)}
h2{font-size:clamp(32px,5vw,56px);letter-spacing:-.02em;font-weight:600;margin:0}
.sub-s{color:var(--grey);font-size:19px;margin:8px 0 0}
.plist{max-width:640px;margin:32px auto 0;text-align:left;border-top:1px solid var(--line)}
.plist div{padding:16px 4px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}
.ptext{display:grid;gap:2px}
.plist strong{font-size:15px}
.plist span{font-size:14px;color:#333}
.cutline{font-size:15px;max-width:620px;margin:24px auto 0}
.inline-img{margin:32px auto;border-radius:12px;width:100%}
.quote{font-size:17px;max-width:620px;margin:8px auto 0}
.bundle{font-size:17px;margin:28px 0 0}
.bundle s{color:var(--grey)}
.btn-buy{display:inline-block;margin-top:14px;background:#AFC5D8;color:#1d1d1f;text-decoration:none;font-size:17px;font-weight:500;padding:10px 28px;border-radius:980px;border:1px solid #AFC5D8}
.btn-buy:hover{background:#9DB8CF;border-color:#9DB8CF}
.btn-row{display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:14px}
.btn-ghost{display:inline-block;background:#E7C7C3;color:#1d1d1f;text-decoration:none;font-size:17px;font-weight:500;padding:10px 28px;border-radius:980px;border:1px solid #E7C7C3}
.btn-ghost:hover{background:#D9B4B0;border-color:#D9B4B0}
.btn-ghost.small{font-size:14px;padding:6px 20px;margin-top:0}
button.btn-buy,button.btn-ghost{font:inherit;cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:44px}
.plist div{grid-template-columns:1fr auto;align-items:center;gap:12px}
footer{border-top:1px solid var(--line);padding:20px 0;background:var(--band)}
footer p{font-size:12px;color:var(--grey);margin:0}
@media(max-width:640px){.nav-inner a:not(.nav-logo){font-size:12px;gap:12px}.nav-inner{gap:12px}.hero{padding:48px 0 calc(32px + env(safe-area-inset-bottom))}.logo-h1 img{height:152px}}.btn-row{flex-direction:column;align-items:center}.btn-row .btn-buy,.btn-row .btn-ghost{text-align:center;width:auto;max-width:100%;font-size:15px;padding:8px 24px;min-height:40px}.hero-media img{border-radius:8px}.inline-img{border-radius:8px}}