:root {
  --ink: #0b1d22;
  --ink-2: #143139;
  --paper: #f5f2eb;
  --paper-2: #ebe5da;
  --white: #fff;
  --steel: #c8d0d0;
  --steel-dark: #758488;
  --copper: #e28b4c;
  --copper-light: #f4b37d;
  --sage: #9baea6;
  --line: rgba(11, 29, 34, .14);
  --shadow: 0 24px 70px rgba(4, 17, 21, .16);
  --serif: Georgia, 'Times New Roman', serif;
  --sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

* { box-sizing: border-box; }
html { max-width: 100%; overflow-x: clip; scroll-behavior: smooth; scroll-padding-top: 88px; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: var(--sans); font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
body { max-width: 100%; overflow-x: clip; }
body.is-checkout-loading { overflow: hidden; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; }
button, input { font: inherit; }
button { cursor: pointer; }
[hidden] { display: none !important; }
.shell { width: min(100% - 36px, 1220px); margin-inline: auto; }
.section { padding: 76px 0; }
.skip-link { position: fixed; z-index: 999; top: 10px; left: 10px; padding: 10px 15px; color: var(--white); background: var(--ink); transform: translateY(-150%); }
.skip-link:focus { transform: none; }

.announcement { color: #eaf0ef; background: #071519; font-size: 10px; font-weight: 750; letter-spacing: .15em; text-transform: uppercase; }
.announcement__inner { min-height: 34px; display: flex; align-items: center; justify-content: center; gap: 10px; text-align: center; }
.announcement__divider { width: 1px; height: 12px; background: rgba(255,255,255,.35); }
.site-header { position: sticky; z-index: 100; top: 0; border-bottom: 1px solid rgba(11,29,34,.1); background: rgba(245,242,235,.93); backdrop-filter: blur(16px); }
.site-header__inner { min-height: 66px; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.brand { display: inline-flex; align-items: center; gap: 7px; text-decoration: none; color: #132d8d; font-weight: 800; letter-spacing: -.02em; }
.brand img { width: 89px; height: auto; }
.brand span { padding-left: 7px; border-left: 1px solid var(--line); color: var(--ink); font-size: 9px; font-weight: 700; line-height: 1.15; letter-spacing: .12em; text-transform: uppercase; }
.site-nav { display: none; }
.site-header__cta { flex: 0 0 auto; }
.cta-form { margin: 0; }
.button { min-height: 50px; padding: 0 21px; border: 1px solid transparent; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; gap: 11px; color: var(--white); background: var(--ink); font-weight: 750; line-height: 1.1; text-decoration: none; transition: transform .2s ease, background .2s ease, box-shadow .2s ease; }
.button:hover { transform: translateY(-2px); box-shadow: 0 10px 30px rgba(11,29,34,.18); }
.button:focus-visible { outline: 3px solid var(--copper); outline-offset: 3px; }
.button:disabled { opacity: .72; cursor: wait; }
.button svg { width: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.button--small { min-height: 40px; padding: 0 16px; font-size: 12px; }
.button--large { min-height: 58px; padding-inline: 25px; }
.button--primary { background: var(--copper); color: #1b1712; box-shadow: 0 14px 38px rgba(226,139,76,.24); }
.button--dark { background: var(--ink); }
.button--light { color: var(--ink); background: var(--white); }
.button--offer { width: 100%; background: #17343b; }
.button--offer-featured { color: #1b1712; background: var(--copper); }
.eyebrow { margin: 0 0 13px; color: var(--copper-light); font-size: 11px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.eyebrow--dark { color: #9a572f; }
.eyebrow > span { width: 28px; height: 1px; margin: 0 9px 3px 0; display: inline-block; background: currentColor; }
h1, h2, h3, p { margin-top: 0; }
h1, h2 { margin-bottom: 22px; font-family: var(--serif); font-weight: 400; line-height: .99; letter-spacing: -.045em; }
h1 { max-width: 760px; color: var(--white); font-size: clamp(3rem, 13vw, 5.5rem); }
h2 { font-size: clamp(2.4rem, 10vw, 4.6rem); }
h1 em { color: var(--copper-light); font-weight: 400; }
h3 { margin-bottom: 9px; font-size: 1.02rem; line-height: 1.25; }
.section-head { margin-bottom: 38px; }
.section-head > p { color: #536267; }
.section-head--center { text-align: center; }
.section-head--center > p { max-width: 650px; margin-inline: auto; }
.section-head--light, .section-head--light > p { color: var(--white); }

.hero { position: relative; overflow: hidden; color: #dde7e5; background: radial-gradient(circle at 80% 25%, #264850 0, #102a31 32%, #081a1f 72%); }
.hero::before { position: absolute; inset: 0; content: ''; opacity: .08; background-image: repeating-linear-gradient(120deg, transparent 0 18px, rgba(255,255,255,.5) 19px, transparent 20px); }
.hero__glow { position: absolute; width: 340px; height: 340px; top: 17%; right: -130px; border: 1px solid rgba(244,179,125,.24); border-radius: 50%; box-shadow: 0 0 0 55px rgba(244,179,125,.04), 0 0 0 110px rgba(244,179,125,.025); }
.hero__grid { position: relative; z-index: 1; padding-top: 60px; display: grid; }
.hero__copy { position: relative; z-index: 2; }
.hero__mobile-product { height: 205px; margin: -22px -36px 0 22%; display: grid; place-items: center; overflow: hidden; }
.hero__mobile-product img { width: 300px; max-width: none; border-radius: 50%; filter: drop-shadow(0 20px 28px rgba(0,0,0,.42)); }
.hero__lead { max-width: 670px; color: #c6d1d0; font-size: 1.02rem; line-height: 1.7; }
.hero__proof { margin: 25px 0 30px; padding: 0; display: grid; gap: 10px; list-style: none; color: #edf3f2; font-size: 14px; }
.hero__proof li { display: flex; align-items: center; gap: 9px; }
.hero__proof svg { width: 20px; height: 20px; padding: 4px; border: 1px solid rgba(244,179,125,.45); border-radius: 50%; fill: none; stroke: var(--copper-light); stroke-width: 2.4; }
.hero__action { display: flex; align-items: center; gap: 17px; flex-wrap: wrap; }
.hero__price { display: grid; line-height: 1.1; }
.hero__price small, .hero__price span { color: #99acab; font-size: 10px; text-transform: uppercase; letter-spacing: .1em; }
.hero__price strong { color: var(--white); font-family: var(--serif); font-size: 1.8rem; font-weight: 400; }
.checkout-note { margin-top: 18px; display: flex; align-items: center; gap: 8px; color: #94a9a8; font-size: 11px; }
.checkout-note svg { width: 16px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.hero__visual { display: none; position: relative; min-height: 380px; margin-top: 20px; place-items: center; }
.hero__visual picture { position: relative; z-index: 1; width: min(118%, 590px); margin-right: -12%; filter: drop-shadow(0 32px 45px rgba(0,0,0,.45)); }
.hero__visual img { width: 100%; border-radius: 50%; }
.hero__halo { position: absolute; width: 78%; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; box-shadow: inset 0 0 80px rgba(255,255,255,.04); }
.dimension { position: absolute; z-index: 2; padding: 8px 12px; border: 1px solid rgba(255,255,255,.16); border-radius: 3px; color: #b7c8c6; background: rgba(8,26,31,.75); backdrop-filter: blur(8px); font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }
.dimension span { display: block; color: var(--white); font-family: var(--serif); font-size: 1.25rem; letter-spacing: 0; }
.dimension--width { left: 0; bottom: 72px; }
.dimension--depth { right: 0; top: 45px; }
.hero__rail { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(2,1fr); border-top: 1px solid rgba(255,255,255,.11); background: rgba(4,15,18,.35); }
.hero__rail div { min-height: 100px; padding: 18px; border-right: 1px solid rgba(255,255,255,.08); border-bottom: 1px solid rgba(255,255,255,.08); display: grid; align-content: center; }
.hero__rail span { color: var(--copper-light); font-size: 9px; letter-spacing: .16em; }
.hero__rail strong { margin: 4px 0; color: var(--white); font-size: 13px; }
.hero__rail small { color: #91a6a5; font-size: 10px; }

.feature-strip { background: #f8f6f1; }
.feature-grid { display: grid; gap: 1px; border: 1px solid var(--line); background: var(--line); }
.feature-grid article { min-height: 205px; padding: 28px; background: #f8f6f1; }
.feature-grid article:nth-child(even) { background: #f1ece3; }
.feature-grid p { margin: 0; color: #5a6669; font-size: 14px; }
.line-icon { width: 42px; height: 42px; margin-bottom: 28px; border: 1px solid #9faaa9; border-radius: 50%; display: grid; place-items: center; color: #9a572f; font-size: 18px; }

.editorial { overflow: hidden; background: #ded7ca; }
.editorial__grid { display: grid; gap: 45px; }
.large-copy { color: #35474b; font-family: var(--serif); font-size: 1.2rem; line-height: 1.55; }
.use-list { margin-top: 30px; border-top: 1px solid rgba(11,29,34,.22); }
.use-list div { padding: 15px 0; border-bottom: 1px solid rgba(11,29,34,.16); display: grid; grid-template-columns: 85px 1fr; gap: 15px; font-size: 13px; }
.use-list strong { color: #9a572f; text-transform: uppercase; letter-spacing: .08em; }
.fine-print { margin: 18px 0 0; color: #667174; font-size: 11px; }
.editorial__visual { position: relative; min-height: 390px; display: grid; place-items: center; isolation: isolate; }
.editorial__visual::before { position: absolute; inset: 2%; z-index: -3; border-radius: 50%; content: ''; background: radial-gradient(circle at 42% 38%, #eef0ed 0 4%, #b9c2c1 5% 6%, #f2f3f1 7% 10%, #9ba8a9 11% 12%, #e4e7e5 13% 18%, #758589 35%, #263a40 67%, #0e252b 100%); box-shadow: var(--shadow); }
.editorial__visual::after { position: absolute; inset: 9%; z-index: -2; border: 1px solid rgba(255,255,255,.7); border-radius: 50%; content: ''; }
.texture-orbit { position: absolute; z-index: -1; border: 1px solid rgba(255,255,255,.5); border-radius: 50%; }
.texture-orbit--one { width: 55%; aspect-ratio: 1; }
.texture-orbit--two { width: 35%; aspect-ratio: 1; border-color: rgba(226,139,76,.65); }
.editorial__quote { padding: 22px; color: var(--white); text-align: center; text-shadow: 0 2px 18px #0b1d22; }
.editorial__quote span { display: block; color: var(--copper-light); font-size: 11px; font-weight: 800; letter-spacing: .17em; text-transform: uppercase; }
.editorial__quote strong { font-family: var(--serif); font-size: 1.7rem; font-weight: 400; line-height: 1.1; }

.showcase { color: #dce8e6; background: var(--ink); }
.showcase__stage { position: relative; display: grid; overflow: hidden; }
.showcase__stage::after { position: absolute; z-index: 0; width: 420px; height: 420px; right: -220px; top: 180px; border: 1px solid rgba(244,179,125,.22); border-radius: 50%; content: ''; box-shadow: 0 0 0 60px rgba(244,179,125,.03); }
.showcase__copy { position: relative; z-index: 2; }
.showcase__copy p:not(.eyebrow) { color: #a9bcba; }
.showcase__image { position: relative; z-index: 1; margin: -20px -80px 10px -30px; }
.showcase__image img { width: 120%; max-width: none; border-radius: 50%; filter: drop-shadow(0 30px 50px rgba(0,0,0,.4)); }
.showcase__points { position: relative; z-index: 2; margin: 0; padding: 0; list-style: none; }
.showcase__points li { padding: 18px 0; border-top: 1px solid rgba(255,255,255,.14); display: grid; grid-template-columns: 42px 1fr; gap: 10px; }
.showcase__points > li > span { color: var(--copper-light); font-size: 10px; letter-spacing: .14em; }
.showcase__points strong, .showcase__points small { display: block; }
.showcase__points strong { color: var(--white); font-size: 14px; }
.showcase__points small { margin-top: 5px; color: #93aaa7; font-size: 11px; }

.material { background: #f5f2eb; }
.material__grid { display: grid; gap: 30px; }
.material__number { color: #bdc5c3; font-family: var(--serif); font-size: clamp(5rem, 30vw, 12rem); line-height: .75; letter-spacing: -.09em; }
.material__number sup { color: var(--copper); font-size: .25em; vertical-align: top; }
.material__copy > p:not(.eyebrow) { color: #556468; }
.material__facts { margin-top: 25px; display: flex; flex-wrap: wrap; gap: 8px; }
.material__facts span { padding: 9px 13px; border: 1px solid var(--line); border-radius: 999px; font-size: 11px; font-weight: 700; }

.specs { background: #e9e4da; }
.specs__grid { display: grid; gap: 38px; }
.specs__intro { align-self: start; }
.specs__intro > p:not(.eyebrow) { color: #5a6769; }
.spec-list { margin: 0; border-top: 1px solid rgba(11,29,34,.2); }
.spec-list div { padding: 17px 0; border-bottom: 1px solid rgba(11,29,34,.16); display: grid; grid-template-columns: minmax(95px, .75fr) 1.25fr; gap: 16px; }
.spec-list dt { color: #6e7a7c; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.spec-list dd { margin: 0; font-family: var(--serif); font-size: 1.1rem; line-height: 1.25; }
.spec-list dd small { display: block; color: #778184; font-family: var(--sans); font-size: 10px; }

.compatibility { background: #f8f6f1; }
.compatibility__row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; border: 1px solid var(--line); background: var(--line); }
.compatibility__row div { min-height: 135px; padding: 18px; display: grid; place-items: center; align-content: center; gap: 12px; background: #f8f6f1; }
.compatibility__row div:last-child { grid-column: 1/-1; }
.compatibility__row svg { width: 44px; height: 44px; fill: none; stroke: #8a5437; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.compatibility__row strong { font-size: 12px; text-transform: uppercase; letter-spacing: .1em; }

.method { color: #dce8e6; background: #15343b; }
.method__grid { display: grid; gap: 40px; }
.method__intro > p:not(.eyebrow) { color: #afc0bd; }
.method__steps { margin: 0; padding: 0; list-style: none; }
.method__steps li { padding: 23px 0; border-top: 1px solid rgba(255,255,255,.16); display: grid; grid-template-columns: 48px 1fr; gap: 8px; }
.method__steps > li > span { width: 32px; height: 32px; border: 1px solid rgba(244,179,125,.5); border-radius: 50%; display: grid; place-items: center; color: var(--copper-light); font-family: var(--serif); }
.method__steps strong { display: block; color: var(--white); }
.method__steps p { margin: 5px 0 0; color: #a9bcb9; font-size: 13px; }

.comparison { background: #f5f2eb; }
.comparison-table { border: 1px solid var(--line); }
.comparison-table__row { display: grid; grid-template-columns: 1.15fr .85fr; }
.comparison-table__row > * { min-height: 64px; padding: 13px; border-bottom: 1px solid var(--line); display: flex; align-items: center; font-size: 12px; }
.comparison-table__row > :first-child { grid-column: 1/-1; min-height: auto; padding-block: 10px; color: #687477; background: #eae5db; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.comparison-table__row > strong { color: var(--ink); background: #d7dfdc; }
.comparison-table__row > :last-child { color: #606d6f; background: #f9f7f2; }
.comparison-table__head { display: none; }

.confidence { padding-bottom: 0; overflow: hidden; color: #dfe9e8; background: #07181d; }
.confidence__grid { display: grid; }
.confidence__image { position: relative; align-self: end; order: 2; margin: 20px -30px 0; overflow: hidden; }
.confidence__image::after { position: absolute; inset: 10% 5%; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; content: ''; }
.confidence__image img { width: 100%; border-radius: 50%; }
.confidence__copy h2 { color: var(--white); }
.confidence__points { border-top: 1px solid rgba(255,255,255,.16); }
.confidence__points div { padding: 17px 0; border-bottom: 1px solid rgba(255,255,255,.13); display: grid; grid-template-columns: 40px 1fr; }
.confidence__points span { color: var(--copper-light); font-size: 10px; }
.confidence__points p { margin: 0; color: #a7b9b7; font-size: 13px; }
.confidence__points strong { margin-bottom: 3px; display: block; color: var(--white); }

.offers { color: #dfe9e8; background: #102c33; }
.offer-grid { display: grid; gap: 18px; }
.offer-card { position: relative; padding: 22px; border: 1px solid rgba(255,255,255,.13); border-radius: 4px; color: var(--ink); background: #f4f1eb; }
.offer-card--featured { border-color: var(--copper); box-shadow: 0 24px 55px rgba(0,0,0,.2); }
.offer-card__badge { position: absolute; top: -11px; right: 16px; padding: 5px 11px; border-radius: 999px; color: #21170f; background: var(--copper); font-size: 9px; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.offer-card__top { display: flex; justify-content: space-between; align-items: baseline; }
.offer-card__top span { font-family: var(--serif); font-size: 1.6rem; }
.offer-card__top small { color: #6d7779; font-size: 9px; letter-spacing: .09em; text-transform: uppercase; }
.offer-card img { width: min(100%, 250px); margin: 12px auto; border-radius: 50%; }
.offer-card__price { margin: 5px 0 12px; display: grid; text-align: center; }
.offer-card__price del { color: #849092; font-size: 12px; }
.offer-card__price strong { font-family: var(--serif); font-size: 2.35rem; font-weight: 400; line-height: 1; }
.offer-card__price small { margin-top: 5px; color: #6b7778; font-size: 10px; }
.offer-card > p { color: #536164; font-size: 12px; text-align: center; }
.offer-note { max-width: 780px; margin: 24px auto 0; color: #93aaa7; font-size: 10px; text-align: center; }

.guarantee { background: #ded7ca; }
.guarantee__card { display: grid; gap: 25px; align-items: center; }
.guarantee__seal { width: 118px; height: 118px; border: 1px solid #9c6a4a; border-radius: 50%; display: grid; place-content: center; color: #9c572f; text-align: center; box-shadow: inset 0 0 0 7px #ded7ca, inset 0 0 0 8px rgba(156,87,47,.3); }
.guarantee__seal span { font-family: var(--serif); font-size: 2.9rem; line-height: .8; }
.guarantee__seal small { font-size: 9px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.guarantee__copy p:not(.eyebrow) { color: #516064; }
.guarantee__copy a { font-size: 12px; font-weight: 750; text-decoration-color: var(--copper); text-underline-offset: 5px; }

.faq { background: #f8f6f1; }
.faq__grid { display: grid; gap: 32px; }
.faq__intro > p:not(.eyebrow) { color: #5e6c6f; }
.faq__intro > a { color: #9a572f; font-size: 13px; font-weight: 750; }
.faq__items { border-top: 1px solid var(--line); }
.faq details { border-bottom: 1px solid var(--line); }
.faq summary { position: relative; padding: 20px 40px 20px 0; cursor: pointer; font-family: var(--serif); font-size: 1.05rem; line-height: 1.3; list-style: none; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { position: absolute; right: 4px; top: 17px; content: '+'; color: #9a572f; font-family: var(--sans); font-size: 1.5rem; font-weight: 300; }
.faq details[open] summary::after { content: '−'; }
.faq details p { padding: 0 35px 18px 0; color: #59676a; font-size: 13px; }

.final-cta { position: relative; overflow: hidden; color: #dce8e6; background: #0b2228; }
.final-cta__rings { position: absolute; width: 430px; height: 430px; left: -220px; bottom: -190px; border: 1px solid rgba(244,179,125,.2); border-radius: 50%; box-shadow: 0 0 0 65px rgba(244,179,125,.03), 0 0 0 130px rgba(244,179,125,.02); }
.final-cta__grid { position: relative; display: grid; align-items: center; }
.final-cta__product { order: 2; margin: 15px -45px -90px; }
.final-cta__product img { width: 100%; border-radius: 50%; filter: drop-shadow(0 30px 30px rgba(0,0,0,.3)); }
.final-cta__copy h2 { color: var(--white); }
.final-cta__copy > p:not(.eyebrow) { color: #a8b9b7; }
.final-cta__micro { margin-top: 19px; display: flex; flex-wrap: wrap; gap: 7px 15px; color: #91a5a3; font-size: 9px; text-transform: uppercase; letter-spacing: .08em; }

.site-footer { padding: 58px 0 105px; color: #9eb0ae; background: #061419; font-size: 12px; }
.site-footer__grid { display: grid; gap: 35px; }
.brand--footer { color: var(--white); font-family: var(--serif); font-size: 2rem; font-weight: 400; }
.site-footer__brand p { max-width: 330px; margin-top: 12px; }
.site-footer__links { display: grid; gap: 9px; align-content: start; }
.site-footer__links strong { margin-bottom: 4px; color: var(--white); font-size: 10px; letter-spacing: .14em; text-transform: uppercase; }
.site-footer__links a { text-decoration: none; }
.site-footer__links a:hover { color: var(--white); }
.site-footer__note { margin-top: 35px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.12); }
.site-footer__bottom { padding-top: 18px; display: flex; justify-content: space-between; gap: 12px; color: #718482; font-size: 10px; }
.mobile-cta { position: fixed; z-index: 90; left: 10px; right: 10px; bottom: 10px; padding: 8px 8px 8px 13px; border: 1px solid rgba(255,255,255,.16); border-radius: 14px; display: flex; align-items: center; justify-content: space-between; gap: 10px; color: var(--white); background: rgba(7,24,29,.94); box-shadow: 0 12px 45px rgba(0,0,0,.35); backdrop-filter: blur(14px); transition: opacity .2s, transform .2s; }
.mobile-cta.is-hidden { opacity: 0; pointer-events: none; transform: translateY(120%); }
.mobile-cta > div { display: grid; line-height: 1.2; }
.mobile-cta > div span { font-family: var(--serif); font-size: 1.1rem; }
.mobile-cta > div small { color: #a3b5b3; font-size: 9px; }
.button--sticky { min-height: 43px; padding-inline: 17px; color: #17130f; background: var(--copper); font-size: 12px; }
.checkout-loader { position: fixed; z-index: 1000; inset: 0; padding: 22px; display: grid; place-items: center; background: rgba(5,16,20,.78); backdrop-filter: blur(8px); }
.checkout-loader__card { width: min(100%, 360px); padding: 34px; border: 1px solid rgba(255,255,255,.13); border-radius: 8px; display: grid; justify-items: center; gap: 8px; color: var(--white); background: #102b32; text-align: center; box-shadow: var(--shadow); }
.checkout-loader__card > span:last-child { color: #a9bbb9; font-size: 12px; }
.checkout-loader__spinner { width: 39px; height: 39px; margin-bottom: 12px; border: 2px solid rgba(255,255,255,.2); border-top-color: var(--copper-light); border-radius: 50%; animation: spin .7s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }

/* Legal and error pages */
.legal-main { min-height: 65vh; padding: 52px 0 80px; background: #f5f2eb; }
.legal-wrap { width: min(100% - 36px, 900px); margin-inline: auto; }
.legal-hero { padding: 38px 0 30px; border-bottom: 1px solid var(--line); }
.legal-hero h1 { margin-bottom: 14px; color: var(--ink); font-size: clamp(2.7rem, 12vw, 5rem); }
.legal-hero p { color: #637174; }
.legal-content { padding-top: 34px; color: #46575b; }
.legal-content h2 { margin: 40px 0 13px; color: var(--ink); font-family: var(--serif); font-size: 1.65rem; letter-spacing: -.02em; }
.legal-content h3 { margin-top: 25px; color: var(--ink); }
.legal-content p, .legal-content li { font-size: 14px; }
.legal-content a { color: #96532e; font-weight: 700; }
.legal-content ul { padding-left: 20px; }
.legal-notice, .contact-card { margin: 25px 0; padding: 21px; border-left: 3px solid var(--copper); background: #ebe5da; }
.legal-notice p:last-child, .contact-card p:last-child { margin-bottom: 0; }
.contact-card h2 { margin-top: 0; }

@media (min-width: 520px) {
  .shell { width: min(100% - 52px, 1220px); }
  .hero__rail { grid-template-columns: repeat(4,1fr); }
  .feature-grid, .offer-grid { grid-template-columns: repeat(2,1fr); }
  .compatibility__row { grid-template-columns: repeat(5,1fr); }
  .compatibility__row div:last-child { grid-column: auto; }
  .comparison-table__head { display: grid; }
  .comparison-table__row { grid-template-columns: 1.2fr 1fr 1fr; }
  .comparison-table__row > * { min-height: 70px; }
  .comparison-table__row > :first-child { grid-column: auto; min-height: 70px; padding: 13px; background: transparent; font-size: 11px; letter-spacing: 0; text-transform: none; }
  .comparison-table__head > :first-child { background: #eae5db; }
}

@media (min-width: 760px) {
  .section { padding: 105px 0; }
  .site-header__inner { min-height: 74px; }
  .brand img { width: 106px; }
  .site-nav { display: flex; align-items: center; gap: 19px; }
  .site-nav a { position: relative; font-size: 11px; font-weight: 720; text-decoration: none; }
  .site-nav a::after { position: absolute; left: 0; right: 100%; bottom: -5px; height: 1px; content: ''; background: var(--copper); transition: right .2s; }
  .site-nav a:hover::after { right: 0; }
  .hero__grid { min-height: 690px; padding-top: 88px; grid-template-columns: 1.02fr .98fr; align-items: center; }
  .hero__mobile-product { display: none; }
  .hero__visual { min-height: 580px; margin: 0 -12% 0 -8%; display: grid; }
  .hero__visual picture { width: 115%; margin-right: -5%; }
  .hero__rail { padding-inline: max(calc((100vw - 1220px)/2), 26px); }
  .hero__rail div { min-height: 112px; }
  .section-head--split { display: grid; grid-template-columns: 1.1fr .7fr; gap: 10%; align-items: end; }
  .section-head--split > p { margin-bottom: 24px; }
  .feature-grid { grid-template-columns: repeat(4,1fr); }
  .feature-grid article { min-height: 260px; padding: 35px 28px; }
  .editorial__grid { grid-template-columns: .8fr 1.2fr; align-items: center; gap: 8%; }
  .editorial__visual { min-height: 600px; }
  .showcase__stage { min-height: 690px; grid-template-columns: .72fr 1.25fr .72fr; align-items: center; gap: 10px; }
  .showcase__copy { align-self: start; padding-top: 70px; }
  .showcase__image { margin: -5% -30%; }
  .showcase__points { align-self: end; padding-bottom: 45px; }
  .material__grid { grid-template-columns: minmax(0,.9fr) minmax(0,1fr); align-items: center; gap: 8%; }
  .material__copy { min-width: 0; }
  .specs__grid { grid-template-columns: .76fr 1.24fr; gap: 10%; }
  .specs__intro { position: sticky; top: 115px; }
  .spec-list div { grid-template-columns: .75fr 1.25fr; }
  .method__grid { grid-template-columns: .8fr 1.2fr; gap: 10%; align-items: start; }
  .method__intro { position: sticky; top: 115px; }
  .confidence { padding-bottom: 0; }
  .confidence__grid { grid-template-columns: 1.1fr .9fr; align-items: center; }
  .confidence__image { order: 0; margin: 0 0 0 -20%; }
  .offer-grid { gap: 12px; }
  .offer-card { padding: 19px; }
  .guarantee__card { grid-template-columns: 135px 1fr auto; gap: 6%; }
  .faq__grid { grid-template-columns: .7fr 1.3fr; gap: 10%; }
  .faq__intro { position: sticky; top: 115px; align-self: start; }
  .final-cta__grid { grid-template-columns: .9fr 1.1fr; }
  .final-cta__product { order: 0; margin: -100px -10px -105px -22%; }
  .site-footer { padding-bottom: 40px; }
  .site-footer__grid { grid-template-columns: 1.7fr .7fr .8fr; }
  .mobile-cta { display: none; }
}

@media (min-width: 1080px) {
  .announcement { font-size: 11px; }
  .site-nav { gap: 31px; }
  .hero__grid { min-height: 730px; grid-template-columns: .9fr 1.1fr; }
  .hero__visual { margin-right: -20%; }
  .hero__lead { font-size: 1.08rem; }
  .feature-grid article { padding: 39px; }
  .showcase__stage { grid-template-columns: .68fr 1.45fr .67fr; }
  .offer-grid { grid-template-columns: repeat(4,1fr); }
  .offer-card { padding: 22px; }
}

@media (min-width: 760px) and (max-width: 899px) {
  .hero__glow { right: 0; }
  .hero__visual { margin-inline: 0; overflow: hidden; }
  .hero__visual picture { width: 100%; margin-right: 0; }
  .dimension--depth { right: 8px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}