/* ==========================================================================
   static/dash/offer_about_terms.css
   SEO pages content (Offer / About / Terms) — CONTENT ONLY

   RULES
   - keep TreeSelector.css as the single source of truth for NAV / shell chrome
   - no :root tokens here
   - no topbar / chessboard / pinned navigation rules here
   - content only: SEO articles + Offer pages + Offer1 + Offer2
   - visual language: black glass / hard edges / no rounded corners
   ========================================================================== */

/* ==========================================================================
   0) SAFETY SCOPE
   ========================================================================== */
.shell-root{
  /* intentionally empty */
}

/* ==========================================================================
   1) SEO SCROLL MODEL
   ========================================================================== */
html,
body{
  width:100% !important;
  overflow-x:hidden !important;
}

.shell-root.shell-seo-root{
  --seo-edge-pad:0px !important;

  height:100dvh !important;
  min-height:100dvh !important;
  overflow:hidden !important;
}

.shell-root.shell-seo-root .shell-grid-3{
  height:100% !important;
  min-height:100% !important;
  overflow:hidden !important;
}

.shell-root.shell-seo-root .shell-main.shell-seo-main{
  height:100% !important;
  min-height:0 !important;
  box-sizing:border-box;

  overflow-x:hidden !important;
  overflow-y:scroll !important;

  scrollbar-gutter:stable both-edges !important;
  -webkit-overflow-scrolling:touch;
  padding-right:var(--shell-safe-pad) !important;
}

.shell-root.shell-seo-root,
.shell-root.shell-seo-root .shell-grid-3,
.shell-root.shell-seo-root .shell-main.shell-seo-main{
  max-width:100vw !important;
  overflow-x:hidden !important;
}

.shell-root.shell-seo-root .slug-shell.subsidebar{
  display:none !important;
}

/* ==========================================================================
   2) LOCAL CONTENT TOKENS
   More transparent black glass than before
   ========================================================================== */
.offer-root,
.seo-article,
.shell-root .shell-main .seo-page,
.offer2-root{
  --seo-glass-bg:rgba(0,0,0,0.78);
  --seo-glass-bg-2:rgba(0,0,0,0.70);
  --seo-glass-bg-3:rgba(0,0,0,0.62);

  --seo-glass-top:rgba(255,255,255,0.040);
  --seo-glass-top-2:rgba(255,255,255,0.018);
  --seo-glass-top-3:rgba(255,255,255,0.010);

  --seo-line:rgba(255,255,255,0.11);
  --seo-line-soft:rgba(255,255,255,0.082);
  --seo-line-faint:rgba(255,255,255,0.048);

  --seo-text:rgba(236,236,236,0.92);
  --seo-text-2:rgba(218,218,218,0.80);
  --seo-text-3:rgba(196,196,196,0.64);
  --seo-text-dim:rgba(170,170,170,0.48);

  --seo-chip-bg:rgba(255,255,255,0.046);
  --seo-chip-line:rgba(255,255,255,0.12);

  --seo-shadow-lg:
    0 18px 42px rgba(0,0,0,0.58),
    0 2px 10px rgba(0,0,0,0.34);

  --seo-shadow-md:
    0 12px 28px rgba(0,0,0,0.44),
    0 1px 0 rgba(255,255,255,0.024) inset;

  --seo-blur:blur(14px);
  --seo-maxw:1380px;
}

.offer-root *,
.seo-article *,
.shell-root .shell-main .seo-page *,
.offer2-root *{
  box-sizing:border-box;
}

/* ==========================================================================
   3) OFFER — BASE TABS / CAROUSEL / CARD SYSTEM
   ========================================================================== */
.offer-root{
  width:100%;
  min-height:0;
  box-sizing:border-box;
  position:relative;
  z-index:1;
}

.offer-tabs{
  width:100%;
  box-sizing:border-box;
}

.offer-tabs-nav{
  display:flex;
  align-items:stretch;
  gap:8px;
  flex-wrap:wrap;
  margin:0 0 14px 0;
  padding:2px 0 0;
}

.offer-tab-btn{
  appearance:none;
  border:1px solid var(--seo-line);
  background:
    linear-gradient(180deg, var(--seo-glass-top), var(--seo-glass-top-2)),
    var(--seo-glass-bg-2);
  color:rgba(255,255,255,0.84);

  padding:11px 14px;
  min-width:120px;

  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
  border-radius:0;

  transition:
    background-color .12s ease,
    border-color .12s ease,
    color .12s ease,
    transform .12s ease,
    opacity .12s ease;
}

.offer-tab-btn:hover{
  background:
    linear-gradient(180deg, rgba(255,255,255,0.060), rgba(255,255,255,0.020)),
    rgba(0,0,0,0.76);
  border-color:rgba(255,255,255,0.20);
  color:rgba(255,255,255,0.94);
  transform:translateY(-1px);
}

.offer-tab-btn.is-active{
  background:rgba(255,255,255,0.92);
  color:rgba(0,0,0,0.92);
  border-color:rgba(255,255,255,0.22);
}

.offer-tab-btn:focus-visible{
  outline:1px solid rgba(255,255,255,0.72);
  outline-offset:2px;
}

.offer-tab-panel{
  width:100%;
  box-sizing:border-box;
}

.offer-tab-panel[hidden]{
  display:none !important;
}

.offer-carousel-wrap{
  width:100%;
  overflow:hidden;
  box-sizing:border-box;
}

.offer-carousel{
  display:flex;
  flex-direction:row;
  gap:10px;

  overflow-x:auto;
  overflow-y:hidden;

  padding:8px 2px 14px;
  box-sizing:border-box;
  scrollbar-width:thin;
}

.offer-carousel::-webkit-scrollbar{
  height:9px;
}

.offer-carousel::-webkit-scrollbar-track{
  background:transparent;
}

.offer-carousel::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,0.12);
  border:1px solid rgba(255,255,255,0.10);
  border-radius:0;
}

