
:root {
  --bg: #f7f3eb;
  --surface: #fff;
  --ink: #152028;
  --muted: #5c6b73;
  --primary: #c46b3a;
  --primary-hi: #d98455;
  --accent: #3d7a74;
  --accent-hi: #4f948c;
  --line: #d9d2c5;
  --footer: #152028;
  --footer-ink: #f7f3eb;
  --pole1: #c46b3a;
  --pole2: #f7f3eb;
  --pole3: #3d7a74;
  --display: Georgia, serif;
  --body: system-ui, sans-serif;
  --radius: 14px;
  --max: 1080px;
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font: 1.05rem/1.55 var(--body);
  color: var(--ink);
  background: var(--bg);
}
img { max-width: 100%; height: auto; display: block; }
a { color: var(--primary); }
a:hover { color: var(--primary-hi); }
.xtn12wra { width: min(100% - 2rem, var(--max)); margin-inline: auto; }
.preview-ribbon {
  background: #5c2d0e;
  color: #fff8ef;
  text-align: center;
  font-size: .85rem;
  padding: .45rem .75rem;
}
.preview-ribbon strong { font-weight: 700; }
.xtn0sit {
  position: sticky; top: 0; z-index: 40;
  background: color-mix(in srgb, var(--surface) 92%, transparent);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--line);
}
.xtn0sit .inner {
  display: flex; align-items: center; justify-content: space-between;
  gap: 1rem; padding: .75rem 0;
}
.xtn21bra {
  display: flex; align-items: center; gap: .65rem;
  text-decoration: none; color: var(--ink); font-weight: 700;
}
.xtn21bra-mark { width: 28px; height: 56px; flex: none; }
.xtn21bra span { font-family: var(--display); font-size: 1.05rem; line-height: 1.2; }
.xtn20nav { display: flex; flex-wrap: wrap; gap: .55rem .9rem; align-items: center; }
.xtn20nav a { text-decoration: none; color: var(--ink); font-size: .95rem; }
.xtn20nav a[aria-current="page"] { color: var(--primary); font-weight: 700; }
.xtn13btn {
  display: inline-flex; align-items: center; justify-content: center;
  gap: .4rem; border: 0; border-radius: 999px;
  background: var(--primary); color: #fff !important;
  text-decoration: none; font-weight: 700; padding: .7rem 1.15rem;
  cursor: pointer;
}
.xtn13btn:hover { background: var(--primary-hi); }
.xtn13btn-outline {
  background: transparent; color: var(--ink) !important;
  border: 2px solid var(--ink);
}
.xtn13btn-outline:hover { border-color: var(--primary); color: var(--primary) !important; }
.xtn13btn-accent { background: var(--accent); }
.xtn13btn-accent:hover { background: var(--accent-hi); }
.xtn13btn-sm { padding: .45rem .85rem; font-size: .9rem; }
.xtn2her {
  padding: 2.5rem 0 2rem;
  background:
    radial-gradient(1000px 420px at 10% -10%, color-mix(in srgb, var(--primary) 18%, transparent), transparent 60%),
    radial-gradient(800px 380px at 95% 0%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 55%),
    var(--bg);
}
.xtn3her {
  display: grid; gap: 1.5rem;
  grid-template-columns: 1.2fr .8fr; align-items: center;
}
@media (max-width: 820px) {
  .xtn3her { grid-template-columns: 1fr; }
  .xtn20nav { display: none; }
  .xtn20nav.open { display: flex; flex-direction: column; align-items: flex-start; padding-bottom: .75rem; }
  .xtn29men { display: inline-flex !important; }
}
.xtn29men {
  display: none; border: 1px solid var(--line); background: var(--surface);
  border-radius: 10px; padding: .4rem .65rem; font: inherit;
}
.xtn32eye {
  text-transform: uppercase; letter-spacing: .08em;
  font-size: .78rem; color: var(--accent); font-weight: 700; margin: 0 0 .5rem;
}
h1, h2, h3 { font-family: var(--display); line-height: 1.15; margin: 0 0 .6rem; }
h1 { font-size: clamp(1.8rem, 3.5vw, 2.7rem); }
h2 { font-size: clamp(1.4rem, 2.4vw, 1.9rem); }
.xtn10lea { font-size: 1.12rem; color: var(--muted); max-width: 42rem; }
.xtn2her-actions { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.2rem; }
.xtn4her {
  background: var(--surface); border: 1px solid var(--line);
  border-radius: var(--radius); overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,.06);
}
.xtn4her img, .xtn4her .svg-hero { width: 100%; aspect-ratio: 4/3; object-fit: cover; }
.xtn7sec { padding: 2.2rem 0; }
.xtn8sec { background: color-mix(in srgb, var(--accent) 6%, var(--bg)); }
.xtn34gri { display: grid; gap: 1rem; grid-template-columns: 1fr 1fr; }
.grid-3 { display: grid; gap: 1rem; grid-template-columns: repeat(3, 1fr); }
@media (max-width: 820px) {
  .xtn34gri, .grid-3 { grid-template-columns: 1fr; }
}
.xtn14car {
  background: var(--surface); border: 1px solid var(--line);
  border-radius: var(--radius); padding: 1.2rem;
}
.xtn14car .price { font-size: 1.6rem; font-weight: 800; margin: .4rem 0; }
.xtn14car .price small { font-size: .9rem; font-weight: 600; color: var(--muted); }
.pill {
  display: inline-block; font-size: .75rem; font-weight: 700;
  letter-spacing: .04em; text-transform: uppercase;
  background: color-mix(in srgb, var(--primary) 12%, #fff);
  color: var(--primary); border-radius: 999px; padding: .25rem .6rem;
}
.list-check { padding-left: 1.1rem; margin: .6rem 0 1rem; }
.list-check li { margin: .35rem 0; }
.xtn33mut { color: var(--muted); }
.xtn37faq details {
  background: var(--surface); border: 1px solid var(--line);
  border-radius: 12px; padding: .85rem 1rem; margin: .55rem 0;
}
.xtn37faq summary { cursor: pointer; font-weight: 700; }
.trust {
  display: flex; flex-wrap: wrap; gap: .75rem 1.25rem; align-items: center;
  padding: 1rem 0; color: var(--muted); font-size: .95rem;
}
.xtn1sit {
  background: var(--footer); color: var(--footer-ink);
  padding: 2.5rem 0 3rem; margin-top: 2rem;
}
.xtn1sit a { color: color-mix(in srgb, var(--footer-ink) 85%, #fff); }
.xtn1sit .grid {
  display: grid; gap: 1.2rem; grid-template-columns: 2fr 1fr 1fr;
}
@media (max-width: 820px) { .xtn1sit .grid { grid-template-columns: 1fr; } }
.xtn23lic { font-size: .9rem; opacity: .92; margin-top: .8rem; }
.todo-phone {
  display: inline-block; margin-left: .35rem; font-size: .72rem;
  background: #7a3b00; color: #fff; border-radius: 6px; padding: .1rem .35rem;
  vertical-align: middle;
}
.xtn31lea .xtn30fie { margin: .7rem 0; }
.xtn31lea label { display: block; font-weight: 600; margin-bottom: .25rem; }
.xtn31lea input, .xtn31lea select, .xtn31lea textarea {
  width: 100%; border: 1px solid var(--line); border-radius: 10px;
  padding: .65rem .75rem; font: inherit; background: #fff;
}
.hp { position: absolute; left: -9999px; height: 0; overflow: hidden; }
.xtn9pro p { max-width: 46rem; }
.xtn24cru { font-size: .9rem; margin: 1rem auto; color: var(--muted); }
.xtn24cru ol { list-style: none; display: flex; gap: .4rem; padding: 0; margin: 0; flex-wrap: wrap; }
.xtn24cru li:not(:last-child)::after { content: "/"; margin-left: .4rem; opacity: .5; }

.xtn28pol {
  width: 22px; height: 56px; border-radius: 6px; overflow: hidden;
  border: 2px solid color-mix(in srgb, var(--ink) 35%, transparent);
  background: var(--pole2); position: relative;
}
.xtn28pol-stripes {
  position: absolute; inset: -40% 0;
  background: repeating-linear-gradient(
    -25deg,
    var(--pole1) 0 10px,
    var(--pole2) 10px 20px,
    var(--pole3) 20px 30px,
    var(--pole2) 30px 40px
  );
  animation: pole-spin 1.8s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .xtn28pol-stripes { animation: none; }
}
@keyframes pole-spin {
  from { transform: translateY(0); }
  to { transform: translateY(40px); }
}
.svg-hero {
  width: 100%; aspect-ratio: 4/3;
  background: linear-gradient(145deg, color-mix(in srgb, var(--primary) 25%, #fff), color-mix(in srgb, var(--accent) 20%, #fff));
  display: grid; place-items: center; color: var(--ink); font-family: var(--display);
  font-size: 1.3rem; text-align: center; padding: 1rem;
}


.xtn26tru {
  padding: 1.25rem 0;
  border-block: 1px solid var(--line);
  background: color-mix(in srgb, var(--surface) 80%, var(--bg));
}
.xtn26tru .kicker { margin: 0 0 .75rem; color: var(--muted); font-size: .95rem; }
.xtn25awa {
  display: grid; grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .75rem; align-items: center;
}
@media (max-width: 820px) { .xtn25awa { grid-template-columns: repeat(3, 1fr); } }
.xtn25awa img {
  width: 100%; height: auto; max-height: 72px; object-fit: contain;
  background: #fff; border-radius: 8px; padding: .35rem; border: 1px solid var(--line);
}
.reviews { padding: 2rem 0; }
.reviews-grid { display: grid; gap: 1rem; grid-template-columns: repeat(2, 1fr); }
@media (max-width: 820px) { .reviews-grid { grid-template-columns: 1fr; } }
.review-card {
  background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius);
  padding: 1rem 1.1rem; margin: 0;
}
.review-card p { margin: 0 0 .75rem; }
.review-card footer { color: var(--muted); font-size: .88rem; }
.review-card cite { font-style: normal; font-weight: 700; color: var(--ink); }
.xtn11sto {
  border: 2px solid var(--accent); border-radius: var(--radius);
  padding: 1rem 1.15rem; background: color-mix(in srgb, var(--accent) 8%, #fff);
}
.xtn18dua { display: grid; gap: 1rem; grid-template-columns: 1fr 1fr; }
@media (max-width: 820px) { .xtn18dua { grid-template-columns: 1fr; } }
.xtn5tra {
  position: relative; overflow: hidden; border-radius: var(--radius);
  border: 1px solid var(--line); background: var(--surface); padding: 1.2rem;
}
.xtn5tra .price { font-size: 1.7rem; font-weight: 800; }
.og-fallback { display: none; }


.amanda-panel img{width:100%;border-radius:12px;aspect-ratio:1;object-fit:cover}
.xtn16gui{margin:1rem 0 1.5rem;padding:.75rem 1rem;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:.92rem;color:var(--muted)}
.xtn16gui strong{color:var(--ink)}
.xtn22edw{font-size:.92rem;color:var(--muted);border-left:3px solid var(--accent);padding-left:.75rem;margin:1rem 0}
.xtn17cit{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}
.xtn17cit span{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:.25rem .7rem;font-size:.88rem}
.xtn36rol{margin-top:1.25rem}
.xtn36rol h2{margin-top:1.5rem}
.xtn37faq details{border:1px solid var(--line);border-radius:8px;padding:.75rem 1rem;margin:.5rem 0;background:var(--surface)}
.xtn37faq summary{cursor:pointer;font-weight:600}
.breadcrumbs,.xtn24cru ol{list-style:none;display:flex;flex-wrap:wrap;gap:.35rem;padding:0;margin:0 0 1rem;font-size:.88rem;color:var(--muted)}
.breadcrumbs li::after,.xtn24cru li:not(:last-child)::after{content:"/";margin-left:.35rem;opacity:.5}
.xtn9pro img{max-width:100%;border-radius:12px}
.xtn27img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}


.xtn38faq .xtn15faq{border:1px solid var(--line);border-radius:8px;padding:1rem 1.1rem;margin:.75rem 0;background:var(--surface)}
.xtn38faq .xtn15faq h3{margin:0 0 .5rem;font-size:1.15rem;line-height:1.35;color:var(--ink)}
.xtn38faq .xtn15faq p{margin:0;color:var(--muted)}


.xtn19hdr { display: flex; gap: .5rem; align-items: center; margin-left: auto; flex: none; }
.xtn19hdr .xtn13btn { white-space: nowrap; }
@media (max-width: 820px) {
  .xtn0sit .inner { flex-wrap: wrap; }
  .xtn19hdr { order: 3; width: 100%; margin-left: 0; padding-bottom: .5rem; }
  .xtn19hdr .xtn13btn { flex: 1; }
  .xtn20nav.open { order: 4; width: 100%; }
}
.xtn1sit .xtn22edw{color:var(--footer-ink);opacity:1}


/* repair 2026-11-10: keep skeleton variety but render the header and cards */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.ed-head-menu,dialog.split-head-dialog,.stack-head-table,.stack-head-table>tbody,.stack-head-table>tbody>tr,.stack-head-table>tr,.stack-head-table td,.deck-top,.rail-header-inner,.wave-head-details{display:contents}
.ed-head-menu{margin:0;padding:0;list-style:none}
dialog.split-head-dialog{position:static;inset:auto;margin:0;padding:0;border:0;background:none;color:inherit;max-width:none;max-height:none}
.wave-head-details>summary{list-style:none}
[data-nav]>ul,[data-nav]>ol,[data-nav]>dl,[data-nav]>.nav-stack{display:flex;flex-wrap:wrap;align-items:center;gap:inherit;list-style:none;margin:0;padding:0}
[data-nav] li,[data-nav] dd,[data-nav] .nav-item{display:block;margin:0;padding:0;list-style:none}
[data-nav] dt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media (max-width:820px){[data-nav]>ul,[data-nav]>ol,[data-nav]>dl,[data-nav]>.nav-stack{flex-direction:column;align-items:flex-start}}
.rail-skipnav{position:absolute;left:-9999px;top:0}
.rail-skipnav:focus-within{left:1rem;top:.5rem;z-index:100;background:#fff;padding:.4rem .7rem}
.rail-skipnav ol,.rail-skipnav ul,.rail-skipnav dl,.rail-skipnav dd{list-style:none;margin:0;padding:0}
.deck-chips,.stack-jump:empty,.ed-sidenote:empty,.split-right-rail:empty,.deck-note:empty{display:none}
.deck-main-ul,.card-list,.wave-cards,.foot-list{list-style:none;margin:0;padding:0}
.deck-table,.deck-table>tbody,.deck-table tr,.deck-table td{display:contents}
details.ed-card{display:block}
details.ed-card>summary{list-style:none;cursor:default;font-family:var(--display);font-weight:700;font-size:1.15rem;margin:0 0 .5rem}
details.ed-card>summary::-webkit-details-marker{display:none}
.ed-cards{display:contents}
body.layout-editorial main a[class*="btn"],body.layout-editorial main a[class*="button"],body.layout-editorial main button[class*="btn"],body.layout-editorial main button[class*="button"]{color:var(--ink)!important}
body.layout-editorial main a[class*="btn"]:hover,body.layout-editorial main a[class*="button"]:hover,body.layout-editorial main button[class*="btn"]:hover,body.layout-editorial main button[class*="button"]:hover{color:#fff!important}


/* pole fix 2026-11-10: class aliasing renamed .pole-stripes in CSS but not in HTML */
.pole-stripes{position:absolute;inset:-40% 0;background:repeating-linear-gradient(-25deg,var(--pole1) 0 10px,var(--pole2) 10px 20px,var(--pole3) 20px 30px,var(--pole2) 30px 40px);animation:pole-spin 1.8s linear infinite}
@keyframes pole-spin{from{transform:translateY(0)}to{transform:translateY(40px)}}
@media (prefers-reduced-motion:reduce){.pole-stripes{animation:none}}
/* hidden decoy <svg>/<math> were rendering as a 150px blank box above the header */
svg[hidden],math[hidden]{display:none!important}


/* full-bleed hero 2026-11-10 (same treatment as MI v113d2fcd) */
html,body{overflow-x:clip}
body .hero-bleed{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;box-sizing:border-box;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;margin-top:0!important;min-height:min(80vh,760px);padding:clamp(4rem,10vw,8rem) 0 clamp(3.5rem,8vw,6.5rem)!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#001429!important;color:#fff}
body .hero-bleed .hero-bleed-grid{position:static!important;transform:none!important;display:block!important;width:min(100% - 2rem,var(--max,1080px))!important;max-width:none!important;margin-inline:auto!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
body .hero-bleed .hero-bleed-media{position:absolute!important;inset:0!important;z-index:-2;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important;background:none!important;width:auto!important;max-width:none!important}
body .hero-bleed .hero-bleed-media::before,body .hero-bleed .hero-bleed-media::after{display:none!important}
body .hero-bleed img.hero-bleed-img{width:100%!important;height:100%!important;max-width:none!important;aspect-ratio:auto!important;object-fit:cover;object-position:center 45%;border-radius:0!important;box-shadow:none!important;border:0!important;transform:none!important}
body .hero-bleed::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,20,41,.92) 0%,rgba(0,39,76,.86) 45%,rgba(0,39,76,.55) 75%,rgba(0,39,76,.35) 100%)}
body .hero-bleed .hero-bleed-text{position:static!important;max-width:44rem;background:none!important;padding:0!important;border:0!important;box-shadow:none!important}
body .hero-bleed .hero-bleed-text h1{color:#fff!important;max-width:20ch;font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.08;text-shadow:0 2px 12px rgba(0,0,0,.35)}
body .hero-bleed .hero-bleed-text p,body .hero-bleed .hero-bleed-text div{color:#EEF3F8!important;max-width:40rem}
body .hero-bleed .hero-bleed-text .trust{color:#D6E0EA!important}
body .hero-bleed .hero-bleed-text p.hero-bleed-eyebrow{color:var(--hero-eyebrow,#FFD166)!important;font-weight:700;letter-spacing:.08em}
body .hero-bleed .hero-bleed-text a{color:var(--hero-eyebrow,#FFD166)!important}
body .hero-bleed hr{border:0;border-top:1px solid rgba(255,255,255,.35);background:none}
@media (max-width:820px){
 body .hero-bleed{min-height:0;padding:3.5rem 0 3rem!important}
 body .hero-bleed::before{background:linear-gradient(180deg,rgba(0,20,41,.78) 0%,rgba(0,39,76,.88) 100%)}
 body .hero-bleed img.hero-bleed-img{object-position:60% 50%}
}


/* cta split + boxed choices 2026-11-10 (t11u/t12u) */
.two-choice .cta-box{display:block;box-sizing:border-box;background:#fff!important;color:#1d2733;border:1px solid rgba(0,20,41,.16)!important;border-radius:14px!important;box-shadow:0 4px 18px rgba(0,20,41,.08)!important;padding:1.25rem 1.4rem!important;margin:0!important;max-width:none}
.two-choice .cta-box h3,.two-choice .cta-box summary,.two-choice .cta-box dt,.two-choice .cta-box .price{color:#14202c!important}
.two-choice .cta-box dt{position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip:auto!important;font-weight:700;font-size:1.15rem;margin:0 0 .4rem}
.two-choice .cta-box dd{margin:0}
.two-choice .cta-box p,.two-choice .cta-box .para{color:#3a4654}
.two-choice:has(.cta-box){display:grid!important;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.1rem!important;align-items:stretch}
.two-choice:has(.cta-box) :not(.cta-box):has(>.cta-box),.two-choice:has(.cta-box) :not(.cta-box):has(.cta-box):not(:has(.two-choice)){display:contents!important}
.two-choice:has(.cta-box) li{list-style:none;margin:0;padding:0}
@media (max-width:640px){.two-choice:has(.cta-box){grid-template-columns:1fr}.two-choice .cta-box{padding:1.1rem 1.1rem!important}}
body .hero-bleed .hero-bleed-text .hero-cta{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.4rem 0 1rem;max-width:none}
body .hero-bleed .hero-bleed-text .hero-cta a.hero-cta-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1.3rem;border-radius:10px;font-weight:700;font-size:1rem;line-height:1.2;text-decoration:none!important;border:2px solid var(--hero-eyebrow,#FFD166);background:var(--hero-eyebrow,#FFD166);color:#0b1b2b!important;box-shadow:0 4px 14px rgba(0,0,0,.25)}
body .hero-bleed .hero-bleed-text .hero-cta a.hero-cta-btn:hover,body .hero-bleed .hero-bleed-text .hero-cta a.hero-cta-btn:focus-visible{filter:brightness(1.07);outline:3px solid #fff;outline-offset:2px}
body .hero-bleed .hero-bleed-text .hero-cta a.hero-cta-call{background:rgba(0,20,41,.35);color:#fff!important;border-color:#fff}
@media (max-width:640px){body .hero-bleed .hero-bleed-text .hero-cta{flex-direction:column}body .hero-bleed .hero-bleed-text .hero-cta a.hero-cta-btn{width:100%}}
