:root {
  --mobile243c6-ink: #e0ffff;
  --mobile243c6-bg: #34495e;
  --mobile243c6-deep: #263746;
  --mobile243c6-teal: #004d40;
  --mobile243c6-mint: #9ff3e7;
  --mobile243c6-line: rgba(224,255,255,.19);
  --mobile243c6-faint: #b7d2d2;
  --mobile243c6-shadow: 0 16px 40px rgba(0,0,0,.22);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--mobile243c6-bg); }
body { margin: 0; min-width: 320px; overflow-x: hidden; background: radial-gradient(circle at 85% 0%, rgba(0,77,64,.72), transparent 33rem), var(--mobile243c6-bg); color: var(--mobile243c6-ink); font-family: Georgia, 'Times New Roman', serif; line-height: 1.62; }
body, button, a { -webkit-tap-highlight-color: transparent; }
a { color: var(--mobile243c6-mint); text-decoration-thickness: 1px; text-underline-offset: 3px; }
button, a { font: inherit; }
button { color: inherit; }
.mobile243c6-page { padding-top: 116px; padding-bottom: 78px; }
.mobile243c6-skip { position: fixed; left: 12px; top: -60px; z-index: 30; padding: 10px 14px; border-radius: 8px; background: var(--mobile243c6-mint); color: #13332f; font-weight: 700; }
.mobile243c6-skip:focus { top: 10px; }
.mobile243c6-header { position: fixed; inset: 0 0 auto; z-index: 20; background: rgba(38,55,70,.97); border-bottom: 1px solid var(--mobile243c6-line); box-shadow: 0 4px 18px rgba(0,0,0,.2); }
.mobile243c6-brow, .mobile243c6-arow { width: min(100%, 860px); margin: auto; display: flex; align-items: center; }
.mobile243c6-brow { min-height: 64px; padding: 9px 14px 5px; justify-content: space-between; }
.mobile243c6-brand { display: inline-flex; align-items: center; gap: 9px; min-width: 0; color: var(--mobile243c6-ink); text-decoration: none; }
.mobile243c6-logo { width: 38px; height: 38px; border-radius: 10px; object-fit: cover; box-shadow: 0 0 0 2px rgba(159,243,231,.28); }
.mobile243c6-bname { font-family: 'Trebuchet MS', sans-serif; font-size: 1.1rem; font-weight: 800; letter-spacing: .04em; white-space: nowrap; }
.mobile243c6-mbtn { width: 46px; height: 44px; border: 1px solid var(--mobile243c6-line); border-radius: 9px; background: transparent; cursor: pointer; }
.mobile243c6-mbtnico, .mobile243c6-mbtnico::before, .mobile243c6-mbtnico::after { display: block; width: 20px; height: 2px; margin: auto; background: var(--mobile243c6-ink); content: ''; }
.mobile243c6-mbtnico::before { transform: translateY(-6px); } .mobile243c6-mbtnico::after { transform: translateY(4px); }
.mobile243c6-arow { padding: 0 14px 9px; gap: 8px; }
.mobile243c6-btn { min-height: 44px; padding: 7px 14px; border: 1px solid var(--mobile243c6-mint); border-radius: 8px; cursor: pointer; font-family: 'Trebuchet MS', sans-serif; font-size: .78rem; font-weight: 800; letter-spacing: .02em; }
.mobile243c6-arow .mobile243c6-btn { flex: 1; }
.mobile243c6-btn-solid { background: var(--mobile243c6-mint); color: #173a35; }
.mobile243c6-btn-ghost { background: transparent; color: var(--mobile243c6-ink); }
.mobile243c6-btn:hover, .mobile243c6-btn:focus-visible, .mobile243c6-xact:hover, .mobile243c6-xact:focus-visible { box-shadow: 0 0 0 3px rgba(159,243,231,.22); }
.mobile243c6-menu { display: none; max-height: calc(100vh - 116px); overflow-y: auto; background: #263746; border-top: 1px solid var(--mobile243c6-line); }
.mobile243c6-menu-open { display: block; }
.mobile243c6-menu-inner { width: min(100%, 860px); margin: auto; padding: 15px 14px 20px; }
.mobile243c6-mgroup { margin: 12px 0 5px; color: var(--mobile243c6-faint); font: 700 .67rem/1.2 'Trebuchet MS', sans-serif; letter-spacing: .14em; text-transform: uppercase; }
.mobile243c6-mrow { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 7px; }
.mobile243c6-mlink { display: block; min-height: 44px; padding: 9px 10px; border: 1px solid var(--mobile243c6-line); border-radius: 7px; color: var(--mobile243c6-ink); text-decoration: none; font-size: .84rem; }
.mobile243c6-main { width: min(100%, 860px); margin: auto; padding: 0 12px; }
.mobile243c6-hero { padding: 25px 4px 15px; }
h1, h2, h3 { margin: 0 0 12px; font-family: 'Trebuchet MS', Verdana, sans-serif; line-height: 1.18; }
h1 { font-size: clamp(1.65rem, 7vw, 2.4rem); letter-spacing: -.035em; }
h2 { font-size: clamp(1.18rem, 4.7vw, 1.55rem); color: var(--mobile243c6-mint); }
h3 { font-size: 1rem; }
p { margin: 0 0 13px; }
.mobile243c6-lede { max-width: 680px; color: #d2eeee; font-size: 1.02rem; }
.mobile243c6-duo { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 16px; }
.mobile243c6-duo .mobile243c6-btn { flex: 1 1 135px; }
.mobile243c6-caro { margin: 5px -12px 20px; }
.mobile243c6-carovp { overflow: hidden; background: #20313f; }
.mobile243c6-caro-track { display: flex; transition: transform .42s ease; }
.mobile243c6-slide { position: relative; flex: 0 0 100%; color: var(--mobile243c6-ink); text-decoration: none; }
.mobile243c6-slide img { display: block; width: 100%; height: clamp(170px, 50vw, 290px); object-fit: cover; opacity: .82; }
.mobile243c6-slidecap { position: absolute; inset: auto 12px 12px; display: flex; align-items: end; justify-content: space-between; gap: 10px; padding: 10px; border-left: 3px solid var(--mobile243c6-mint); background: rgba(38,55,70,.86); }
.mobile243c6-slidecap strong { font-family: 'Trebuchet MS', sans-serif; line-height: 1.2; } .mobile243c6-slidecap em { color: var(--mobile243c6-mint); font-size: .75rem; white-space: nowrap; }
.mobile243c6-dots { display: flex; justify-content: center; gap: 9px; padding: 11px; background: #20313f; }
.mobile243c6-dot { width: 12px; height: 12px; padding: 0; border: 1px solid var(--mobile243c6-mint); border-radius: 50%; background: transparent; cursor: pointer; }
.mobile243c6-dot-on { background: var(--mobile243c6-mint); }
.mobile243c6-chips { display: flex; gap: 7px; overflow-x: auto; padding: 3px 0 18px; scrollbar-width: thin; }
.mobile243c6-chip { flex: 0 0 auto; padding: 8px 10px; border: 1px solid var(--mobile243c6-line); border-radius: 99px; background: rgba(0,77,64,.55); color: var(--mobile243c6-ink); font: 700 .77rem 'Trebuchet MS', sans-serif; text-decoration: none; }
.mobile243c6-chip b { color: var(--mobile243c6-mint); }
.mobile243c6-sec, .mobile243c6-mod, .mobile243c6-cta, .mobile243c6-xf { margin: 0 0 20px; padding: 18px 14px; border: 1px solid var(--mobile243c6-line); border-radius: 12px; background: rgba(38,55,70,.72); box-shadow: var(--mobile243c6-shadow); }
.mobile243c6-sechead { display: flex; align-items: start; justify-content: space-between; gap: 8px; }
.mobile243c6-sechead h2 { flex: 1; }
.mobile243c6-count { flex: 0 0 auto; padding: 5px 7px; border-radius: 6px; background: var(--mobile243c6-teal); color: var(--mobile243c6-mint); font: 700 .68rem 'Trebuchet MS', sans-serif; }
.mobile243c6-secintro { color: #d0e6e6; font-size: .92rem; }
.mobile243c6-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; }
.mobile243c6-gtile { min-width: 0; padding: 0; border: 1px solid rgba(159,243,231,.16); border-radius: 7px; overflow: hidden; background: #20313f; cursor: pointer; text-align: left; }
.mobile243c6-gtile:hover, .mobile243c6-gtile:focus-visible { border-color: var(--mobile243c6-mint); transform: translateY(-2px); }
.mobile243c6-gtile img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; }
.mobile243c6-gname { display: block; min-height: 35px; padding: 5px 4px; color: var(--mobile243c6-ink); font: 700 .66rem/1.15 'Trebuchet MS', sans-serif; overflow-wrap: anywhere; }
.mobile243c6-q, .mobile243c6-offer, .mobile243c6-stylecard { margin-top: 12px; padding: 12px; border-left: 3px solid var(--mobile243c6-mint); background: rgba(0,77,64,.38); }
.mobile243c6-q h3, .mobile243c6-stylecard h3, .mobile243c6-offer h3 { color: var(--mobile243c6-mint); margin-bottom: 6px; }
.mobile243c6-q p, .mobile243c6-stylecard p, .mobile243c6-offer p { margin-bottom: 5px; font-size: .9rem; }
.mobile243c6-offer { display: grid; grid-template-columns: 76px 1fr; gap: 10px; }
.mobile243c6-offer-tag { color: var(--mobile243c6-mint); font: 800 .7rem 'Trebuchet MS', sans-serif; text-transform: uppercase; letter-spacing: .06em; }
.mobile243c6-textlink { padding: 2px 0; border: 0; background: transparent; color: var(--mobile243c6-mint); cursor: pointer; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.mobile243c6-styles { display: grid; gap: 9px; }
.mobile243c6-cta { border-color: var(--mobile243c6-mint); background: linear-gradient(135deg, var(--mobile243c6-teal), rgba(0,77,64,.38)); }
.mobile243c6-facts { margin: 0; padding-left: 20px; } .mobile243c6-facts li { margin-bottom: 8px; }
.mobile243c6-xf { background: #20313f; }
.mobile243c6-blurb { color: #d0e6e6; }
.mobile243c6-xpromo { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; margin-bottom: 16px; }
.mobile243c6-xact { min-height: 56px; padding: 8px; border: 1px solid var(--mobile243c6-line); border-radius: 8px; background: var(--mobile243c6-teal); color: var(--mobile243c6-ink); cursor: pointer; font: 700 .76rem/1.2 'Trebuchet MS', sans-serif; }
.mobile243c6-dir { columns: 2; margin: 0 0 15px; padding-left: 18px; } .mobile243c6-dir li { break-inside: avoid; margin-bottom: 7px; font-size: .87rem; }
.mobile243c6-note { margin: 0; color: var(--mobile243c6-faint); font-size: .77rem; }
.mobile243c6-foot { width: min(100%, 860px); margin: auto; padding: 18px 14px 22px; color: var(--mobile243c6-faint); font: .74rem 'Trebuchet MS', sans-serif; text-align: center; }
.mobile243c6-dock { position: fixed; inset: auto 0 0; z-index: 18; display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); min-height: 62px; padding: 5px max(6px, env(safe-area-inset-left)) max(5px, env(safe-area-inset-bottom)); border-top: 1px solid var(--mobile243c6-line); background: rgba(32,49,63,.98); box-shadow: 0 -8px 24px rgba(0,0,0,.25); }
.mobile243c6-dockitem { display: grid; place-items: center; gap: 2px; min-width: 0; min-height: 52px; border: 0; border-radius: 8px; background: transparent; color: var(--mobile243c6-faint); text-decoration: none; cursor: pointer; }
.mobile243c6-dockitem:hover, .mobile243c6-dockitem:focus-visible, .mobile243c6-dockon { color: var(--mobile243c6-mint); background: rgba(0,77,64,.58); }
.mobile243c6-dockcta { color: #143630; background: var(--mobile243c6-mint); transform: translateY(-11px); box-shadow: 0 7px 18px rgba(0,0,0,.28); }
.mobile243c6-docktxt { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 700 .61rem 'Trebuchet MS', sans-serif; }
.mobile243c6-dockico { width: 22px; height: 22px; fill: currentColor; }
.mobile243c6-top { position: fixed; right: 12px; bottom: 82px; z-index: 17; display: none; width: 44px; height: 44px; border: 1px solid var(--mobile243c6-mint); border-radius: 50%; background: var(--mobile243c6-teal); color: var(--mobile243c6-mint); cursor: pointer; font-size: 1.35rem; }
.mobile243c6-top-show { display: block; }
.mobile243c6-sronly { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
:focus-visible { outline: 3px solid #fff; outline-offset: 2px; }
@media (min-width: 520px) { .mobile243c6-grid { grid-template-columns: repeat(5, minmax(0,1fr)); } .mobile243c6-main { padding-inline: 18px; } .mobile243c6-caro { margin-inline: -18px; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; } }