.offer-card{
  flex:0 0 auto;
  width:min(420px, 86vw);
  min-height:520px;

  display:flex;
  flex-direction:column;

  border:1px solid var(--seo-line-soft);
  background:
    linear-gradient(180deg, var(--seo-glass-top), var(--seo-glass-top-3)),
    linear-gradient(135deg, rgba(255,255,255,0.018), rgba(255,255,255,0.006)),
    var(--seo-glass-bg);
  border-radius:0;
  box-shadow:var(--seo-shadow-lg);
  backdrop-filter:var(--seo-blur);
  -webkit-backdrop-filter:var(--seo-blur);

  transition:
    background-color .12s ease,
    border-color .12s ease,
    box-shadow .12s ease,
    transform .12s ease;
}

.offer-card:hover{
  border-color:rgba(255,255,255,0.16);
  box-shadow:
    0 20px 46px rgba(0,0,0,0.62),
    0 2px 12px rgba(0,0,0,0.38);
  transform:translateY(-1px);
}

.offer-card.is-featured{
  border-color:rgba(255,255,255,0.18);
}

.offer-card-top{
  padding:12px 12px 8px;
}

.offer-card-title-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.offer-card-title{
  font-size:16px;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-weight:700;
  color:rgba(255,255,255,0.92);
}

.offer-tagline{
  margin-top:8px;
  color:rgba(255,255,255,0.80);
}

.offer-desc{
  margin-top:8px;
  color:rgba(255,255,255,0.66);
  font-size:13px;
  line-height:1.45;
}

.offer-badge{
  font-size:11px;
  letter-spacing:.10em;
  text-transform:uppercase;
  padding:6px 8px;
  border:1px solid rgba(255,255,255,0.12);
  background:rgba(0,0,0,0.22);
  color:rgba(255,255,255,0.80);
  border-radius:0;
}
.offer-badge.is-active{ border-color:rgba(255,255,255,0.22); }
.offer-badge.is-soon{ opacity:.85; }
.offer-badge.is-muted{ opacity:.70; }

.offer-pills{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  margin-top:8px;
}

.offer-pill{
  font-size:11px;
  letter-spacing:.10em;
  text-transform:uppercase;
  padding:5px 7px;
  border:1px solid rgba(255,255,255,0.10);
  background:rgba(255,255,255,0.03);
  color:rgba(255,255,255,0.78);
  border-radius:0;
}

.offer-price{
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,0.10);
}

.offer-price-main{
  font-size:18px;
  font-weight:800;
  letter-spacing:.02em;
  color:rgba(255,255,255,0.92);
}

.offer-price-sub{
  margin-top:4px;
  font-size:12px;
  color:rgba(255,255,255,0.58);
}

