@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
#dt-hero-v1 { --ink:#202e43; --muted:#566174; --gold:#b08b24; --line:#dfdfd6; box-sizing:border-box; position:relative; width:100%; max-width:none; margin:0; padding:0; isolation:isolate; background:#f7f7f2; color:var(--ink); font:400 16px/1.65 'Inter',Arial,sans-serif; text-align:left; }
#dt-hero-v1 *, #dt-hero-v1 *::before, #dt-hero-v1 *::after { box-sizing:border-box; }
#dt-hero-v1 { max-width:100%; min-width:0; container-type:inline-size; container-name:dthero; }
#dt-hero-v1 .dth-inner { width:min(100%,1280px); margin:0 auto; padding:64px 40px 0; }
#dt-hero-v1 .dth-grid { display:grid; grid-template-columns:minmax(0,1.06fr) minmax(0,1fr); gap:64px; align-items:center; padding-bottom:48px; }
#dt-hero-v1 .dth-eyebrow { display:flex; align-items:center; gap:10px; margin:0 0 20px; color:#59634f; font:800 11px/1.5 'Inter',Arial,sans-serif; letter-spacing:2px; text-transform:uppercase; }
#dt-hero-v1 .dth-eyebrow::before { content:''; width:24px; height:2px; background:var(--gold); flex:none; }
#dt-hero-v1 h1 { margin:0; padding:0; border:0; color:var(--ink); font:800 clamp(38px,4.3vw,60px)/1.08 'Inter',Arial,sans-serif; letter-spacing:-2.5px; text-transform:none; }
#dt-hero-v1 h1 span { color:#8d6b13; }
#dt-hero-v1 .dth-intro { max-width:480px; margin:22px 0 0; padding:0; color:var(--muted); font:400 16px/1.8 'Inter',Arial,sans-serif; }
#dt-hero-v1 .dth-rates { display:flex; align-items:center; gap:28px; margin:28px 0 0; min-height:84px; }
#dt-hero-v1 .dth-rate { display:flex; flex-direction:column; }
#dt-hero-v1 .dth-from { color:var(--muted); font-size:11px; font-weight:700; letter-spacing:1.1px; text-transform:uppercase; }
#dt-hero-v1 .dth-price { color:var(--ink); font:800 35px/1.4 'Inter',Arial,sans-serif; letter-spacing:-1.5px; white-space:nowrap; font-variant-numeric:tabular-nums; }
#dt-hero-v1 .dth-unit { color:var(--muted); font-size:13px; font-weight:500; letter-spacing:0; }
#dt-hero-v1 .dth-or { padding:9px 0; color:#69717b; font-size:12px; }
#dt-hero-v1 .dth-actions { display:flex; align-items:center; flex-wrap:wrap; gap:20px; margin-top:24px; }
#dt-hero-v1 a.dth-primary { display:inline-flex; justify-content:center; align-items:center; gap:28px; min-height:54px; padding:15px 23px; border:1px solid var(--ink); border-radius:7px; background:var(--ink); color:#fff; font:700 14px/1.5 'Inter',Arial,sans-serif; text-decoration:none; box-shadow:0 6px 15px #202e4314; transition:background .18s,transform .18s; }
#dt-hero-v1 a.dth-primary:hover { background:#344763; transform:translateY(-2px); }
#dt-hero-v1 a.dth-secondary { color:var(--ink); font-size:13px; font-weight:700; text-decoration:underline; text-decoration-color:#b5b9b6; text-underline-offset:5px; }
#dt-hero-v1 a:focus-visible { outline:3px solid #947018; outline-offset:5px; }
#dt-hero-v1 .dth-note { margin:14px 0 0; padding:0; max-width:475px; font:400 11px/1.7 'Inter',Arial,sans-serif; color:#626b76; }
#dt-hero-v1 .dth-visual { min-width:0; position:relative; padding:18px 0 0 18px; }
#dt-hero-v1 .dth-visual::before { content:''; position:absolute; z-index:-1; inset:0 28px 54px 0; border:1px solid #c8b879; border-radius:120px 12px 12px 12px; }
#dt-hero-v1 .dth-photo { display:block; width:100%; height:auto; aspect-ratio:1.5; object-fit:contain; object-position:center; border-radius:104px 12px 12px 12px; background:#d0b743; }
#dt-hero-v1 .dth-caption { position:relative; margin:-28px 20px 0; padding:12px 16px; display:flex; align-items:center; gap:10px; background:#fff; border:1px solid #e8e8df; border-radius:8px; box-shadow:0 12px 28px #202e430a; }
#dt-hero-v1 .dth-caption > div { min-width:0; }
#dt-hero-v1 .dth-seal { display:grid; place-items:center; flex:none; width:34px; height:34px; border-radius:50%; background:#f3ecd8; color:#8d6b13; }
#dt-hero-v1 .dth-seal svg { width:19px; height:19px; }
#dt-hero-v1 .dth-caption strong { display:block; color:var(--ink); font-size:12px; font-weight:800; line-height:1.4; }
#dt-hero-v1 .dth-caption p { padding:0; margin:3px 0 0; color:var(--muted); font:400 11px/1.5 'Inter',Arial,sans-serif; }
#dt-hero-v1 .dth-footer { display:grid; grid-template-columns:1fr 1fr 1fr; gap:28px; padding:25px 0 28px; border-top:1px solid var(--line); }
#dt-hero-v1 .dth-benefit { display:flex; align-items:center; gap:12px; }
#dt-hero-v1 .dth-benefit svg { color:#92731c; flex:none; width:21px; height:21px; }
#dt-hero-v1 .dth-benefit strong { display:block; color:var(--ink); font-size:12px; font-weight:800; }
#dt-hero-v1 .dth-benefit small { display:block; color:var(--muted); font-size:11px; }
@container dthero (max-width:1000px) {
  #dt-hero-v1 .dth-inner { padding:44px 28px 0; }
  #dt-hero-v1 .dth-grid { gap:32px; }
  #dt-hero-v1 h1 { font-size:44px; letter-spacing:-1.8px; }
  #dt-hero-v1 .dth-price { font-size:30px; }
  #dt-hero-v1 .dth-rates { gap:18px; }
}
@container dthero (max-width:720px) {
  #dt-hero-v1 .dth-inner { padding:36px 22px 0; }
  #dt-hero-v1 .dth-grid { grid-template-columns:1fr; gap:30px; padding-bottom:28px; }
  #dt-hero-v1 h1 { font-size:clamp(26px,9cqi,52px); letter-spacing:-1.6px; }
  #dt-hero-v1 .dth-intro { font-size:14px; margin-top:18px; }
  #dt-hero-v1 .dth-eyebrow { font-size:10px; letter-spacing:1.5px; margin-bottom:16px; }
  #dt-hero-v1 .dth-rates { margin-top:20px; gap:22px; }
  #dt-hero-v1 .dth-actions { margin-top:18px; }
  #dt-hero-v1 .dth-visual { width:100%; max-width:480px; margin:0 auto; }
  #dt-hero-v1 .dth-photo { aspect-ratio:1.5; }
  #dt-hero-v1 .dth-caption { margin:-22px 12px 0; padding:10px 12px; gap:8px; }
  #dt-hero-v1 .dth-seal { width:28px; height:28px; }
  #dt-hero-v1 .dth-seal svg { width:17px; height:17px; }
  #dt-hero-v1 .dth-footer { grid-template-columns:1fr; gap:17px; padding:23px 0; }
}
@media(prefers-reduced-motion:reduce) { #dt-hero-v1 a.dth-primary { transition:none; transform:none; } }
@container dthero (max-width:380px) {
  #dt-hero-v1 .dth-rates { gap:12px; }
  #dt-hero-v1 .dth-price { font-size:26px; }
  #dt-hero-v1 .dth-unit { display:block; font-size:11px; }
  #dt-hero-v1 .dth-eyebrow { letter-spacing:1px; font-size:9px; }
  #dt-hero-v1 .dth-actions { gap:16px; }
}

/* The custom hero precedes main-wrap. Move Birdseye's fixed-nav clearance
   from main-wrap to the hero, only on the dedicated test layout. */
body.dt-home-test-page #dt-hero-v1 {
  padding-top: 80px;
}
body.dt-home-test-page .main-wrap {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
@media screen and (max-width: 992px) {
  body.dt-home-test-page #dt-hero-v1 {
    padding-top: 50px;
  }
}

/* Tighten only the first editable section following the custom hero.
   Do not affect nested .container elements inside the guarantees embed. */
body.dt-home-test-page .main-wrap > #wsite-content > .wsite-section-wrap:first-child > .wsite-section > .wsite-section-content > .container {
  padding-top: 24px !important;
}