.offer-card-body{
  padding:8px 12px 10px;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.offer-sec-title{
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(255,255,255,0.70);
  margin-bottom:6px;
}

.offer-list{
  margin:0;
  padding-left:18px;
  color:rgba(255,255,255,0.68);
  font-size:13px;
  line-height:1.45;
}

.offer-list li{
  margin:4px 0;
}

.offer-card-bottom{
  margin-top:auto;
  padding:10px 12px 12px;
  border-top:1px solid rgba(255,255,255,0.10);
  display:flex;
  flex-direction:column;
  gap:10px;
}

.offer-disclaimer{
  font-size:12px;
  color:rgba(255,255,255,0.55);
}

.offer-cta{
  display:flex;
  align-items:center;
  justify-content:center;

  padding:12px 10px;

  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:700;
  font-size:12px;

  background:rgba(255,255,255,0.92);
  color:rgba(0,0,0,0.92);

  border:1px solid rgba(0,0,0,0.22);
  box-shadow:0 12px 26px rgba(0,0,0,0.46);

  border-radius:0;

  transition:
    transform .12s ease,
    background-color .12s ease,
    box-shadow .12s ease,
    opacity .12s ease;
}

.offer-cta:hover{
  background:rgba(255,255,255,0.98);
  transform:translateY(-1px);
  box-shadow:0 14px 30px rgba(0,0,0,0.40);
}

.offer-cta:active{
  transform:translateY(0);
  box-shadow:0 10px 22px rgba(0,0,0,0.32);
}

.offer-cta.is-disabled{
  background:rgba(255,255,255,0.08);
  color:rgba(255,255,255,0.65);
  border-color:rgba(255,255,255,0.10);
  box-shadow:none;
  pointer-events:none;
}

/* ==========================================================================
   4) ABOUT / TERMS — CLASSIC ARTICLE
   ========================================================================== */
.seo-article{
  max-width:1100px;
  margin:0 auto;
  padding:10px 2px 18px;
  color:rgba(255,255,255,0.90);
}

.seo-article h1,
.seo-article h2,
.seo-article h3{
  margin:0 0 10px;
  letter-spacing:.02em;
  font-weight:800;
}

.seo-article h1{
  font-size:26px;
  padding-bottom:10px;
  border-bottom:1px solid rgba(255,255,255,0.08);
}

.seo-article h2{
  margin-top:16px;
  font-size:16px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(255,255,255,0.84);
}

.seo-article p{
  margin:10px 0;
  color:rgba(255,255,255,0.74);
  line-height:1.55;
  font-size:13px;
}

.seo-article ul{
  margin:10px 0;
  padding-left:18px;
  color:rgba(255,255,255,0.74);
  line-height:1.55;
  font-size:13px;
}

.seo-article li{
  margin:5px 0;
}

.seo-hr{
  border:0;
  border-top:1px solid rgba(255,255,255,0.08);
  margin:14px 0;
}

/* ==========================================================================
   5) JSON RENDERER OUTPUT (.seo-page / .seo-sec)
   ========================================================================== */
.shell-root .shell-main .seo-page{
  max-width:1100px;
  margin:0 auto;
  padding:10px 2px 18px;
  color:rgba(255,255,255,0.90);
}

.shell-root .shell-main .seo-page .seo-hero{
  margin:0 0 14px;
  padding:0 0 12px;
  border-bottom:1px solid rgba(255,255,255,0.08);
}

.shell-root .shell-main .seo-page .seo-hero-title{
  font-size:26px;
  font-weight:800;
  letter-spacing:.02em;
  margin:0 0 8px;
}

.shell-root .shell-main .seo-page .seo-hero-lead{
  font-size:13px;
  line-height:1.55;
  color:rgba(255,255,255,0.74);
  margin:0;
}

.shell-root .shell-main .seo-page .seo-sec{
  padding:12px 0;
  border-bottom:1px solid rgba(255,255,255,0.06);
}

.shell-root .shell-main .seo-page .seo-sec:last-child{
  border-bottom:0;
}

.shell-root .shell-main .seo-page .seo-sec-title{
  margin:0 0 8px;
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:800;
  color:rgba(255,255,255,0.84);
}

.shell-root .shell-main .seo-page .seo-sec-body{
  font-size:13px;
  line-height:1.55;
  color:rgba(255,255,255,0.74);
}

.shell-root .shell-main .seo-page .seo-sec-body p{
  margin:10px 0;
}

.shell-root .shell-main .seo-page .page-list,
.shell-root .shell-main .seo-page .seo-sec-body ul{
  margin:10px 0;
  padding-left:18px;
}

.shell-root .shell-main .seo-page .seo-sec-body li{
  margin:5px 0;
}

.shell-root .shell-main .seo-page .page-steps,
.shell-root .shell-main .seo-page .page-callouts{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:10px;
}

.shell-root .shell-main .seo-page .page-step,
.shell-root .shell-main .seo-page .page-callout{
  background:
    linear-gradient(180deg, var(--seo-glass-top), var(--seo-glass-top-2)),
    var(--seo-glass-bg);
  border:1px solid var(--seo-line-soft);
  box-shadow:var(--seo-shadow-md);
  backdrop-filter:var(--seo-blur);
  -webkit-backdrop-filter:var(--seo-blur);
  padding:10px 12px;
  border-radius:0;
}

.shell-root .shell-main .seo-page .page-step-title,
.shell-root .shell-main .seo-page .page-callout-label{
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:800;
  color:rgba(255,255,255,0.88);
  margin-bottom:6px;
}

.shell-root .shell-main .seo-page .page-step-text,
.shell-root .shell-main .seo-page .page-callout-text{
  font-size:13px;
  line-height:1.55;
  color:rgba(255,255,255,0.72);
}

/* ==========================================================================
   6) OFFER1 — HORIZONTAL BAND + SAMPLE OUTPUT
   ========================================================================== */
.offer-root--offer1{
  display:flex;
  flex-direction:column;
  gap:18px;
}

.offer1-band{
  border:1px solid var(--seo-line-soft);
  background:
    linear-gradient(180deg, var(--seo-glass-top), var(--seo-glass-top-2)),
    linear-gradient(135deg,
      rgba(255,255,255,0.020) 0%,
      rgba(255,255,255,0.008) 12%,
      rgba(0,0,0,0.00) 48%,
      rgba(0,0,0,0.00) 72%,
      rgba(255,255,255,0.010) 100%
    ),
    var(--seo-glass-bg);
  box-shadow:var(--seo-shadow-lg);
  backdrop-filter:var(--seo-blur);
  -webkit-backdrop-filter:var(--seo-blur);
  padding:18px;
}

.offer1-band-top{
  display:grid;
  grid-template-columns:minmax(0,1fr) 260px;
  gap:18px;
  align-items:start;
}

.offer1-band-title{
  font-size:20px;
  line-height:1.2;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:rgba(236,236,236,.92);
  margin:0 0 8px 0;
}

.offer1-band-tagline{
  font-size:14px;
  line-height:1.5;
  color:rgba(225,225,225,.78);
  margin:0 0 8px 0;
}

.offer1-band-desc{
  font-size:13px;
  line-height:1.6;
  color:rgba(198,198,198,.68);
  max-width:900px;
}

.offer1-band-side{
  display:flex;
  flex-direction:column;
  gap:10px;
  align-items:flex-start;
  padding:12px;
  border:1px solid rgba(255,255,255,0.07);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.018), rgba(255,255,255,0.006)),
    var(--seo-glass-bg-2);
  box-shadow:var(--seo-shadow-md);
  backdrop-filter:var(--seo-blur);
  -webkit-backdrop-filter:var(--seo-blur);
  min-height:100%;
}

.offer1-band-price-main{
  font-size:18px;
  font-weight:800;
  letter-spacing:.02em;
  color:rgba(255,255,255,0.92);
}

.offer1-band-price-sub{
  font-size:12px;
  color:rgba(255,255,255,0.58);
  line-height:1.45;
}

.offer1-band-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:14px;
  margin-top:16px;
}

.offer1-band-col{
  min-width:0;
  padding:12px;
  border:1px solid rgba(255,255,255,0.055);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.016), rgba(255,255,255,0.006)),
    var(--seo-glass-bg-2);
  box-shadow:var(--seo-shadow-md);
  backdrop-filter:var(--seo-blur);
  -webkit-backdrop-filter:var(--seo-blur);
}

.offer1-band-col-title{
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(255,255,255,0.84);
  margin:0 0 10px 0;
}

.offer1-band-list{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:10px;
}

.offer1-band-list li{
  position:relative;
  margin:0;
  padding:0 0 10px 14px;
  border-bottom:1px solid rgba(255,255,255,0.06);
  color:rgba(218,218,218,.76);
  line-height:1.55;
  font-size:13px;
  overflow-wrap:anywhere;
}

.offer1-band-list li:last-child{
  padding-bottom:0;
  border-bottom:0;
}

.offer1-band-list li::before{
  content:"•";
  position:absolute;
  left:0;
  top:0;
  color:rgba(226,226,226,.84);
  font-size:12px;
  line-height:1.2;
}

.offer1-band-disclaimer{
  margin-top:14px;
  font-size:12px;
  line-height:1.45;
  color:rgba(255,255,255,0.54);
}

.offer1-sample-wrap{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.offer1-sample-head{
  margin:0 0 2px 0;
  border:1px solid rgba(255,255,255,0.07);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.018), rgba(255,255,255,0.006)),
    var(--seo-glass-bg-2);
  box-shadow:var(--seo-shadow-md);
  backdrop-filter:var(--seo-blur);
  -webkit-backdrop-filter:var(--seo-blur);
  padding:14px 16px;
}

.offer1-sample-kicker{
  font-size:26px;
  line-height:1.1;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:rgba(236,236,236,.92);
  margin:0;
}

.offer1-sample-title{
  font-size:16px;
  line-height:1.3;
  color:rgba(236,236,236,.88);
  margin:0 0 8px 0;
}

.offer1-sample-note{
  font-size:13px;
  line-height:1.55;
  color:rgba(210,210,210,.70);
}

.offer1-sample-meta{
  margin-top:10px;
  font-size:12px;
  color:rgba(188,188,188,.62);
}

.offer1-sample-link{
  display:inline-flex;
  align-items:center;
  margin-top:10px;
  padding:8px 10px;
  text-decoration:none;
  border:1px solid rgba(255,255,255,0.12);
  color:rgba(255,255,255,0.86);
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:11px;
}

.offer1-sample-link:hover{
  border-color:rgba(255,255,255,0.24);
}

.offer1-sample-root{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  overflow-x:hidden !important;
}

.offer1-sample-root .ytd-container{
  margin:0 !important;
}

.offer1-sample-root .ytd-tab-body{
  padding:14px !important;
}

.offer1-sample-root .ytd-xstrip{
  width:100% !important;
  max-width:none !important;
}

.offer1-sample-root .ytd-panel--miniwrap{
  min-width:var(--ytm-d-minpanel) !important;
  max-width:var(--ytm-d-maxpanel) !important;
}

.offer1-sample-root .ytd-panel--full,
.offer1-sample-root .ytd-panel--interview{
  width:fit-content !important;
  min-width:0 !important;
  max-width:none !important;
}

.offer1-sample-root .ytd-panel--full > .ytd-panel-body,
.offer1-sample-root .ytd-panel--interview > .ytd-panel-body{
  width:fit-content !important;
  min-width:0 !important;
  max-width:none !important;
  overflow:visible !important;
}

/* ==========================================================================
   7) OFFER2 — ENTERPRISE NARRATIVE MONITORING DEMO
   Cleaned and unified with offer1
   ========================================================================== */
.offer2-root{
  width:min(100%, var(--seo-maxw));
  margin:0 auto;
  color:rgba(255,255,255,0.90);
  font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-weight:400;
  letter-spacing:.02em;
}

.offer2-root a{
  color:inherit;
  text-decoration:none;
}

.offer2-root ul,
.offer2-root li{
  margin:0;
  padding:0;
  list-style:none;
}

.offer2-hero,
.offer2-offer-shell,
.offer2-demo-shell{
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

.offer2-hero{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:28px 30px 24px;
  border:1px solid var(--seo-line-soft);
  background:
    linear-gradient(180deg, rgba(255,255,255,.040), rgba(255,255,255,.014)),
    linear-gradient(135deg, rgba(255,255,255,.018), rgba(255,255,255,.006)),
    var(--seo-glass-bg);
  box-shadow:var(--seo-shadow-lg);
  overflow:hidden;
}

.offer2-hero::before{
  display:none;
}

.offer2-hero-eyebrow,
.offer2-info-title,
.offer2-demo-role,
.offer2-demo-footer-title,
.offer2-sim-label{
  font-size:12px;
  font-weight:400;
  line-height:1.1;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(255,255,255,0.70);
}

.offer2-hero-title,
.offer2-offer-title,
.offer2-demo-label,
.offer2-demo-section-title,
.offer2-demo-title{
  font-weight:400 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
  color:rgba(236,236,236,.92) !important;
}

.offer2-hero-title{
  font-size:26px !important;
  line-height:1.1 !important;
  max-width:1100px;
}

.offer2-hero-lead,
.offer2-offer-desc,
.offer2-demo-section-lead,
.offer2-demo-position{
  max-width:1100px;
  font-size:13px;
  line-height:1.55;
  color:rgba(255,255,255,0.74);
}

.offer2-hero-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding-top:2px;
}

.offer2-hero-chip{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 7px;
  border:1px solid rgba(255,255,255,0.10);
  background:rgba(255,255,255,0.03);
  color:rgba(255,255,255,0.78);
  font-size:11px;
  line-height:1;
  letter-spacing:.10em;
  text-transform:uppercase;
  white-space:nowrap;
}

.offer2-offer-shell{
  margin-top:22px;
  display:flex;
  flex-direction:column;
  gap:18px;
  padding:24px 24px 22px;
  border:1px solid var(--seo-line-soft);
  background:
    linear-gradient(180deg, rgba(255,255,255,.034), rgba(255,255,255,.012)),
    linear-gradient(135deg, rgba(255,255,255,.016), rgba(255,255,255,.006)),
    var(--seo-glass-bg);
  box-shadow:var(--seo-shadow-lg);
  overflow:hidden;
}

.offer2-offer-main{
  display:grid;
  grid-template-columns:minmax(0, 1.5fr) minmax(300px, .72fr);
  gap:24px;
  align-items:stretch;
}

.offer2-offer-left{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:12px;
  justify-content:flex-start;
}

.offer2-offer-topline{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:24px;
}

.offer2-badge{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.07);
  color:var(--seo-text);
  font-size:12px;
  font-weight:400;
  line-height:1;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.offer2-offer-title{
  font-size:20px !important;
  line-height:1.2 !important;
  max-width:900px;
}

.offer2-offer-tagline{
  font-size:18px;
  line-height:1.45;
  color:var(--seo-text);
  max-width:900px;
}

.offer2-offer-right{
  min-width:0;
  display:flex;
  align-items:stretch;
}

.offer2-price-panel{
  width:100%;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  gap:10px;
  padding:18px 18px 16px;
  border:1px solid var(--seo-line);
  background:
    linear-gradient(180deg, rgba(255,255,255,.046), rgba(255,255,255,.018)),
    var(--seo-glass-bg-2);
  box-shadow:var(--seo-shadow-md);
  min-height:100%;
}

.offer2-price-main{
  font-size:18px !important;
  font-weight:400 !important;
  line-height:1.1;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  color:var(--seo-text);
}

.offer2-price-period{
  font-size:12px;
  line-height:1.35;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:rgba(255,255,255,0.58);
}

.offer2-price-note{
  font-size:14px;
  line-height:1.55;
  color:var(--seo-text-2);
}

.offer2-cta,
.offer2-cta:link,
.offer2-cta:visited,
.offer2-cta:hover,
.offer2-cta:active{
  margin-top:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:12px 10px;
  border:1px solid rgba(0,0,0,0.22);
  background:rgba(255,255,255,0.92);
  color:rgba(0,0,0,0.92) !important;
  font-size:12px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  box-shadow:0 12px 26px rgba(0,0,0,0.46);
  transition:
    transform .12s ease,
    background-color .12s ease,
    box-shadow .12s ease,
    opacity .12s ease;
}

.offer2-cta:hover{
  background:rgba(255,255,255,0.98);
  transform:translateY(-1px);
  box-shadow:0 14px 30px rgba(0,0,0,0.40);
}

.offer2-offer-blocks{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
}

.offer2-info-block{
  display:flex;
  flex-direction:column;
  gap:10px;
  min-width:0;
  padding:16px 16px 14px;
  border:1px solid var(--seo-line-soft);
  background:
    linear-gradient(180deg, rgba(255,255,255,.026), rgba(255,255,255,.010)),
    var(--seo-glass-bg-2);
  box-shadow:var(--seo-shadow-md);
}

.offer2-info-list{
  display:flex;
  flex-direction:column;
  gap:9px;
}

.offer2-info-list li{
  position:relative;
  padding-left:16px;
  font-size:14px;
  line-height:1.55;
  color:var(--seo-text-2);
}

.offer2-info-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.68em;
  width:6px;
  height:6px;
  background:rgba(255,255,255,.72);
  opacity:.9;
}

.offer2-disclaimer{
  padding-top:2px;
  font-size:12px;
  line-height:1.6;
  color:var(--seo-text-dim);
}

.offer2-demo-shell{
  margin-top:26px;
  display:flex;
  flex-direction:column;
  gap:18px;
  padding:24px 24px 24px;
  border:1px solid var(--seo-line-soft);
  background:
    linear-gradient(180deg, rgba(255,255,255,.030), rgba(255,255,255,.010)),
    linear-gradient(135deg, rgba(255,255,255,.014), rgba(255,255,255,.006)),
    var(--seo-glass-bg);
  box-shadow:var(--seo-shadow-lg);
  overflow:hidden;
}

.offer2-demo-head{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.offer2-demo-label{
  font-size:26px !important;
  line-height:1.1 !important;
}

.offer2-demo-section-title{
  font-size:16px !important;
  line-height:1.3 !important;
  max-width:1100px;
}

.offer2-sim-strip{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
}

.offer2-sim-chip{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:14px 14px 12px;
  border:1px solid var(--seo-line-soft);
  background:
    linear-gradient(180deg, rgba(255,255,255,.034), rgba(255,255,255,.012)),
    var(--seo-glass-bg-2);
  box-shadow:var(--seo-shadow-md);
}

.offer2-sim-value{
  font-size:22px !important;
  line-height:1;
  font-weight:400 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  color:var(--seo-text);
}

.offer2-demo-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:18px;
  align-items:start;
}

.offer2-demo-card{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:16px;
  min-height:100%;
  padding:18px 18px 16px;
  border:1px solid var(--seo-line);
  background:
    linear-gradient(180deg, rgba(255,255,255,.030), rgba(255,255,255,.012)),
    linear-gradient(135deg, rgba(255,255,255,.012), rgba(255,255,255,.006)),
    var(--seo-glass-bg-2);
  box-shadow:var(--seo-shadow-md);
}

.offer2-demo-card-top{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding-bottom:12px;
  border-bottom:1px solid var(--seo-line-faint);
}

.offer2-demo-title{
  font-size:16px !important;
  line-height:1.3 !important;
}

.offer2-demo-meta,
.offer2-demo-submeta{
  font-size:12px;
  line-height:1.45;
  color:rgba(255,255,255,0.58);
}

.offer2-demo-submeta{
  text-transform:uppercase;
  letter-spacing:.08em;
}

.offer2-demo-card-body{
  min-width:0;
}

.offer2-bullets{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.offer2-bullet{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:5px;
  padding-left:22px !important;
}

.offer2-bullet::before{
  content:"";
  position:absolute;
  left:0 !important;
  top:.58em !important;
  width:6px !important;
  height:6px !important;
}

.offer2-bullet-text{
  display:block;
  padding-left:0 !important;
  margin-left:0 !important;
  font-size:13px;
  line-height:1.55;
}

.offer2-bullet-meta{
  display:inline-block;
  font-size:11px;
  line-height:1.3;
  text-transform:uppercase;
  letter-spacing:.10em;
}

.offer2-bullet.is-overlap .offer2-bullet-text{
  color:rgba(255,255,255,0.82) !important;
}

.offer2-bullet.is-overlap::before{
  background:rgba(255,255,255,.86);
  box-shadow:0 0 10px rgba(255,255,255,.12);
}

.offer2-bullet.is-overlap .offer2-bullet-meta{
  color:var(--seo-text-3);
}

.offer2-bullet.is-muted .offer2-bullet-text{
  color:rgba(255,255,255,0.55) !important;
}

.offer2-bullet.is-muted::before{
  background:rgba(255,255,255,.22);
}

.offer2-bullet.is-muted{
  opacity:.9;
}

.offer2-demo-footer{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding-top:4px;
  border-top:1px solid var(--seo-line-faint);
}

.offer2-demo-footer-text{
  font-size:14px;
  line-height:1.7;
  color:var(--seo-text-2);
  max-width:1100px;
}

.offer2-image-strip,
.offer2-image-grid{
  display:grid;
  gap:14px;
  margin-top:6px;
}

.offer2-image-strip{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}

.offer2-image-grid{
  grid-template-columns:repeat(3, minmax(0, 1fr));
}

.offer2-image-card{
  min-height:220px;
  border:1px solid var(--seo-line-soft);
  background:
    linear-gradient(180deg, rgba(255,255,255,.022), rgba(255,255,255,.008)),
    var(--seo-glass-bg-2);
  box-shadow:var(--seo-shadow-md);
  overflow:hidden;
}

.offer2-image-card img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

/* ==========================================================================
   8) OFFER TABS — STICKY / RICH LABELS / INTERNAL SCROLL
   ========================================================================== */
.shell-root.shell-seo-root .shell-main.shell-seo-main .offer-root{
  min-height:0;
}

.offer-tabs--sticky{
  position:relative;
  z-index:1;
}

.offer-tabs--sticky > .offer-tabs-nav,
.offer-tabs--sticky > .offer-tab-panel > .offer-tab-panel-scroll{
  position:relative;
  z-index:2;
}

.offer-tabs--sticky > .offer-tabs-nav{
  position:sticky;
  top:0;
  z-index:50;

  display:flex;
  align-items:stretch;
  gap:12px;
  flex-wrap:nowrap;

  margin:0 0 14px 0;
  padding:0 0 12px 0;

  background:
    linear-gradient(180deg, rgba(0,0,0,0.82), rgba(0,0,0,0.70));
  border-bottom:1px solid rgba(255,255,255,0.06);

  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
}

.offer-tabs--sticky > .offer-tabs-nav .offer-tab-btn{
  min-width:220px;
  min-height:58px;
  padding:14px 18px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  font-size:14px;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:700;

  border:1px solid rgba(255,255,255,0.12);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.030), rgba(255,255,255,0.010)),
    rgba(0,0,0,0.68);
  color:rgba(255,255,255,0.84);

  box-shadow:
    0 10px 24px rgba(0,0,0,0.28),
    0 1px 0 rgba(255,255,255,0.018) inset;
}

.offer-tabs--sticky > .offer-tabs-nav .offer-tab-btn:hover{
  background:
    linear-gradient(180deg, rgba(255,255,255,0.058), rgba(255,255,255,0.018)),
    rgba(0,0,0,0.72);
  border-color:rgba(255,255,255,0.18);
  color:rgba(255,255,255,0.94);
  transform:translateY(-1px);
}

.offer-tabs--sticky > .offer-tabs-nav .offer-tab-btn.is-active{
  background:rgba(255,255,255,0.92);
  color:rgba(0,0,0,0.92);
  border-color:rgba(255,255,255,0.22);
}

.offer-tabs--sticky > .offer-tabs-nav .offer-tab-btn--rich{
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  text-align:left;
  gap:6px;
}

.offer-tab-btn-title{
  display:block;
  font-size:14px;
  line-height:1.1;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:700;
}

.offer-tab-btn-sub{
  display:block;
  font-size:11px;
  line-height:1.35;
  letter-spacing:.02em;
  text-transform:none;
  font-weight:400;
  color:rgba(255,255,255,0.62);
  white-space:normal;
  max-width:100%;
}

.offer-tabs--sticky > .offer-tabs-nav .offer-tab-btn.is-active .offer-tab-btn-sub{
  color:rgba(0,0,0,0.72);
}

.offer-tabs--sticky > .offer-tab-panel{
  min-height:0;
  position:relative;
  overflow:visible;
}

.offer-tabs--sticky > .offer-tab-panel.is-active{
  display:block;
}

.offer-tab-panel-scroll{
  max-height:calc(100dvh - 240px);
  overflow-x:hidden;
  overflow-y:auto;
  padding:0 2px 8px 0;
  scrollbar-width:thin;

  backdrop-filter:blur(1px);
  -webkit-backdrop-filter:blur(1px);
}

.offer-tab-panel-scroll::-webkit-scrollbar{
  width:9px;
}

.offer-tab-panel-scroll::-webkit-scrollbar-track{
  background:transparent;
}

.offer-tab-panel-scroll::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,0.12);
  border:1px solid rgba(255,255,255,0.10);
  border-radius:0;
}

.offer-tab-panel-scroll > .offer-root,
.offer-tab-panel-scroll > .offer2-root,
.offer-tab-panel-scroll > .offer3-root,
.offer-tab-panel-scroll > .seo-page{
  margin-top:0 !important;
}

/* ==========================================================================
   9) OFFER PAGE BACKGROUNDS — FULL PAGE FIXED
   ========================================================================== */
.offer-tab-bg-layer{
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;

  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;

  opacity:0;
  transition:opacity .42s ease;
  will-change:opacity;
}

.offer-tab-bg-layer::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,0.34), rgba(0,0,0,0.34));
}

.offer-tabs--sticky > .offer-tab-panel.is-active > .offer-tab-bg-layer{
  opacity:0.7;
}

.offer-tab-bg--1{
  background-image:url("/static/img/offer1.png");
}

.offer-tab-bg--2{
  background-image:url("/static/img/offer2.png");
}

.offer-tab-bg--3{
  background-image:url("/static/img/offer3.jpg");
}

/* ==========================================================================
   10) ERROR
   ========================================================================== */
.offer-error{
  width:min(100%, var(--seo-maxw));
  margin:0 auto;
  padding:18px 20px;
  border:1px solid rgba(255,255,255,0.10);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.028), rgba(255,255,255,0.010)),
    var(--seo-glass-bg);
  color:rgba(255,255,255,0.85);
  font-size:14px;
  line-height:1.6;
}

/* ==========================================================================
   11) RESPONSIVE
   ========================================================================== */
@media (max-width:1180px){
  .offer2-offer-main{
    grid-template-columns:1fr;
  }

  .offer2-offer-blocks{
    grid-template-columns:1fr;
  }

  .offer2-sim-strip{
    grid-template-columns:1fr;
  }

  .offer2-demo-grid{
    grid-template-columns:1fr;
  }

  .offer2-image-strip,
  .offer2-image-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width:980px){
  .offer1-band-top{
    grid-template-columns:1fr;
  }

  .offer1-band-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width:900px){
  .offer-card{
    width:min(380px, 88vw);
    min-height:500px;
  }

  .offer-tabs--sticky > .offer-tabs-nav{
    gap:8px;
    overflow-x:auto;
    overflow-y:hidden;
    padding-bottom:10px;
    scrollbar-width:thin;
  }

  .offer-tabs--sticky > .offer-tabs-nav::-webkit-scrollbar{
    height:8px;
  }

  .offer-tabs--sticky > .offer-tabs-nav::-webkit-scrollbar-track{
    background:transparent;
  }

  .offer-tabs--sticky > .offer-tabs-nav::-webkit-scrollbar-thumb{
    background:rgba(255,255,255,0.10);
    border:1px solid rgba(255,255,255,0.08);
  }

  .offer-tabs--sticky > .offer-tabs-nav .offer-tab-btn{
    min-width:180px;
    min-height:52px;
    padding:12px 14px;
    font-size:12px;
  }

  .offer-tabs--sticky > .offer-tabs-nav .offer-tab-btn--rich{
    gap:5px;
  }

  .offer-tab-btn-title{
    font-size:12px;
  }

  .offer-tab-btn-sub{
    font-size:10px;
    line-height:1.3;
  }

  .offer-tab-panel-scroll{
    max-height:calc(100dvh - 220px);
  }
}

@media (max-width:820px){
  .offer2-root{
    width:100%;
  }

  .offer2-hero{
    padding:22px 18px 18px;
  }

  .offer2-hero-title{
    font-size:26px !important;
  }

  .offer2-offer-shell{
    padding:18px;
  }

  .offer2-offer-title{
    font-size:20px !important;
  }

  .offer2-offer-tagline{
    font-size:16px;
  }

  .offer2-price-main{
    font-size:18px !important;
  }

  .offer2-demo-shell{
    padding:18px;
  }

  .offer2-demo-label{
    font-size:24px !important;
  }

  .offer2-demo-section-title{
    font-size:16px !important;
  }

  .offer2-demo-title{
    font-size:16px !important;
  }
}

@media (max-width:640px){
  .offer-tabs-nav{
    gap:6px;
    margin-bottom:12px;
  }

  .offer-tab-btn{
    min-width:0;
    flex:1 1 calc(33.333% - 6px);
    padding:10px 8px;
    font-size:11px;
    letter-spacing:.10em;
  }

  .offer-card{
    width:92vw;
    min-height:480px;
  }

  .offer-card-title{
    font-size:14px;
  }

  .offer-price-main{
    font-size:16px;
  }

  .offer-tabs--sticky > .offer-tabs-nav .offer-tab-btn{
    min-width:160px;
    min-height:48px;
    font-size:11px;
    letter-spacing:.10em;
  }

  .offer-tab-panel-scroll{
    max-height:calc(100dvh - 205px);
  }
}

@media (max-width:560px){
  .offer2-hero-title{
    font-size:25px !important;
  }

  .offer2-offer-title{
    font-size:18px !important;
  }

  .offer2-demo-label{
    font-size:22px !important;
  }

  .offer2-demo-section-title{
    font-size:15px !important;
  }

  .offer2-price-panel,
  .offer2-demo-card,
  .offer2-info-block{
    padding:14px;
  }

  .offer2-bullet-text{
    font-size:13px;
    line-height:1.55;
  }
}

/* ==========================================================================
   12) OFFER3 — API COMING SOON / TABLE + SAMPLE JSON
   ========================================================================== */

.offer-root--offer3{
  display:flex;
  flex-direction:column;
  gap:18px;
}

.offer3-band{
  display:grid;
  grid-template-columns:minmax(0, 1.6fr) minmax(280px, .62fr);
  gap:18px;
  align-items:stretch;

  border:1px solid var(--seo-line-soft);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.032), rgba(255,255,255,0.012)),
    linear-gradient(135deg, rgba(255,255,255,0.016), rgba(255,255,255,0.006)),
    var(--seo-glass-bg);
  box-shadow:var(--seo-shadow-lg);
  backdrop-filter:var(--seo-blur);
  -webkit-backdrop-filter:var(--seo-blur);
  padding:18px;
}

.offer3-band-main{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.offer3-band-topline{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.offer3-band-badge,
.offer3-band-status{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.05);
  color:rgba(255,255,255,.82);
  font-size:12px;
  line-height:1;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.offer3-band-title{
  font-size:24px;
  line-height:1.12;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:rgba(236,236,236,.92);
  margin:0;
}

.offer3-band-subtitle{
  font-size:16px;
  line-height:1.45;
  color:rgba(232,232,232,.84);
}

.offer3-band-lead{
  font-size:13px;
  line-height:1.55;
  color:rgba(215,215,215,.76);
  max-width:980px;
}

.offer3-band-desc{
  font-size:13px;
  line-height:1.6;
  color:rgba(195,195,195,.66);
  max-width:980px;
}

.offer3-band-cols{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:14px;
  margin-top:6px;
}

.offer3-band-col{
  min-width:0;
  padding:12px;
  border:1px solid rgba(255,255,255,0.055);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.016), rgba(255,255,255,0.006)),
    var(--seo-glass-bg-2);
  box-shadow:var(--seo-shadow-md);
  backdrop-filter:var(--seo-blur);
  -webkit-backdrop-filter:var(--seo-blur);
}

.offer3-band-col-title{
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(255,255,255,0.84);
  margin:0 0 10px 0;
}

.offer3-band-list{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:10px;
}

.offer3-band-list li{
  position:relative;
  margin:0;
  padding:0 0 10px 14px;
  border-bottom:1px solid rgba(255,255,255,0.06);
  color:rgba(218,218,218,.76);
  line-height:1.55;
  font-size:13px;
  overflow-wrap:anywhere;
}

.offer3-band-list li:last-child{
  padding-bottom:0;
  border-bottom:0;
}

.offer3-band-list li::before{
  content:"•";
  position:absolute;
  left:0;
  top:0;
  color:rgba(226,226,226,.84);
  font-size:12px;
  line-height:1.2;
}

.offer3-band-disclaimer{
  margin-top:4px;
  font-size:12px;
  line-height:1.45;
  color:rgba(255,255,255,0.54);
}

.offer3-band-side{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:10px;
  justify-content:flex-start;
  padding:14px;
  border:1px solid rgba(255,255,255,0.08);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.020), rgba(255,255,255,0.008)),
    var(--seo-glass-bg-2);
  box-shadow:var(--seo-shadow-md);
  backdrop-filter:var(--seo-blur);
  -webkit-backdrop-filter:var(--seo-blur);
}

.offer3-band-side-label{
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(255,255,255,0.68);
}

.offer3-band-side-main{
  font-size:20px;
  line-height:1.15;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:rgba(255,255,255,0.92);
}

.offer3-band-side-note{
  font-size:13px;
  line-height:1.5;
  color:rgba(255,255,255,0.62);
}

.offer3-band-cta{
  margin-top:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:12px 10px;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:700;
  font-size:12px;
  border-radius:0;
}

.offer3-band-cta.is-disabled{
  background:rgba(255,255,255,0.08);
  color:rgba(255,255,255,0.65);
  border:1px solid rgba(255,255,255,0.10);
  box-shadow:none;
  pointer-events:none;
}

.offer3-layout{
  display:grid;
  grid-template-columns:minmax(0, .92fr) minmax(0, 1.08fr);
  gap:18px;
  align-items:start;
}

.offer3-layout-left,
.offer3-layout-right{
  min-width:0;
}

.offer3-data-card{
  min-width:0;
  border:1px solid var(--seo-line-soft);
  background:
    linear-gradient(180deg, rgba(255,255,255,.026), rgba(255,255,255,.010)),
    linear-gradient(135deg, rgba(255,255,255,.012), rgba(255,255,255,.006)),
    var(--seo-glass-bg);
  box-shadow:var(--seo-shadow-lg);
  backdrop-filter:var(--seo-blur);
  -webkit-backdrop-filter:var(--seo-blur);
  padding:16px;
}

.offer3-sec-head{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-bottom:12px;
}

.offer3-sec-title{
  font-size:18px;
  line-height:1.15;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:rgba(236,236,236,.92);
}

.offer3-sec-sub{
  font-size:13px;
  line-height:1.55;
  color:rgba(210,210,210,.68);
}

.offer3-search-wrap{
  margin-bottom:12px;
}

.offer3-search-input{
  width:100%;
  min-height:44px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,0.12);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.020), rgba(255,255,255,0.006)),
    rgba(0,0,0,0.58);
  color:rgba(255,255,255,0.90);
  outline:none;
  border-radius:0;
  box-shadow:var(--seo-shadow-md);
}

.offer3-search-input::placeholder{
  color:rgba(255,255,255,0.42);
}

.offer3-search-input:focus{
  border-color:rgba(255,255,255,0.22);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.028), rgba(255,255,255,0.010)),
    rgba(0,0,0,0.62);
}

.offer3-table-wrap{
  width:100%;
  overflow:auto;
}

.offer3-table{
  width:100%;
  border-collapse:collapse;
  table-layout:fixed;
}

.offer3-th{
  text-align:left;
  padding:11px 12px;
  border-bottom:1px solid rgba(255,255,255,0.10);
  color:rgba(255,255,255,0.72);
  font-size:12px;
  line-height:1.2;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:800;
}

.offer3-td{
  padding:12px;
  border-bottom:1px solid rgba(255,255,255,0.06);
  color:rgba(228,228,228,.82);
  font-size:13px;
  line-height:1.5;
  vertical-align:top;
  overflow-wrap:anywhere;
}

.offer3-table-row:hover .offer3-td{
  background:rgba(255,255,255,0.022);
}

.offer3-td-channel{
  width:58%;
}

.offer3-td-date{
  width:42%;
  color:rgba(214,214,214,.72);
}

.offer3-sample-meta{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-bottom:14px;
}

.offer3-meta-row{
  display:grid;
  grid-template-columns:160px minmax(0, 1fr);
  gap:12px;
  padding-bottom:8px;
  border-bottom:1px solid rgba(255,255,255,0.06);
}

.offer3-meta-k{
  font-size:12px;
  line-height:1.3;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:rgba(255,255,255,0.58);
}

.offer3-meta-v{
  font-size:13px;
  line-height:1.5;
  color:rgba(232,232,232,.84);
  overflow-wrap:anywhere;
}

.offer3-json-view{
  margin:0;
  padding:14px;
  border:1px solid rgba(255,255,255,0.08);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.014), rgba(255,255,255,0.004)),
    rgba(0,0,0,0.52);
  color:rgba(230,230,230,0.86);
  font-size:12px;
  line-height:1.55;
  overflow:auto;
  white-space:pre;
  border-radius:0;
  box-shadow:var(--seo-shadow-md);
}

@media (max-width:1180px){
  .offer3-layout{
    grid-template-columns:1fr;
  }
}

@media (max-width:980px){
  .offer3-band{
    grid-template-columns:1fr;
  }

  .offer3-band-cols{
    grid-template-columns:1fr;
  }
}

@media (max-width:640px){
  .offer3-band{
    padding:14px;
  }

  .offer3-data-card{
    padding:14px;
  }

  .offer3-band-title{
    font-size:20px;
  }

  .offer3-sec-title{
    font-size:16px;
  }

  .offer3-meta-row{
    grid-template-columns:1fr;
    gap:6px;
  }

  .offer3-th,
  .offer3-td{
    padding:10px;
  }
}

.offer3-sec-note{
  font-size:12px;
  line-height:1.55;
  color:rgba(255,255,255,0.58);
  padding:10px 12px;
  border:1px solid rgba(255,255,255,0.08);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.016), rgba(255,255,255,0.006)),
    rgba(0,0,0,0.34);
}


/* ==========================================================================
   13) MOBILE HOME BUTTON ABOVE OFFER TABS / STATIC PAGES
   ========================================================================== */

.offer-mobile-home{
  display:none;
  width:100%;
  justify-content:center;
  align-items:center;
  padding:0 0 8px;
  margin-top:-6px;
  position:relative;
  z-index:99999;
}

.offer-mobile-home-link{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  text-decoration:none;
  color:rgba(255,255,255,0.84);
  position:relative;
  z-index:100000;
}

.offer-mobile-home-logo{
  display:block;
  width:56px;
  height:auto;
  object-fit:contain;
  opacity:.94;
  filter:drop-shadow(0 6px 14px rgba(0,0,0,0.42));
  position:relative;
  z-index:100001;
}

.offer-mobile-home-label{
  display:block;
  font-size:10px;
  line-height:1.2;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(255,255,255,0.68);
  text-align:center;
  position:relative;
  z-index:100001;
}

@media (max-width:900px){
  .offer-mobile-home{
    display:flex;
  }
}